:root{--bg-0: #04060f;--bg-1: #070b1c;--bg-2: #0d1330;--ink-0: #eaf6ff;--ink-1: #b6c8e0;--ink-2: #6f80a0;--ink-3: #3a4868;--line: rgba(120, 180, 255, .12);--line-strong: rgba(120, 180, 255, .28);--cyan: #5dd5ff;--cyan-bright: #8ee8ff;--cyan-deep: #1f8fcc;--indigo: #5b6cff;--magenta: #c060ff;--signal: #5dd5ff;--warn: #ffb84d;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-0);color:var(--ink-0);font-family:var(--font-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body{background:radial-gradient(1200px 800px at 80% -10%,rgba(93,213,255,.1),transparent 60%),radial-gradient(900px 600px at 0% 30%,rgba(91,108,255,.08),transparent 55%),var(--bg-0);min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{display:block;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:linear-gradient(to bottom,rgba(4,6,15,.85),rgba(4,6,15,.45) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-brand{display:flex;align-items:center;gap:12px;font-weight:600;letter-spacing:-.01em}.nav-brand img{width:34px;height:34px;border-radius:9px;box-shadow:0 4px 18px #5dd5ff40}.nav-brand span{font-size:18px}.nav-brand small{font-size:11px;color:var(--ink-2);font-family:var(--font-mono);display:block;line-height:1;margin-top:2px;letter-spacing:.08em}.nav-links{display:flex;gap:32px;font-size:14px;color:var(--ink-1)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--cyan)}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--cyan);color:#02121f;border-radius:999px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 1px #5dd5ff66,0 8px 24px #5dd5ff40}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #5dd5ff99,0 12px 32px #5dd5ff66}@media (max-width: 760px){.nav-links{display:none}.nav{padding:14px 18px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 32px 80px}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;cursor:crosshair}.hero-overlay{position:relative;z-index:2;text-align:center;pointer-events:none;max-width:1100px}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;background:#0d133080;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-1);margin-bottom:32px;backdrop-filter:blur(10px)}.hero-eyebrow .pulse{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero h1{font-size:clamp(48px,9vw,128px);font-weight:500;letter-spacing:-.04em;line-height:.95;margin-bottom:28px}.hero h1 .gradient{background:linear-gradient(180deg,#ffffff 0%,var(--cyan-bright) 60%,var(--cyan-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;font-family:"Instrument Serif",Space Grotesk,serif;font-weight:400}.hero p.lead{font-size:clamp(16px,1.6vw,21px);color:var(--ink-1);max-width:620px;margin:0 auto 40px;line-height:1.5;text-wrap:balance}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;pointer-events:auto}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.005em;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:linear-gradient(180deg,#ffffff 0%,var(--cyan-bright) 100%);color:#02121f;box-shadow:0 0 0 1px #fff3,0 12px 30px #5dd5ff59,inset 0 1px #fff9}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff4d,0 18px 44px #5dd5ff80}.btn-ghost{background:#0d133080;color:var(--ink-0);border:1px solid var(--line-strong);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#0d1330cc;border-color:var(--cyan)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.hero-readout{position:absolute;bottom:28px;left:32px;right:32px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.08em}.hero-readout .corner{display:flex;flex-direction:column;gap:4px}.hero-readout .corner.right{text-align:right}.hero-readout .label{color:var(--ink-3)}.hero-readout .val{color:var(--cyan)}.hero-readout .crosshair{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:var(--ink-2)}.hero-readout .scroll-hint{width:1px;height:28px;background:linear-gradient(to bottom,transparent,var(--cyan));animation:scrollHint 2s ease-in-out infinite}@keyframes scrollHint{0%{opacity:0;transform:translateY(-8px)}50%{opacity:1}to{opacity:0;transform:translateY(8px)}}section{position:relative;padding:120px 32px;max-width:1280px;margin:0 auto}.section-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.section-eyebrow:before{content:"";width:24px;height:1px;background:var(--cyan)}.section-title{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:24px;text-wrap:balance}.section-title em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--cyan)}.section-lead{font-size:18px;color:var(--ink-1);max-width:580px;line-height:1.55;margin-bottom:60px}.modes{padding-top:60px}.modes-stage{position:relative;display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(800px 400px at 70% 50%,rgba(93,213,255,.08),transparent 60%),linear-gradient(180deg,#0d133099,#070b1c66);overflow:hidden;min-height:560px}.modes-controls{padding:36px 32px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--line)}.mode-tab{text-align:left;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#070b1c80;display:flex;flex-direction:column;gap:10px;transition:all .25s;position:relative;overflow:hidden}.mode-tab:hover{border-color:var(--line-strong)}.mode-tab.active{border-color:var(--cyan);background:linear-gradient(135deg,#5dd5ff1f,#5b6cff0f);box-shadow:0 0 0 1px var(--cyan),0 0 30px #5dd5ff33}.mode-tab .tab-num{font-family:var(--font-mono);font-size:10px;color:var(--ink-2);letter-spacing:.12em}.mode-tab .tab-title{font-size:22px;font-weight:500;letter-spacing:-.02em}.mode-tab .tab-desc{font-size:13px;color:var(--ink-1);line-height:1.5}.mode-tab.active .tab-num{color:var(--cyan)}.modes-meta{margin-top:auto;padding-top:20px;border-top:1px dashed var(--line);display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;font-family:var(--font-mono);font-size:11px}.modes-meta .k{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:9px;margin-bottom:4px}.modes-meta .v{color:var(--ink-0);font-size:14px;font-family:var(--font-display);font-weight:500}.modes-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#06091a,#0a1232)}#modes-canvas{position:absolute;inset:0;width:100%;height:100%}.modes-hud{position:absolute;top:24px;left:24px;right:24px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-2);pointer-events:none}.modes-hud .rec{display:inline-flex;align-items:center;gap:6px;color:var(--cyan)}.modes-hud .rec:before{content:"";width:8px;height:8px;background:var(--cyan);border-radius:50%;animation:pulse 1s ease-in-out infinite}.modes-hud-bottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--ink-1);pointer-events:none}.modes-hud-bottom .stat{display:flex;flex-direction:column;gap:2px}.modes-hud-bottom .stat .label{font-size:9px;color:var(--ink-3);letter-spacing:.12em}.modes-hud-bottom .stat .val{font-size:18px;color:var(--cyan);font-weight:500}.scan-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 16px var(--cyan);animation:scanLine 2.4s ease-in-out infinite;z-index:3}@keyframes scanLine{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@media (max-width: 900px){.modes-stage{grid-template-columns:1fr}.modes-controls{border-right:none;border-bottom:1px solid var(--line)}.modes-preview{min-height:400px}}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.feature-card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(180deg,#0d133066,#070b1c66);position:relative;overflow:hidden;transition:border-color .3s,transform .3s;display:flex;flex-direction:column;gap:14px;min-height:240px}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.feature-card.span-3{grid-column:span 3}.feature-card.span-2{grid-column:span 2}.feature-card.span-4{grid-column:span 4}.feature-card.span-6{grid-column:span 6}.feature-card .ftitle{font-size:22px;font-weight:500;letter-spacing:-.02em}.feature-card .fdesc{font-size:14px;color:var(--ink-1);line-height:1.5;text-wrap:pretty}.feature-card .ftag{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.feature-card .fvisual{margin-top:auto;height:120px;position:relative;border-top:1px dashed var(--line);padding-top:16px}@media (max-width: 980px){.features{grid-template-columns:repeat(2,1fr)}.feature-card.span-3,.feature-card.span-2,.feature-card.span-4,.feature-card.span-6{grid-column:span 2}}@media (max-width: 560px){.features{grid-template-columns:1fr}.feature-card.span-3,.feature-card.span-2,.feature-card.span-4,.feature-card.span-6{grid-column:span 1}}.spec{border:1px solid var(--line);border-radius:var(--radius-lg);background:#070b1c99;padding:0;overflow:hidden}.spec-head{padding:14px 22px;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.12em;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#0d133099}.spec-head .dots{display:inline-flex;gap:6px}.spec-head .dots span{width:10px;height:10px;border-radius:50%;background:var(--ink-3)}.spec-head .dots span:nth-child(1){background:#ff5f57}.spec-head .dots span:nth-child(2){background:#febc2e}.spec-head .dots span:nth-child(3){background:#28c840}.spec-body{padding:28px 32px;font-family:var(--font-mono);font-size:13px;line-height:1.8;color:var(--ink-1)}.spec-body .prompt{color:var(--cyan)}.spec-body .comment{color:var(--ink-3)}.spec-body .ok{color:#58e67e}.spec-body .device-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 24px;margin-top:12px}.spec-body .device-list .device{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dotted var(--line);padding:6px 0}.spec-body .device .name{color:var(--ink-0)}.spec-body .device .status{font-size:10px;color:#58e67e;letter-spacing:.1em}.cta{text-align:center;padding:160px 32px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 50%,rgba(93,213,255,.18),transparent 60%);z-index:-1}.cta-logo{width:96px;height:96px;border-radius:22px;margin:0 auto 28px;box-shadow:0 0 0 1px #5dd5ff4d,0 30px 80px #5dd5ff66;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.waitlist-form{display:flex;gap:10px;max-width:480px;margin:12px auto 20px;padding:6px;border:1px solid var(--line-strong);border-radius:999px;background:#070b1c99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s,box-shadow .2s}.waitlist-form:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #5dd5ff26}.waitlist-form input[type=email]{flex:1;padding:0 18px;background:transparent;border:none;outline:none;color:var(--ink-0);font-family:inherit;font-size:15px;min-width:0}.waitlist-form input[type=email]::placeholder{color:var(--ink-2)}.waitlist-form button{padding:14px 22px;border-radius:999px;background:linear-gradient(180deg,#ffffff 0%,var(--cyan-bright) 100%);color:#02121f;font-weight:600;font-size:14px;box-shadow:0 0 0 1px #fff3,0 8px 24px #5dd5ff4d;transition:transform .2s,box-shadow .2s;white-space:nowrap}.waitlist-form button:hover:not([disabled]){transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff4d,0 12px 32px #5dd5ff73}.waitlist-form button[disabled]{opacity:.6;cursor:wait}.waitlist-status{min-height:20px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink-2);margin-bottom:18px}.waitlist-status.success{color:#58e67e}.waitlist-status.error{color:#ff5f57}.waitlist-form-disabled{opacity:.55;cursor:not-allowed;filter:saturate(.4)}.waitlist-form-disabled input,.waitlist-form-disabled button{cursor:not-allowed}.waitlist-form-disabled button{background:#ffffff14;color:var(--ink-2);box-shadow:none}.cta .hero-eyebrow.waitlist-badge{margin:0 auto 28px}.waitlist-mailto{color:var(--cyan);border-bottom:1px dashed rgba(93,213,255,.45);padding-bottom:1px;transition:border-color .2s,color .2s}.waitlist-mailto:hover{color:var(--cyan-bright);border-bottom-color:var(--cyan)}footer{padding:48px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.08em;flex-wrap:wrap;gap:16px}footer .links{display:flex;gap:24px}footer .links a:hover{color:var(--cyan)}.legal{max-width:780px;margin:0 auto;padding:160px 32px 120px;color:var(--ink-1);line-height:1.65;font-size:16px}.legal h1{font-size:clamp(36px,5vw,56px);font-weight:500;letter-spacing:-.03em;color:var(--ink-0);margin-bottom:10px}.legal .updated{font-family:var(--font-mono);font-size:11px;color:var(--ink-2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px;display:block}.legal h2{font-size:22px;font-weight:500;color:var(--ink-0);letter-spacing:-.01em;margin:44px 0 14px}.legal h3{font-size:16px;font-weight:500;color:var(--cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;margin:28px 0 10px}.legal p{margin-bottom:14px}.legal ul{margin:6px 0 18px 22px}.legal li{margin-bottom:6px}.legal strong{color:var(--ink-0);font-weight:500}.legal a{color:var(--cyan);border-bottom:1px solid rgba(93,213,255,.3)}.legal a:hover{border-bottom-color:var(--cyan)}.legal .highlight{border:1px solid var(--line-strong);border-radius:var(--radius);padding:24px 28px;margin:32px 0;background:#0d133080}.legal .highlight p:last-child{margin-bottom:0}.legal code{font-family:var(--font-mono);font-size:13px;color:var(--cyan);background:#5dd5ff14;padding:2px 6px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}