:root{--bg: #00000f;--panel: rgba(10, 12, 22, .78);--panel-solid: #0a0c16;--line: rgba(255, 255, 255, .08);--p1: #fcee0a;--p2: #f75049;--action: #00f0ff;--action-ink: #00000f;--max: #f0b537;--fg: #fff;--fg-2: rgba(255, 255, 255, .8);--fg-3: rgba(255, 255, 255, .5);--fg-4: rgba(255, 255, 255, .3);--display: "Chakra Petch", system-ui, sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace;--bevel: 12px;--gutter: clamp(16px, 5vw, 64px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--display);line-height:1.5;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}a{color:var(--action)}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.05;margin:0}.hud{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.accent{color:var(--p1)}.bevel,.btn,.card,.shot,.hero-shot{clip-path:polygon(var(--bevel) 0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,0 100%,0 var(--bevel))}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter);background:#00000fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:14px}.mark polygon,.mark line{fill:none;stroke:var(--p1);stroke-width:2;stroke-linejoin:round}.topnav{display:flex;align-items:center;gap:20px}.topnav a{color:var(--fg-2);text-decoration:none;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.topnav a:hover{color:var(--action)}.lang{font:600 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--action);background:transparent;border:1px solid var(--action);padding:6px 10px;cursor:pointer}.lang:hover{background:#00f0ff1f}main{padding:0 var(--gutter) 64px;max-width:1120px;margin:0 auto}.hero{padding:clamp(40px,8vw,96px) 0 32px;display:grid;gap:16px}.eyebrow{color:var(--action)}.hero h1{font-size:clamp(40px,7vw,84px);max-width:17ch}.tagline{font-size:clamp(18px,2.6vw,26px);font-weight:600;color:var(--fg);margin:0;max-width:24ch}.intro{margin:0;max-width:62ch;color:var(--fg-2);font-size:17px}.cta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font:600 16px var(--display);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;--bevel: 8px}.btn.primary{background:var(--action);color:var(--action-ink);box-shadow:0 0 18px #00f0ff73}.btn.primary:hover{background:#5ff6ff}.unofficial{margin:4px 0 0}.hero-shot{margin:32px 0 0;border:1px solid var(--line);background:var(--panel-solid)}.section{padding:56px 0 8px;border-top:1px solid var(--line);margin-top:48px}.section h2{font-size:clamp(24px,3.4vw,36px);margin-bottom:28px}.section h2 .num{font-family:var(--mono);font-weight:400;font-size:.55em;color:var(--p1);margin-right:12px;vertical-align:middle}.features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{position:relative;padding:24px 22px 22px;background:var(--panel);border:1px solid var(--line)}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--p1)}.card:nth-child(2n):before{background:var(--p2)}.card-index{color:var(--fg-4)}.card h3{font-size:18px;margin:8px 0 10px}.card p{margin:0;color:var(--fg-2);font-size:15px}.screens{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.shot{margin:0;background:var(--panel-solid);border:1px solid var(--line)}.shot figcaption{padding:12px 14px 14px;color:var(--fg-2);text-transform:none;letter-spacing:.04em;font-size:13px}.video{margin:0;max-width:880px}.video-frame{position:relative;aspect-ratio:16 / 9;background:var(--panel-solid);border:1px solid var(--line);clip-path:polygon(var(--bevel) 0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,0 100%,0 var(--bevel))}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.video figcaption{padding:12px 0 0;color:var(--fg-2);text-transform:none;letter-spacing:.04em;font-size:13px}.install .steps{margin:0 0 24px;padding-left:0;list-style:none;counter-reset:step;display:grid;gap:12px;max-width:60ch}.install .steps li{counter-increment:step;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:baseline;color:var(--fg-2);font-size:16px}.install .steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--mono);color:var(--action);font-size:14px}.rules-intro{margin:-16px 0 20px}.rules{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-width:70ch}.rules li{padding:10px 14px;border-left:2px solid var(--fg-4);color:var(--fg-2);font-size:15px}.foot{display:grid;gap:10px;padding:28px var(--gutter) 48px;border-top:1px solid var(--line);max-width:1120px;margin:0 auto}.foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.legal{margin:0;max-width:80ch;color:var(--fg-3);font-size:13px;line-height:1.55}.legal strong{color:var(--fg-2);font-weight:600}@media(max-width:640px){.topnav a{display:none}.hero{padding-top:40px}.intro{font-size:16px}}