@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-grotesque-latin-opsz-normal.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-700-normal.woff2) format("woff2")}:root{--night-950:#0c0520;--night-900:#12082a;--night-800:#1b0f3c;--night-700:#26174f;--night-600:#382568;--cream:#fff6e5;--cream-dim:#cdbfe3;--cream-faint:#9587b3;--outline:#07030f;--lime:#c6ff3d;--pink:#ff4f9a;--sky:#3df0ff;--sun:#ffd23d;--orange:#ff7a3d;--violet:#a78bff;--tone:var(--lime);--radius:14px;--radius-lg:24px;--pop:4px 4px 0 var(--outline);--pop-lg:7px 7px 0 var(--outline);--display:"Bricolage Grotesque",ui-rounded,"Avenir Next",system-ui,sans-serif;--mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace}*,:after,:before{box-sizing:border-box}html{color-scheme:dark;background:var(--night-900);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;color:var(--cream);font-family:var(--display);font-weight:500;line-height:1.45;font-size:17px;background:radial-gradient(1200px 600px at 85% -10%,rgba(255,79,154,.16),transparent 60%),radial-gradient(900px 600px at -10% 20%,rgba(61,240,255,.11),transparent 60%),var(--night-900);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-weight:800;line-height:1.04;letter-spacing:-.03em;margin:0;text-wrap:balance}h1{font-size:clamp(2.6rem,7vw,5rem)}h2{font-size:clamp(1.6rem,3.8vw,2.5rem)}h3{font-size:1.25rem;letter-spacing:-.015em;display:flex;align-items:center;gap:8px}p{margin:0;text-wrap:pretty}a,button{color:inherit}button{font:inherit}ul{margin:12px 0 0;padding-left:20px;display:grid;grid-gap:8px;gap:8px}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dim{color:var(--cream-dim)}.faint{color:var(--cream-faint)}.small{font-size:.86rem}.tone-lime{--tone:var(--lime)}.tone-pink{--tone:var(--pink)}.tone-sky{--tone:var(--sky)}.tone-sun{--tone:var(--sun)}.tone-orange{--tone:var(--orange)}.tone-violet{--tone:var(--violet)}.page{width:min(100% - 32px,1120px);margin-inline:auto}section.page{padding:44px 0;display:grid;grid-gap:20px;gap:20px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row.between{justify-content:space-between}.grid2{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.grid2,.grid3{display:grid;gap:16px}.grid3{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.lead{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--cream-dim);max-width:62ch}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tone)}.card{background:var(--night-800);border:3px solid var(--outline);border-radius:var(--radius-lg);box-shadow:var(--pop);padding:22px;display:grid;grid-gap:10px;gap:10px;align-content:start}.card.tinted{background:color-mix(in oklab,var(--tone) 16%,var(--night-800))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border:3px solid var(--outline);border-radius:999px;background:var(--tone);color:var(--outline);font-weight:800;font-size:1.05rem;text-decoration:none;cursor:pointer;box-shadow:var(--pop);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--outline)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--outline)}.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.btn.ghost{background:var(--night-700);color:var(--cream)}.btn.small{min-height:40px;padding:0 16px;font-size:.92rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;border:2px solid var(--outline);background:var(--night-700);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.chip.tone{background:var(--tone);color:var(--outline)}.chip.sim{background:repeating-linear-gradient(135deg,var(--sun) 0 8px,#ffb703 8px 16px);color:var(--outline)}.nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0}.nav nav a{text-decoration:none;font-weight:700;color:var(--cream-dim)}.nav nav a:hover{color:var(--lime)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.5rem;letter-spacing:-.03em;text-decoration:none}.logo-mark{filter:drop-shadow(3px 3px 0 var(--outline));transition:transform .2s}.brand:hover .logo-mark{transform:rotate(8deg) scale(1.08)}.logo-flow{animation:flow 1.2s linear infinite}.logo-drop{animation:bob 1.8s ease-in-out infinite;transform-origin:30px 40px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center;padding-top:28px}.hero>div:first-child{display:grid;grid-gap:22px;gap:22px}.hl{background:var(--lime);color:var(--outline);padding:0 .18em;border-radius:12px;display:inline-block;transform:rotate(-1.5deg);box-shadow:var(--pop);border:3px solid var(--outline)}.hero-art svg{width:100%;height:auto;overflow:visible}.svg-hero{font-family:var(--mono);font-weight:700;font-size:19px;fill:var(--outline)}.stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));padding-top:8px}.stats .wide{grid-column:1/-1}.stat b{font-size:1.9rem;font-weight:800;letter-spacing:-.03em;color:var(--tone);line-height:1}.stat span{color:var(--cream-dim)}.big{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.04em;color:var(--tone);line-height:1}.how{justify-items:start}.next{grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-top:6px;box-shadow:var(--pop-lg)}.next>div{display:grid;grid-gap:8px;gap:8px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:28px 0 48px;color:var(--cream-faint);font-size:.9rem}.bar-row{display:grid;grid-template-columns:minmax(120px,1.3fr) 2fr auto;grid-gap:10px;gap:10px;align-items:center;font-size:.92rem;color:var(--cream-dim)}.bar-row.loud{color:var(--cream);font-weight:800}.bar-track{height:18px;background:var(--night-950);border:2px solid var(--outline);border-radius:999px;overflow:hidden}.bar-row .bar-fill{width:0}.action .bar-fill,.bar-row.seen .bar-fill{width:var(--w,auto)}.bar-fill{height:100%;border-radius:999px;transition:width .9s cubic-bezier(.2,.9,.2,1.1)}.bar-value{min-width:62px;text-align:right;font-size:.88rem}.toggle{margin-bottom:4px}.facts{margin-top:6px}.demo{grid-gap:16px;gap:16px}.step{display:flex;align-items:center;gap:12px;margin-top:12px}.step-n{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--pink);color:var(--outline);border:3px solid var(--outline);box-shadow:var(--pop);font-weight:800;font-size:1.2rem;transform:rotate(-6deg)}.picker{display:grid;grid-gap:14px;gap:14px}.picker-group{display:grid;grid-gap:8px;gap:8px}.picker-row{flex-wrap:wrap}.pick,.picker-row{display:flex;gap:10px}.pick{align-items:center;text-align:left;padding:10px 16px 10px 12px;background:var(--night-800);border:3px solid var(--outline);border-radius:18px;box-shadow:var(--pop);cursor:pointer;transition:transform .12s,background .12s}.pick span{display:grid}.pick small{color:var(--cream-faint);font-size:.8rem}.pick:hover{transform:translate(-1px,-2px) rotate(-.6deg)}.pick.on{background:var(--lime);color:var(--outline)}.pick.on small{color:#2c3a05}.stage{gap:14px}.pipe-scroll{overflow-x:auto;padding:4px 0}.pipeline{width:100%;min-width:720px;height:auto;overflow:visible}.svg-label{font-weight:700;letter-spacing:.08em}.svg-km,.svg-label{font-family:var(--mono);font-size:13px;fill:var(--cream-faint)}.svg-sensor{font-size:14px}.svg-sensor,.svg-tag{font-family:var(--mono);font-weight:700;fill:var(--outline)}.svg-tag{font-size:13px;letter-spacing:.04em}.verdict-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))}.verdict{animation:pop-in .4s ease both}.verdict h2{color:var(--tone)}.sure{font-size:1.1rem;color:var(--cream-dim)}.sure .mono{font-size:1.9rem;font-weight:700;color:var(--cream)}.doubt{display:flex;gap:8px;align-items:flex-start;color:var(--sun)}.alt,.doubt{font-size:.9rem}.alt{display:grid;grid-template-columns:130px 1fr 52px;grid-gap:10px;gap:10px;align-items:center}.alt-track{height:12px;background:var(--night-950);border-radius:999px;overflow:hidden;border:2px solid var(--outline)}.alt-fill{height:100%;background:var(--violet);border-radius:999px;transition:width .6s ease}.alt .mono{text-align:right;font-size:.82rem}.reveal-btn{justify-self:start;margin-top:6px}.truth{padding:10px 14px;border-radius:14px;border:2px solid var(--outline);font-size:.92rem;animation:pop-in .35s ease both}.truth.good{background:color-mix(in oklab,var(--lime) 22%,var(--night-800))}.truth.bad{background:color-mix(in oklab,var(--pink) 22%,var(--night-800))}.more summary{cursor:pointer;font-weight:700;color:var(--cream-dim);padding:6px 0}.chart{width:100%;height:auto}.action-head{display:flex;gap:16px;align-items:center}.action-head h2{font-size:clamp(1.3rem,3vw,1.9rem)}.cost-title{margin-top:8px;color:var(--cream-faint)}.reveal{opacity:0;transform:translateY(18px) scale(.97);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1.3);height:100%}.reveal.in{opacity:1;transform:none}.reveal>.card{height:100%}.flow{animation:flow 1.1s linear infinite}.ring{transform-origin:262px 145px;animation:ring 1.8s ease-out infinite}.ring.r2{animation-delay:.9s}.drip{animation:drip 1.35s ease-in infinite;opacity:0}.drip.big{animation-duration:1.6s}.ping{animation:ping 2.2s ease-in-out infinite}.ping,.spin{transform-box:fill-box;transform-origin:center}.spin{animation:spin 1.4s linear infinite}.wobble{animation:wobble .5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.wobble-slow{animation:wobble 3s ease-in-out infinite}.shake{animation:shake .45s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.slosh{animation:slosh 3s ease-in-out infinite;transform-box:fill-box;transform-origin:bottom}.glow{animation:glow 1.4s ease-in-out infinite}.pop{animation:pop-in .45s ease both;transform-box:fill-box;transform-origin:center}@keyframes flow{to{stroke-dashoffset:-32}}@keyframes ring{0%{transform:scale(.6);opacity:1}to{transform:scale(2.6);opacity:0}}@keyframes drip{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:1}to{transform:translateY(48px) scale(1);opacity:0}}@keyframes ping{50%{transform:scale(1.14)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes shake{0%,to{transform:translateX(-2px)}50%{transform:translateX(2px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes slosh{50%{transform:scaleY(.82)}}@keyframes glow{50%{filter:brightness(1.35)}}@keyframes pop-in{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@media (max-width:640px){.bar-row{grid-template-columns:1fr auto}.bar-row .bar-track{grid-column:1/-1;grid-row:2}.next{grid-template-columns:1fr}.nav nav a{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{transform:none}.drip,.reveal{opacity:1}.bar-row .bar-fill{width:var(--w)}}@media print{.reveal{opacity:1!important;transform:none!important}.bar-row .bar-fill{width:var(--w)!important}body{background:var(--night-900);-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sub{margin-top:18px}.mt{margin-top:14px}.setup{gap:6px}.bom{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:7px 0;border-bottom:2px dashed var(--night-600);font-size:.95rem}.bom span:first-child{display:grid}.bom small{color:var(--cream-faint);font-size:.82rem}.bom.total{border-bottom:0;border-top:3px solid var(--outline);margin-top:4px;font-size:1.1rem;color:var(--lime)}.road{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.road .chip{justify-self:start}details.card>summary{cursor:pointer;font-weight:800}.demo{display:grid;grid-gap:22px;gap:22px;grid-template-columns:1fr;align-items:start}.demo-main{grid-gap:16px;gap:16px;scroll-margin-top:150px}.demo-main,.demo-side{display:grid;min-width:0}.demo-side{grid-gap:10px;gap:10px}.now{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px dashed var(--night-600)}.now>span{display:grid}.now b{font-size:1.25rem;font-weight:800}@media (min-width:980px){.demo{grid-template-columns:290px 1fr}.demo-side{position:-webkit-sticky;position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:0 8px 8px 0}.demo-side .picker-row{display:grid;grid-gap:8px;gap:8px}.demo-side .pick{width:100%;padding:8px 12px 8px 10px}.demo-side .pick small{display:none}.demo-side .pick.on small{display:block}.demo-main{scroll-margin-top:16px}}@media (max-width:979px){.demo-side{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--night-900);padding:8px 0 10px;margin:0 -16px;padding-inline:16px;border-bottom:3px solid var(--outline)}.demo-side .step{margin-top:0}.demo-side .picker{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.demo-side .picker-group{display:contents}.demo-side .eyebrow{display:none}.demo-side .picker-row{display:contents}.demo-side .pick{flex:0 0 auto;scroll-snap-align:start;padding:8px 12px 8px 10px}.demo-side .pick small{display:none}}