.hero:where(.astro-kt4qlgdp){min-height:calc(100vh - 68px);padding:var(--sp-16) var(--sp-8);isolation:isolate;place-items:center;display:grid;position:relative;overflow:hidden}.hero-bg:where(.astro-kt4qlgdp){z-index:0;pointer-events:none;position:absolute;inset:0}@media (width<=1023px),(prefers-reduced-motion:reduce){.hero-bg:where(.astro-kt4qlgdp){background:radial-gradient(circle at 30% 40%,#a0ff3f2e,#0000 55%),radial-gradient(circle at 70% 65%,#a0ff3f1a,#0000 60%),#0b0e0a}}#ferrofluidCanvas:where(.astro-kt4qlgdp){width:100%;height:100%;display:block}.hero-content:where(.astro-kt4qlgdp){z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex;position:relative}.hero-content:where(.astro-kt4qlgdp) .badge:where(.astro-kt4qlgdp){align-items:center;gap:var(--sp-2);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--badge-text,var(--accent));padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--badge-border,#a0ff3f59);background:var(--badge-bg,#0b0e0a59);backdrop-filter:blur(6px);margin-bottom:24px;font-size:11px;display:inline-flex}.hero-content:where(.astro-kt4qlgdp) .badge:where(.astro-kt4qlgdp) .dot:where(.astro-kt4qlgdp){background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-glow)}50%{opacity:.6;box-shadow:0 0 0 6px #0000}}.hero-content:where(.astro-kt4qlgdp) h1:where(.astro-kt4qlgdp){letter-spacing:-.035em;color:var(--text);text-shadow:0 2px 24px #00000073;margin-bottom:20px;font-size:80px;font-weight:700;line-height:1}.hero-content:where(.astro-kt4qlgdp) h1:where(.astro-kt4qlgdp) .grad:where(.astro-kt4qlgdp){background:linear-gradient(120deg, var(--accent), var(--accent-deep));-webkit-text-fill-color:transparent;background-clip:text}.hero-content:where(.astro-kt4qlgdp) p:where(.astro-kt4qlgdp).lead{color:var(--text-soft);text-shadow:0 1px 12px #0006;max-width:560px;margin:0 auto 32px;font-size:19px;line-height:30px}.hero-content:where(.astro-kt4qlgdp) .row:where(.astro-kt4qlgdp){gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=900px){.hero:where(.astro-kt4qlgdp){min-height:calc(100vh - 60px);padding:var(--sp-10) var(--sp-5)}.hero-content:where(.astro-kt4qlgdp) h1:where(.astro-kt4qlgdp){font-size:56px}.hero-content:where(.astro-kt4qlgdp) p:where(.astro-kt4qlgdp).lead{font-size:17px;line-height:27px}}@media (width<=500px){.hero-content:where(.astro-kt4qlgdp) h1:where(.astro-kt4qlgdp){font-size:44px}}@media (width<=380px){.hero-content:where(.astro-kt4qlgdp) h1:where(.astro-kt4qlgdp){font-size:38px}.hero-content:where(.astro-kt4qlgdp) p:where(.astro-kt4qlgdp).lead{font-size:16px;line-height:25px}}@media (prefers-reduced-motion:reduce){#ferrofluidCanvas:where(.astro-kt4qlgdp){display:none}.hero-bg:where(.astro-kt4qlgdp){background:radial-gradient(circle at 50% 50%, var(--accent-glow) 0%, transparent 70%)}.hero-content:where(.astro-kt4qlgdp) .badge:where(.astro-kt4qlgdp) .dot:where(.astro-kt4qlgdp){animation:none}}:root{--accent:#a0ff3f;--accent-deep:#7ae022;--accent-glow:#a0ff3f52;--success:#a0ff3f;--warning:#ffc53f;--error:#ff5c6a;--info:#6ab8ff;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--sp-32:128px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-pill:9999px;--font-sans:"Manrope", "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", "Geist Mono", "SF Mono", ui-monospace, monospace;--container-max:1280px;--content-max:780px;--motion:.22s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg:#0b0e0a;--surface:#14180f;--surface-2:#1d211a;--surface-alpha:#ffffff0d;--text:#fff;--text-soft:#ffffffb8;--text-mute:#ffffff7a;--hairline:#ffffff1a;--hairline-2:#ffffff2e;--btn-outline-color:#fff;--btn-outline-border:#ffffff59;--input-bg:#ffffff0a;--p-hi:#dfffa0;--p-mid:#a0ff3f;--p-low:#5fa820;--p-white:#fff;--glow-visible:1;--badge-bg:#0b0e0a59;--badge-border:#a0ff3f59;--badge-text:var(--accent);--elev-1:0 1px 2px #0000004d;--elev-2:0 4px 8px #0000003d, 0 2px 4px #0000002e;--elev-3:0 12px 24px #00000059, 0 4px 8px #0003;--elev-4:0 24px 48px #0006, 0 8px 16px #0000003d;--elev-glow:0 0 40px #a0ff3f33}[data-theme=light]{--bg:#f5f4ee;--surface:#fff;--surface-2:#f0efe8;--surface-alpha:#00000008;--text:#0a0a08;--text-soft:#0a0a08ad;--text-mute:#0a0a0873;--hairline:#0a0a081a;--hairline-2:#0a0a0833;--btn-outline-color:#0a0a08;--btn-outline-border:#0a0a0847;--input-bg:#fff;--p-hi:#4caf00;--p-mid:#7ae022;--p-low:#a0ff3f;--p-white:#0a0a08;--glow-visible:.35;--badge-bg:#ffffffbf;--badge-border:#4caf0059;--badge-text:#4caf00;--elev-1:0 1px 2px #0000000d;--elev-2:0 4px 8px #0000000f, 0 2px 4px #0000000a;--elev-3:0 12px 24px #00000014, 0 4px 8px #0000000a;--elev-4:0 24px 48px #0000001a, 0 8px 16px #0000000f;--elev-glow:0 0 40px #a0ff3f29}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);min-height:100vh;transition:background var(--motion), color var(--motion);font-size:16px;line-height:1.5;overflow-x:hidden}.container{max-width:var(--container-max);padding:0 var(--sp-8);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-8);z-index:20;background:color-mix(in oklab, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);max-width:var(--container-max);margin:0 auto;display:flex;position:sticky;top:0}.nav .brand{align-items:center;gap:var(--sp-2);letter-spacing:-.01em;color:var(--text);font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand-icon{background:var(--accent);color:#0a0b08;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.nav ul{gap:var(--sp-8);flex:1;justify-content:center;list-style:none;display:flex}.nav ul a{color:var(--text-soft);transition:color var(--motion);font-size:14px;font-weight:500;text-decoration:none}.nav ul a:hover{color:var(--text)}.nav .actions{gap:var(--sp-3);align-items:center;display:flex}.theme-toggle{align-items:center;gap:var(--sp-2);background:var(--surface-alpha);border:1px solid var(--hairline);color:var(--text);font-family:var(--font-mono);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);cursor:pointer;transition:border-color var(--motion), color var(--motion);font-size:12px;display:inline-flex}.theme-toggle:hover{border-color:var(--accent)}@media (width<=900px){.nav ul{display:none}}@media (width<=640px){.nav{padding:var(--sp-4) var(--sp-4);gap:var(--sp-3)}.nav .brand{font-size:17px}.brand-icon{width:24px;height:24px;font-size:12px}.theme-toggle{padding:4px 10px;font-size:11px}.nav .actions .btn-primary{padding:8px 14px;font-size:13px}}@media (width<=400px){.nav .actions .btn-primary{display:none}}html,body{overflow-x:clip}.btn{align-items:center;gap:var(--sp-2);font-family:var(--font-sans);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);cursor:pointer;transition:all var(--motion);white-space:nowrap;border:0;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn.sm{padding:var(--sp-2) var(--sp-4);font-size:13px}.btn.lg{padding:var(--sp-4) var(--sp-6);font-size:16px}.btn-primary{background:var(--accent);color:#0a0b08;font-weight:600;box-shadow:0 0 20px #a0ff3f40}.btn-primary:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 0 30px #a0ff3f66}.btn-secondary{color:var(--btn-outline-color);border:1px solid var(--btn-outline-border);backdrop-filter:blur(6px);background:0 0}.btn-secondary:hover{border-color:var(--text);color:var(--text)}.btn-ghost{color:var(--text-soft);padding:var(--sp-3);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-alpha)}.btn-danger{background:var(--error);color:#fff;font-weight:600}.btn-danger:hover{filter:brightness(.92);transform:translateY(-1px)}.btn-icon{padding:var(--sp-3);border-radius:var(--r-md);color:var(--text);border:1px solid var(--hairline);background:0 0;justify-content:center;width:40px;height:40px}.btn-icon:hover{border-color:var(--text);background:var(--surface-alpha)}.pill-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--r-pill);background:var(--accent);color:#0a0b08;cursor:pointer;transition:all var(--motion);border:0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 20px #a0ff3f40}.pill-cta:hover{background:var(--accent-deep);transform:translateY(-1px);box-shadow:0 0 30px #a0ff3f66}section.block{padding:var(--sp-24) var(--sp-8);border-top:1px solid var(--hairline);max-width:var(--container-max);margin:0 auto}section.block h2{letter-spacing:-.02em;margin-bottom:var(--sp-3);font-size:48px;font-weight:700;line-height:56px}section.block h2 .accent-text{background:linear-gradient(120deg, var(--accent), var(--accent-deep));-webkit-text-fill-color:transparent;background-clip:text}section.block .subtitle{color:var(--text-soft);margin-bottom:var(--sp-12);max-width:640px;font-size:16px}section.block h3.subhead{letter-spacing:-.01em;margin:var(--sp-12) 0 var(--sp-6);color:var(--text);font-size:20px;font-weight:600}.cards{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.cards{grid-template-columns:1fr}}.card{padding:var(--sp-8);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-xl);transition:all var(--motion);color:inherit;flex-direction:column;text-decoration:none;display:flex}.card:hover{border-color:var(--accent);box-shadow:var(--elev-glow);transform:translateY(-2px)}.card .cat{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute);margin-bottom:var(--sp-4);font-size:11px}.card h3{letter-spacing:-.01em;margin-bottom:var(--sp-3);color:var(--text);font-size:22px;font-weight:600;line-height:28px}.card p{color:var(--text-soft);margin-bottom:var(--sp-5);flex:1;font-size:14px;line-height:22px}.card .meta{font-family:var(--font-mono);color:var(--text-mute);gap:var(--sp-3);margin-top:auto;font-size:12px;display:flex}.badge{border-radius:var(--r-pill);background:var(--surface-alpha);border:1px solid var(--hairline);font-family:var(--font-mono);letter-spacing:.06em;color:var(--text);align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.badge-accent{border-color:var(--accent);color:var(--accent)}.chip{border-radius:var(--r-pill);background:var(--surface-alpha);border:1px solid var(--hairline);color:var(--text);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.chip:hover{border-color:var(--accent);cursor:pointer}.callout{padding:var(--sp-5);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:var(--r-md);background:var(--surface-alpha);margin:var(--sp-6) 0}.callout.warning{border-left-color:var(--warning)}.callout.error{border-left-color:var(--error)}.callout.info{border-left-color:var(--info)}footer.page-footer{padding:var(--sp-16) var(--sp-8);border-top:1px solid var(--hairline);max-width:var(--container-max);margin:0 auto}.page-footer-inner{gap:var(--sp-10);padding-bottom:var(--sp-8);grid-template-columns:2fr 1fr 1.5fr;display:grid}.page-footer-col .h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-mute);margin-bottom:var(--sp-3);font-size:11px;font-weight:500}.page-footer-col .title{letter-spacing:-.02em;margin-bottom:var(--sp-2);color:var(--text);font-size:18px;font-weight:700}.page-footer-col .tag{color:var(--text-soft);max-width:42ch;font-size:14px;line-height:1.55}.page-footer-col a{margin-bottom:var(--sp-2);color:var(--text);transition:color var(--motion);line-height:1.5;text-decoration:none;display:block}.page-footer-col a:hover{color:var(--accent)}.page-footer-col a strong{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.page-footer-col a small{color:var(--text-mute);font-size:12.5px}.page-footer-bottom{padding-top:var(--sp-5);border-top:1px solid var(--hairline);font-family:var(--font-mono);color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:12px;display:flex}@media (width<=720px){.page-footer-inner{gap:var(--sp-8);grid-template-columns:1fr}.page-footer-bottom{gap:var(--sp-2);flex-direction:column;align-items:flex-start}}.hero-dark-wrapper{--bg:#0b0e0a;--surface:#14180f;--surface-alpha:#ffffff0d;--text:#fff;--text-soft:#ffffffb8;--text-mute:#ffffff7a;--hairline:#ffffff1a;--p-hi:#dfffa0;--p-mid:#a0ff3f;--p-low:#5fa820;--p-white:#fff;--glow-visible:1;--badge-bg:#0b0e0a59;--badge-border:#a0ff3f59;--badge-text:var(--accent);background:#0b0e0a;width:100%;position:relative}