:root{
  --bg:#f5f7fb;--card:#fff;--ink:#0f1b2d;--ink2:#46536a;--muted:#7a869a;--line:#e3e8f0;
  --navy:#0e2a4f;--navy2:#143866;--acc:#ff6a13;--acc2:#e85600;--ok:#18a058;--wa:#25d366;
  --r:16px;--r2:10px;--sh:0 6px 24px rgba(15,27,45,.08);--sh2:0 14px 40px rgba(15,27,45,.16);
  --w:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img,svg{max-width:100%;display:block}
a{color:var(--navy2)}
h1,h2,h3{line-height:1.18;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(28px,4.6vw,48px)}
h2{font-size:clamp(24px,3.4vw,36px)}
h3{font-size:19px}
p{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.sec{padding:64px 0}
.sec.alt{background:#fff}
.sec-head{max-width:760px;margin-bottom:32px}
.sec-head p{color:var(--ink2);font-size:17px}
.kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc2);margin-bottom:8px}
.ico{width:28px;height:28px;flex:none}
.muted{color:var(--muted)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:14px 22px;font:700 16px/1.2 inherit;font-family:inherit;cursor:pointer;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s}
.btn:active{transform:translateY(1px)}
.btn-acc{background:var(--acc);color:#fff;box-shadow:0 8px 20px rgba(255,106,19,.32)}
.btn-acc:hover{background:var(--acc2)}
.btn-line{background:transparent;color:inherit;border:2px solid currentColor}
.btn-wa{background:var(--wa);color:#fff}
.btn-lg{padding:18px 28px;font-size:17px}
.btn-block{width:100%}

/* header */
.top{background:var(--navy);color:#cfe0f7;font-size:13px}
.top .wrap{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:34px;flex-wrap:wrap}
.top a{color:#fff;text-decoration:none}
.hdr{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;line-height:1.1}
.logo small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
.logo-mark{width:40px;height:40px;border-radius:10px;background:var(--navy);display:grid;place-items:center;flex:none}
.nav{display:flex;gap:18px;margin-left:auto}
.nav a{color:var(--ink2);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.nav a:hover{color:var(--acc2)}
.hdr-ph{display:flex;flex-direction:column;align-items:flex-end;text-decoration:none;color:var(--ink);font-weight:800;font-size:18px;white-space:nowrap}
.hdr-ph small{font-weight:500;font-size:12px;color:var(--ok)}
.hdr .btn{padding:11px 16px;font-size:15px;white-space:nowrap}
@media(max-width:1180px){.nav{display:none}.hdr-ph{margin-left:auto}}
@media(max-width:640px){.hdr .btn{display:none}.hdr-ph{font-size:16px}.logo small{display:none}.top .hide-m{display:none}}

/* hero */
.hero{background:radial-gradient(1200px 500px at 85% -10%,#2a5fa8 0,transparent 60%),linear-gradient(160deg,var(--navy) 0,#0a1f3c 100%);color:#fff;padding:48px 0 56px}
.hero .wrap{display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:center}
.hero h1 span{color:#ffb37f}
.hero-sub{font-size:19px;color:#d6e4f7;max-width:620px}
.bullets{list-style:none;padding:0;margin:22px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.bullets li{display:flex;gap:10px;align-items:flex-start;font-weight:600}
.bullets svg{width:22px;height:22px;color:#5ee39a;flex:none;margin-top:1px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-cta .btn-line{color:#fff}
.hero-note{margin-top:14px;font-size:14px;color:#a9bfdf}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.bullets{grid-template-columns:1fr}}

/* form card */
.fcard{background:#fff;color:var(--ink);border-radius:var(--r);padding:26px;box-shadow:var(--sh2)}
.fcard h3{font-size:22px;margin-bottom:6px}
.fcard .muted{font-size:14px;margin-bottom:16px}
.fld{display:block;margin-bottom:12px}
.fld span{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%;font:inherit;padding:13px 14px;border:1.5px solid var(--line);border-radius:var(--r2);background:#fbfcfe;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--navy2);background:#fff;box-shadow:0 0 0 3px rgba(20,56,102,.12)}
.fld.err input{border-color:#e5484d}
.agree{display:flex;gap:8px;font-size:12.5px;color:var(--muted);margin:10px 0 0;line-height:1.4}
.agree input{margin-top:2px;flex:none}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-ok{display:none;text-align:center;padding:12px 0}
.form-ok b{display:block;font-size:20px;margin:10px 0 4px}
.sent .form-body{display:none}.sent .form-ok{display:block}

/* chips symptoms */
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.chip{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.chip:hover{border-color:var(--acc);box-shadow:var(--sh);transform:translateY(-2px)}
.chip .ico{color:var(--acc2);width:34px;height:34px}
.chip b{display:block;font-size:16.5px;margin-bottom:3px}
.chip span{font-size:14px;color:var(--ink2)}
.chip em{display:block;font-style:normal;font-weight:700;color:var(--navy2);margin-top:6px;font-size:14px}

/* tabs */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tab{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font:600 15px inherit;font-family:inherit;cursor:pointer;color:var(--ink2)}
.tab[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.pane[hidden]{display:none}
.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.tcard b{display:block;margin-bottom:4px}
.tcard p{margin:0;font-size:14.5px;color:var(--ink2)}
.brands{display:flex;flex-wrap:wrap;gap:10px}
.brands a,.brands span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-weight:700;color:var(--ink);text-decoration:none}
.brands a:hover{border-color:var(--acc)}

/* price */
.price{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.price td{padding:14px 18px;border-bottom:1px solid var(--line)}
.price td:last-child{text-align:right;font-weight:800;white-space:nowrap}
.price tr:last-child td{border-bottom:0}
.price tr:hover td{background:#fafbfe}
.price-note{font-size:14px;color:var(--muted);margin-top:12px}
.price-wrap{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:start}
@media(max-width:900px){.price-wrap{grid-template-columns:1fr}}

/* quiz */
.quiz{background:#fff;border-radius:var(--r);box-shadow:var(--sh2);padding:28px;max-width:860px;margin:0 auto}
.qbar{height:6px;background:var(--line);border-radius:6px;overflow:hidden;margin-bottom:18px}
.qbar i{display:block;height:100%;width:25%;background:var(--acc);transition:width .3s}
.qstep{display:none}.qstep.on{display:block}
.qstep h3{font-size:22px}
.qopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:16px 0}
.qopt{border:1.5px solid var(--line);border-radius:12px;padding:14px;cursor:pointer;font-weight:600;background:#fbfcfe;text-align:left;font:600 15px inherit;font-family:inherit;color:var(--ink)}
.qopt:hover,.qopt.on{border-color:var(--acc);background:#fff4ec}
.qnav{display:flex;justify-content:space-between;gap:10px;margin-top:8px}
.qres{background:#f1f6ff;border-radius:12px;padding:16px;margin:14px 0}
.qres b{font-size:24px;color:var(--navy)}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
.step{background:#fff;border-radius:var(--r);padding:20px;border:1px solid var(--line);position:relative}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--acc);color:#fff;font-weight:800;margin-bottom:12px}
.step p{font-size:14.5px;color:var(--ink2);margin:0}
@media(max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}

/* guarantees */
.gar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gar div{display:flex;gap:14px;background:#fff;border-radius:var(--r);padding:20px;border:1px solid var(--line)}
.gar .ico{color:var(--ok);width:34px;height:34px}
.gar p{margin:0;font-size:14.5px;color:var(--ink2)}
@media(max-width:900px){.gar{grid-template-columns:1fr}}

/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmp>div{border-radius:var(--r);padding:24px;background:#fff;border:1px solid var(--line)}
.cmp .good{border:2px solid var(--ok)}
.cmp ul{margin:0;padding-left:20px}.cmp li{margin-bottom:6px}
@media(max-width:760px){.cmp{grid-template-columns:1fr}}

/* districts */
.dist{display:flex;flex-wrap:wrap;gap:8px}
.dist span{background:#eef3fb;border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600;color:var(--navy2)}

/* faq */
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px}
.faq summary{cursor:pointer;padding:18px 48px 18px 20px;font-weight:700;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--acc2);font-weight:400}
.faq details[open] summary:after{content:"–"}
.faq details p{padding:0 20px 18px;margin:0;color:var(--ink2)}

/* final cta */
.final{background:linear-gradient(150deg,var(--navy) 0,#0a1f3c 100%);color:#fff}
.final .wrap{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center}
.final p{color:#cfe0f7;font-size:17px}
.final .phones a{display:block;color:#fff;font-size:26px;font-weight:800;text-decoration:none;margin-bottom:4px}
@media(max-width:900px){.final .wrap{grid-template-columns:1fr}}

/* services */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc a{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink)}
.svc a:hover{border-color:var(--acc)}
.svc .ico{color:var(--navy2);width:34px;height:34px}
.svc p{margin:0;font-size:14px;color:var(--ink2)}
@media(max-width:900px){.svc{grid-template-columns:1fr}}

/* inner page */
.crumbs{font-size:14px;color:#a9bfdf;margin-bottom:14px}
.crumbs a{color:#cfe0f7}
.cols{display:grid;grid-template-columns:1.4fr .9fr;gap:32px;align-items:start}
.cols .stick{position:sticky;top:90px}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;margin-bottom:18px}
.box ul{margin:0;padding-left:20px}.box li{margin-bottom:6px}
.pill{display:inline-block;background:#fff4ec;color:var(--acc2);font-weight:800;border-radius:10px;padding:8px 14px;margin:0 8px 8px 0}
@media(max-width:900px){.cols{grid-template-columns:1fr}.cols .stick{position:static}}

/* footer */
.ftr{background:#0a1a31;color:#a9bad3;padding:44px 0 90px;font-size:14.5px}
.ftr .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
.ftr a{color:#dbe6f6;text-decoration:none;display:block;margin-bottom:6px}
.ftr h4{color:#fff;margin:0 0 12px;font-size:15px}
.ftr .legal{grid-column:1/-1;border-top:1px solid #1d3355;padding-top:18px;font-size:13px}
@media(max-width:900px){.ftr .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ftr .wrap{grid-template-columns:1fr}}

/* mobile bar */
.mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;box-shadow:0 -6px 20px rgba(0,0,0,.12);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}
.mbar .btn{flex:1;padding:13px 8px;font-size:15px}
@media(max-width:760px){.mbar{display:flex}}

/* modal */
.modal{position:fixed;inset:0;z-index:60;background:rgba(10,22,40,.6);display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.modal .fcard{width:100%;max-width:420px;position:relative;max-height:92vh;overflow:auto}
.x{position:absolute;right:12px;top:10px;border:0;background:none;font-size:28px;line-height:1;cursor:pointer;color:var(--muted)}

/* legal page */
.doc{background:#fff;border-radius:var(--r);padding:32px;max-width:860px}
.doc h2{font-size:22px;margin-top:1.4em}
@media(max-width:480px){.hdr .wrap{gap:10px;min-height:60px}.logo{font-size:14px}.logo-mark{width:34px;height:34px}.hdr-ph{font-size:15px}.hdr-ph small{font-size:11px}.top{display:none}}
@media(max-width:360px){.hdr-ph small{display:none}}
.quiz .fcard{box-shadow:none;padding:0}
/* фото */
.hero{background:linear-gradient(100deg,rgba(10,31,60,.96) 0,rgba(10,31,60,.88) 45%,rgba(10,31,60,.55) 100%),var(--hero,none) center/cover no-repeat,#0a1f3c}
@media(max-width:900px){.hero{background:linear-gradient(180deg,rgba(10,31,60,.9),rgba(10,31,60,.96)),var(--hero,none) center/cover no-repeat,#0a1f3c}}
.chip.has-img{flex-direction:column;padding:0;overflow:hidden;gap:0}
.chip.has-img img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#dfe5ee}
.chip-b{display:flex;gap:14px;align-items:flex-start;padding:16px 18px 18px}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.photos img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r)}
@media(max-width:700px){.photos{grid-template-columns:1fr 1fr}.photos img:last-child{display:none}}
.wide-img{width:100%;max-height:380px;object-fit:cover;border-radius:var(--r);margin-bottom:18px}
.chip.has-img img,.photos img,.wide-img{height:auto}
@media(max-width:900px){.hero{background:linear-gradient(180deg,rgba(10,31,60,.78),rgba(10,31,60,.93) 70%),var(--hero,none) center/cover no-repeat,#0a1f3c}}