@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2)format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2)format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--asphalt:#05070b;--blacktop:#111214;--shoulder:#2a2c30;--aggregate:#8d9096;--line-white:#f1f1ec;--line-yellow:#f5b800;--f-display:"Barlow Condensed", "Arial Narrow", sans-serif;--f-text:"Barlow", "Helvetica Neue", Arial, sans-serif;--f-screen:"Chakra Petch", "Arial Narrow", sans-serif;--gutter:max(20px, env(safe-area-inset-left,0px));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--asphalt)}body{background:var(--asphalt);color:var(--line-white);font:400 17px/1.55 var(--f-text);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--line-yellow);outline-offset:3px}h1,h2{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;margin:0;font-weight:800;line-height:.9}p{margin:0}.eyebrow{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.14em;color:var(--line-yellow);font-size:14px;font-weight:600}.site-header{z-index:10;padding:calc(14px + env(safe-area-inset-top,0px)) var(--gutter) 14px;background:linear-gradient(#05070bd9,#05070b00);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.wordmark{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.06em;font-size:19px;font-weight:800;text-decoration:none}.site-header nav a{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid var(--line-yellow);padding-bottom:2px;font-size:15px;font-weight:600;text-decoration:none}.hero{position:relative}.hero-stage{min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-canvas{opacity:0;width:100%;height:100%;transition:opacity .8s;display:block;position:absolute;inset:0}.hero.is-scroll{height:300vh}.hero.is-scroll .hero-stage{height:100svh;position:sticky;top:0}.hero.is-3d .hero-canvas{opacity:1}.hero-grain{display:none}.hero.is-3d .hero-grain{pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 45%, #0000 55%, #0000008c 100%), var(--grain) 0 0 / 160px 160px repeat;opacity:.9;animation:.5s steps(5,end) infinite grain;display:block;position:absolute;inset:0}@keyframes grain{0%{background-position:0 0,0 0}20%{background-position:0 0,-37px 21px}40%{background-position:0 0,53px -44px}60%{background-position:0 0,-18px 67px}80%{background-position:0 0,71px 12px}to{background-position:0 0,0 0}}.hero.is-3d .hero-still{opacity:0}.hero-still{background:radial-gradient(120% 60% at 50% 30%, #121a29 0%, var(--asphalt) 60%);transition:opacity .8s;position:absolute;inset:0}.still-road{clip-path:polygon(48.5% 0,51.5% 0,100% 100%,0 100%);background:linear-gradient(#0d0e10,#1a1b1e);width:240vw;height:46%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.still-road:before{content:"";background:repeating-linear-gradient(180deg, var(--line-yellow) 0 4%, transparent 4% 13%) center / 6px 100% no-repeat;opacity:.9;position:absolute;inset:0}.still-device{aspect-ratio:66/44;z-index:1;background:linear-gradient(170deg,#22242a,#0c0d0f 70%);border-radius:6%/9%;place-items:center;width:min(58vw,420px);display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 30px 80px #000000b3,0 0 60px #96b4ff0f}.still-device:before{content:"";background:#15161a;border-radius:4px;height:12%;position:absolute;top:-4%;left:-2%;right:-2%;box-shadow:0 8px 18px #0009}.still-bezel{aspect-ratio:35.3/18.3;background:#020203;border-radius:2px;place-items:center;width:53.5%;margin-top:-7%;display:grid}.oled-still{width:83%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 6px #dce8ff59)}.beats{z-index:2;padding:0 var(--gutter) 64px;gap:48px;max-width:760px;display:grid;position:relative}.hero:not(.is-scroll) .hero-stage{display:block}.hero:not(.is-scroll) .hero-still{height:min(72svh,640px);margin-bottom:8px;position:relative;overflow:hidden}.beat{gap:14px;display:grid}.beat h1,.beat h2{font-size:clamp(48px,6.4vw,96px)}.beat p:not(.eyebrow){color:#cfd2d6;max-width:34ch;font-size:clamp(17px,1.5vw,20px)}.beat p.soon{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.12em;color:var(--line-yellow);font-size:clamp(16px,1.4vw,19px);font-weight:600}.cta{font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;background:var(--line-yellow);color:#111;cursor:pointer;border:0;border-radius:0;justify-self:start;padding:12px 22px;font-size:18px;font-weight:600;text-decoration:none;display:inline-block}.cta:disabled{background:var(--shoulder);color:var(--aggregate);cursor:not-allowed}.hero.is-scroll .beats{padding:0 var(--gutter) clamp(32px, 7vh, 72px);display:block;position:absolute;inset:auto 0 0}.hero.is-scroll .hero-stage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(90% 55% at 10% 100%,#05070bd1 0%,#05070b80 45%,#05070b00 75%),linear-gradient(#05070b00 60%,#05070b8c 100%);position:absolute;inset:0}@media (width<=760px){.hero.is-scroll .hero-stage:after{background:linear-gradient(#05070b00 45%,#05070bbf 68%,#05070beb 100%)}}.hero.is-scroll .beat{left:var(--gutter);bottom:clamp(32px,7vh,72px);right:calc(var(--gutter) + 28px);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s;position:absolute;transform:translateY(18px)}.hero.is-scroll:not(.is-3d) .beat{transition:none}.hero.is-scroll .hero-stage[data-beat="1"] .beat[data-n="1"],.hero.is-scroll .hero-stage[data-beat="2"] .beat[data-n="2"],.hero.is-scroll .hero-stage[data-beat="3"] .beat[data-n="3"],.hero.is-scroll .hero-stage[data-beat="4"] .beat[data-n="4"]{opacity:1;pointer-events:auto;transform:none}.scroll-cue{display:none}.hero.is-scroll .scroll-cue{right:var(--gutter);z-index:2;writing-mode:vertical-rl;font-family:var(--f-display);letter-spacing:.3em;text-transform:uppercase;color:var(--aggregate);font-size:12px;font-weight:600;display:block;position:absolute;bottom:clamp(32px,7vh,72px)}.hero.is-scroll .hero-stage:not([data-beat="1"]) .scroll-cue{opacity:0;transition:opacity .4s}.buy{background:var(--blacktop);border-top:3px solid var(--line-yellow);padding:clamp(40px, 6vw, 72px) var(--gutter)}.buy-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,80px);max-width:1080px;margin:0 auto;display:grid}.buy-screen{border:1px solid var(--shoulder);background:#000;padding:6% 7%}.buy-screen .oled-still{width:100%}.buy-copy{gap:18px;min-width:0;display:grid}.buy-copy h2{font-size:clamp(44px,6vw,80px)}.price{font-family:var(--f-screen);font-size:40px;font-weight:700;line-height:1}.disclaimer{color:var(--aggregate);max-width:56ch;font-size:14px;line-height:1.6}.site-footer{padding:28px var(--gutter) calc(28px + env(safe-area-inset-bottom,0px));color:var(--aggregate);border-top:1px solid var(--shoulder);flex-wrap:wrap;gap:8px 28px;font-size:13px;display:flex}@media (width<=760px){.buy-inner{grid-template-columns:1fr}.still-device{width:78vw;top:18%}.hero.is-scroll .beat p:not(.eyebrow),.wordmark{font-size:16px}}@media (prefers-reduced-motion:reduce){.hero-canvas,.hero-still,.beat{transition:none!important}}.doc{max-width:720px;padding:calc(110px + env(safe-area-inset-top,0px)) var(--gutter) 80px;gap:14px;margin:0 auto;display:grid}.doc h1{margin-bottom:10px;font-size:clamp(44px,7vw,72px)}.doc h2{letter-spacing:.04em;margin-top:18px;scroll-margin-top:88px;font-size:24px}.doc p{color:#d6d8db;max-width:65ch}.draft-note{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.12em;color:#111;background:var(--line-yellow);justify-self:start;padding:4px 10px;font-size:13px;font-weight:600}.pending{color:var(--line-yellow)}.doc-page .site-header{background:var(--asphalt);border-bottom:1px solid var(--shoulder)}.price-note{font-family:var(--f-text);color:var(--aggregate);margin-left:6px;font-size:15px;font-weight:400}.ack{cursor:pointer;align-items:flex-start;gap:12px;max-width:46ch;font-size:16px;line-height:1.45;display:flex}.ack input{width:22px;height:22px;accent-color:var(--line-yellow);cursor:pointer;flex:none;margin:1px 0 0}.buy-fine{color:var(--aggregate);font-size:14px}.buy-warranty{color:var(--line-white)}.beat p.origin,.hero.is-scroll .beat p.origin{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.1em;color:var(--aggregate);border-left:2px solid var(--line-yellow);max-width:none;padding-left:10px;font-size:clamp(13px,1.1vw,15px);font-weight:600}.cable{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.cable legend{font-family:var(--f-display);letter-spacing:.04em;margin-bottom:4px;padding:0;font-size:20px;font-weight:600}.cable-note{color:var(--aggregate);font-size:14px}.cable-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cable-card{border:1px solid var(--shoulder);background:var(--asphalt);cursor:pointer;justify-items:start;gap:2px;padding:14px 14px 12px;display:grid;position:relative}.cable-card:hover{border-color:var(--aggregate)}.cable-card:has(input:checked){border-color:var(--line-yellow);box-shadow:inset 0 0 0 1px var(--line-yellow)}.cable-card:has(input:focus-visible){outline:2px solid var(--line-white);outline-offset:2px}.cable-card input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cable-card .port{width:100%;max-width:132px;height:auto;margin-bottom:8px}.port-hole{fill:#000;stroke:var(--aggregate);stroke-width:1.5px}.port-tongue{fill:var(--shoulder)}.cable-card:has(input:checked) .port-hole{stroke:var(--line-yellow)}.cable-name{font-family:var(--f-display);letter-spacing:.04em;font-size:24px;font-weight:800;line-height:1.1}.cable-hint{font-size:15px}.cable-what{color:var(--aggregate);font-size:13px}
