*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}:root{--radius-pill:999px;--radius-card:32px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-theme:background-color .6s var(--ease-out-expo), color .6s var(--ease-out-expo);--transition-el:background-color .3s ease, transform .2s ease, opacity .3s ease;--display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}[data-theme=dark]{--bg-base:#030407;--bg-surface-1:#ffffff08;--bg-surface-2:#ffffff0f;--bg-surface-3:#ffffff1a;--bg-accent:#fff;--bg-accent-hover:#e0edff;--text-primary:#fff;--text-secondary:#ffffffa6;--text-accent:#030407;--text-tech:#fff3;--glow-rgb:255, 255, 255;--terminal-bg:#ffffff08;--terminal-text:#ffffffbf;--terminal-cmd:#fff;--terminal-comment:#ffffff4d;--terminal-success:#4ade80;--terminal-attention:#fbbf24;--terminal-context:#67e8f9;--panel-header-rgb:3, 4, 7}[data-theme=light]{--bg-base:#fff;--bg-surface-1:#00000008;--bg-surface-2:#0000000f;--bg-surface-3:#0000001a;--bg-accent:#050608;--bg-accent-hover:#1a1e26;--text-primary:#050608;--text-secondary:#00000080;--text-accent:#fff;--text-tech:#0003;--glow-rgb:0, 0, 0;--terminal-bg:#0000000a;--terminal-text:#000000b3;--terminal-cmd:#050608;--terminal-comment:#0000004d;--terminal-success:#16a34a;--terminal-attention:#d97706;--terminal-context:#0891b2;--panel-header-rgb:255, 255, 255}body{font-family:var(--display);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:var(--transition-theme);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid rgba(var(--glow-rgb), .4);outline-offset:2px}.shader-bg{z-index:0;pointer-events:none;min-height:calc(100vh + 200px);position:fixed;top:0;left:0;right:0}.shader-bg canvas{display:block;width:100%!important;height:100%!important}.tech-label{font-family:var(--mono);letter-spacing:.2em;color:var(--text-tech);text-transform:uppercase;z-index:5;transition:var(--transition-theme);pointer-events:none;font-size:10px;position:fixed}.tl-top-left{top:48px;left:48px}.tl-bottom-left{bottom:48px;left:48px}.top-bar{z-index:20;align-items:center;gap:16px;display:flex;position:fixed;top:48px;right:48px}.version-tag{font-family:var(--mono);color:var(--text-secondary);font-size:12px}.theme-toggle{background:var(--bg-surface-1);border-radius:var(--radius-pill);height:40px;color:var(--text-primary);font-family:var(--mono);letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(10px);transition:var(--transition-el);border:none;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:11px;display:flex}.theme-toggle:hover{background:var(--bg-surface-2)}.page{z-index:10;width:100%;max-width:1200px;padding:var(--space-xl);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.hero{min-height:80vh;padding:var(--space-xl) 0;justify-content:flex-start;align-items:center;display:flex}.hero-inner{gap:var(--space-lg);flex-direction:column;width:100%;max-width:520px;display:flex}.system-badge{font-family:var(--mono);color:var(--text-primary);background:var(--bg-surface-2);border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);transition:var(--transition-theme);align-self:flex-start;padding:8px 20px;font-size:14px}.hero h1{font-family:var(--mono);letter-spacing:-.04em;font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1.05}.subtitle{color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em;max-width:38ch;transition:var(--transition-theme);font-size:18px;font-weight:400;line-height:1.6}.status-flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-chip{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg-surface-1);border-radius:var(--radius-pill);color:var(--text-secondary);white-space:nowrap;transition:var(--transition-theme);align-items:center;gap:8px;padding:5px 14px;font-size:10px;font-weight:500;display:inline-flex}.status-arrow{color:var(--text-tech);margin-left:-4px;margin-right:-4px;font-size:10px}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--bg-accent);border-radius:var(--radius-pill);height:56px;color:var(--text-accent);font-family:var(--mono);white-space:pre;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%;transition:var(--transition-el);border:none;align-self:flex-start;padding:0 24px;font-size:13px;font-weight:500;display:inline-flex;overflow-x:auto}.btn-primary code{font-family:inherit;font-size:inherit}.btn-primary:hover{opacity:.7;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-icon{opacity:.6;align-items:center;transition:opacity .2s;display:flex}.btn-primary:hover .btn-icon{opacity:1}.btn-primary.copied{background:var(--bg-surface-2);color:var(--text-primary)}.btn-primary.copied .btn-icon{opacity:1}.btn-primary .prompt{color:var(--text-accent);opacity:.4;font-weight:700}.btn-primary .cmd-shell{font-weight:500}.walkthrough-section{padding-bottom:40vh}.walkthrough-panel{transition:var(--transition-theme)}.panel-header{z-index:2;background:rgba(var(--panel-header-rgb), .3);-webkit-backdrop-filter:blur(20px)saturate(1.3);align-items:center;gap:0;min-height:100px;padding:0;transition:background-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:sticky;top:0}.panel-header.is-opaque{background:rgb(var(--panel-header-rgb));-webkit-backdrop-filter:none}.step-tabs{flex:1;align-self:stretch;gap:0;min-width:0;display:flex}.step-tab{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:left;transition:var(--transition-el);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:16px 20px;display:flex}.step-tab:hover{color:var(--text-primary);background:rgba(var(--glow-rgb), .04)}.step-tab.active{color:var(--text-primary);background:rgba(var(--glow-rgb), .03)}.tab-num{opacity:.35;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1}.tab-text{flex-direction:column;gap:2px;display:flex}.tab-title{letter-spacing:.02em;font-size:16px;font-weight:600}.tab-desc{opacity:.5;white-space:nowrap;font-size:13px;font-weight:400}.terminal{padding:var(--space-md) 0 0;background:var(--bg-surface-1);position:relative}.terminal-copy{margin:0 var(--space-lg);border:1px solid var(--bg-surface-3);border-radius:var(--radius-pill);width:100px;color:var(--text-secondary);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;transition:var(--transition-el);z-index:1;background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:11px;font-weight:500;display:inline-flex}.terminal-copy:hover{color:var(--text-primary);background:var(--bg-surface-2);border-color:#0000}.terminal-copy:active{transform:scale(.97)}.terminal-copy.copied{color:var(--terminal-success);background:var(--bg-surface-2);border-color:#0000}.terminal-code{padding:var(--space-lg) var(--space-xl);font-family:var(--mono);font-variant-ligatures:none;color:var(--terminal-text);white-space:pre;font-size:14px;line-height:1.9;overflow-x:auto}.step-block{padding:var(--space-xs) var(--space-xl);margin:0 calc(-1 * var(--space-xl));transition:background-color .4s var(--ease-out-expo);border-radius:0;display:block}.terminal-code[data-active-step="0"] .step-block[data-step="0"],.terminal-code[data-active-step="1"] .step-block[data-step="1"],.terminal-code[data-active-step="2"] .step-block[data-step="2"]{background-color:var(--bg-surface-2)}.terminal-code .prompt{color:var(--terminal-success);font-weight:700}.terminal-code .cmd-shell{color:var(--terminal-cmd);font-weight:500}.terminal-code .output{color:var(--terminal-text)}.terminal-code .success{color:var(--terminal-success);font-weight:700}.terminal-code .attention{color:var(--terminal-attention);font-weight:600}.terminal-code .context{color:var(--terminal-context);font-weight:600}.terminal-code .muted-label,.terminal-code .muted-line{color:var(--terminal-comment)}.terminal-code .comment{color:var(--terminal-comment);font-weight:500}.terminal-code .json-output{color:var(--terminal-text)}.footer{margin-top:auto;position:relative;overflow:hidden}.footer-inner{padding:var(--space-xl) 0;font-family:var(--mono);letter-spacing:.01em;color:var(--text-secondary);transition:var(--transition-theme);font-size:13px;position:relative}.footer-watermark{margin-top:var(--space-lg);font-family:var(--mono);letter-spacing:-.04em;color:var(--text-primary);opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:clamp(.25rem,1.5vw,.75rem);font-size:clamp(5rem,14vw,12rem);font-weight:700;line-height:1;display:flex}.footer-watermark .logo-icon{flex-shrink:0;width:.75em;height:.75em}@keyframes checkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.check-drawn{stroke-dasharray:24;stroke-dashoffset:24px;animation:checkDraw .3s var(--ease-out-expo) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.system-badge{animation:fadeUp .6s var(--ease-out-expo) both .1s}.hero h1{animation:fadeUp .6s var(--ease-out-expo) both .2s}.subtitle{animation:fadeUp .6s var(--ease-out-expo) both .3s}.status-flow{animation:fadeUp .6s var(--ease-out-expo) both .4s}.btn-primary{animation:fadeUp .6s var(--ease-out-expo) both .5s}.walkthrough-panel{animation:fadeUp .6s var(--ease-out-expo) both .6s}.tech-label{animation:fadeUp .6s var(--ease-out-expo) both .7s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.system-badge,.hero h1,.subtitle,.status-flow,.btn-primary,.walkthrough-panel,.tech-label{opacity:1;animation:none}.btn-primary:hover,.terminal-copy:active{transform:none}.step-block{transition:none}.check-drawn{stroke-dashoffset:0;animation:none}}@media (width<=1024px){.hero{justify-content:center}.hero-inner{text-align:center;align-items:center;max-width:100%}.system-badge,.btn-primary{align-self:center}.status-flow{justify-content:center}.tech-label{display:none}.top-bar{top:24px;right:24px}.page{padding:var(--space-lg)}}@media (width<=768px){.footer-inner{padding:var(--space-lg) 0}.step-tab{padding:10px 12px}.tab-desc{display:none}.terminal-code{padding:var(--space-md) var(--space-lg);font-size:12px}.step-block{padding:var(--space-xs) var(--space-lg);margin:0 calc(-1 * var(--space-lg))}.btn-primary{height:48px;padding:0 18px;font-size:11px}}@media (width<=480px){.terminal-code{padding:var(--space-sm) var(--space-md);font-size:11px}.step-block{padding:var(--space-xs) var(--space-md);margin:0 calc(-1 * var(--space-md))}.step-tabs{padding:var(--space-sm) var(--space-md) 0}.status-chip{padding:4px 10px;font-size:9px}.hero h1{font-size:2.5rem}}