@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/inter-latin-800-normal.woff2) format('woff2');font-weight:800;font-display:swap}
:root{--navy:#0A1633;--blue:#2F6BFF;--deep:#13306F;--ink:#0B1220;--body:#3A4458;--muted:#5B6475;--line:#E5E8EF;--soft:#F4F6FA;--gold:#FBBF24}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%}
:focus-visible{outline:3px solid #8FB4FF;outline-offset:2px;border-radius:6px}
.w{max-width:1180px;margin:0 auto;padding:0 24px}

/* Header */
.hero{background:radial-gradient(1200px 600px at 85% -10%,rgba(59,130,246,.45),transparent 60%),linear-gradient(160deg,#0A1633 0%,#13306F 62%,#1E4BB8 100%);color:#fff;overflow:hidden;position:relative}
.hero:after{content:'';position:absolute;inset:0;background:url(/assets/img/pin-white.svg) no-repeat right -140px top -60px/560px;opacity:.05;pointer-events:none}
.top{background:radial-gradient(900px 400px at 85% -20%,rgba(59,130,246,.45),transparent 60%),linear-gradient(160deg,#0A1633,#13306F 70%,#1E4BB8);color:#fff}
.nav{display:flex;align-items:center;gap:28px;height:76px;position:relative;z-index:2}
.nav .logo{display:flex}.nav .links{display:flex;gap:26px;margin-left:24px;font-weight:600;font-size:15px;color:#C9D6F2}
.nav .links a:hover,.nav .links a.cur{color:#fff}
.nav .r{margin-left:auto;display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;font-weight:700;font-size:15px;white-space:nowrap;transition:filter .15s}
.btn:hover{filter:brightness(1.08)}
.ghost{border:1.5px solid rgba(255,255,255,.28);color:#fff}.pri{background:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(47,107,255,.35)}
.gold{background:var(--gold);color:var(--navy)}.ink{background:var(--navy);color:#fff}.line{border:1.5px solid var(--line);color:var(--ink)}
.tall{height:52px}

/* Hero */
.hgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding:56px 0 0;position:relative;z-index:2}
.pill{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#DCE6FB}
.pill i{width:8px;height:8px;border-radius:50%;background:#14A44D;box-shadow:0 0 0 4px rgba(20,164,77,.25)}
h1{font-size:62px;line-height:1.04;letter-spacing:-2px;font-weight:800;margin:22px 0 18px}
h1 span{background:linear-gradient(90deg,#8FB4FF,#FFFFFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:19px;line-height:1.55;color:#C9D6F2;max-width:520px}
.ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;align-items:center}
.store{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:14px;background:#fff;color:var(--navy);font-weight:700;border:1px solid var(--line)}
.store small{display:block;font-size:10.5px;font-weight:600;color:var(--muted);line-height:1}.store b{display:block;font-size:16px;line-height:1.15}
.trust{display:flex;gap:22px;margin-top:34px;color:#AFC3EE;font-size:13.5px;font-weight:600;flex-wrap:wrap}.trust div{display:flex;gap:7px;align-items:center}
.phones{position:relative;height:560px}
.ph{position:absolute;width:268px;border-radius:40px;background:#0b0f19;padding:9px;box-shadow:0 40px 80px rgba(0,0,0,.45),0 0 0 1.5px rgba(255,255,255,.12) inset}
.ph img{width:100%;height:auto;display:block;border-radius:32px}.ph.a{right:150px;top:24px;transform:rotate(-4deg)}.ph.b{right:-6px;top:84px;transform:rotate(5deg);width:248px}
.float{position:absolute;background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px rgba(10,22,51,.35);display:flex;gap:10px;align-items:center;font-size:13px;z-index:3}
.float b{display:block;font-size:14px}.float span{color:var(--muted)}.f1{left:-6px;top:150px}.f2{left:20px;top:410px}
.fic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}

/* Sections */
section{padding:96px 0}section.flush{padding-top:0}
.eyebrow{color:var(--blue);font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.eyebrow.light{color:#8FB4FF}
h2{font-size:42px;letter-spacing:-1.2px;line-height:1.1;font-weight:800;margin:10px 0 14px}
.sub{color:var(--muted);font-size:18px;line-height:1.55;max-width:640px}
.more{margin-top:30px}.link{color:var(--blue);font-weight:700;font-size:16px}.link:after{content:' ›'}.link:hover{text-decoration:underline}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}.feat.three{grid-template-columns:repeat(3,1fr);margin-top:0}
.card{border:1px solid var(--line);border-radius:20px;padding:24px;background:#fff}
.card .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.card h3{font-size:17px;margin-bottom:6px}.card p{color:var(--muted);font-size:14.5px;line-height:1.5}
.bul{list-style:none;display:grid;gap:8px;margin-top:6px}.bul li{color:var(--body);font-size:14.5px;line-height:1.5;display:flex;gap:9px}
.bul li:before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-top:8px}
.dots{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.dot{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.dot i{width:9px;height:9px;border-radius:50%}
.soft{background:var(--soft)}
.pad{padding-top:12px;padding-bottom:88px}
.band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--soft);border-radius:24px;padding:28px 32px;margin-top:40px}
.band h3{font-size:22px}.band p{color:var(--muted);margin-top:4px}.band .ctas{margin-top:0}

/* QR sticker */
.qr{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.qr .art{position:relative;height:380px}
.qr .art img{position:absolute;height:auto;border-radius:18px;box-shadow:0 30px 60px rgba(10,22,51,.25)}
.qr .s1{width:92%;left:0;top:30px}.qr .s2{width:44%;right:0;top:170px}
.steps{list-style:none;margin-top:22px;display:grid;gap:12px}
.steps li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;color:var(--body)}
.steps li i{flex:none;width:26px;height:26px;border-radius:8px;background:#E8F0FF;color:var(--blue);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:13px}
.note{color:var(--muted);font-size:14px}

/* Dealers */
.dealer{background:linear-gradient(140deg,#0A1633,#13306F);color:#fff;border-radius:28px;padding:56px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;position:relative;overflow:hidden}
.dealer .sub{color:#C9D6F2}.dealer .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dealer .st{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px}
.dealer .st b{font-size:20px;display:block;margin-bottom:4px}.dealer .st span{color:#AFC3EE;font-size:13.5px;line-height:1.4}

/* Page header */
.pghead{padding:40px 0 46px}.pghead .crumb{color:#AFC3EE;font-weight:600;font-size:14px}
.pghead h1{font-size:46px;margin:8px 0 10px;letter-spacing:-1.4px}.pghead p{color:#C9D6F2;font-size:17px;max-width:640px;line-height:1.55}

/* Product cards */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.prods{margin-top:40px}main .prods{margin-top:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 22px;min-height:40px}
.chip{border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;font:700 14px Inter,sans-serif;color:var(--body);background:#fff;cursor:pointer}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.chip span{opacity:.6;font-weight:600;margin-left:4px}
.pc{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.pc .im{height:190px;background:linear-gradient(150deg,#EEF3FF,#F8FAFD);display:flex;align-items:center;justify-content:center;position:relative}
.pc .im img{width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.pc .cat{position:absolute;left:12px;top:12px;font-size:11.5px;font-weight:700;background:#fff;border-radius:999px;padding:4px 9px;color:var(--body);box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:1}
.pc .bdg{position:absolute;right:12px;top:12px;font-size:11.5px;font-weight:800;background:var(--gold);color:var(--navy);border-radius:999px;padding:4px 9px;z-index:1}
.pc .bd{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc h3{font-size:16.5px;line-height:1.3}.pc .st2{font-size:13px;color:var(--muted);line-height:1.4;margin-top:-4px}
.pc ul{list-style:none;display:grid;gap:5px}.pc li{font-size:13px;color:var(--body);display:flex;gap:6px;line-height:1.4}
.pc li:before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#14A44D;margin-top:6px}
.pc .app{font-size:11.5px;font-weight:700;color:#1E4BB8;background:#EEF3FF;border-radius:8px;padding:4px 8px;align-self:flex-start;display:flex;gap:5px;align-items:center}
.pc .pr{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.pc .pr b{font-size:21px;letter-spacing:-.4px}
.pc .pr b.ask{font-size:16px}.pc .pr s{color:#8A94A6;font-size:13.5px}.pc .pr em{font-style:normal;color:#0E7A39;font-weight:800;font-size:12.5px}
.pc .buy{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;font-size:14px;margin-top:6px}
.pc .buy:hover{background:#13306F}
.pc.out .buy{background:#E9ECF2;color:var(--muted)}.pc.out .im img{opacity:.55}.pc .so{background:#E5484D;color:#fff}
.pc.sk .im{background:linear-gradient(90deg,#EEF1F6 25%,#F6F8FB 50%,#EEF1F6 75%);background-size:200% 100%}
.pc.sk .bd span{display:block;height:12px;border-radius:6px;background:#EEF1F6}.pc.sk .bd span:nth-child(1){width:70%;height:16px}.pc.sk .bd span:nth-child(3){width:40%;height:20px;margin-top:18px}
@media (prefers-reduced-motion:no-preference){.pc.sk .im{animation:sh 1.2s linear infinite}@keyframes sh{to{background-position:-200% 0}}}
.feedfail{grid-column:1/-1;border:1.5px dashed var(--line);border-radius:20px;padding:36px;text-align:center;color:var(--muted)}
.feedfail b{display:block;color:var(--ink);font-size:18px;margin-bottom:6px}.feedfail .btn{margin-top:16px}
.note2{display:flex;gap:12px;align-items:center;background:var(--soft);border-radius:16px;padding:16px 18px;margin-top:26px;color:var(--body);font-size:14.5px;line-height:1.5}.note2 svg{flex:none}
.pc .s{display:none}

/* Policies */
.polgrid{display:grid;grid-template-columns:250px 1fr;gap:56px;padding-top:48px;padding-bottom:88px}
.toc{position:sticky;top:24px;align-self:start}.toc h4{font-size:12px;letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
.toc a{display:block;padding:9px 12px;border-radius:10px;color:var(--body);font-weight:600;font-size:14.5px}.toc a:hover{background:var(--soft)}.toc a.on{background:#EEF3FF;color:var(--blue)}
.doc{max-width:720px;min-width:0}.doc h2{font-size:22px;letter-spacing:-.3px;margin:34px 0 10px}.doc h2.first{margin-top:0}
.doc p,.doc li{color:var(--body);font-size:16px;line-height:1.7}.doc p+p{margin-top:12px}.doc ul{padding-left:22px;margin:8px 0}.doc li{margin-bottom:6px}
.doc a{color:var(--blue);font-weight:600}.doc a:hover{text-decoration:underline}
.tbl{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:14px 0 8px}
.tbl div{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding:12px 16px;border-top:1px solid #EEF0F5;font-size:15px;color:var(--body)}
.tbl div.th{border-top:0;background:#F8F9FC;font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.ccard{background:var(--soft);border-radius:16px;padding:18px 20px;margin-top:12px;font-size:15px;color:var(--body);line-height:1.7}.ccard b{color:var(--ink)}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.doc a.cbox{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:18px;padding:20px;color:var(--ink);font-weight:400}
.doc a.cbox:hover{text-decoration:none;border-color:#C9D6F2;box-shadow:0 8px 24px rgba(10,22,51,.06)}
.cbox .ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.cbox b{font-size:16px}.cbox span:last-child{color:var(--muted);font-size:14px;overflow-wrap:anywhere}

/* Footer */
footer{background:#070F24;color:#AFC3EE;padding:64px 0 28px;font-size:14.5px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.3fr;gap:32px}
.fdesc{margin-top:14px;line-height:1.55;max-width:260px}
footer h4{color:#fff;font-size:14px;margin-bottom:14px}footer ul{list-style:none}footer li{margin-bottom:10px;line-height:1.5}footer a:hover{color:#fff}
footer .pw{display:inline-flex;align-items:center;gap:6px;margin-top:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 14px;color:#DCE6FB;font-weight:600;font-size:13px}
footer .pw b{color:#fff}
.legal{border-top:1px solid rgba(255,255,255,.08);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px;color:#7F8DAD;flex-wrap:wrap;gap:10px}

@media (max-width:1020px){.feat,.grid{grid-template-columns:repeat(3,1fr)}.feat.three{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr 1fr}.fg>div:first-child{grid-column:1/-1}}
@media (max-width:820px){
 .nav{flex-wrap:wrap;height:auto;padding-top:14px;gap:12px}.nav .r .ghost{display:none}.nav .r .btn{height:40px;padding:0 14px;font-size:14px}
 .nav .links{order:3;width:calc(100% + 24px);margin:0 -24px 0 0;gap:20px;overflow-x:auto;padding:4px 24px 10px 0;font-size:14.5px;scrollbar-width:none}.nav .links::-webkit-scrollbar{display:none}.nav .links a{white-space:nowrap}
 .hgrid{grid-template-columns:1fr;padding-top:24px}h1{font-size:40px;letter-spacing:-1.2px}.lead{font-size:17px}
 .phones{height:470px;margin-top:10px;overflow:hidden}.ph.a{right:auto;left:0;width:220px}.ph.b{width:200px;right:0;top:70px}.float{display:none}
 section{padding:64px 0}h2{font-size:31px}.sub{font-size:16.5px}
 .feat,.feat.three,.grid{grid-template-columns:1fr 1fr;gap:12px}.card{padding:18px}
 .qr,.dealer{grid-template-columns:1fr}.qr{gap:28px}.dealer{padding:32px 22px}.qr .art{height:270px}.qr .s2{top:120px}
 .store{flex:1;min-width:150px}.ctas .tall{width:100%}
 .pghead h1{font-size:34px}.pghead{padding:24px 0 34px}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-24px;padding-right:24px;scrollbar-width:none}.chip{white-space:nowrap}
 .pc .l{display:none}.pc .s{display:inline}.pc .pr em{display:none}.pc .bd{padding:12px}.pc .pr{gap:4px}.pc .buy{height:38px;font-size:13.5px}
 .pc .im{height:130px}.pc h3{font-size:14.5px}.pc ul{display:none}.pc .pr b{font-size:17px}.pc .pr b.ask{font-size:13.5px}.pc .cat{display:none}.pc .bdg{right:8px;top:8px;font-size:10.5px}
 .polgrid{grid-template-columns:1fr;gap:20px;padding-top:24px}.toc{position:static;display:flex;gap:6px;overflow-x:auto;margin-right:-24px;scrollbar-width:none}.toc h4{display:none}.toc a{white-space:nowrap;background:var(--soft)}
 .cgrid{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}.band{padding:22px}
}
@media (max-width:420px){h1{font-size:36px}.card{padding:16px}.card h3{font-size:15.5px}.card p{font-size:13.5px}.dots{display:none}}