
:root{--navy:#0b1d38;--navy2:#12284b;--peach:#f2b28c;--peach2:#e89b6e;--gold:#c9a24b;--cream:#fff8f2;--ink:#1c2430;--muted:#5a6572}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.6;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
.skip{position:fixed;top:0;left:16px;transform:translateY(-400%);background:var(--navy);color:#fff;padding:12px 20px;z-index:1000;border-radius:0 0 10px 10px;font-weight:bold}
.skip:focus{transform:translateY(0);color:#fff}
.banner{background:var(--gold);color:#111;text-align:center;padding:8px 14px;font-size:.86rem;font-family:Arial,sans-serif;font-weight:bold;position:relative;z-index:60}
header.site{position:sticky;top:0;z-index:200;background:var(--navy);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 18px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-right:auto}
.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.brand b{font-size:1.25rem;letter-spacing:.14em}.brand small{display:block;letter-spacing:.22em;font-size:.62rem;color:var(--peach);font-family:Arial,sans-serif}
.btn{display:inline-block;background:var(--peach2);color:#111;text-decoration:none;padding:12px 22px;border-radius:999px;font-family:Arial,sans-serif;font-weight:bold;border:2px solid var(--peach2)}
.btn:hover{background:var(--peach)} .btn-gold{background:var(--gold);border-color:var(--gold)} .btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-call{white-space:nowrap;padding:9px 18px}
.menu-btn{background:transparent;color:#fff;border:2px solid var(--peach);border-radius:999px;padding:9px 20px;font-weight:bold;cursor:pointer;font-family:Arial,sans-serif}
.menu-panel{display:none;position:absolute;top:100%;right:12px;background:#fff;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.3);padding:10px;min-width:260px;z-index:300}
.menu-panel.open{display:block}.menu-panel a{display:block;padding:10px 14px;color:var(--navy);text-decoration:none;border-radius:8px;font-family:Arial,sans-serif}
.menu-panel a:hover,.menu-panel a:focus{background:var(--cream)}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.hero{background:linear-gradient(120deg,var(--navy) 58%,var(--navy2));color:#fff;overflow:hidden;position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:52px 0 64px}
.kicker{color:var(--peach);letter-spacing:.24em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:.78rem;font-weight:bold}
.hero h1,.page-head h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.08;margin:.25em 0}
.hero-photo{position:relative;transform:rotate(2deg)}
.hero-photo img{width:100%;height:auto;border-radius:180px 180px 18px 18px;border:6px solid var(--gold);display:block}
.hero-form{background:#fff;color:var(--ink);border-radius:20px;padding:22px;box-shadow:0 24px 50px rgba(0,0,0,.28);margin-top:-38px;position:relative;z-index:5}
form label{display:block;font-family:Arial,sans-serif;font-weight:bold;font-size:.9rem;margin:12px 0 4px}
form input,form select,form textarea{width:100%;padding:11px;border:2px solid #c9cfd6;border-radius:10px;font-size:1rem}
.btn-submit{background:var(--navy);color:#fff;border:0;padding:13px 26px;border-radius:999px;font-weight:bold;cursor:pointer;width:100%;margin-top:16px;font-size:1rem}
.buyband{background:var(--peach);padding:20px 0;text-align:center;font-size:1.08rem}
.diag{background:var(--navy);color:#fff;padding:56px 0;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%)}
.diag h2,.sec h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15}
.sec{padding:54px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.svc-card{background:#fff;border-top:6px solid var(--gold);border-radius:16px;padding:22px;box-shadow:0 12px 28px rgba(11,29,56,.12)}
.svc-card:nth-child(even){transform:translateY(18px);border-top-color:var(--peach2)}
.price{color:var(--navy2);font-weight:bold;font-size:1.2rem}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;counter-reset:s}
.step{background:#fff;border-radius:50% 50% 16px 16px/22% 22% 16px 16px;padding:28px 20px;text-align:center;box-shadow:0 10px 24px rgba(11,29,56,.1)}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.photo-card img{width:100%;height:auto;border-radius:16px;display:block}
.faq{border-bottom:2px solid var(--peach);padding:16px 0}
.faq summary{cursor:pointer;font-weight:bold;font-size:1.08rem;color:var(--navy)}
table.price-list{width:100%;border-collapse:collapse;background:#fff}table.price-list td,table.price-list th{padding:11px 12px;border-bottom:1px solid #eadfd4;text-align:left}
.page-head{background:linear-gradient(115deg,var(--navy),var(--navy2));color:#fff;padding:48px 0 56px}
footer{background:var(--navy);color:#e9e2d8;padding:44px 0 90px;margin-top:0}
footer a{color:var(--peach)} .socials{display:flex;gap:12px;margin:14px 0}.socials a{width:44px;height:44px;border-radius:50%;background:var(--peach2);color:#111;display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:400;background:var(--navy);display:grid;grid-template-columns:1fr 1fr 1fr;padding-bottom:env(safe-area-inset-bottom,0px)}
.bar a{color:#fff;text-align:center;padding:14px 6px;text-decoration:none;font-family:Arial,sans-serif;font-weight:bold}.bar a:nth-child(2){background:var(--peach2);color:#111}
.bar.hide{display:none}
.watermark{position:fixed;inset:0;z-index:500;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520'%3E%3Ctext x='40' y='280' font-size='64' font-family='Arial' font-weight='bold' fill='%230b1d38' transform='rotate(-32 260 260)'%3EPREVIEW%3C/text%3E%3C/svg%3E")}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.svc-card:nth-child(even){transform:none}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
