@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;font-size:100%}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}}@layer tokens{:root{--color-bg:#fff;--color-bg-alt:#f7f7f7;--color-text:#222;--color-text-muted:#555;--color-border:#d7d7d7;--color-primary:#136f63;--color-primary-contrast:#fff;--color-link-standard:#00f;--ff-primary:"Satoshi-Regular", sans-serif;--ff-bold:"Satoshi-Bold", sans-serif;--ff-body:var(--ff-primary);--ff-heading:var(--ff-bold);--fw-regular:400;--fw-bold:700;--fs-sm:1rem;--fs-md:clamp(1.05rem, 1rem + .25vw, 1.25rem);--fs-lg:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--fs-xl:clamp(1.5rem, 1.2rem + 1vw, 2rem);--fs-2xl:clamp(2rem, 1.4rem + 2.5vw, 3rem);--space-xs:.5rem;--space-sm:1rem;--space-md:1.25rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.35rem;--radius-md:.65rem;--content-width:60rem;--text-width:48rem;--page-gutter:clamp(1rem, 4vw, 3rem)}}@layer base{html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;font-family:var(--ff-body);color:var(--color-text);background:var(--color-bg);text-rendering:optimizelegibility;line-height:1.5}:where(h1,h2,h3,h4){font-family:var(--ff-heading);font-weight:var(--fw-bold);line-height:1.15}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md)}:where(p,li){font-size:var(--fs-md);overflow-wrap:break-word}small{font-size:var(--fs-sm);color:var(--color-text-muted)}strong{font-family:var(--ff-bold)}a{color:var(--color-link-standard);text-underline-offset:.2em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2px}:where(ul,ol){padding-inline-start:1.4rem}li+li{margin-block-start:var(--space-xs)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer layout{.site-shell{width:min(100% - (var(--page-gutter) * 2), var(--content-width));grid-template-rows:auto 1fr auto;min-height:100vh;margin-inline:auto;display:grid}.site-main{padding-block:var(--space-xl) var(--space-3xl);align-content:start;gap:clamp(3rem,7vw,5rem);display:grid}.site-main>section{gap:var(--space-lg);display:grid}}@layer components{.site-header{gap:var(--space-lg);padding-block:var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.site-brand{color:var(--color-text);font-family:var(--ff-bold);font-size:var(--fs-lg);text-decoration:none}.site-header nav ul{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.site-header nav li{margin:0}.nav-link{color:var(--color-text);font-family:var(--ff-bold);text-decoration:none}.nav-link:hover,.nav-link.active{text-decoration:underline}.site-footer{gap:var(--space-sm);padding-block:var(--space-xl) var(--space-2xl);border-top:1px solid var(--color-border);display:grid}.site-footer nav{gap:var(--space-lg);flex-wrap:wrap;display:flex}.hero,.page-intro{max-width:var(--text-width);padding-block:var(--space-lg)}.hero h1,.page-intro h1{max-width:18ch}.eyebrow{color:var(--color-primary);font-family:var(--ff-bold);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase}.lede{max-width:62ch;font-size:var(--fs-lg);color:var(--color-text-muted)}.section-heading{gap:var(--space-xs);display:grid}.experiment-grid,.tool-list{gap:var(--space-lg);display:grid}.experiment-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.experiment-card,.tool-row,.feature-block{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt);align-content:start;display:grid}.tool-row{grid-template-columns:1fr}@media (width>=48rem){.tool-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.button,.button-primary{border:1px solid var(--color-text);border-radius:var(--radius-sm);background:var(--color-text);width:fit-content;min-height:2.75rem;color:var(--color-bg);font-family:var(--ff-bold);font-size:var(--fs-md);cursor:pointer;justify-content:center;align-items:center;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.button:hover,.button-primary:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}:where(div,p):has(>:where(.button,.button-primary)+:where(.button,.button-primary)){align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}}@layer tool;@layer utilities{.rows-flow{gap:var(--space-md);flex-direction:column;display:flex}.text-center{text-align:center}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}}@font-face{font-family:Satoshi-Light;src:url(/fonts/Satoshi-Light.woff2)format("woff2"),url(/fonts/Satoshi-Light.woff)format("woff"),url(/fonts/Satoshi-Light.ttf)format("truetype");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-LightItalic;src:url(/fonts/Satoshi-LightItalic.woff2)format("woff2"),url(/fonts/Satoshi-LightItalic.woff)format("woff"),url(/fonts/Satoshi-LightItalic.ttf)format("truetype");font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Regular;src:url(/fonts/Satoshi-Regular.woff2)format("woff2"),url(/fonts/Satoshi-Regular.woff)format("woff"),url(/fonts/Satoshi-Regular.ttf)format("truetype");font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-Italic;src:url(/fonts/Satoshi-Italic.woff2)format("woff2"),url(/fonts/Satoshi-Italic.woff)format("woff"),url(/fonts/Satoshi-Italic.ttf)format("truetype");font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Medium;src:url(/fonts/Satoshi-Medium.woff2)format("woff2"),url(/fonts/Satoshi-Medium.woff)format("woff"),url(/fonts/Satoshi-Medium.ttf)format("truetype");font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-MediumItalic;src:url(/fonts/Satoshi-MediumItalic.woff2)format("woff2"),url(/fonts/Satoshi-MediumItalic.woff)format("woff"),url(/fonts/Satoshi-MediumItalic.ttf)format("truetype");font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Bold;src:url(/fonts/Satoshi-Bold.woff2)format("woff2"),url(/fonts/Satoshi-Bold.woff)format("woff"),url(/fonts/Satoshi-Bold.ttf)format("truetype");font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BoldItalic;src:url(/fonts/Satoshi-BoldItalic.woff2)format("woff2"),url(/fonts/Satoshi-BoldItalic.woff)format("woff"),url(/fonts/Satoshi-BoldItalic.ttf)format("truetype");font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Black;src:url(/fonts/Satoshi-Black.woff2)format("woff2"),url(/fonts/Satoshi-Black.woff)format("woff"),url(/fonts/Satoshi-Black.ttf)format("truetype");font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-BlackItalic;src:url(/fonts/Satoshi-BlackItalic.woff2)format("woff2"),url(/fonts/Satoshi-BlackItalic.woff)format("woff"),url(/fonts/Satoshi-BlackItalic.ttf)format("truetype");font-weight:900;font-display:swap;font-style:italic}@font-face{font-family:Satoshi-Variable;src:url(/fonts/Satoshi-Variable.woff2)format("woff2"),url(/fonts/Satoshi-Variable.woff)format("woff"),url(/fonts/Satoshi-Variable.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(/fonts/Satoshi-VariableItalic.woff2)format("woff2"),url(/fonts/Satoshi-VariableItalic.woff)format("woff"),url(/fonts/Satoshi-VariableItalic.ttf)format("truetype");font-weight:300 900;font-display:swap;font-style:italic}
