:root{--bg:oklch(14% 0.03 230);--bg-soft:oklch(20% 0.04 235);--surface:color-mix(in oklab, oklch(24% 0.04 240), black 14%);--surface-border:color-mix(in oklab, oklch(76% 0.06 160), transparent 78%);--text:oklch(94% 0.01 250);--muted:color-mix(in oklab, var(--text), var(--bg) 42%);--brand:oklch(80% 0.18 160);--brand-deep:oklch(66% 0.16 170);--danger:oklch(76% 0.18 32);--radius-s:0.75rem;--radius-m:1rem;--radius-l:1.5rem;--shadow:0 20px 70px rgb(0 0 0 / 0.35);--max-width:72rem;--space-1:clamp(0.6rem, 0.4rem + 0.4vw, 0.85rem);--space-2:clamp(0.95rem, 0.6rem + 0.7vw, 1.35rem);--space-3:clamp(1.3rem, 1rem + 1vw, 2rem);--space-4:clamp(2rem, 1.6rem + 1.8vw, 3.4rem);--space-5:clamp(3rem, 2.3rem + 2.6vw, 5.2rem);--step--1:clamp(0.84rem, 0.77rem + 0.26vw, 0.98rem);--step-0:clamp(1rem, 0.93rem + 0.38vw, 1.2rem);--step-1:clamp(1.22rem, 1.06rem + 0.76vw, 1.62rem);--step-2:clamp(1.5rem, 1.24rem + 1.16vw, 2.1rem);--step-3:clamp(1.95rem, 1.52rem + 1.9vw, 2.95rem);--step-4:clamp(2.55rem, 1.92rem + 2.8vw, 4rem)}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:"Avenir Next","Segoe UI","Noto Sans",sans-serif;font-size:var(--step-0);line-height:1.6;color:var(--text);background:radial-gradient(circle at 12% 8%,rgb(69 174 148 / .2),transparent 30%),radial-gradient(circle at 82% 14%,rgb(34 130 110 / .2),transparent 26%),linear-gradient(165deg,var(--bg) 0,var(--bg-soft) 100%)}.brand,h1,h2,h3{font-family:"Gill Sans","Avenir Next Condensed","Trebuchet MS",sans-serif;line-height:1.15;text-wrap:balance}li,p{text-wrap:pretty}.skip-link{position:absolute;left:-999px;top:0;z-index:1000;padding:.7rem 1rem;border-radius:0 0 var(--radius-s) 0;color:#000;background:var(--brand)}.skip-link:focus-visible{left:0}.background{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.glow{position:absolute;border-radius:50%;filter:blur(70px)}.glow-a{width:36rem;aspect-ratio:1;background:rgb(87 222 182 / .16);left:-8rem;top:30vh}.glow-b{width:30rem;aspect-ratio:1;background:rgb(15 118 110 / .24);right:-7rem;top:55vh}.grain{position:absolute;inset:0;opacity:.08;background-image:radial-gradient(rgb(255 255 255 / .65) .8px,transparent .8px);background-size:3px 3px}.wrap{width:min(var(--max-width),100% - 2.2rem);margin-inline:auto}main>section[id]{scroll-margin-top:6.5rem}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:0.95rem}.brand{margin:0;font-size:var(--step-1);letter-spacing:.08em;font-weight:700}.nav-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem .5rem;list-style:none;margin:0;padding:0}.nav-list a{display:inline-block;padding:.42rem .7rem;border-radius:999px;color:var(--muted);font-size:var(--step--1);font-weight:600;text-decoration:none;transition:color 140ms ease,background-color 140ms ease}.nav-list a:is(:hover,:focus-visible){color:var(--text);background:color-mix(in oklab,var(--surface),transparent 20%)}.nav-list a.is-active{color:var(--bg);background:var(--brand)}.page{padding-block:var(--space-4) var(--space-5);display:grid;gap:var(--space-3)}.hero{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-l);border:1px solid var(--surface-border);background:linear-gradient(130deg,rgb(80 206 171 / .2),transparent 45%),color-mix(in oklab,var(--surface),transparent 16%);box-shadow:var(--shadow)}.eyebrow{margin:0;color:var(--brand);font-size:var(--step--1);font-weight:700;letter-spacing:.13em;text-transform:uppercase}.hero-title-row{display:flex;align-items:center;gap:clamp(.8rem,.5rem + 1vw,1.4rem)}.hero-title-block{display:grid;align-content:center;gap:.15rem}.hero-logo{width:clamp(3.6rem,3rem + 2vw,5.4rem);height:auto;border-radius:.7rem;border:1px solid color-mix(in oklab,var(--brand),transparent 58%);background:#fff;padding:.35rem;box-shadow:0 10px 24px rgb(0 0 0 / .3)}h1{margin:0;max-width:18ch;font-size:var(--step-4)}.hero-subtitle{margin:0;color:var(--muted);font-size:var(--step--1);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lead{margin:0;max-width:62ch;color:var(--muted);font-size:var(--step-1)}.tag-row{display:flex;flex-wrap:wrap;gap:.55rem}.tag-row span{padding:.45rem .75rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--brand),transparent 64%);color:color-mix(in oklab,var(--text),var(--brand) 20%);background:color-mix(in oklab,var(--surface),transparent 12%);font-size:var(--step--1);font-weight:600}.panel{padding:var(--space-3);border-radius:var(--radius-m);border:1px solid var(--surface-border);background:color-mix(in oklab,var(--surface),transparent 6%);box-shadow:0 14px 42px rgb(0 0 0 / .24)}h2{margin-top:0;margin-bottom:var(--space-2);font-size:var(--step-2)}.panel p:last-child{margin-bottom:0}.impact-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));list-style:none;margin:0;padding:0}.impact-list li{padding:var(--space-2);border-radius:var(--radius-s);background:color-mix(in oklab,var(--bg-soft),transparent 16%);border:1px solid color-mix(in oklab,var(--text),transparent 88%)}.example-card h3,.impact-list h3{margin-top:0;margin-bottom:.45rem;font-size:var(--step-1)}.example-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr))}.idea-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(19rem,100%),1fr))}.example-card{display:grid;align-content:start;gap:.7rem;padding:var(--space-2);border-radius:var(--radius-s);background:linear-gradient(170deg,color-mix(in oklab,var(--surface),transparent 10%) 0,color-mix(in oklab,var(--bg-soft),transparent 16%) 100%);border:1px solid color-mix(in oklab,var(--brand),transparent 82%)}.idea-card{display:grid;align-content:start;gap:.7rem;padding:var(--space-2);border-radius:var(--radius-s);border:1px solid color-mix(in oklab,var(--brand),transparent 78%);background:linear-gradient(165deg,color-mix(in oklab,var(--surface),transparent 6%) 0,color-mix(in oklab,var(--bg-soft),transparent 18%) 100%)}.idea-card p{margin:0}.toggle{justify-self:start;margin-top:.2rem;border:1px solid color-mix(in oklab,var(--brand),transparent 40%);border-radius:999px;background:0 0;color:color-mix(in oklab,var(--text),var(--brand) 34%);font:inherit;font-size:var(--step--1);font-weight:700;padding:.36rem .7rem;cursor:pointer;transition:transform 120ms ease,background-color 120ms ease}.toggle:is(:hover,:focus-visible){background:color-mix(in oklab,var(--brand),transparent 84%)}.toggle:active{transform:scale(.98)}.details{margin-top:.1rem;color:var(--muted)}.faq-list{display:grid;gap:var(--space-2)}.faq-item{border-radius:var(--radius-s);border:1px solid color-mix(in oklab,var(--brand),transparent 78%);background:linear-gradient(165deg,color-mix(in oklab,var(--surface),transparent 6%) 0,color-mix(in oklab,var(--bg-soft),transparent 18%) 100%);padding:var(--space-2)}.faq-item summary{cursor:pointer;font-size:var(--step-1);font-weight:700;line-height:1.35;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:"+";display:inline-block;width:1.1rem;margin-right:.4rem;color:var(--brand);font-weight:800}.faq-item[open] summary::before{content:"-"}.faq-item p{margin:.75rem 0 0;color:var(--muted)}ol{padding-left:1.15rem;margin:0;display:grid;gap:.6rem}.closing{padding:var(--space-4) var(--space-3);border-radius:var(--radius-l);border:1px solid color-mix(in oklab,var(--danger),transparent 75%);background:linear-gradient(145deg,color-mix(in oklab,var(--danger),transparent 90%),transparent),color-mix(in oklab,var(--surface),transparent 10%)}.closing h2{margin-block:0 0.6rem}.closing p{margin-block:0;max-width:56ch}.site-footer{padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);border:1px solid color-mix(in oklab,var(--text),transparent 86%);background:color-mix(in oklab,var(--surface),transparent 8%)}.site-footer p{margin:0;color:var(--muted);font-size:var(--step--1)}.site-footer p+p{margin-top:.4rem}.site-footer a{color:color-mix(in oklab,var(--text),var(--brand) 30%)}.site-footer a:is(:hover,:focus-visible){color:var(--brand)}.motion-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 420ms ease,transform 420ms ease}.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:50rem){.site-header{position:static}.nav-wrap{align-items:flex-start;flex-direction:column}.hero{padding:var(--space-3)}.hero-title-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-enabled .reveal,.motion-enabled .reveal.is-visible{opacity:1;transform:none;transition:none}.toggle{transition:none}}