:root{--bg:#0e0f11;--surface:#1a1d21;--surface2:#20242a;--border:#ffffff12;--border-light:#ffffff26;--text:#e8eaed;--text-muted:#9aa0ac;--text-dim:#5c6370;--accent:#fbe324;--accent-dim:#fbe32414;--accent-border:#fbe32436;--btn:#df4632;--btn-dim:#df463214;--green:#56c98a;--green-dim:#56c98a14;--red:#e06c75;--amber:#e8a84a;--amber-dim:#e8a84a14;--mono:"IBM Plex Mono", monospace;--sans:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1.05em;line-height:1.6}body:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.12;pointer-events:none;z-index:0;background-size:48px 48px;position:fixed;inset:0}nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0e0f11eb;justify-content:space-between;align-items:center;height:56px;padding:0 48px;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--mono);color:var(--text);letter-spacing:.05em;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;font-size:.75rem;font-weight:400;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--text)}.hero{z-index:1;text-align:center;max-width:860px;margin:0 auto;padding:100px 48px 60px;position:relative}.hero h1{font-family:var(--mono);letter-spacing:-.02em;color:var(--text);font-size:clamp(2.25rem,5vw,3.875rem);font-weight:600;line-height:1.12;animation:.45s both fadeUp}.hero h1 .hl{color:var(--accent);position:relative}.hero-tagline{font-family:var(--mono);color:var(--accent);letter-spacing:.01em;margin-top:14px;font-size:2.125rem;font-weight:500;animation:.45s 80ms both fadeUp}.hero-sub{color:var(--text-muted);max-width:520px;margin-top:24px;margin-left:auto;margin-right:auto;font-size:1.0625rem;font-weight:300;line-height:1.7;animation:.45s .15s both fadeUp}.hero-actions{justify-content:center;align-items:center;gap:16px;margin-top:40px;animation:.45s .22s both fadeUp;display:flex}.btn-primary{font-family:var(--mono);color:#fff;background:var(--btn);cursor:pointer;letter-spacing:.02em;border:none;border-radius:3px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 32px #df463247}.section{z-index:1;max-width:1100px;margin:0 auto;padding:80px 48px;position:relative}.section-label{font-family:var(--mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.6875rem;font-weight:500}.section-title{font-family:var(--mono);color:var(--text);letter-spacing:-.02em;max-width:600px;margin-bottom:60px;font-size:2.125rem;font-weight:600;line-height:1.2}.features-grid{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.feature-card{flex-direction:column;gap:12px;display:flex}.feature-card:hover .feature-icon{border-color:var(--accent)}.feature-icon{width:32px;height:32px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:4px;transition:border-color .2s;display:flex}.feature-title-row{align-items:center;gap:10px;display:flex}.feature-card h3{font-family:var(--mono);color:var(--text);letter-spacing:.01em;font-size:.875rem;font-weight:500}.feature-card p{color:var(--text-muted);font-size:.875rem;line-height:1.7}.steps-row{flex-direction:column;gap:0;display:flex;position:relative}.steps-row:before{content:"";background:var(--border);width:1px;position:absolute;top:40px;bottom:40px;left:19px}.step-card{border-bottom:1px solid var(--border);grid-template-columns:40px 1fr;align-items:start;gap:24px;padding:28px 0;display:grid}.step-card:last-child{border-bottom:none}.step-num{background:var(--bg);border:1px solid var(--border);width:40px;height:40px;font-family:var(--mono);color:var(--accent);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:relative}.step-body h3{font-family:var(--mono);color:var(--text);margin-bottom:6px;padding-top:10px;font-size:.875rem;font-weight:500}.step-body p{color:var(--text-muted);max-width:560px;font-size:.875rem;line-height:1.65}.setup-section{z-index:1;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 48px;position:relative}.setup-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;display:grid}.setup-content .section-label{margin-bottom:12px}.setup-content .section-title{margin-bottom:20px}.setup-content p{color:var(--text-muted);margin-bottom:24px;font-size:.875rem;line-height:1.7}.config-vars{flex-direction:column;gap:12px;display:flex}.config-var{flex-direction:column;gap:4px;display:flex}.config-var-name{font-family:var(--mono);color:var(--accent);font-size:.75rem;font-weight:500}.config-var-desc{color:var(--text-muted);font-size:.75rem}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.code-block-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-block-lang{font-family:var(--mono);color:var(--text-dim);letter-spacing:.06em;font-size:.6875rem}.copy-btn{font-family:var(--mono);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:.6875rem;transition:color .15s,border-color .15s}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.code-block pre{font-family:var(--mono);color:var(--text-muted);padding:20px;font-size:.75rem;line-height:1.8;overflow-x:auto}.code-block pre .k{color:#bfc6c8}.code-block pre .v{color:var(--green)}.code-block pre .c{color:var(--text-dim)}.code-block pre .s{color:var(--accent)}footer{z-index:1;max-width:1100px;font-family:var(--mono);color:var(--text-dim);justify-content:space-between;align-items:center;margin:0 auto;padding:32px 48px;font-size:.75rem;display:flex;position:relative}footer a{color:var(--text-muted);text-decoration:none;transition:color .15s}footer a:hover{color:var(--text)}.divider{z-index:1;max-width:1100px;margin:0 auto;padding:0 48px;position:relative}.divider hr{border:none;border-top:1px solid var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}@media (width<=768px){nav{padding:0 20px}.nav-links li:not(:last-child){display:none}.hero{padding:60px 20px 40px}.hero h1{font-size:clamp(1.75rem,7vw,3rem)}.hero-tagline{font-size:1.375rem}.hero-sub{max-width:100%;font-size:1rem}.section{padding:52px 20px}.features-grid{grid-template-columns:1fr;gap:32px}.steps-row:before{display:none}.setup-section{padding:52px 20px}.setup-inner{grid-template-columns:1fr;gap:40px}.wasm-callout{padding:40px 20px}.wasm-inner{grid-template-columns:1fr;gap:32px;padding:32px 24px}.wasm-badges{flex-flow:wrap;gap:12px}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:24px 20px}.kv-grid{grid-template-columns:repeat(2,1fr)}}