:root{--navy:#0b1220;--card:#141c2e;--ghost:#3a4766;--lime:#c6ff3d;--ink:#f2f4f7;--muted:#8a96ad;--display:"Sora", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:17px/1.6 Sora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}.brand{font-family:var(--display);letter-spacing:.04em;font-weight:800;text-decoration:none}.nav{z-index:10;background:linear-gradient(var(--navy), #0b122000);align-items:center;gap:24px;padding:18px clamp(16px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}.nav .brand{margin-inline-end:auto;font-size:20px}.nav nav{gap:22px;font-size:15px;font-weight:600;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--lime)}.stage{z-index:0;opacity:var(--stage-dim,1);transition:opacity .2s;position:fixed;inset:0}.nav,.hero,.story,.section,.footer{z-index:1;position:relative}.nav{z-index:10}.hero{pointer-events:none;align-items:center;min-height:100svh;display:flex}.hero .ctas,.hero a{pointer-events:auto}.story{pointer-events:none;height:420svh}.story-sticky{max-width:640px;padding:0 clamp(16px,6vw,96px);position:sticky;top:18svh}.story-title{font-size:clamp(30px,4vw,52px);animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-text{pointer-events:none;max-width:620px;padding:120px clamp(16px,6vw,96px) 80px;position:relative}.hero-text .ctas{pointer-events:auto}.chip{color:var(--lime);letter-spacing:.12em;margin:0 0 14px;font-size:13px;font-weight:800;display:inline-block}h1,h2{font-family:var(--display);margin:0 0 18px;font-weight:800;line-height:1.02}h1{font-size:clamp(44px,7vw,92px)}h2{font-size:clamp(32px,4.5vw,54px)}.lead{color:var(--muted);max-width:520px;font-size:clamp(17px,1.6vw,21px)}.ctas{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{background:var(--card);border:1px solid var(--ghost);border-radius:14px;padding:14px 22px;font-size:15px;font-weight:700}.btn.primary{background:var(--lime);color:var(--navy);border-color:var(--lime)}.scoreboard{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--ghost);letter-spacing:.1em;color:var(--muted);background:#141c2ecc;border-radius:16px;align-items:center;gap:14px;padding:12px 18px;font-size:13px;font-weight:700;display:flex;position:fixed;bottom:40px;right:clamp(16px,5vw,64px)}.scoreboard b{font-family:var(--display);color:var(--ink);letter-spacing:0;font-size:28px}.scoreboard em{color:var(--lime);font-style:normal}.scoreboard.goal{border-color:var(--lime);animation:.4s pop;box-shadow:0 0 40px #c6ff3d59}@keyframes pop{50%{transform:scale(1.08)}}.section{max-width:1240px;margin:0 auto;padding:110px clamp(16px,6vw,96px)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:40px;display:grid}.card{background:var(--card);border:1px solid #3a476680;border-radius:20px;padding:26px;transition:transform .25s,border-color .25s}.card:hover{border-color:var(--lime);transform:translateY(-4px)}.card h3{margin:0 0 8px;font-size:20px}.card p{color:var(--muted);margin:0}.platforms{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:40px;display:grid}.platform{background:var(--card);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;display:flex}.platform svg{color:var(--lime)}.tag{letter-spacing:.06em;color:var(--muted);background:#3a476699;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.tag.lime{color:var(--lime);background:#c6ff3d26}.muted{color:var(--muted)}.center{text-align:center;margin-top:28px}.pro{grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;display:grid}.pro ul{color:var(--muted);padding-left:20px;font-size:18px}.price{background:var(--card);border:1px solid var(--lime);border-radius:24px;flex-direction:column;gap:6px;padding:34px;display:flex}.price b{font-family:var(--display);font-size:40px}.price span{font-size:20px}.price small{color:var(--muted)}.footer{border-top:1px solid var(--ghost);flex-wrap:wrap;align-items:center;gap:22px;padding:40px clamp(16px,6vw,96px) 60px;font-size:15px;display:flex}.footer .brand{margin-right:auto}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--lime)}@media (width<=760px){.nav nav{display:none}.hero{align-items:flex-end}.hero-text{background:linear-gradient(#0000 46svh,#0b1220eb 56svh);padding-top:52svh;padding-bottom:120px}.story-sticky{top:12svh}.scoreboard{bottom:24px;left:16px;right:auto}.pro{grid-template-columns:1fr}}.phones{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px;display:grid}.phone{text-align:center;margin:0}.phone-frame{background:linear-gradient(145deg,#3a4150,#12161f 40%,#2a303c);border-radius:52px;padding:9px;transition:transform .35s;position:relative;box-shadow:0 30px 70px #0000008c,inset 0 0 0 1.5px #ffffff1f}.phone-frame img{aspect-ratio:1320/2868;object-fit:cover;background:var(--navy);border-radius:44px;width:100%;display:block}.phone-frame:after{content:"";background:#000;border-radius:20px;width:30%;height:2.6%;position:absolute;top:2.2%;left:50%;transform:translate(-50%)}.phone:hover .phone-frame{transform:translateY(-8px)rotate(-1deg)}figcaption{flex-direction:column;gap:2px;margin-top:18px;display:flex}figcaption b{font-size:17px}figcaption span{color:var(--muted);font-size:14px}.tv-title{margin-top:100px}.tvs{grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;display:grid}.tv{text-align:center;margin:0}.tv-frame{background:#07090e;border-radius:14px;padding:10px;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff14}.tv-frame img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%;display:block}.tv-stand{background:linear-gradient(#1a1f2a,#0b0e14);border-radius:0 0 8px 8px;width:22%;height:10px;margin:0 auto}@media (width<=960px){.phones{grid-template-columns:repeat(2,1fr)}.tvs{grid-template-columns:1fr}}@media (width<=520px){.phones{gap:18px}.phone-frame{border-radius:34px;padding:6px}.phone-frame img{border-radius:29px}}.devices-title{margin-top:100px}.pads{grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;display:grid}.pad{text-align:center;margin:0}.pad-frame{background:#07090e;border-radius:34px;padding:12px;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff14}.pad-frame img{aspect-ratio:2048/2732;object-fit:cover;border-radius:24px;width:100%;display:block}.watches{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:36px;display:flex}.watch{text-align:center;width:240px;margin:0}.watch-frame{background:#07090e;border-radius:64px;padding:14px;box-shadow:0 30px 80px #0009,inset 0 0 0 2px #ffffff1a}.watch-frame img{border-radius:48px;width:100%;display:block}.pad figcaption,.watch figcaption{color:var(--muted);margin-top:14px;font-size:15px}@media (width<=720px){.pads{grid-template-columns:1fr}.watch{width:180px}}.posters{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px;display:grid}.poster{margin:0}.poster img{aspect-ratio:4/5;object-fit:cover;border-radius:18px;width:100%;display:block;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff14}.poster figcaption{flex-direction:column;gap:4px;margin-top:14px;font-size:14px;display:flex}.poster figcaption b{color:var(--lime,#c6ff3d);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.poster figcaption span{opacity:.8}@media (width<=960px){.posters{grid-template-columns:1fr 1fr}}@media (width<=520px){.posters{grid-template-columns:1fr}}.cars{grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;display:grid}.car{text-align:center;margin:0}.car-frame{background:#07090e;border-radius:22px;padding:10px;box-shadow:0 30px 80px #0009,inset 0 0 0 1px #ffffff14}.car-frame img{aspect-ratio:5/3;object-fit:cover;border-radius:14px;width:100%;display:block}.car figcaption{color:var(--muted);margin-top:14px;font-size:15px}@media (width<=960px){.cars{grid-template-columns:1fr}}.lang{color:var(--muted);align-items:center;gap:6px;display:flex}.lang select{appearance:none;color:var(--ink);border:1px solid var(--ghost);font:600 14px var(--display);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.lang select:hover,.lang select:focus-visible{border-color:var(--lime);outline:none}.lang option{color:#0b1220}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
