@font-face{font-family:Geist;src:url(fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#f5f7fa;--card:#fff;--ink:#13213c;--mut:#566780;--line:#dfe5ee;--ok:#0f9d6b;--brand:#1d3f8f;--bad:#c73a42;--focus:#2f6fed;--w:1180px}
*{box-sizing:border-box}html,body{margin:0}body{background:#fff;color:var(--ink);font:17px/1.6 Geist,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
a{color:var(--brand)}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:9}.skip:focus{left:8px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 24px}.narrowc{max-width:780px}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:9px;padding:10px 18px;font:600 15px/1.2 inherit;text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{filter:brightness(1.1)}.btn.big{padding:14px 24px;font-size:16.5px}.btn.full{width:100%}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:#b6c2d3;filter:none}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn:disabled{opacity:.5;cursor:default}
.textlink{font-weight:600;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;gap:28px;height:66px}
.logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;color:var(--ink);text-decoration:none}.logo b{font-weight:600;color:var(--ok)}
.mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--brand) 0 55%,var(--ok) 55% 100%)}
.nav nav{display:flex;gap:22px}.nav nav a{color:var(--mut);text-decoration:none;font-weight:500;font-size:15px}.nav nav a:hover{color:var(--ink)}
.navcta{margin-left:auto;display:flex;align-items:center;gap:16px}.signin{color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.flash{background:#e6f6ef;color:#0b6e4b;padding:10px 0;font-weight:500}.flash.bad{background:#fcebec;color:var(--bad)}
.hero{background:linear-gradient(180deg,#f2f5fa,#fff);padding:72px 0 64px;overflow:hidden}
.heroin{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:56px;align-items:center}
.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:0 0 20px;max-width:13ch}
.sub{font-size:19px;color:var(--mut);margin:0 0 28px;max-width:46ch}
.ctas{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:14px;color:var(--mut);margin:14px 0 0}
.compare{position:relative;margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(19,33,60,.35);aspect-ratio:1000/625;background:#fff;user-select:none}
.compare>img,.before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left}
.before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos,52%)) 0 0)}
.handle{position:absolute;top:0;bottom:0;left:var(--pos,52%);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(19,33,60,.25);pointer-events:none}
.handle span{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(19,33,60,.3)}
.handle span::before,.handle span::after{content:"";position:absolute;top:14px;border:6px solid transparent}.handle span::before{left:5px;border-right-color:var(--ink)}.handle span::after{right:5px;border-left-color:var(--ink)}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.compare input:focus-visible+figcaption{outline:2px solid var(--focus)}
.compare figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:10px 12px;pointer-events:none}
.compare figcaption span{background:rgba(19,33,60,.82);color:#fff;font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:6px}.compare figcaption span:last-child{background:var(--ok)}
.h2{font-size:clamp(28px,3.3vw,40px);line-height:1.12;letter-spacing:-.025em;font-weight:600;margin:0 0 34px;max-width:24ch}
.band{background:var(--bg);padding:88px 0}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.trio img{border-radius:12px;border:1px solid var(--line);margin-bottom:18px;background:#fff;aspect-ratio:900/560;object-fit:cover;object-position:top left}
.trio h3{font-size:20px;letter-spacing:-.01em;margin:0 0 6px}.trio p{color:var(--mut);margin:0;font-size:16px}
.tour{padding:96px 0}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:30px}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 16px;font:500 16px inherit;color:var(--mut);cursor:pointer;margin-bottom:-1px}
.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ok)}
.pane{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:40px;align-items:start}
.pane img{border-radius:12px;border:1px solid var(--line);box-shadow:0 20px 50px -24px rgba(19,33,60,.35)}
.panetext p{font-size:18px;margin:0 0 14px}
.ticks{list-style:none;padding:0;margin:0 0 18px}.ticks li{position:relative;padding-left:26px;margin:9px 0}
.ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.ticks.big li{font-size:17px;margin:14px 0}
.howsteps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.howsteps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px}
.howsteps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;margin-bottom:16px}
.howsteps h3{margin:0 0 6px;font-size:19px}.howsteps p{margin:0;color:var(--mut);font-size:16px}
.works{margin:28px 0 0;color:var(--mut)}
.sec{padding:96px 0;background:var(--ink);color:#fff}.sec .h2{color:#fff}.sec p{color:#b9c5da}.sec a{color:#8fe3c0}
.secin{display:grid;grid-template-columns:1fr 1.2fr;gap:56px}.sec .ticks li::before{border-color:#5fe0ad}
.pricein{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.pricein>div>p{color:var(--mut);font-size:18px}
.plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px;box-shadow:0 24px 60px -30px rgba(19,33,60,.35)}
.amount{margin:0;font-size:18px;color:var(--mut)}.amount b{font-size:56px;letter-spacing:-.04em;color:var(--ink);font-weight:600;margin-right:4px}
.muted{color:var(--mut)}.plan .muted{margin:0 0 18px}
.faq{padding:96px 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:20px}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--mut)}.faq details[open] summary::after{content:"−"}.faq summary::-webkit-details-marker{display:none}.faq details p{color:var(--mut);margin:10px 0 0}
.final{background:linear-gradient(135deg,var(--brand),#132b63);color:#fff;padding:84px 0;text-align:center}.final h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.025em;margin:0 0 26px;font-weight:600}.final .ctas{justify-content:center}
.foot{border-top:1px solid var(--line);padding:56px 0 30px;font-size:15px}.footin{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.foot p{color:var(--mut);margin:10px 0 0}.foot nav{display:flex;flex-direction:column;gap:8px}.foot nav h2{font-size:14px;margin:0 0 4px;color:var(--mut);font-weight:500}.foot nav a{color:var(--ink);text-decoration:none}.foot nav a:hover{text-decoration:underline}
.legal{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}
.pagehead{background:var(--bg);padding:64px 0 48px}.pagehead h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.03em;margin:0 0 10px;font-weight:600}.pagehead .sub{margin:0}
.price{padding:70px 0 90px}.pricefaq h2{font-size:22px;margin:0 0 14px}.pricefaq p{color:var(--mut);font-size:16px}
.prose{padding:56px 0 90px}.prose h2{font-size:22px;letter-spacing:-.01em;margin:36px 0 10px}.prose p,.prose li{color:#33415a;font-size:16.5px}.prose ul{padding-left:20px}
.auth{background:var(--bg);min-height:calc(100vh - 66px);padding:64px 16px}.authbox{max-width:440px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px}
.authbox h1{font-size:28px;letter-spacing:-.02em;margin:0 0 8px;font-weight:600}.authbox .sub{font-size:16px;margin-bottom:22px}
.aform{display:flex;flex-direction:column;gap:14px}.aform label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:15px}.aform small{color:var(--mut);font-weight:400}
.aform input,.aform select{border:1px solid #cdd6e1;border-radius:9px;padding:11px 13px;font:inherit;font-size:16px;background:#fff;color:var(--ink);width:100%}
.alert{background:#fcebec;color:var(--bad);padding:10px 14px;border-radius:9px;font-size:15px}
.switch{text-align:center;font-size:15px;color:var(--mut);margin:20px 0 0}
.admin{padding:30px 0 80px;background:var(--bg)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.stats div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stats b{display:block;font-size:24px;letter-spacing:-.02em}.stats span{color:var(--mut);font-size:13.5px}
.acols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.abox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:16px}.abox h2{font-size:18px;margin:0 0 10px}.abox .aform{margin-bottom:12px}.abox details{font-size:15px;color:var(--mut)}.abox code{font-size:13px;word-break:break-all}
.abox .ok{color:var(--ok);font-weight:600}.abox .warn{color:#a26f00;font-weight:600}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tw{overflow-x:auto}.atbl{width:100%;border-collapse:collapse;font-size:14px}.atbl td,.atbl th{text-align:left;padding:9px 10px;border-bottom:1px solid #edf1f6;vertical-align:top}.atbl th{color:var(--mut);font-weight:500}.atbl tr.off{opacity:.5}.atbl .muted{font-size:13px}
.acts{display:flex;gap:10px;flex-wrap:wrap}.inline{display:inline}.linkbtn{background:none;border:0;padding:0;color:var(--brand);cursor:pointer;font:inherit;font-size:13.5px;text-decoration:underline}.nowrap{white-space:nowrap}
@media (max-width:980px){.heroin,.pane,.secin,.pricein,.acols{grid-template-columns:1fr}.hero{padding:44px 0}.trio,.howsteps{grid-template-columns:1fr}.footin{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,1fr)}.hero h1{max-width:none}}
@media (max-width:720px){.nav nav{display:none}.navin{gap:12px}.signin{display:none}.wrap{padding:0 16px}.band,.tour,.sec,.faq{padding:60px 0}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.authbox{padding:26px 20px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.pane[hidden]{display:none}
/* ---------- homepage (colourful) ---------- */
:root{--sky:#2f8cff;--sky-50:#e8f3ff;--grape:#7357ff;--grape-50:#f0edff;--mint:#10b981;--mint-50:#e3f9f0;--pink:#ec4899;--pink-50:#fdecf5;--sun:#f5b301;--sun-50:#fff6d6;--coral:#ff6a55;--coral-50:#ffeeeb}
.h-hero{position:relative;padding:76px 0 88px;overflow:hidden;background:radial-gradient(900px 500px at 85% 10%,#e9e4ff 0,transparent 60%),radial-gradient(700px 500px at 0% 100%,#dff7ee 0,transparent 60%),radial-gradient(600px 400px at 50% 0,#fff3cf 0,transparent 55%),#fff}
.h-heroin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:44px;align-items:center}
.h-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500;font-size:14px;padding:6px 14px 6px 10px;border-radius:99px;margin:0 0 22px;box-shadow:0 4px 14px -6px rgba(19,33,60,.2)}.h-badge svg{color:var(--sun)}
.h-hero h1{font-size:clamp(40px,5.2vw,64px);line-height:1.02;letter-spacing:-.04em;font-weight:700;margin:0 0 20px;color:var(--ink)}
.h-promises{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:22px;flex-wrap:wrap;color:var(--mut);font-size:15px;font-weight:500}.h-promises li{display:flex;align-items:center;gap:7px}.h-promises li:nth-child(1) svg{color:var(--mint)}.h-promises li:nth-child(2) svg{color:var(--sun)}.h-promises li:nth-child(3) svg{color:var(--sky)}
.h-hero .btn.big{border-radius:12px}
.h-stage{position:relative;padding:20px 0 40px 30px}
.blob{position:absolute;border-radius:50%;filter:blur(2px);z-index:0}.b1{width:300px;height:300px;background:linear-gradient(135deg,#a594ff,#7357ff);right:-40px;top:-30px;opacity:.55}.b2{width:220px;height:220px;background:linear-gradient(135deg,#6ee7b7,#10b981);left:-10px;bottom:0;opacity:.5}.b3{width:120px;height:120px;background:var(--sun);right:30%;bottom:-20px;opacity:.6}
.browser{position:relative;z-index:1;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px -25px rgba(19,33,60,.45),0 0 0 1px rgba(19,33,60,.08)}
.bbar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#f1f3f8;border-bottom:1px solid #e3e7ef}.bbar i{width:10px;height:10px;border-radius:50%;background:#ff6a55}.bbar i:nth-child(2){background:#f5b301}.bbar i:nth-child(3){background:#10b981}
.bbar span{margin-left:12px;background:#fff;border-radius:6px;font-size:11.5px;color:var(--mut);padding:2px 12px;flex:0 1 260px;text-align:center}
.browser img{width:100%;height:auto}
.phone{position:relative;background:#0f172a;border-radius:38px;padding:9px;box-shadow:0 30px 60px -20px rgba(19,33,60,.55),inset 0 0 0 2px #2a3550}
.phone img{border-radius:30px;width:100%;height:auto;aspect-ratio:390/844;object-fit:cover;object-position:top}
.notch{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:34%;height:20px;background:#0f172a;border-radius:0 0 14px 14px;z-index:2}
.h-phone{position:absolute;z-index:2;width:30%;max-width:190px;left:-8px;bottom:-10px}
.h-stage .chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:7px;background:#fff;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:500;box-shadow:0 14px 30px -10px rgba(19,33,60,.35);white-space:nowrap}
.chip b{color:var(--mint);font-weight:700}.c1{top:-14px;right:18%}.c2{right:-14px;top:42%;color:#0b6e4b}.c2 svg{color:var(--mint)}.c3{right:6%;bottom:6px}.c3 svg{color:var(--coral)}
.h-strip{background:var(--ink);color:#fff;padding:26px 0}.h-stripin{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.h-stripin div{display:flex;flex-direction:column}.h-stripin b{font-size:26px;letter-spacing:-.02em}.h-stripin span{color:#b9c5da;font-size:14.5px}
.h-stripin div:nth-child(1) b{color:#6ee7b7}.h-stripin div:nth-child(2) b{color:#ffd76a}.h-stripin div:nth-child(3) b{color:#a594ff}.h-stripin div:nth-child(4) b{color:#7cc0ff}
.h-head h2{font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.03em;font-weight:700;margin:0 0 12px}.h-head p{color:var(--mut);font-size:18px;margin:0;max-width:56ch}
.h-head.center{text-align:center;margin:0 auto 40px}.h-head.center p{margin:0 auto}.h-head.light h2{color:#fff}.h-head.light p{color:rgba(255,255,255,.82)}
.h-compare{background:linear-gradient(180deg,var(--coral-50),#fff);padding:96px 0}.h-comparein{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:center}
.h-tour{padding:96px 0;background:#fff}
.tt{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 36px}
.tt button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 16px 8px 8px;font:600 15px inherit;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.ti{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--t50);color:var(--t)}
.tt button:hover{border-color:var(--t)}.tt button[aria-selected=true]{background:var(--t);border-color:var(--t);color:#fff}.tt button[aria-selected=true] .ti{background:rgba(255,255,255,.22);color:#fff}
.tc-sky{--t:var(--sky);--t50:var(--sky-50)}.tc-grape{--t:var(--grape);--t50:var(--grape-50)}.tc-mint{--t:var(--mint);--t50:var(--mint-50)}.tc-pink{--t:var(--pink);--t50:var(--pink-50)}.tc-sun{--t:#d99a00;--t50:var(--sun-50)}.tc-coral{--t:var(--coral);--t50:var(--coral-50)}
.tp{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:48px;align-items:center;background:var(--t50);border-radius:28px;padding:44px}
.tp[hidden]{display:none}
.tbig{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--t);color:#fff;margin-bottom:18px;box-shadow:0 12px 24px -10px var(--t)}
.tptext h3{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}.tptext p{font-size:17px;color:#3b4a63;margin:0 0 16px}
.tptext .ticks li::before{border-color:var(--t)}.tptext .textlink{color:var(--t)}
.tpshot{position:relative}.tblob{position:absolute;inset:8% -4% -6% 10%;background:var(--t);opacity:.18;border-radius:30px;transform:rotate(3deg)}
.tnav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;color:var(--mut);font-weight:500}
.h-phones{padding:100px 0;background:linear-gradient(135deg,#5b3df5 0%,#2f8cff 55%,#10b981 120%);color:#fff;overflow:hidden}
.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;align-items:start;max-width:1040px;margin:0 auto}
.phones figure{margin:0;text-align:center}.phones figure:nth-child(even){margin-top:56px}.phones figcaption{margin-top:16px;font-weight:600;font-size:16px}
.h-how{padding:96px 0;background:linear-gradient(180deg,#fff,var(--mint-50))}
.hsteps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hsteps li{counter-increment:s;background:#fff;border-radius:22px;padding:30px;box-shadow:0 20px 40px -28px rgba(19,33,60,.4)}
.hsteps li::before{content:counter(s);display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;font-weight:700;font-size:20px;margin-bottom:18px}
.hsteps .s1::before{background:var(--sky)}.hsteps .s2::before{background:var(--grape)}.hsteps .s3::before{background:var(--mint)}
.hsteps h3{margin:0 0 8px;font-size:20px}.hsteps p{margin:0;color:var(--mut);font-size:16px}
.h-sec{padding:96px 0;background:var(--ink);color:#fff}
.secgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.secgrid div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px}
.secgrid h3{margin:14px 0 6px;font-size:18px}.secgrid p{margin:0;color:#b9c5da;font-size:15px}
.si{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff}.si.mint{background:var(--mint)}.si.sky{background:var(--sky)}.si.sun{background:var(--sun);color:#3d2c00}.si.coral{background:var(--coral)}
.center{text-align:center}.textlink.light{color:#8fe3c0}
.h-price{padding:96px 0;background:radial-gradient(700px 400px at 90% 50%,var(--grape-50),transparent 70%),#fff}.h-pricein{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pchips{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}.pchips li{background:var(--sky-50);color:#1c5fb8;border-radius:99px;padding:6px 14px;font-size:14px;font-weight:500}
.pchips li:nth-child(3n+2){background:var(--mint-50);color:#0b6e4b}.pchips li:nth-child(3n){background:var(--grape-50);color:#4c35c7}
.plan2{position:relative;background:#fff;border-radius:24px;padding:36px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--grape),var(--sky),var(--mint)) border-box;box-shadow:0 30px 60px -30px rgba(91,61,245,.45)}
.plan2 .amount b{font-size:60px}
.h-final{padding:96px 0;text-align:center;color:#fff;background:linear-gradient(120deg,#ff6a55,#ec4899 45%,#7357ff)}
.h-final h2{font-size:clamp(30px,3.8vw,48px);letter-spacing:-.03em;margin:0 0 10px;font-weight:700}.h-final p{margin:0 0 28px;font-size:18px;opacity:.9}.h-final .ctas{justify-content:center}
@media (max-width:1060px){.h-heroin,.h-comparein,.tp,.h-pricein{grid-template-columns:1fr}.h-stage{padding-left:0;margin-top:10px}.secgrid{grid-template-columns:1fr 1fr}.phones{grid-template-columns:repeat(2,1fr);max-width:520px}.phones figure:nth-child(even){margin-top:40px}.h-stripin{grid-template-columns:1fr 1fr}.tp{padding:28px}}
@media (max-width:720px){.h-hero{padding:40px 0 60px}.h-stage .chip{font-size:12.5px;padding:7px 10px}.c2{right:0}.c1{left:20%}.tt{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;margin:0 -16px 24px;padding-left:16px;scroll-snap-type:x mandatory}.tt button{flex:none;scroll-snap-align:start}
  .hsteps,.secgrid{grid-template-columns:1fr}.h-compare,.h-tour,.h-phones,.h-how,.h-sec,.h-price,.h-final{padding:64px 0}.tp{padding:20px;border-radius:20px}.tptext h3{font-size:23px}.phones{gap:18px}.h-phone{width:34%}.bbar span{display:none}}
.tt button{font:inherit;font-weight:600;font-size:15px}
.phone .screen{border-radius:30px;overflow:hidden;background:#f6f7fb}.phone .screen img{border-radius:0;aspect-ratio:390/800}
.sbar{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 18px 0 22px;font-size:11px;font-weight:600;color:#0f172a;background:#f6f7fb}
.sbar i{width:34%;height:18px;background:#0f172a;border-radius:0 0 12px 12px;align-self:flex-start}
.sig{width:22px;height:9px;border:1.5px solid #0f172a;border-radius:3px;position:relative}.sig::after{content:"";position:absolute;inset:1px 5px 1px 1px;background:#0f172a;border-radius:1px}