@font-face{font-family:'Onest';src:url('/assets/onest-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Onest';src:url('/assets/onest-700.woff2') format('woff2');font-weight:700 800;font-display:swap}
@font-face{font-family:'JBM';src:url('/assets/jbm-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--r:14px;--navy:#06090F;--panel:#0D1420;--line:#1E2B3F;--azure:#4FA8F5;--gold:#FFC155;--ink:#E6EDF6;--mute:#7E8AA0}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--ink);font-family:'Onest',system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.mono{font-family:'JBM',ui-monospace,Consolas,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--azure)}
h1,h2,h3{font-weight:700;line-height:1.08;margin:0}
h1{font-size:clamp(32px,3.7vw,52px);letter-spacing:-.02em}
h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.015em}
h3{font-size:19px}
p{margin:0;line-height:1.62;color:#C4D0E0}
section{padding:clamp(56px,7vw,104px) 0;border-top:1px solid var(--line)}
.lead{font-size:clamp(17px,1.5vw,20px);color:#AFBED2;max-width:56ch}

/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(6,9,15,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:66px}
.logo{font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.logo b{color:var(--azure)}
.nav nav{display:flex;gap:22px;margin-left:auto}
.nav a.l{color:#9FB0C6;text-decoration:none;font-size:15px}
.nav a.l:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:9px;border-radius:11px;padding:14px 22px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.btn-p{background:var(--gold);color:#150F00}
.btn-p:hover{filter:brightness(1.08)}
.btn-g{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-g:hover{border-color:var(--azure)}
.btn-s{padding:10px 16px;font-size:15px}
@media(max-width:1024px){.nav nav{display:none}.nav .wrap{gap:0;justify-content:space-between}.nav .btn{margin-left:0!important}}

/* hero */
.hero{padding:clamp(60px,9vw,120px) 0 clamp(40px,5vw,72px);border:0}
.hero h1{max-width:20ch}
.hero .cta{display:flex;flex-wrap:nowrap;gap:12px;margin:26px 0 14px}
.hero .cta .btn{white-space:nowrap}
@media(max-width:560px){.hero .cta{flex-wrap:wrap}}
.fine{font-size:14px;color:var(--mute);max-width:52ch}
.heroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:start}
.heroGrid>*{min-width:0}
@media(max-width:1024px){.heroGrid{grid-template-columns:1fr;gap:36px}}

/* proof card */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.quote{border-left:3px solid var(--gold);padding-left:14px;margin:14px 0;font-size:17px;color:#EAF1FA}
.tc{font-family:'JBM',monospace;font-size:12px;background:rgba(255,193,85,.14);color:var(--gold);padding:3px 7px;border-radius:5px}
.tag{font-family:'JBM',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* numbers */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.nums div{background:var(--navy);padding:26px 20px}
.nums b{display:block;font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.nums span{font-size:14px;color:var(--mute);line-height:1.45;display:block;margin-top:6px}
@media(max-width:760px){.nums{grid-template-columns:repeat(2,1fr)}}

/* lists */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.grid2>*,.grid3>*,.cmp>*,.who>*{min-width:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:1024px){.grid2,.grid3{grid-template-columns:1fr}}
.row{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.row .n{font-family:'JBM',monospace;color:var(--gold);font-size:14px;padding-top:3px}
.row p{margin-top:7px;font-size:16px}

/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.cmp>div{padding:26px}
.cmp .a{background:#0A0E16}
.cmp .b{background:var(--panel);border-left:1px solid var(--line)}
.cmp ul{margin:16px 0 0;padding-left:0;list-style:none}
.cmp li{padding:11px 0 11px 26px;position:relative;font-size:15.5px;color:#BCC9DA;border-top:1px solid rgba(30,43,63,.7)}
.cmp .a li:before{content:"—";position:absolute;left:0;color:#5A6A80}
.cmp .b li:before{content:"→";position:absolute;left:0;color:var(--azure)}
@media(max-width:1024px){.cmp{grid-template-columns:1fr}.cmp .b{border-left:0;border-top:1px solid var(--line)}}

/* price */
.price{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1000px){.price{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.price{grid-template-columns:1fr}}
.price .p{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.price .p.hot{border-color:var(--gold)}
.price .sum{font-family:'JBM',monospace;font-size:28px;font-weight:700;color:var(--ink);margin:14px 0 2px}
.price .term{font-size:13px;color:var(--azure);font-family:'JBM',monospace;letter-spacing:.06em}
.price ul{list-style:none;padding:0;margin:16px 0 20px;font-size:15px;color:#B4C2D4}
.price li{padding:7px 0 7px 18px;position:relative}
.price li:before{content:"·";position:absolute;left:4px;color:var(--azure);font-weight:800}
.price .p .btn{margin-top:auto}

/* people */
.who{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:1024px){.who{grid-template-columns:1fr}}
.who .card{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start}
.ava{width:88px;height:88px;border-radius:12px;background:linear-gradient(150deg,#152034,#0B1220);border:1px solid var(--line);display:grid;place-items:center;font-family:'JBM',monospace;font-size:11.5px;color:var(--mute);text-align:center;line-height:1.3}
.who a{color:var(--azure);text-decoration:none;font-size:15px}

/* faq */
details{border-bottom:1px solid var(--line);padding:18px 0}
summary{cursor:pointer;font-weight:700;font-size:17.5px;list-style:none;display:flex;gap:14px;align-items:baseline}
summary::-webkit-details-marker{display:none}
summary:before{content:"+";color:var(--gold);font-family:'JBM',monospace}
details[open] summary:before{content:"–"}
details p{margin-top:12px;padding-left:28px;max-width:74ch}

/* quiz */
.quiz{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.step{display:none}.step.on{display:block}
.opts{display:grid;gap:10px;margin-top:18px}
.opt{text-align:left;background:#0A0F19;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:15px 18px;font-size:16px;cursor:pointer;font-family:inherit}
.opt:hover{border-color:var(--azure);background:#0C1524}
.pbar{height:3px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:20px}
.pbar i{display:block;height:100%;background:var(--gold);width:25%;transition:width .25s}
.f{display:grid;gap:12px;margin-top:18px;max-width:420px}
.f input{background:#0A0F19;border:1px solid var(--line);border-radius:10px;padding:15px;color:var(--ink);font-size:16px;font-family:inherit}
.f input:focus{outline:0;border-color:var(--azure)}
.back{background:0;border:0;color:var(--mute);cursor:pointer;font-family:inherit;font-size:14px;margin-top:14px;padding:0}

/* placeholder marker */
.ph{border-bottom:2px dotted var(--gold);color:var(--gold)}

/* dock */
.dock{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.dock a,.dock button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.45);transition:transform .15s,border-color .15s}
.dock a:hover{transform:translateY(-2px)}
.dock svg{width:26px;height:26px;display:block}
.dock .tg{border-color:#229ED9}.dock .tg svg{fill:#229ED9}
.dock .vb{border-color:#7360F2}.dock .vb svg{fill:#7360F2}
.dock a:hover,.dock button:hover{border-color:var(--azure)}
.dock .big{width:auto;padding:0 20px;height:52px;border-radius:26px;background:var(--gold);color:#150F00;font-weight:700;font-size:15px;border:0;gap:8px;display:flex;align-items:center}
footer{border-top:1px solid var(--line);padding:44px 0;color:var(--mute);font-size:14.5px}
footer a{color:#A8B8CC;text-decoration:none;display:inline-block;padding:10px 0;line-height:1.2}
footer .fg{display:flex;flex-wrap:wrap;gap:26px;align-items:baseline}

/* перемикач мов */
.lsw{display:flex;align-items:center;gap:2px;margin-left:14px;font-family:'JBM',monospace;font-size:12px;letter-spacing:.06em}
.lsw a,.lsw .lsw-on{padding:5px 7px;border-radius:6px;text-decoration:none;line-height:1}
.lsw a{color:var(--mute)}
.lsw a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.lsw .lsw-on{color:var(--gold);background:rgba(255,193,85,.10);font-weight:700}
@media(max-width:1024px){.lsw{margin-left:auto;margin-right:10px}}

/* пропозиція перемкнути мову */
.lbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  max-width:640px;margin:0 auto;padding:14px 18px;border:1px solid #2A3C56;border-radius:14px;
  background:rgba(11,17,28,.97);backdrop-filter:blur(8px);box-shadow:0 12px 40px rgba(0,0,0,.5);
  opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s}
.lbar.on{opacity:1;transform:none}
.lbar-t{flex:1 1 220px;font-size:15.5px;color:#E4EBF4;line-height:1.4}
.lbar-y{padding:9px 16px;border-radius:9px;background:var(--gold);color:#0A0F19;font-weight:700;font-size:14.5px;text-decoration:none;white-space:nowrap}
.lbar-n{padding:9px 14px;border-radius:9px;background:transparent;border:1px solid var(--line);color:#9FB0C6;font-size:14.5px;cursor:pointer;white-space:nowrap}
.lbar-n:hover{border-color:var(--azure);color:var(--ink)}
@media(max-width:560px){.lbar{left:10px;right:10px;bottom:10px;padding:13px 15px}.lbar-t{flex-basis:100%}}

/* --- правки за аудитом: розмір тексту і тач-цілі --- */
.cs-g{font-size:11.5px}
.tag{font-size:11.5px}
.logo{display:inline-block;padding:9px 0}
.lsw a,.lsw .lsw-on{min-height:36px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px}
.cs-all{display:inline-block;padding:10px 0}
.cs-dot{height:22px;background:transparent;position:relative}
.cs-dot:after{content:"";position:absolute;left:0;right:0;top:9px;height:4px;border-radius:2px;background:var(--line);transition:background .2s}
.cs-dot[aria-current="true"]:after{background:var(--gold)}
.cs-arr{width:40px;height:40px}
details summary{padding-top:15px;padding-bottom:15px;min-height:40px}
/* горизонтальні таблиці не розпирають сторінку */
table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

footer .fg a{padding:10px 0}

a[href]{padding-top:5px;padding-bottom:5px}