:root{--ink-0: #0a0c10;--ink-1: #12151b;--ink-2: #181c23;--line: #262b34;--line-strong: #343b47;--fg-1: #e8eaed;--fg-2: #a5acb8;--fg-3: #6e7682;--accent: #54a8ff;--accent-hover: #73b7ff;--accent-ink: #06243f;--sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--ink-0);color:var(--fg-1);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}a{color:inherit}.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--ink-0);background-image:linear-gradient(rgba(120,140,170,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,140,170,.045) 1px,transparent 1px);background-size:32px 32px;background-position:center;-webkit-mask-image:radial-gradient(120% 90% at 50% 32%,#000 55%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 32%,#000 55%,transparent 100%)}.nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,5vw,52px)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:block}.brand-name{font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--fg-1)}.nav-right{display:flex;align-items:center;gap:clamp(16px,3vw,26px)}.nav-link{font-size:14px;color:var(--fg-2);text-decoration:none;transition:color .15s ease}.nav-link:hover{color:var(--fg-1)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none;border-radius:9px;padding:9px 16px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;white-space:nowrap}.btn:active{transform:scale(.985)}.btn-lg{padding:12px 22px;font-size:15px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--fg-1);border:1px solid var(--line-strong)}.btn-ghost:hover{border-color:var(--fg-3);background:#ffffff05}.arrow{transition:transform .18s ease}.btn:hover .arrow{transform:translate(2px)}.hero{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px clamp(20px,5vw,52px) 40px}.stage{position:relative;width:100%;max-width:760px;height:clamp(260px,44vh,440px);margin-bottom:4px}.glow{position:absolute;left:50%;top:48%;width:min(680px,92vw);height:min(680px,92vw);transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(84,168,255,.18),rgba(84,168,255,.05) 38%,transparent 66%)}#gear-canvas{position:relative;display:block;width:100%;height:100%;touch-action:none}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.headline{font-size:clamp(34px,6vw,56px);line-height:1.04;font-weight:600;letter-spacing:-.025em;color:#f2f4f7;margin:0 0 18px}.headline .accent{color:var(--accent)}.subhead{max-width:520px;font-size:clamp(15px,2.2vw,16.5px);line-height:1.6;color:var(--fg-2);margin:0 0 30px}.cta{display:flex;flex-wrap:wrap;gap:13px;align-items:center;justify-content:center}.footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(20px,5vw,52px);font-family:var(--mono);font-size:12px;letter-spacing:.02em;color:var(--fg-3);border-top:1px solid rgba(38,43,52,.6)}.footer a{color:var(--fg-2);text-decoration:none}.footer a:hover{color:var(--fg-1)}@media(max-width:560px){.brand-name{display:none}.footer{flex-direction:column;gap:8px;text-align:center}}@media(prefers-reduced-motion:reduce){.arrow,.btn{transition:none}}