@layer reset,tokens,base,components,utilities;@font-face{font-display:swap;font-family:Archivo Narrow;font-style:normal;font-weight:400;src:url(/build/assets/archivo-narrow-v35-latin_latin-ext-regular-C7HevGkK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Archivo Narrow;font-style:normal;font-weight:700;src:url(/build/assets/archivo-narrow-v35-latin_latin-ext-700-BoLbnLkU.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inconsolata;font-style:normal;font-weight:400;src:url(/build/assets/inconsolata-v37-latin_latin-ext-regular-tkks4IrO.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lora;font-style:normal;font-weight:400;src:url(/build/assets/lora-v37-latin_latin-ext-regular-CLwlJOUU.woff2) format("woff2")}@font-face{font-display:swap;font-family:Lora;font-style:italic;font-weight:400;src:url(/build/assets/lora-v37-latin_latin-ext-italic-CnGKofiO.woff2) format("woff2")}@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}img{display:block;max-width:100%;height:auto}button{font:inherit;border:none;background:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}}@layer tokens{:root{--color-bone: #f0eeeb;--color-parchment: #e7e4df;--color-stone: #ddd9d3;--color-stone-dark: #d0ccc5;--color-ash: #c5c0b8;--color-slate: #635f59;--color-slate-dark: #5c564f;--color-ink: #0a0a0a;--color-soot: #2a2a28;--color-cream: #f0ede8;--c-green: #006e37;--c-green-dim: #005c2e;--c-cyan: #00697d;--c-cyan-dim: #005568;--c-red: #ff1744;--c-red-dim: #a0122e;--c-bg: var(--color-bone);--c-bg-2: var(--color-parchment);--c-surface: var(--color-stone);--c-surface-2: var(--color-stone-dark);--c-border: var(--color-ash);--c-dim: var(--color-slate);--c-muted: var(--color-slate-dark);--c-text: var(--color-ink);--c-text-soft: var(--color-soot);--c-hero-text: var(--color-cream);--c-highlight: var(--c-green);--c-highlight-alt: var(--c-cyan);--f-mega: clamp(3.2rem, 2rem + 5vw, 9rem);--f-hero: clamp(2rem, 1.2rem + 3vw, 5.5rem);--f-display: clamp(1.5rem, 1rem + 1.8vw, 3.2rem);--f-title: clamp(1.1rem, .9rem + .7vw, 1.6rem);--f-body: clamp(.88rem, .82rem + .2vw, 1rem);--f-small: clamp(.72rem, .68rem + .15vw, .82rem);--f-micro: clamp(.6rem, .56rem + .12vw, .7rem);--ff-heading: "Archivo Narrow", "Arial Narrow", sans-serif;--ff-body: "Inconsolata", "Fira Code", "Consolas", monospace;--ff-serif: "Lora", "Georgia", serif;--s-2xs: clamp(.15rem, .12rem + .15vw, .3rem);--s-xs: clamp(.3rem, .25rem + .2vw, .5rem);--s-sm: clamp(.5rem, .4rem + .4vw, .9rem);--s-md: clamp(1rem, .8rem + .7vw, 1.6rem);--s-lg: clamp(1.6rem, 1.2rem + 1.2vw, 2.8rem);--s-xl: clamp(2.5rem, 1.8rem + 2vw, 5rem);--s-2xl: clamp(4rem, 3rem + 3vw, 8rem);--s-fluid-base: clamp(1rem, 4vw, 2rem);--layout-max-width-feature: 1440px;--layout-max-width-content: 1024px;--layout-max-width-narrow: 640px;--grid-margin-inline: var(--s-fluid-base);--grid-column-full: max( var(--grid-margin-inline), calc(.5 * (100vw - var(--layout-max-width-feature))) );--grid-column-feature: max( 0px, calc( .5 * ( 100vw - 2 * var(--grid-column-full) - var(--layout-max-width-content) ) ) );--grid-column-content: max( 0px, calc( .5 * ( 100vw - 2 * var(--grid-column-full) - 2 * var(--grid-column-feature) - var(--layout-max-width-narrow) ) ) );--grid-column-narrow: 1fr;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-expo: cubic-bezier(.87, 0, .13, 1);--t-fast: .15s var(--ease-out);--t-normal: .4s var(--ease-out);--t-slow: .8s var(--ease-out)}[data-theme=dark]{--c-bg: #0a0a0a;--c-bg-2: #111110;--c-surface: #1a1a18;--c-surface-2: #242420;--c-border: #333330;--c-dim: #838380;--c-muted: #8e8e85;--c-text: #f0ede8;--c-text-soft: #c8c4bc;--c-green: #00e676;--c-green-dim: #00c060;--c-cyan: #00d4ff;--c-cyan-dim: #00a8cc;--c-red-dim: #c97b7b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--c-bg: #0a0a0a;--c-bg-2: #111110;--c-surface: #1a1a18;--c-surface-2: #242420;--c-border: #333330;--c-dim: #838380;--c-muted: #8e8e85;--c-text: #f0ede8;--c-text-soft: #c8c4bc;--c-green: #00e676;--c-green-dim: #00c060;--c-cyan: #00d4ff;--c-cyan-dim: #00a8cc;--c-red-dim: #c97b7b}}}@layer base{html{background:var(--c-bg);color:var(--c-text);font-family:var(--ff-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;transition:background .4s ease,color .4s ease}body{min-height:100dvh;overflow-x:hidden}::selection{background:var(--c-green);color:#0a0a0a}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-green)}.nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:calc(var(--s-sm) + env(safe-area-inset-top,0px)) calc(var(--s-md) + env(safe-area-inset-right,0px)) var(--s-sm) calc(var(--s-md) + env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--c-bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--c-border);transition:background .4s,border-color .4s}.nav-left{display:flex;align-items:center;gap:var(--s-md)}.nav-logo{font-family:var(--ff-heading);font-size:var(--f-body);font-weight:700;letter-spacing:.35em;text-transform:uppercase}.nav-logo .accent{color:var(--c-highlight)}.nav-links{display:flex;gap:var(--s-md)}.nav-links a{font-family:var(--ff-body);font-size:var(--f-small);letter-spacing:.12em;text-transform:uppercase;transition:color var(--t-fast)}.nav-links a:hover,.nav-links a.active{color:var(--c-green)}.theme-toggle{width:36px;height:36px;border:1px solid var(--c-border);display:grid;place-items:center;color:var(--c-dim);transition:all var(--t-fast)}.theme-toggle:hover{border-color:var(--c-green);color:var(--c-green)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:none}[data-theme=dark] .theme-toggle .icon-moon{display:block}.page-content{margin-top:60px}.section-wrapper{padding-block:var(--s-xl)}.section-header{display:flex;justify-content:space-between;align-items:flex-start}.section-link{font-size:var(--f-body);margin-left:var(--s-sm)}.section-link:before{content:">> ";color:var(--c-highlight)}.section-link:hover{color:var(--c-green)}.section-header-block{padding-bottom:var(--s-lg)}.section-heading-group{display:flex;flex-direction:column;gap:var(--s-sm)}.section-heading{font-family:var(--ff-heading);font-size:var(--f-hero);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}.section-heading .g{color:var(--c-green)}.section-heading .c{color:var(--c-cyan)}.section-intro{font-family:var(--ff-serif);font-size:var(--f-body);color:var(--c-muted);font-style:italic;max-width:50ch}.section-label{font-family:var(--ff-body);font-size:var(--f-body);letter-spacing:.15em;text-transform:uppercase;color:var(--c-green-dim);padding-bottom:var(--s-md);display:flex;align-items:center;gap:var(--s-sm);flex:1}.section-label:before{content:"//";color:var(--c-highlight-alt);margin-right:2px}.section-label:after{content:"";flex:1;height:1px;background:var(--c-border);transition:background .4s}.site-footer{border-top:1px solid var(--c-border);padding:var(--s-xl) calc(var(--s-md) + env(safe-area-inset-right,0px)) calc(var(--s-xl) + env(safe-area-inset-bottom,0px)) calc(var(--s-md) + env(safe-area-inset-left,0px));display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-md);max-width:1600px;margin:var(--s-2xl) auto 0;transition:border-color .4s}.footer-brand{font-family:var(--ff-heading);font-size:var(--f-small);letter-spacing:.3em;text-transform:uppercase;color:var(--c-dim)}.footer-copy{font-family:var(--ff-body);font-size:var(--f-micro);color:var(--c-dim);letter-spacing:.05em}a.nav-link{font-family:var(--ff-body);font-size:var(--f-micro);letter-spacing:.12em;text-transform:uppercase;transition:color var(--t-fast)}a.nav-link:hover{color:var(--c-green)}.nav-divider{width:1px;height:14px;background:var(--c-border)}.btn{font-family:var(--ff-body);font-size:var(--f-small);letter-spacing:.06em;text-transform:uppercase;padding:7px 14px;border:1px dashed var(--c-border);color:var(--c-dim);position:relative;overflow:hidden;isolation:isolate;cursor:pointer;background:transparent;transition:border-color var(--t-fast),border-style var(--t-fast),color var(--t-fast)}.btn>*{position:relative;z-index:1}.btn:before{content:"";position:absolute;inset:0;background:var(--c-green);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out);z-index:-1}.btn:hover{border-color:var(--c-green);border-style:solid;color:var(--c-bg)}.btn:hover:before{transform:scaleX(1)}.btn:focus-visible{border-color:var(--c-green);border-style:solid;color:var(--c-bg);outline:2px solid var(--c-green);outline-offset:2px}.btn:focus-visible:before{transform:scaleX(1)}.btn.is-active{border-color:var(--c-green);border-style:solid;color:var(--c-bg);background:var(--c-green)}.btn.is-active:before{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.btn,.btn:before{transition:none}.btn:before{content:none}.btn:hover,.btn:focus-visible{background:var(--c-green)}}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.share-toast{position:fixed;bottom:var(--s-lg);left:50%;transform:translate(-50%) translateY(20px);background:var(--c-surface);border:1px solid var(--c-green);color:var(--c-green);font-family:var(--ff-body);font-size:var(--f-small);letter-spacing:.1em;text-transform:uppercase;padding:var(--s-xs) var(--s-md);z-index:9999;opacity:0;transition:opacity var(--t-normal),transform var(--t-normal);pointer-events:none}.share-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.page-grid{display:grid;grid-template-columns:[full-start] var(--grid-column-full) [feature-start] var(--grid-column-feature) [content-start] var(--grid-column-content) [narrow-start] var(--grid-column-narrow) [narrow-end] var(--grid-column-content) [content-end] var(--grid-column-feature) [feature-end] var(--grid-column-full) [full-end]}.feature-grid{display:grid;grid-template-columns:[feature-start] var(--grid-column-feature) [content-start] var(--grid-column-content) [narrow-start] var(--grid-column-narrow) [narrow-end] var(--grid-column-content) [content-end] var(--grid-column-feature) [feature-end]}.content-grid{display:grid;grid-template-columns:[content-start] var(--grid-column-content) [narrow-start] var(--grid-column-narrow) [narrow-end] var(--grid-column-content) [content-end]}.col-full{grid-column:full}.col-feature{grid-column:feature}.col-content{grid-column:content}.col-narrow{grid-column:narrow}@keyframes sUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}}