:root{--bg-0: #0b0b0e;--bg-1: #101013;--bg-2: #15151a;--bg-3: #1c1c22;--panel: rgba(255, 255, 255, .035);--panel-strong: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #f4f4f6;--text-soft: #c9c9d0;--text-muted: #8a8a92;--text-faint: #5b5b62;--amber: #f5b94a;--amber-soft: #f5b94a22;--mint: #5be8c0;--mint-soft: #5be8c022;--coral: #e8526b;--coral-soft: #e8526b22;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max: 1180px;--gutter: clamp(20px, 4vw, 40px);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px}*{box-sizing:border-box}*::selection{background:var(--amber);color:var(--bg-0)}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;letter-spacing:-.005em;font-weight:400}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.05}p{margin:0;line-height:1.5;color:var(--text-soft);font-weight:400}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}em{font-style:normal}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 12% 8%,rgba(245,185,74,.1),transparent 70%),radial-gradient(50% 40% at 90% 12%,rgba(91,232,192,.08),transparent 70%),radial-gradient(60% 60% at 50% 100%,rgba(232,82,107,.06),transparent 70%),var(--bg-0)}.ambient:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:3px 3px;opacity:.35;mix-blend-mode:overlay}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);background:#0b0b0e8c;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:22px;height:22px}.brand-name{font-size:14px;font-weight:600}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:7px 12px;color:var(--text-muted);font-size:13.5px;font-weight:400;border-radius:8px;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--panel)}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:500;background:var(--text);color:var(--bg-0);border:none;border-radius:999px;transition:transform .2s}.nav-cta:hover{transform:translateY(-1px)}section{position:relative;padding:clamp(100px,14vw,200px) 0}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:28px}.section-title{font-size:clamp(40px,5.6vw,76px);line-height:1.02;letter-spacing:-.03em;font-weight:600;max-width:18ch}.hero{padding:clamp(80px,12vw,160px) 0 clamp(120px,16vw,220px)}.hero-canvas{position:absolute;inset:0;z-index:0}.hero-inner{position:relative;z-index:1}.hero-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:40px}.hero-title{font-size:clamp(56px,10vw,140px);line-height:.96;letter-spacing:-.04em;font-weight:600;max-width:14ch}.hero-title .accent{background:linear-gradient(120deg,var(--amber) 0%,var(--coral) 60%,var(--mint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-actions{margin-top:56px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;font-size:14.5px;font-weight:500;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);transition:transform .2s,background .2s,border-color .2s}.btn:hover{background:var(--panel-strong);border-color:#ffffff38;transform:translateY(-1px)}.btn-primary{background:var(--text);color:var(--bg-0);border-color:transparent;padding:13px 26px}.btn-ghost{background:transparent}.terminal-wrap{margin-top:80px;position:relative}.terminal{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,#0d0d11,#0a0a0d);border-radius:var(--radius-lg);box-shadow:0 30px 80px -20px #0009;overflow:hidden}.term-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.term-dots{display:flex;gap:6px}.term-dots span{width:10px;height:10px;border-radius:50%;background:#2a2a31}.term-dots span:nth-child(1){background:#e8526b}.term-dots span:nth-child(2){background:#f5b94a}.term-dots span:nth-child(3){background:#5be8c0}.term-title{margin-left:8px;color:var(--text-muted);font-family:var(--font-mono);font-size:11.5px}.term-body{padding:24px 26px;font-family:var(--font-mono);font-size:13.5px;line-height:1.8;color:#d8d8de;min-height:380px}.term-body .prompt{color:var(--mint)}.term-body .cmd{color:var(--text)}.term-body .dim{color:var(--text-muted)}.term-body .amber{color:var(--amber)}.term-body .coral{color:var(--coral)}.term-body .mint,.term-body .ok{color:var(--mint)}.term-body .cursor{display:inline-block;width:8px;height:16px;vertical-align:-2px;background:var(--amber);margin-left:2px;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:80px}.mini{padding:40px 32px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:background .25s,border-color .25s}.mini:hover{background:var(--panel-strong);border-color:var(--border-strong)}.mini .ico{width:28px;height:28px;color:var(--amber);margin-bottom:32px}.mini:nth-child(2) .ico{color:var(--mint)}.mini:nth-child(3) .ico{color:var(--coral)}.mini h3{font-size:24px;font-weight:600;letter-spacing:-.02em}.mini p{font-size:14.5px;color:var(--text-muted);margin-top:10px;line-height:1.5}.remote{margin-top:100px}.remote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.remote-visual{position:relative;height:520px}.phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:520px;border-radius:38px;background:linear-gradient(180deg,#18181e,#0e0e12);border:1px solid var(--border-strong);box-shadow:0 40px 80px -20px #0009;padding:12px}.phone:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:90px;height:22px;background:#0a0a0d;border-radius:0 0 12px 12px}.phone-screen{height:100%;border-radius:30px;overflow:hidden;background:#08080b;position:relative}.phone-screen .scan{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 50%,rgba(245,185,74,.1),transparent 70%)}.phone-screen .scan .frame{width:160px;height:160px;border-radius:16px;border:1.5px solid var(--amber);position:relative;box-shadow:0 0 0 6px #f5b94a14,0 0 40px #f5b94a40}.phone-screen .scan .frame:before,.phone-screen .scan .frame:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--amber)}.phone-screen .scan .frame:before{top:-2px;left:-2px;border-right:0;border-bottom:0}.phone-screen .scan .frame:after{bottom:-2px;right:-2px;border-left:0;border-top:0}.phone-screen .scan .line{position:absolute;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);box-shadow:0 0 12px var(--amber);animation:scanline 2.4s ease-in-out infinite}@keyframes scanline{0%{top:18px;opacity:0}20%{opacity:1}80%{opacity:1}to{top:calc(100% - 22px);opacity:0}}.phone-status{position:absolute;top:26px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:9.5px;color:var(--text-muted);letter-spacing:.14em}.qr-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px}.qr-orbit svg{width:100%;height:100%;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.remote-text h3{font-size:clamp(36px,5vw,64px);font-weight:600;letter-spacing:-.03em;line-height:1.02}.remote-text .lead{margin-top:24px;color:var(--text-muted);font-size:17px;max-width:460px}.remote-text .steps{margin-top:48px;display:flex;flex-direction:column;gap:4px}.remote-text .step-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.remote-text .step-row:last-child{border-bottom:0}.remote-text .step-row .num{font-family:var(--font-mono);font-size:12px;color:var(--text-faint);letter-spacing:.1em;width:28px}.remote-text .step-row .word{font-size:20px;font-weight:500;letter-spacing:-.01em}.remote-text .step-row .note{color:var(--text-muted);font-size:14px;margin-left:auto}.arch{margin-top:100px}.arch-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arch-node{position:relative;z-index:1;padding:36px 30px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);transition:transform .3s,border-color .3s}.arch-node:hover{transform:translateY(-3px);border-color:var(--border-strong)}.arch-node .name{font-size:20px;font-weight:600;letter-spacing:-.01em}.arch-node .role{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.arch-node .desc{margin-top:24px;font-size:14.5px;color:var(--text-muted);line-height:1.5}.arch-divider{margin:32px 0 24px;font-family:var(--font-mono);font-size:12px;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:16px}.arch-divider:before,.arch-divider:after{content:"";flex:1;height:1px;background:var(--border)}.principles{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}.principle{padding:40px 0;border-top:1px solid var(--border)}.principle+.principle{border-left:1px solid var(--border);padding-left:32px}.principle:not(:first-child){padding-left:32px}.principle:not(:last-child){padding-right:32px}.principle .quote{font-size:22px;font-weight:500;letter-spacing:-.015em;line-height:1.25}.principle .quote span{color:var(--amber)}.cta{margin:0 auto;position:relative;padding:clamp(80px,12vw,140px) clamp(40px,6vw,80px);text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(50% 60% at 50% 0%,rgba(245,185,74,.14),transparent 70%),radial-gradient(40% 60% at 80% 100%,rgba(232,82,107,.1),transparent 70%),var(--bg-2);overflow:hidden}.cta h2{position:relative;font-size:clamp(48px,7vw,96px);font-weight:600;letter-spacing:-.03em;line-height:1}.cta h2 span{background:linear-gradient(120deg,var(--amber),var(--coral),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.cta p{position:relative;margin:24px auto 40px;max-width:380px;color:var(--text-muted);font-size:16px}.cta .actions{position:relative;display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}footer{padding:48px 0 64px;border-top:1px solid var(--border);margin-top:80px}.foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.foot .left{color:var(--text-muted);font-size:12.5px}.foot .right{display:flex;gap:24px;font-size:12.5px;color:var(--text-muted)}.foot .right a:hover{color:var(--text)}@media (max-width: 960px){.mini-grid,.principles,.arch-nodes{grid-template-columns:1fr}.arch-divider{display:none}.remote-grid{grid-template-columns:1fr;gap:48px}.remote-visual{height:560px}.principle+.principle{border-left:0;border-top:1px solid var(--border)}.nav-links a:not(.cta){display:none}}@media (max-width: 560px){.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.foot{flex-direction:column;align-items:flex-start}}