:root{--font-mono:'JetBrains Mono', monospace;--font-sans:'Manrope', sans-serif;--bg:#08080f;--bg-surface:#10101c;--bg-glass:rgba(8, 8, 15, 0.85);--text:#e4e2df;--text-dim:#7a7a8e;--accent:#00e5a0;--accent-dim:rgba(0, 229, 160, 0.15);--accent-glow:rgba(0, 229, 160, 0.2);--border:rgba(255, 255, 255, 0.07);--dot:rgba(255, 255, 255, 0.035);--code-bg:rgba(255, 255, 255, 0.04);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f5f2;--bg-surface:#ffffff;--bg-glass:rgba(246, 245, 242, 0.85);--text:#1a1a2e;--text-dim:#6a6a7e;--accent:#00a878;--accent-dim:rgba(0, 168, 120, 0.1);--accent-glow:rgba(0, 168, 120, 0.15);--border:rgba(0, 0, 0, 0.08);--dot:rgba(0, 0, 0, 0.04);--code-bg:rgba(0, 0, 0, 0.04);color-scheme:light}}[data-theme=light]{--bg:#f6f5f2;--bg-surface:#ffffff;--bg-glass:rgba(246, 245, 242, 0.85);--text:#1a1a2e;--text-dim:#6a6a7e;--accent:#00a878;--accent-dim:rgba(0, 168, 120, 0.1);--accent-glow:rgba(0, 168, 120, 0.15);--border:rgba(0, 0, 0, 0.08);--dot:rgba(0, 0, 0, 0.04);--code-bg:rgba(0, 0, 0, 0.04);color-scheme:light}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--text);background:var(--bg);transition:background .4s ease,color .4s ease;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.01em}h3{font-size:1.125rem}a{color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);padding:.15em .4em;border-radius:3px}pre{font-family:var(--font-mono);font-size:.85rem;line-height:1.6;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:var(--space-md)var(--space-lg);overflow-x:auto}pre code{background:0 0;padding:0}.wrap{max-width:960px;margin:0 auto;padding:0 var(--space-lg);position:relative;z-index:1}section{padding:var(--space-2xl)0;border-bottom:1px solid var(--border)}section:last-child{border-bottom:none}.section-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:var(--space-md)}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .4s ease}header nav{max-width:960px;margin:0 auto;padding:0 var(--space-lg);height:3.5rem;display:flex;align-items:center;gap:var(--space-lg)}.logo{display:flex;align-items:baseline;gap:.4rem;color:var(--text);font-weight:600}.logo:hover{opacity:1}.logo-mark{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--accent)}.logo-text{font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:.04em}.nav-links{display:flex;gap:var(--space-md);margin-left:auto}.nav-links a{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);letter-spacing:.04em;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-links a:hover{color:var(--text);opacity:1}.nav-links a:hover::after{width:100%}#theme-toggle{background:0 0;border:1px solid var(--border);color:var(--text-dim);font-size:1rem;width:2rem;height:2rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s;flex-shrink:0}#theme-toggle:hover{border-color:var(--accent);color:var(--accent)}#hero{padding:calc(var(--space-2xl) + 3.5rem)0 var(--space-2xl);text-align:center;border-bottom:1px solid var(--border)}.hero-mark{font-family:var(--font-mono);font-size:clamp(7rem,22vw,16rem);font-weight:700;color:var(--accent);line-height:.9;text-shadow:0 0 80px var(--accent-glow);animation:mark-in 1s ease-out,pulse-glow 5s ease-in-out 1s infinite;user-select:none}.hero-tagline{margin-top:var(--space-lg);animation:fade-up .7s ease-out .15s both}.hero-desc{color:var(--text-dim);max-width:560px;margin:var(--space-md)auto 0;font-size:1.05rem;animation:fade-up .7s ease-out .3s both}.hero-example{margin-top:var(--space-xl);animation:fade-up .7s ease-out .45s both}.hero-example pre{display:inline-block;text-align:left;font-size:.8rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:var(--space-lg);transition:border-color .25s,box-shadow .25s}.card:hover{border-color:var(--accent);box-shadow:0 0 24px var(--accent-dim)}.card h3{font-family:var(--font-mono);color:var(--accent);margin-bottom:var(--space-sm);font-size:1rem}.card p{color:var(--text-dim);font-size:.92rem}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.spec-item{padding:var(--space-lg)0;border-top:1px solid var(--border)}.spec-item h3{font-family:var(--font-mono);font-size:.85rem;font-weight:500;margin-bottom:var(--space-sm)}.spec-num{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);font-weight:700}.spec-item p{color:var(--text-dim);font-size:.88rem}.steps{margin-top:var(--space-xl)}.step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);padding:var(--space-lg)0;border-top:1px solid var(--border);align-items:start}.step-num{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent);padding-top:.15rem}.step h3{margin-bottom:var(--space-sm)}.step p{color:var(--text-dim);font-size:.92rem;margin-bottom:var(--space-md)}.step pre{margin-top:var(--space-sm)}.community-links{display:flex;gap:var(--space-lg);margin-top:var(--space-lg);flex-wrap:wrap}.community-link{font-family:var(--font-mono);font-size:.85rem;padding:var(--space-sm)var(--space-md);border:1px solid var(--border);border-radius:6px;transition:border-color .2s,background .2s}.community-link:hover{border-color:var(--accent);background:var(--accent-dim)}footer{padding:var(--space-xl)0;position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);font-size:.8rem;color:var(--text-dim)}.footer-inner a{color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem}.footer-inner a:hover{color:var(--accent)}.license{font-family:var(--font-mono);font-size:.7rem;padding:.2em .6em;border:1px solid var(--border);border-radius:4px}.footer-links{display:flex;gap:var(--space-md);flex-wrap:wrap}@keyframes mark-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,100%{text-shadow:0 0 60px var(--accent-glow)}50%{text-shadow:0 0 120px var(--accent-glow),0 0 40px var(--accent-dim)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:640px){header nav{padding:0 var(--space-md);gap:var(--space-sm)}.nav-links{gap:var(--space-sm)}.nav-links a{font-size:.65rem}section{padding:var(--space-xl)0}.wrap{padding:0 var(--space-md)}#hero{padding-top:calc(var(--space-xl) + 3.5rem)}.hero-mark{font-size:clamp(5rem,30vw,8rem)}.step{grid-template-columns:1fr}.step-num{margin-bottom:calc(-1 * var(--space-sm))}.footer-inner{flex-direction:column;align-items:flex-start}}