:root{
--cyr:"Golos Text";
}
html[data-theme="light"]{--error:#A8300F}
html[data-theme="dark"]{--error:#FF9B7E}
h1,h2,h3,h4,
.logo,
.hero .hero-sub,
.brand,
.sc-name,
.ph-top b,
.try-hint b,
.poster-frame .pf-h,
.vc-t,
.sys-ch h3,
.ctrl-card :is(h3,h4),
.q-h,
.dw-word span,
.modal h3{
font-family:"Archivo",var(--cyr),sans-serif;
}
body,
.hero-proof .hp-cap,
.hp-src summary::before,
.hp-src-body b,
.eyebrow,
.lang-menu .grp,
.lang-opt .code,
.board-cat,
.sc-badge,
.sc-deal,
.sc-wt,
.sc-sold span,
.bg-cat,
.gi-wt,
.ph-top em,
.ph-crumb,
.poster-frame .pf-eyebrow,
.vs-lab,
.vs-live,
.vs-foot,
.step-cards .step-n,
.price .ptag,
.price .tier,
.price .amt small,
.oneoff .ol,
.oneoff .oi b,
.pfoot,
.q-n,
.form .f-lab,
.copy,
.plan-opt small,
.cr-h,
.roi-big .unit,
.roi-src summary::before,
.roi-src-links,
.roi-mini .l,
.aud-cap{
font-family:"DM Sans",var(--cyr),system-ui,sans-serif;
}
.hero-proof .hp>b,
.price .amt,
.ci-val,
.roi-big,
.roi-year,
.cr-row .v,
.roi-mini b,
.dw-chip{
font-family:"Space Grotesk","DM Sans",var(--cyr),sans-serif;
}
.ph-sb .sb-time,
.video-badge,
.vp-time,
.dw-clock,
.dw-track,
.dw-labs{
font-family:"DM Mono",var(--cyr),monospace;
}
.gi-price,
.sc-price,
.ph-stepper .v{
font-family:"Space Grotesk","DM Sans",var(--cyr),sans-serif;
font-variant-numeric:tabular-nums;
}
:root{
--gutter:clamp(22px,2.4vw,56px);
--measure:2340px;
--container:calc(var(--measure) + 2 * var(--gutter));
--prose:56ch;
--prose-lead:34ch;
}
.container{max-width:var(--container);
padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))
max(var(--gutter),env(safe-area-inset-right,0px))}
.hero>.container{max-width:var(--container)}
.hero .hero-sub{max-width:var(--prose-lead)}
.hero-pluses li div span{max-width:var(--prose)}
.faq-wrap{max-width:60rem;margin-inline:0}
.sec-head{max-width:none}
.sec-head h2{max-width:40ch}
#how .sec-head p.sub{max-width:var(--prose)}
@media(min-width:901px){
.foot{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
gap:clamp(30px,3vw,64px);align-items:start}
.foot-links{display:contents}
}
@media(min-width:1081px){
.hero-proof{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1081px){
.poster-frame>*{max-width:calc(70% - 88px)}
}
@media(min-width:1081px){
.video-chapters{grid-template-rows:repeat(3,auto);align-self:center}
}
.roi-big .num{min-width:0}
.vs-old .vs-foot{text-transform:none;letter-spacing:0;font-size:13.5px}
.nav-links{gap:clamp(14px,1.35vw,26px);margin-left:clamp(14px,1.7vw,36px)}
.nav-links a{font-size:clamp(15px,1.11vw,16px);white-space:nowrap}
.nav-links a::after{width:100%;transform:scaleX(0);transform-origin:left center;
transition:transform .25s var(--ease);pointer-events:none}
.nav-links a:hover::after{transform:scaleX(1)}
.lang-more .lang-code{
display:inline-flex;font-family:"DM Sans",var(--cyr),system-ui,sans-serif;
font-size:13px;font-weight:600;letter-spacing:.06em;line-height:1;color:var(--ink);
}
.lang-wrap.up .lang-menu{top:auto;bottom:calc(100% + 10px)}
.foot-langs .lang-opt{border:0;border-radius:9px;padding:9px 10px;opacity:1;font-size:14.5px;color:var(--ink)}
.foot-langs .lang-opt:hover{background:var(--surface-2);border-color:transparent}
.foot-langs .lang-opt.on{font-weight:700}
.foot-langs .lang-opt .flag{width:22px;height:15px}
.sec-head h2:first-child{margin-top:0}
.sys-ch{gap:14px}
#how .step-cards{
--node:46px;
--rail-gap:clamp(20px,2.2vw,38px);
position:relative;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0 var(--rail-gap);
padding-top:calc(var(--node) + 20px);
margin-top:4px;
}
#how .step-cards::before{
content:"";position:absolute;left:0;right:0;top:calc(var(--node)/2 - 1px);height:2px;
background:linear-gradient(90deg,var(--accent),var(--line-strong) 58%,var(--line-strong) 82%,transparent);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--line-strong)) 58%,var(--line-strong) 82%,transparent);
}
#how .step-cards .ctrl-card{position:relative;border-top:0;padding:0}
#how .step-cards .ctrl-ic{
position:absolute;left:0;top:calc(-1 * (var(--node) + 20px));
width:var(--node);height:var(--node);border-radius:50%;
background:var(--bg-2);background:color-mix(in srgb,var(--accent) 13%,var(--bg-2));
box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 38%,transparent);
}
#how .step-cards .ctrl-card:not(:last-child)::after{
content:"";position:absolute;
top:calc(var(--node)/2 - var(--node) - 20px);
right:calc(var(--rail-gap) / -2);
width:0;height:0;transform:translate(50%,-50%);
border:5px solid transparent;
border-left:8px solid color-mix(in srgb,var(--accent) 55%,var(--line-strong));
}
#how .step-cards .step-n{margin-top:2px}
@media(max-width:900px){
#how .step-cards{--node:40px;grid-template-columns:1fr;gap:24px 0;padding:0 0 0 calc(var(--node) + 18px)}
#how .step-cards::before{
left:calc(var(--node)/2 - 1px);right:auto;top:calc(var(--node)/2);bottom:0;width:2px;height:auto;
background:linear-gradient(180deg,var(--accent),var(--line-strong) 58%,var(--line-strong) 84%,transparent);background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--line-strong)) 58%,var(--line-strong) 84%,transparent);
}
#how .step-cards .ctrl-ic{left:calc(-1 * (var(--node) + 18px));top:0}
#how .step-cards .ctrl-card:not(:last-child)::after{display:none}
}
.dw-grid i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 0 0 1px rgba(0,0,0,.55),0 0 0 7px var(--dw-bezel)}
.daywall{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr))}
.dw-word{inset:7% auto auto 5%;display:block;width:62%;height:auto}
.dw-word span{position:absolute;left:0;top:0;margin-top:0;font-size:clamp(18px,6cqw,46px);line-height:1.1;text-align:left}
.dw-menu{
position:absolute;left:5%;right:56%;top:27%;bottom:11%;z-index:2;
display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:0 .9em;
font-family:"DM Sans",var(--cyr),system-ui,sans-serif;font-size:clamp(9px,2.3cqw,19px);line-height:1.15;
color:#FBF1F2;text-shadow:0 .08em .5em rgba(0,0,0,.5);
}
.dw-menu b{font-weight:600;letter-spacing:-.01em}
.dw-menu i{font-style:normal;font-family:"Space Grotesk","DM Sans",var(--cyr),system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}
.dw-menu>*{padding-bottom:.55em;border-bottom:1px solid color-mix(in srgb,currentColor 24%,transparent)}
.dw-scene.s1 .dw-menu{color:#4A2C18;text-shadow:0 .08em .4em rgba(255,244,224,.55)}
.dw-chip{left:auto;right:6%;top:auto;bottom:8%;font-size:clamp(10px,3cqw,24px)}
@container wall (max-width:29rem){
.dw-menu{display:none}
.dw-word{inset:auto auto 11% 6%;width:88%;height:auto}
.dw-word span{top:auto;bottom:0;font-size:clamp(18px,9cqw,40px)}
.dw-art,.dw-scene img{left:52%;width:40%;top:8%;height:84%}
.dw-scene.s1 .dw-art{left:53%;width:38%;top:7%;height:86%}
}
@media(max-width:600px){ .dw-wall{aspect-ratio:5/3} }
.roi-break .cr-row:last-child{border-bottom:0}
.roi-break .rr-once{border-top:1px dashed var(--line-strong);border-bottom:0;
margin-top:6px;padding-top:13px;font-size:14.5px;color:var(--muted)}
.roi-break .rr-once .v{color:var(--muted)}
.roi-be{max-width:44ch}
.skip-link{position:absolute;left:clamp(12px,2.4vw,24px);top:-140px;z-index:160;
display:inline-flex;align-items:center;padding:12px 18px;border-radius:12px;
background:var(--accent);color:#fff;
font-family:"DM Sans",var(--cyr),system-ui,sans-serif;font-weight:500;font-size:14px;letter-spacing:.04em;
box-shadow:var(--shadow)}
.skip-link:focus{transform:translateY(154px)}
.skip-link:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
main{display:block}
main:focus{outline:none}
.hero-proof h2.hp-cap{line-height:1.6;font-stretch:100%;margin-top:0}
.foot-col h3{font-family:"DM Sans",var(--cyr),system-ui,sans-serif;font-weight:700;font-stretch:100%;
font-size:13px;line-height:1.6;letter-spacing:.14em;text-transform:uppercase;
color:var(--muted);margin-bottom:14px}
.f-err{display:flex;gap:8px;align-items:flex-start;margin-top:2px;text-align:left;
font-family:"DM Sans",var(--cyr),system-ui,sans-serif;font-size:13.5px;line-height:1.45;color:var(--error)}
.form .f-err{color:var(--error)}
.f-err[hidden]{display:none}
.f-err::before{content:"!";flex:0 0 auto;width:16px;height:16px;margin-top:1px;border-radius:50%;
background:var(--error);color:var(--bg);font-size:11px;font-weight:700;line-height:16px;text-align:center}
.form input[aria-invalid="true"]{border-color:var(--error);background:transparent;background:color-mix(in srgb,var(--error) 10%,transparent)}
.form input[aria-invalid="true"]:focus{border-color:var(--error)}
.form input[aria-invalid="true"]:focus-visible{outline-color:var(--error)}
.modal .form .f-lab{color:var(--muted)}
.foot-col .foot-reach{line-height:1.45}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.ph-close{position:absolute;top:-9px;right:-7px;z-index:7;width:28px;height:28px;border-radius:50%;
border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);
font-size:17px;line-height:1;font-family:inherit;cursor:pointer;display:grid;place-items:center;
box-shadow:var(--shadow);transition:color .2s,background .2s,border-color .2s}
.ph-close:hover{color:var(--ink);border-color:var(--ink)}
.ph-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ph-close::after{content:"";position:absolute;inset:-9px;border-radius:50%}
.phone.ph-hidden{opacity:0;visibility:hidden;pointer-events:none}
.mrail{position:fixed;right:clamp(12px,2.2vw,34px);bottom:clamp(12px,2.2vw,34px);z-index:84;
display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:none}
.mrail>*{pointer-events:auto;display:none;opacity:0;transform:translateY(10px);
transition:opacity .3s var(--ease),transform .3s var(--ease)}
.mrail>.show{display:inline-flex;opacity:1;transform:none}
.ph-dock{align-items:center;gap:9px;min-height:44px;padding:12px 17px;border-radius:999px;
font:inherit;font-weight:700;font-size:14px;line-height:1.1;cursor:pointer;
background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);
box-shadow:0 16px 34px -14px rgba(0,0,0,.5)}
.ph-dock:hover{border-color:var(--accent)}
.ph-dock:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ph-dock .pd-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--accent);
box-shadow:0 0 10px var(--accent);animation:dockPulse 2.2s ease-in-out infinite}
@keyframes dockPulse{0%,100%{opacity:1}50%{opacity:.35}}
.m-cta{min-height:44px;padding:13px 20px;font-size:15px;white-space:nowrap}
.try-hint .th-short{display:none}
.phone.hint-auto .try-hint.show{opacity:0;pointer-events:none}
#demoForm{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
@media(min-width:601px) and (max-width:1080px){
.nav-cta{display:inline-flex;font-size:13px;padding:10px 15px}
.theme-toggle{padding:9px}
.theme-toggle span{display:none}
.video-play{width:64px;height:64px}
.poster-frame .pf-h{font-size:clamp(22px,3.2vw,40px)}
.poster-frame>*{max-width:calc(70% - 72px)}
}
@media(max-width:600px){
.try-hint{display:flex;left:auto;right:0;width:auto;max-width:none;
transform:translateX(0) translateY(8px);
margin-bottom:10px;padding:10px 12px;gap:8px;border-radius:13px;align-items:flex-start}
.try-hint.show{transform:translateX(0) translateY(0)}
.try-hint .pin{display:none}
.try-hint b{font-size:12.5px}
.try-hint p{font-size:11.5px;line-height:1.4;margin-top:2px}
.try-hint p:not(.th-short){display:none}
.try-hint .th-short{display:block}
.th-close{display:none}
.ph-arrow{position:relative}
.ph-arrow::after{content:"";position:absolute;inset:-5px;border-radius:11px}
.ph-stepper button{position:relative}
.ph-stepper button::after{content:"";position:absolute;inset:-4px -2px;border-radius:9px}
.switch::after{content:"";position:absolute;inset:-5px -6px;border-radius:999px}
}
@media(prefers-reduced-motion:reduce){
.hp-src::details-content,.roi-src::details-content,
.hp-src[open]::details-content,.roi-src[open]::details-content{transition:none}
}
@media print{
.mrail{display:none}
.skip-link{display:none}
}
@media (min-width:1300px) and (max-width:1400px){
.nav-links{gap:clamp(13px,1.5vw,26px);margin-left:clamp(16px,2vw,36px)}
.nav-links a{font-size:clamp(13.5px,1.25vw,16px)}
.nav-right{gap:9px}
.nav-cta{font-size:13px;padding:10px 13px}
}
@media (min-width:1081px) and (max-width:1299px){
.menu-btn{display:inline-flex}
.m-menu.open{display:block}
.nav-links{display:none}
.nav-cta{display:inline-flex;font-size:13px;padding:10px 15px}
.theme-toggle{padding:9px}
.theme-toggle span{display:none}
}
.nav-cta{flex:0 0 auto}
.price .btn{white-space:normal;text-align:center;line-height:1.25;padding-top:13px;padding-bottom:13px}
.price .btn{overflow:visible}
@container stage (max-width:26rem){
.sc-badge{display:none}
}
:lang(nl) .hero h1,:lang(fr) .hero h1,:lang(de) .hero h1,
:lang(es) .hero h1,:lang(ru) .hero h1,:lang(kk) .hero h1{
}
:lang(nl) .hero .hero-sub,:lang(fr) .hero .hero-sub,:lang(de) .hero .hero-sub,
:lang(es) .hero .hero-sub,:lang(ru) .hero .hero-sub,:lang(kk) .hero .hero-sub{
font-size:clamp(17px,1.45vw,22.5px);
}
h1,h2,h3,.price .amt,.eyebrow,.hp-cap,.vc-t,.sc-name{overflow-wrap:break-word}
:lang(de) h1,:lang(de) h2,:lang(de) h3,:lang(de) p,:lang(de) li,
:lang(nl) h1,:lang(nl) h2,:lang(nl) h3,:lang(nl) p,:lang(nl) li,
:lang(ru) h1,:lang(ru) h2,:lang(ru) h3{-webkit-hyphens:auto;hyphens:auto}
.foot-reach{max-width:46ch}
.foot-contact{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.roi-inputs label{text-wrap:pretty}
:lang(ru) h1,:lang(ru) h2,:lang(ru) h3,
:lang(ru) .logo,:lang(ru) .poster-frame .pf-h,:lang(ru) .sys-ch h3,
:lang(ru) .ctrl-card h3,:lang(ru) .modal h3{
font-weight:900;
letter-spacing:-.012em;
}
:lang(ru) .hero h1{font-size:clamp(35px,4.9vw,85px)}
:lang(ru) .sec-head h2,:lang(ru) .cta-final h2{font-size:1.05em}
#roiCta{white-space:normal;text-align:center;line-height:1.25;overflow:visible}
.plan-seg{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.ph-top em{max-width:76%}
@media (max-width:600px){ .ph-top em{font-size:9px} }
@media (min-width:1500px){ .nav-right .lang{display:inline-flex} }
.lang-more .flag{display:inline-flex;flex-shrink:0}
@media (max-width:600px){ .lang-more{padding:7px 10px;gap:6px} }
@media (min-width:1500px){
:lang(en) .lang-more .lang-code,
:lang(nl) .lang-more .lang-code,
:lang(de) .lang-more .lang-code{display:none}
}
a.logo{font-size:clamp(19px, calc(16.33px + .445vw), 26px); gap:.42em}
a.logo .dot{width:.5em;height:.5em}
a.logo .dot::before{inset:-.23em}
a.logo .dot,
.logo .dot{
width:auto;aspect-ratio:241/256;height:1.06em;border-radius:0;box-shadow:none;
background:url(assets/logo/mark-light.webp) center/contain no-repeat;
flex:0 0 auto}
html[data-theme="dark"] .logo .dot{background-image:url(assets/logo/mark-dark.webp)}
.logo .dot::before,.logo .dot::after{content:none}
@media (max-width:350px){
.lang-more .lang-code{display:none}
}
.aud-cap,
.lang-opt.on,
.foot-langs .lang-opt.on,
.foot-langs button.on,
.m-menu a:last-child,
.hp-src summary::before,
.roi-src summary::before,
.btn-outline:hover,
.q-h:hover,
.lang-more:hover,
.linklike:hover,
.foot-col a:hover,
.vchap.on .vc-t,
.vchap:hover .vc-t,
.ph-dock:hover{color:var(--accent-text)}
.foot-col .foot-reach{opacity:1;color:var(--muted)}
html[data-theme="dark"] .gi-price,
html[data-theme="dark"] .ph-stepper .v.hot{color:#F2708D}
.ph-top em{color:var(--board-muted)}
.ph-top em.draft{color:var(--plate)}
html[data-theme="light"] .vs-live{color:#146237}
.switch i{background:var(--board);box-shadow:0 0 0 1px color-mix(in srgb,var(--board-text) 55%,transparent)}
.switch.on i{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
input[type=range].ci{background:linear-gradient(90deg,var(--accent) var(--p,50%),
transparent var(--p,50%));background:linear-gradient(90deg,var(--accent) var(--p,50%),
color-mix(in srgb,var(--ink) 34%,transparent) var(--p,50%))}
.video-frame.playing .video-play{visibility:hidden}
.video-ctl{visibility:hidden}
.video-frame.playing.ctl-show .video-ctl,
.video-frame.playing.paused .video-ctl,
.video-frame:focus-within .video-ctl{visibility:visible;opacity:1;pointer-events:auto}
@media(hover:none){.video-frame.playing .video-ctl{visibility:visible}}
.try-hint{visibility:hidden}
.try-hint.show{visibility:visible}
.pad{padding:clamp(56px,5.2vw,112px) 0}
.sec-head{margin-bottom:clamp(28px,2.6vw,52px)}
#how .sec-head{margin-bottom:clamp(20px,1.8vw,34px)}
#how.pad{padding:clamp(56px,5.2vw,112px) 0}
html[data-theme="dark"]{--bg-2:#1F1219;--board:#1C1318}
html[data-theme="dark"] #how.pad,
html[data-theme="dark"] #pricing.pad{border-top:0;border-bottom:0}
html[data-theme="dark"] .tv{box-shadow:var(--shadow),
0 0 110px -40px color-mix(in srgb,var(--plate) 60%,transparent),
inset 0 0 0 1px rgba(255,255,255,.08)}
@media(min-width:1500px){
.faq-wrap{max-width:none;display:grid;grid-template-columns:1fr 1fr;
column-gap:clamp(40px,4vw,96px);align-content:start}
}
.mrail{bottom:calc(clamp(12px,2.2vw,34px) + env(safe-area-inset-bottom,0px))}
@media(max-width:600px){
footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
a,button,summary,label,input[type=range],.q-h{-webkit-tap-highlight-color:transparent}
@media(max-width:400px){
header .lang-wrap{position:static}
header .lang-menu{right:14px;width:min(230px,calc(100vw - 28px))}
}
.vs-mid{width:clamp(18px,2.6vw,46px);height:clamp(18px,2.6vw,46px)}
.sp-beyond::after{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 3%,
var(--bg) 30%,
var(--bg) 66%,var(--bg) 96%,var(--bg) 100%);background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 3%,
color-mix(in srgb,var(--bg) 84%,transparent) 30%,
color-mix(in srgb,var(--bg) 80%,transparent) 66%,var(--bg) 96%,var(--bg) 100%)}
.sp-faq::after{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 3%,transparent 20%,transparent 80%,var(--bg) 97%,var(--bg) 100%),
radial-gradient(110% 86% at 50% 38%,var(--bg) 42%,var(--bg) 100%),
linear-gradient(0deg,transparent,transparent);background:
linear-gradient(180deg,var(--bg) 0%,var(--bg) 3%,transparent 20%,transparent 80%,var(--bg) 97%,var(--bg) 100%),
radial-gradient(110% 86% at 50% 38%,var(--bg) 42%,color-mix(in srgb,var(--bg) 62%,transparent) 100%),
linear-gradient(0deg,color-mix(in srgb,var(--bg) 30%,transparent),color-mix(in srgb,var(--bg) 30%,transparent))}
html.js .hero .rv,
html.js .hero-cta .rv,
html.js .hero-pluses .rv{opacity:1;transform:none;transition:none;
animation:heroRise .72s var(--rvz) both}
html.js .hero .rv.d1{animation-delay:.09s}
html.js .hero .rv.d2{animation-delay:.17s}
html.js .hero .rv.d3{animation-delay:.25s}
@keyframes heroRise{from{transform:translateY(18px)}to{transform:none}}
@media(prefers-reduced-motion:reduce){
html.js .hero .rv,html.js .hero-cta .rv,html.js .hero-pluses .rv{animation:none}
}
html[data-theme="dark"]{--ctl-line:#8A7A80;--ctl-line-board:#9A8990}
html[data-theme="light"]{--ctl-line:#6E5A61;--ctl-line-board:#6E5A61}
.form input,.form select,.form textarea,
.modal .form input,.modal .form textarea,
.btn-outline,.roi-mini,.roi-inputs,
.lang,.lang-more,.theme-toggle,.menu-btn,.vchap,.ph-close,.ph-dock,
.foot-langs button,.modal-x{border-color:var(--ctl-line)}
.ph-arrow,.ph-stepper button,.switch{border:1px solid var(--ctl-line-board)}
.switch{background:transparent;background:color-mix(in srgb,var(--board-text) 20%,transparent)}
.switch.on{background:var(--plate);border-color:var(--plate)}
html{scroll-padding-top:96px}
@media(max-width:600px){html{scroll-padding-bottom:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:820px){
.form input,.form select,.form textarea{font-size:16px}
}
.roi-mini{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
@media(max-width:860px){
#calculator .roi-inputs{padding-bottom:104px}
}
.hero-book{display:none}
@media(max-width:820px){
.hero-book{display:inline-flex;order:-1;
background:var(--accent);color:#fff;border:0;
box-shadow:0 10px 26px -12px var(--accent)}
.hero-book:hover{filter:brightness(1.06)}
.hero-cta #calcOpen{background:transparent;color:var(--ink);
border:1px solid var(--ctl-line);box-shadow:none}
.hero-cta{gap:10px}
}
.mrail>.ph-dock{display:inline-flex;position:absolute;right:0;bottom:0;
opacity:0;pointer-events:none;clip-path:inset(50%)}
.mrail>.ph-dock.show,
.mrail>.ph-dock:focus-visible{position:static;opacity:1;transform:none;
pointer-events:auto;clip-path:none}
.hp-cite{display:block;margin-top:6px;font-style:normal;
font-family:"DM Sans",var(--cyr),system-ui,sans-serif;font-size:11.5px;letter-spacing:.02em;
color:var(--muted);opacity:.85}
.hp-disclaim{margin:6px 0 0;font-size:12.5px;color:var(--muted);max-width:64ch}
.m-menu{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
html:not(.js) .q-b{grid-template-rows:1fr}
html:not(.js) .q-b p{visibility:visible}
@media (max-width:1299px){
html:not(.js) header{position:static}
html:not(.js) .m-menu{display:block;position:static;max-height:none;overflow:visible}
html:not(.js) .menu-btn{display:none}
}
header.solid{-webkit-backdrop-filter:blur(14px)}
.sc-badge{-webkit-backdrop-filter:blur(4px)}
.video-badge,.vp-btn{-webkit-backdrop-filter:blur(6px)}
.roi-inputs{-webkit-backdrop-filter:blur(10px)}
@media print{header{-webkit-backdrop-filter:none}}
html{-webkit-text-size-adjust:100%}
.hp-src summary,.roi-src summary{-webkit-user-select:none}
:is(.btn,.th-close):focus-visible{border-radius:999px}
.sc-deal{visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s .4s}
.sc-deal.on{visibility:visible;transition:opacity .4s,transform .4s,visibility 0s}
.sc-sold{visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.showcase.out .sc-sold{visibility:visible;transition:opacity .45s,visibility 0s}
#calculator{overflow:clip}
#how,#pricing{background:var(--bg-2);
border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
[id]{scroll-margin-top:0}
#stage{scroll-margin-top:16px}
.q-hh{font:inherit;font-stretch:inherit;letter-spacing:inherit;line-height:inherit;
overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;display:block}
.price h3.tier{font-weight:inherit;line-height:inherit;font-stretch:normal}
.ns-note{max-width:var(--container);margin:0 auto;padding:16px var(--gutter);
background:var(--bg-2);border-bottom:1px solid var(--line);
color:var(--muted);font-size:15px;line-height:1.55}
.ns-note strong{color:var(--ink);font-weight:700}
.form input.hp-field,.hp-field{position:absolute;left:-9999px;top:auto;
width:1px;height:1px;min-height:0;padding:0;border:0;
overflow:hidden;opacity:0;pointer-events:none}
@media(min-width:1500px){ .faq-wrap>.q{align-self:start} }
@media(max-width:600px){
#menuBtn,.theme-toggle,.lang-more,.lang :is(a,button){min-height:44px;min-width:44px}
.lang :is(a,button){padding-inline:14px}
}
.copy a{text-decoration:underline}
.hp-src-body .fn{color:var(--muted);color:color-mix(in srgb,var(--muted) 88%,transparent)}
html[data-theme="light"]{--board-muted:#6B555C}
html[data-theme="dark"] .board{--accent-text:#EE7A97}
.sc-badge{background:rgba(20,12,16,.66)}
html[data-theme="light"] .video-badge{background:rgba(20,12,16,.72)}
@media(max-width:400px){
.nav{gap:10px}
.nav-right{gap:8px}
a.logo{font-size:18px}
header .container.nav{padding-inline:14px}
.lang-more{gap:5px;padding-inline:9px}
.lang-more>svg{display:none}
}
.th-close{width:24px;height:24px}
.switch{width:40px;height:24px}
.switch i{width:20px;height:20px}
input[type=range].ci{height:24px;padding-block:8.5px;
background-clip:content-box;background-origin:content-box}
@media(pointer:coarse){
input[type=range].ci{height:43px;padding-block:18px;
background-clip:content-box;background-origin:content-box}
}
input[type=range].ci::-moz-range-thumb{width:24px;height:24px}
@media(max-width:600px){
.ph-arrow{width:24px;height:24px}
.ph-stepper button{width:24px;height:24px}
.switch{width:36px;height:24px}
.switch i{width:20px;height:20px}
}
.foot-col a:hover,
.linklike:hover{opacity:1}
.lang-opt{text-decoration:none;color:var(--ink)}
.nav-links a:focus-visible::after{transform:scaleX(1)}
.foot-col a:focus-visible,
.linklike:focus-visible{opacity:1}
.btn-primary:focus-visible{background:var(--accent-deep);transform:translateY(-2px)}
.btn-outline:focus-visible{border-color:var(--accent);color:var(--accent-text);transform:translateY(-2px)}
.ph-btn:focus-visible{transform:translateY(-1px)}
.video-frame:focus-within .video-play{transform:translate(-50%,-50%) scale(1.06);background:var(--accent-deep)}
.vp-track:focus-within .vp-knob{transform:translate(-50%,-50%) scale(1)}
.vchap:focus-visible .vc-t::before{transform:translateX(3px)}
.foot-langs button:focus-visible{border-color:var(--accent);color:var(--accent-text);opacity:1}
.phone-grip::before{transition:background .2s,transform .2s;transform-origin:center}
.phone-grip:hover::before{width:38px;transform:scaleX(1.26)}
.ph-home::before{transition:background .2s,transform .2s;transform-origin:center}
.ph-home:hover::before{width:96px;transform:scaleX(1.125)}
.switch i{left:2px;transition:transform .3s var(--ease),background .3s}
.switch.on i{left:2px;transform:translateX(16px)}
@media(max-width:600px){
.switch.on i{transform:translateX(12px)}
}
.skip-link{transition:transform .18s var(--ease)}
@keyframes rvFailsafe{to{opacity:1;transform:none}}
html.js .rv{animation:rvFailsafe 0s linear 3.5s forwards}
.sp-hero img{transition:filter 1s var(--rvz),transform 1.4s var(--rvz)}
.sp-hero::after{transition:opacity .9s var(--rvz)}
html[data-hero="veiled"] .sp-hero img{filter:none;transform:scale(1.03)}
html[data-hero="veiled"] .sp-hero::after{opacity:0}
html[data-hero="veiled"] .hero::before,
html[data-hero="veiled"] .hero::after{opacity:0;transition:opacity .8s var(--rvz)}
html[data-hero] .hero{min-height:100svh}
html[data-hero="veiled"] .hero .rv,
html[data-hero="veiled"] .hero .rv.hero-cta,
html[data-hero="veiled"] .hero .rv.hero-pluses{animation:none}
html[data-hero] .hero h1.rv{transition:opacity .7s var(--rvz) .06s,transform .9s var(--rvz) .06s}
html[data-hero] .hero .rv.hero-sub{transition:opacity .7s var(--rvz) .16s,transform .9s var(--rvz) .16s}
html[data-hero] .hero .rv.hero-cta{transition:opacity .7s var(--rvz) .26s,transform .9s var(--rvz) .26s}
html[data-hero] .hero .rv.hero-pluses{transition:opacity .7s var(--rvz) .34s,transform .9s var(--rvz) .34s}
html[data-hero] .hero .rv.stage{transition:opacity .8s var(--rvz) .2s,transform 1s var(--rvz) .2s}
html[data-hero="veiled"] .hero h1.rv{opacity:0;transform:translateX(-52px)}
html[data-hero="veiled"] .hero .rv.hero-sub{opacity:0;transform:translateX(-34px)}
html[data-hero="veiled"] .hero .rv.hero-cta{opacity:0;transform:translateY(38px)}
html[data-hero="veiled"] .hero .rv.hero-pluses{opacity:0;transform:translateY(30px)}
html[data-hero="veiled"] .hero .rv.stage{opacity:0;transform:translateX(64px) scale(.94)}
html[data-hero="veiled"] .hero-grid{pointer-events:none}
.phone{transition:opacity .6s var(--rvz) .3s}
html[data-hero="veiled"] .phone{opacity:0;pointer-events:none}
html[data-hero="veiled"] .phone .try-hint{opacity:0}
.sp-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:22%;
z-index:1;pointer-events:none;opacity:0;transition:opacity .8s var(--rvz);
background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 86%,transparent) 0%,
color-mix(in srgb,var(--bg) 52%,transparent) 46%,transparent 100%)}
html[data-hero="veiled"] .sp-hero::before{opacity:1}
.hero-hint{position:fixed;left:50%;bottom:clamp(18px,3.4vh,38px);transform:translateX(-50%);
z-index:3;display:flex;flex-direction:column;align-items:center;gap:9px;
font-family:"DM Sans",system-ui,sans-serif;font-weight:500;font-size:12px;
letter-spacing:.2em;text-transform:uppercase;color:var(--ink);
opacity:0;pointer-events:none;transition:opacity .6s var(--rvz) .5s;
text-shadow:0 1px 12px rgba(0,0,0,.55)}
html[data-hero="veiled"] .hero-hint{opacity:1}
.hero-hint::before{content:"";position:absolute;inset:-14px -22px;z-index:-1;border-radius:999px;
background:radial-gradient(60% 70% at 50% 50%,color-mix(in srgb,var(--bg) 62%,transparent),transparent 72%)}
.hero-hint svg{width:22px;height:22px;display:block;animation:hintNudge 2.4s ease-in-out infinite}
@keyframes hintNudge{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(7px);opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-hint svg{animation:none}}