:root{--bg-deep: #0c1210;--bg-mid: #14201b;--ink: #e8f0ea;--ink-muted: #9bb0a3;--accent: #3dd68c;--accent-dim: #1f8f5a;--line: rgba(232, 240, 234, .12);--panel: rgba(20, 32, 27, .72);--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "DM Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.55;background:radial-gradient(1200px 700px at 12% -10%,rgba(61,214,140,.18),transparent 55%),radial-gradient(900px 600px at 90% 10%,rgba(56,120,90,.22),transparent 50%),linear-gradient(165deg,var(--bg-deep),var(--bg-mid) 48%,#0a100e);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");mix-blend-mode:soft-light;z-index:0}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:#7af0b4}.wrap{position:relative;z-index:1;width:min(1080px,calc(100% - 2.5rem));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 .5rem;animation:rise .7s ease both}.brand{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.nav{display:flex;gap:1.25rem;font-size:.95rem}.nav a{color:var(--ink-muted);text-decoration:none}.nav a:hover{color:var(--ink)}.hero{padding:14vh 0 8vh;display:grid;gap:2.5rem;animation:rise .9s .08s ease both}@media(min-width:900px){.hero{grid-template-columns:1.05fr .95fr;align-items:end;min-height:72vh;padding-top:12vh}}.brand-hero{font-family:var(--font-display);font-size:clamp(3.2rem,9vw,5.6rem);font-weight:600;line-height:.95;letter-spacing:-.04em;margin:0 0 1rem;background:linear-gradient(120deg,#f3fff7 20%,var(--accent) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{font-family:var(--font-display);font-size:clamp(1.45rem,3.2vw,2rem);font-weight:500;line-height:1.25;margin:0 0 .85rem;max-width:18ch;color:var(--ink)}.hero .lede{margin:0 0 1.75rem;max-width:36ch;color:var(--ink-muted);font-size:1.08rem}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.15rem;border-radius:.35rem;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#062216}.btn-primary:hover{background:#5fe4a3;color:#062216}.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}.btn-ghost:hover{border-color:#3dd68c73;color:var(--ink)}.audit-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;padding:1.1rem 1.15rem 1.2rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.45;color:#c9d9cf;box-shadow:0 24px 60px #00000059;animation:drift-in 1s .2s ease both}.audit-panel .label{color:var(--accent-dim);margin-bottom:.65rem;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.audit-panel .row{display:flex;justify-content:space-between;gap:1rem;padding:.28rem 0;border-bottom:1px solid rgba(232,240,234,.06)}.audit-panel .sev-med{color:#e6c07b}.audit-panel .sev-info{color:#8eb9ff}.audit-panel .kind{color:var(--ink-muted)}.section{padding:3.5rem 0 5rem;animation:rise .8s .15s ease both}.section h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 .6rem}.section p.intro{color:var(--ink-muted);max-width:52ch;margin:0 0 1.75rem}.doc{padding:2.5rem 0 5rem;max-width:720px}.doc h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.6rem);margin:0 0 .75rem}.doc h2{font-family:var(--font-display);font-size:1.35rem;margin:2rem 0 .6rem}.doc p,.doc li{color:var(--ink-muted)}.doc code,.audit-panel code{font-family:var(--font-mono);font-size:.86em}.doc pre{overflow-x:auto;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.4rem;background:#080e0ca6;color:#d5e4db;font-family:var(--font-mono);font-size:.82rem}.site-footer{border-top:1px solid var(--line);padding:1.5rem 0 2.5rem;color:var(--ink-muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
