.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;transition:background .28s var(--ease-out),border-color .28s var(--ease-out),backdrop-filter .28s var(--ease-out);border-bottom:1px solid transparent}.nav-scrolled{background:linear-gradient(180deg,#0b0d12d9,#0b0d12b3);border-bottom-color:var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand-logo{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(246,193,119,.25))}.nav-brand-name{display:flex;flex-direction:column;line-height:1.1;font-weight:600;font-size:1.05rem;color:var(--text-primary);letter-spacing:-.01em}.nav-brand-version{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.12em;color:var(--text-muted);margin-top:2px;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-secondary);transition:color .16s var(--ease-out),background .16s var(--ease-out)}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-actions{display:flex;align-items:center;gap:10px}.nav-icon-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff08;border:1px solid var(--border-subtle);transition:color .16s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out)}.nav-icon-link:hover{color:var(--text-primary);background:#ffffff0f;border-color:var(--border-default)}.nav-cta{padding:9px 16px;font-size:.875rem}@media (max-width: 980px){.nav-links{display:none}}@media (max-width: 540px){.nav-brand-version{display:none}.nav-cta{padding:8px 12px;font-size:.82rem}}.footer{padding:64px 0 40px;border-top:1px solid var(--border-subtle);background:#0b0d1280;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.4}.footer-top{display:grid;grid-template-columns:1.1fr 2.4fr;gap:56px;margin-bottom:48px}@media (max-width: 1080px){.footer-top{grid-template-columns:1fr;gap:40px}}.footer-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand-mark{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));box-shadow:0 0 12px #7c9cf74d}.footer-brand-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.footer-brand-version{font-size:.68rem;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill)}.footer-brand p{font-size:.92rem;color:var(--text-muted);line-height:1.6;max-width:380px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}@media (max-width: 768px){.footer-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.footer-columns{grid-template-columns:1fr}}.footer-github{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.82rem;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em;transition:color .16s var(--ease-out),background .16s var(--ease-out),border-color .16s var(--ease-out)}.footer-github:hover{color:var(--text-primary);background:#ffffff12;border-color:var(--border-default)}.footer-link-meta{margin-left:auto;font-size:.62rem;padding:2px 6px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-muted);letter-spacing:.1em;font-weight:600}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column-title{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-weight:600}.footer-column a{font-size:.92rem;color:var(--text-secondary);transition:color .16s var(--ease-out);width:fit-content}.footer-column a:hover{color:var(--text-primary)}.footer-link-muted{font-size:.92rem;color:var(--text-dim);cursor:not-allowed}.footer-link-icon{display:flex!important;align-items:center;gap:8px}.footer-link-icon svg{color:var(--text-muted)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:28px;border-top:1px solid var(--border-subtle);gap:24px;flex-wrap:wrap}.footer-meta{display:flex;align-items:center;gap:10px;font-size:.74rem;color:var(--text-muted);letter-spacing:.04em;flex-wrap:wrap}.footer-meta .sep{color:var(--text-dim)}.footer-credit-link{color:var(--text-secondary);transition:color .16s var(--ease-out)}.footer-credit-link:hover{color:var(--accent-primary)}.footer-legal{display:flex;align-items:center;gap:18px;font-size:.74rem}.footer-legal a{color:var(--text-muted);letter-spacing:.04em;transition:color .16s var(--ease-out)}.footer-legal a:hover{color:var(--text-primary)}:root{--bg-base: #0b0d12;--bg-elevated: #11131a;--bg-surface: #171a22;--bg-panel: #1e2330;--bg-hover: #252c3b;--bg-muted: #141823;--bg-input: #1c2230;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .22);--text-primary: #e9eefc;--text-secondary: rgba(233, 238, 252, .78);--text-muted: rgba(233, 238, 252, .55);--text-dim: rgba(233, 238, 252, .38);--accent-primary: #7c9cf7;--accent-primary-hover: #9bb0ff;--accent-primary-muted: rgba(124, 156, 247, .18);--accent-primary-glow: rgba(124, 156, 247, .55);--accent-secondary: #f6c177;--accent-secondary-glow: rgba(246, 193, 119, .55);--accent-success: #49d08b;--accent-warning: #f2c265;--accent-error: #ff6b7a;--shadow-sm: 0 1px 0 rgba(0, 0, 0, .25), 0 6px 16px rgba(0, 0, 0, .2);--shadow-md: 0 1px 0 rgba(0, 0, 0, .28), 0 10px 28px rgba(0, 0, 0, .28);--shadow-lg: 0 1px 0 rgba(0, 0, 0, .3), 0 24px 64px rgba(0, 0, 0, .45);--shadow-glow-primary: 0 0 0 1px rgba(124, 156, 247, .25), 0 24px 80px -16px rgba(124, 156, 247, .35);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 999px;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--content-max-width: 1240px;--nav-height: 68px;--section-padding: 120px;--section-padding-sm: 80px;--ease-out: cubic-bezier(.2, .8, .2, 1)}@media (max-width: 768px){:root{--section-padding: 80px;--section-padding-sm: 56px;--nav-height: 60px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:16px}img,picture,video,canvas,svg{display:block;max-width:100%}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate;min-height:100vh}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:4px}body{background:radial-gradient(1200px circle at 15% -10%,rgba(124,156,247,.18),transparent 55%),radial-gradient(900px circle at 90% 8%,rgba(246,193,119,.08),transparent 50%),radial-gradient(700px circle at 50% 110%,rgba(73,208,139,.05),transparent 55%),linear-gradient(180deg,#0b0d12,#07080d);background-attachment:fixed}.shell{width:100%;overflow-x:hidden;position:relative}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 32px}@media (max-width: 768px){.container{padding:0 20px}}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text-primary);letter-spacing:-.02em;line-height:1.08;font-weight:600}h1{font-size:clamp(2.5rem,6vw,5.25rem);font-weight:700;letter-spacing:-.035em}h2{font-size:clamp(1.75rem,3.5vw,3rem);font-weight:600;letter-spacing:-.03em}h3{font-size:clamp(1.25rem,2vw,1.625rem);font-weight:600}p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.65}.mono{font-family:var(--font-mono)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);padding:6px 12px;background:var(--accent-primary-muted);border:1px solid rgba(124,156,247,.25);border-radius:var(--radius-pill);width:fit-content}.eyebrow.amber{color:var(--accent-secondary);background:#f6c1771a;border-color:#f6c17740}.eyebrow .dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.section{padding:var(--section-padding) 0;position:relative}.section.tight{padding:var(--section-padding-sm) 0}.section-head{margin-bottom:56px;max-width:760px}.section-head .eyebrow,.section-head h2{margin-bottom:18px}.section-head p{font-size:1.125rem;color:var(--text-secondary);max-width:640px}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;transition:transform .18s var(--ease-out),background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out);border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(180deg,var(--accent-primary) 0%,#5f83ff 100%);color:#0b0d12;font-weight:600;box-shadow:0 8px 24px #7c9cf740}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px #7c9cf759}.btn-ghost{background:#ffffff0a;color:var(--text-primary);border-color:var(--border-default)}.btn-ghost:hover{background:#ffffff14;border-color:var(--border-strong)}.btn-link{color:var(--accent-primary);background:transparent;padding:8px 0}.btn-link:hover{color:var(--accent-primary-hover)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);border:none;margin:0}.glow-text{background:linear-gradient(120deg,var(--text-primary) 0%,var(--accent-primary) 50%,var(--accent-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.surface{background:linear-gradient(180deg,#171a22b3,#11131ab3);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(20px)}.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em}.tag-amber{background:#f6c17714;border-color:#f6c17733;color:var(--accent-secondary)}.tag-success{background:#49d08b14;border-color:#49d08b33;color:var(--accent-success)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}