@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/assets/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/assets/fonts/inter-latin-700-normal.woff2) format("woff2")}
:root{--navy:#0B2545;--navy2:#13315C;--acc:#1F7A8C;--acc2:#3FB3C6;--bg:#F5F7FA;--card:#fff;--tx:#0F1B2D;--mut:#4A5A70;--ln:#E1E7EF;--ok:#E8F6EE;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tx);background:var(--bg);line-height:1.6;font-size:17px}
img,video{max-width:100%;display:block}a{color:var(--acc)}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--acc2);outline-offset:2px;border-radius:6px}
header.top{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(--ln)}
.nav{display:flex;align-items:center;gap:18px;height:64px}.nav .logo img{height:34px;width:auto}
.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{color:var(--tx);text-decoration:none;font-weight:500;font-size:15px}.nav nav a:hover{color:var(--acc)}
.lang{display:flex;gap:4px;font-size:13px;font-weight:600}.lang a,.lang span{padding:5px 8px;border-radius:8px;text-decoration:none;color:var(--mut);border:1px solid var(--ln)}.lang span[aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}.lang .soon{opacity:.45}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:14px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.2;min-height:48px}
.btn svg{width:20px;height:20px;flex:none}
.btn.pri{background:var(--navy);color:#fff}.btn.pri:hover{background:var(--navy2)}
.btn.acc{background:var(--acc);color:#fff}.btn.acc:hover{background:#18697a}
.btn.sec{background:#fff;color:var(--navy);border-color:var(--ln)}.btn.sec:hover{border-color:var(--acc)}
.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28)}
.btn.soon{background:transparent;color:var(--mut);border:1.5px dashed #B8C4D3;cursor:default}
.btn.sm{padding:9px 16px;min-height:40px;font-size:15px}
.hero{background:radial-gradient(1200px 600px at 85% -10%,#1F7A8C55,transparent 60%),linear-gradient(160deg,var(--navy2),var(--navy));color:#fff;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:72px;padding-bottom:72px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#BFE9F0;background:rgba(63,179,198,.14);border:1px solid rgba(63,179,198,.35);padding:6px 12px;border-radius:99px}
.eyebrow svg{width:16px;height:16px}
h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.02em;margin:18px 0}
.hero p.lead{font-size:19px;color:#D5E1F0;max-width:560px;margin:0 0 28px}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
.trustline{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;font-size:14px;color:#BCD0E6;padding:0;list-style:none}
.trustline li{display:flex;gap:7px;align-items:center}.trustline svg{width:16px;height:16px;color:var(--acc2)}
.phones{position:relative;display:flex;justify-content:center;min-height:560px}
.device{position:relative;width:min(290px,72vw);aspect-ratio:390/844;border-radius:46px;background:#0a1220;padding:11px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 2px #2b3a52 inset,0 0 0 1px #000}
.device::before{content:"";position:absolute;top:19px;left:50%;transform:translateX(-50%);width:84px;height:24px;background:#0a1220;border-radius:20px;z-index:2}
.device .scr{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#fff;padding-top:30px}
.device .scr img,.device .scr video{width:100%;height:100%;object-fit:cover;object-position:top}
.phones .device.back{position:absolute;transform:translate(-46%,40px) rotate(-6deg) scale(.86);opacity:.9}
.phones .device.front{transform:translateX(18%)}
section{padding:88px 0}section.alt{background:#fff}
h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.015em;margin:0 0 14px;color:var(--navy)}
.kicker{color:var(--acc);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.intro{color:var(--mut);max-width:680px;font-size:18px;margin:0 0 40px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:24px}
section.alt .card{background:var(--bg)}
.card h3{margin:14px 0 6px;font-size:19px;color:var(--navy)}.card p{margin:0;color:var(--mut);font-size:16px}
.ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#E6F3F5;color:var(--acc)}.ic svg{width:24px;height:24px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.rev .media{order:-1}
.split .media{display:flex;justify-content:center}
.ticks{list-style:none;padding:0;margin:20px 0 0}.ticks li{display:flex;gap:12px;margin:12px 0;color:var(--tx)}
.ticks svg{width:22px;height:22px;color:var(--acc);flex:none;margin-top:2px}
.vcap{font-size:13px;color:var(--mut);text-align:center;margin-top:12px}
.privacy{background:var(--navy);color:#fff}.privacy h2{color:#fff}.privacy .intro{color:#C9D7E8}
.privacy .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.privacy .card h3{color:#fff}.privacy .card p{color:#C9D7E8}
.privacy .ic{background:rgba(63,179,198,.15);color:var(--acc2)}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;position:relative;padding:28px 24px 24px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700}
.zak .tools{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;list-style:none;padding:0;margin:24px 0 0}
.zak .tools li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:12px 14px;font-size:15px}
.zak .tools svg{width:20px;height:20px;color:var(--acc);flex:none;margin-top:2px}
.vids{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;justify-items:center}
.vids .device{width:min(250px,70vw)}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{display:flex;flex-direction:column;position:relative}
.plan.hl{border:2px solid var(--acc);box-shadow:0 18px 40px -24px rgba(31,122,140,.6)}
.plan .tag{position:absolute;top:-13px;left:24px;background:var(--acc);color:#fff;font-size:13px;font-weight:600;padding:3px 10px;border-radius:99px}
.plan h3{margin:0;font-size:22px}.card .price{font-size:40px;font-weight:700;color:var(--navy);letter-spacing:-.02em;margin:12px 0 0}
.price small{font-size:16px;font-weight:500;color:var(--mut)}.card .alt-price{color:var(--mut);font-size:15px;margin:2px 0 16px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;flex:1}.plan li{display:flex;gap:10px;margin:9px 0;font-size:15px}
.plan li svg{width:18px;height:18px;color:var(--acc);flex:none;margin-top:3px}
.badge{display:inline-block;font-size:12px;font-weight:600;background:#FFF3DC;color:#8A5A00;border-radius:6px;padding:1px 7px;margin-left:4px;vertical-align:1px}
.note{color:var(--mut);font-size:14px;margin-top:20px}
.faq details{background:#fff;border:1px solid var(--ln);border-radius:14px;margin:10px 0;padding:0 20px}
.faq summary{cursor:pointer;font-weight:600;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--acc)}
.faq details[open] summary::after{content:"–"}.faq details p{margin:0 0 18px;color:var(--mut)}
.dl .grid3 .card h3{display:flex;gap:10px;align-items:center;margin-top:0}
.dl ol{padding-left:20px;margin:12px 0 0;color:var(--mut);font-size:15px}.dl ol li{margin:6px 0}
.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
footer{background:#081A33;color:#AFC0D6;padding:56px 0 32px;font-size:15px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}footer a{color:#DCE6F2;text-decoration:none}footer a:hover{text-decoration:underline}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:7px 0}footer h4{color:#fff;margin:0 0 10px;font-size:15px}
footer .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding-top:20px;font-size:13px}
.ph{color:#F0B95A}
@media (max-width:920px){.nav nav{display:none}.hero .wrap,.split{grid-template-columns:1fr}.split.rev .media{order:0}.grid3,.steps,.pricing,.vids{grid-template-columns:1fr}.phones{min-height:0;margin-top:10px}.phones .device.back{display:none}.phones .device.front{transform:none}footer .cols{grid-template-columns:1fr}section{padding:64px 0}.zak .tools{grid-template-columns:1fr}.hero .wrap{padding-top:48px;padding-bottom:56px}}
@media (max-width:480px){.ctas .btn{flex:1 1 100%}body{font-size:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.menu{display:none;margin-left:6px;width:44px;height:44px;border-radius:12px;border:1px solid var(--ln);background:#fff;color:var(--navy);place-items:center;cursor:pointer}.menu svg{width:22px;height:22px}
.mlang{display:none}
@media (max-width:920px){.menu{display:grid}.dlang{display:none}.nav .hdcta{margin-left:auto;display:inline-flex}
.nav nav.open{display:flex;flex-direction:column;gap:0;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ln);box-shadow:0 12px 24px -12px rgba(11,37,69,.25);padding:8px 22px 16px}
.nav nav.open a{padding:13px 0;border-bottom:1px solid var(--ln);font-size:17px}.nav nav.open .mlang{display:flex;padding-top:14px}.nav nav.open .mlang a{border:1px solid var(--ln);padding:6px 10px}}
@media (max-width:480px){.nav .hdcta{display:inline-flex!important;padding:8px 14px;font-size:14px}}
@media (max-width:920px){.menu{order:3}.nav .hdcta{order:2}.nav nav.open .mlang a,.nav nav.open .mlang span{padding:6px 10px;font-size:14px;border:1px solid var(--ln)}}