*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070a;--bg-2:#0d0d11;--bg-3:#14141a;--text:#e4e4e7;--text-2:#a1a1aa;--text-3:#52525b;--accent:#818cf8;--accent-dim:#6366f1;--border:#1e1e24;--code-bg:#0e0e12;--mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6}#hero-canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.container{z-index:1;max-width:960px;margin:0 auto;padding:0 24px;position:relative}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07070ab3;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:960px;height:56px;margin:0 auto;padding:0 24px;display:flex}.nav-brand{font-family:var(--mono);color:var(--text);font-size:15px;font-weight:600;text-decoration:none}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--text-2);font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:200px 24px 140px;position:relative}.hero>.container{z-index:1;position:relative}.hero-badge{font-family:var(--mono);color:var(--accent);text-underline-offset:4px;background:#818cf80d;border:1px solid #818cf840;border-radius:100px;margin-bottom:32px;padding:4px 14px;font-size:12px;text-decoration:none;transition:border-color .2s,text-decoration-color .2s;display:inline-block}.hero-badge:hover{border-color:var(--accent);-webkit-text-decoration:underline var(--accent);text-decoration:underline var(--accent)}.hero-title{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 0%, var(--accent) 50%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1.1}.hero-desc{color:var(--text-2);max-width:480px;margin:0 auto 40px;font-size:18px;line-height:1.7}.hero-install{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:all;user-select:all;border-radius:10px;padding:14px 28px;font-size:14px;transition:border-color .2s,box-shadow .2s;display:inline-block}.hero-install:hover{border-color:var(--accent);box-shadow:0 0 20px #6366f11a}.hl-meta{color:#34d399}.hl-keyword{color:#818cf8}.hl-flag{color:#f472b6}.hl-string{color:#60a5fa}.hl-num{color:#fbbf24}.hl-var{color:#fb923c}.hl-cmd{color:#34d399}.features{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(#0000 0%,#6366f105 50%,#0000 100%);padding:100px 24px}.section-title{text-align:center;font-size:13px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:48px;font-weight:500}.feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.feature-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:32px;transition:border-color .3s,transform .3s,box-shadow .3s}.feature-card:hover{border-color:#818cf866;transform:translateY(-3px);box-shadow:0 8px 32px #6366f114}.feature-num{font-family:var(--mono);color:var(--accent);opacity:.8;margin-bottom:16px;font-size:12px}.feature-card h3{color:var(--text);margin-bottom:8px;font-size:17px;font-weight:600}.feature-card p{color:var(--text-2);font-size:14px;line-height:1.7}.usage{border-bottom:1px solid var(--border);padding:100px 24px}.usage-grid{grid-template-columns:1fr;gap:16px;margin-bottom:64px;display:grid}.usage-block{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;overflow:hidden}.usage-block:hover{border-color:var(--text-3)}.usage-label{font-size:11px;font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:14px 20px 0;display:block}.usage-block pre{padding:8px 20px 18px;overflow-x:auto}.usage-block code{font-family:var(--mono);color:var(--text);font-size:14px;line-height:1.8}.env-title{color:var(--text);margin-bottom:20px;font-size:17px;font-weight:600}.env-table{border-collapse:collapse;width:100%}.env-table th{text-align:left;font-size:12px;font-family:var(--mono);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:0 16px 12px;font-weight:500}.env-table td{color:var(--text-2);border-bottom:1px solid var(--border);padding:14px 16px;font-size:14px}.env-table td:first-child,.env-table th:first-child{font-family:var(--mono);color:var(--text);font-size:13px}.env-table td code{font-family:var(--mono);color:var(--accent);font-size:13px}.env-table tr:last-child td{border-bottom:none}.cta{text-align:center;border-bottom:1px solid var(--border);padding:100px 24px}.cta h2{color:var(--text);margin-bottom:12px;font-size:32px;font-weight:700}.cta p{color:var(--text-2);margin-bottom:32px;font-size:16px}.cta-code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);color:var(--accent);border-radius:8px;padding:12px 24px;font-size:14px}.footer{text-align:center;padding:40px 24px}.footer span{color:var(--text-3);font-size:13px}.footer a{color:var(--text-2);text-decoration:none}.footer a:hover{color:var(--text)}@media (width<=640px){.hero{padding:140px 24px 80px}.features,.usage,.cta{padding:64px 24px}.feature-grid{grid-template-columns:1fr}.hero-desc{font-size:16px}}