.landing{--purple:#6d3cf5;--purple-deep:#3f1aa8;--coral:#ff6b61;--cream:#fff8ee;--ink:#202133;--ink-deep:#16172a;--lilac:#e9e0ff;--acid:#dfff38;--on-cream:var(--ink);--on-cream-soft:#5c5d70;--on-dark:var(--cream);--on-dark-soft:#fff8eee0;--shout:clamp(3rem, 14vw, 7rem);--lead:clamp(1.9rem, 6.5vw, 3.25rem);--body:clamp(1rem, 3.4vw, 1.0625rem);--gutter:clamp(1.5rem, 6vw, 5rem);--band:clamp(2.25rem, 5.5vw, 4rem);--measure:1240px;--r-lg:clamp(20px, 4vw, 30px);--r-pill:999px;--edge:2px;background:var(--cream);color:var(--on-cream);font-family:var(--font-brand-sans), system-ui, sans-serif;overflow-x:clip}.landing .shout{font-family:var(--font-brand-wonk), var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:-.034em;font-weight:900;line-height:.88;font-size:var(--shout);text-wrap:balance}.landing .lead{font-family:var(--font-brand-display), Georgia, serif;font-size:var(--lead);letter-spacing:-.022em;text-wrap:balance;font-weight:500;line-height:1.02}.bar,.opening,.band,.proof>*{padding-inline:max(var(--gutter), calc((100% - var(--measure)) / 2))}.band{padding-block:var(--band)}.band-purple{background:var(--purple);color:var(--on-dark)}.band-ink{background:var(--ink-deep);color:var(--on-dark)}.band-lilac{background:var(--lilac)}.btn{border:var(--edge) solid var(--ink);border-radius:var(--r-pill);background:var(--purple);color:var(--cream);box-shadow:4px 4px 0 var(--ink);align-items:center;gap:.55em;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{padding:max(.55rem,22px - .5lh) 1.1rem;font-size:.9375rem}.btn-lg{margin-top:clamp(1.5rem,4vw,2rem);padding:max(.95rem,22px - .5lh) 1.9rem;font-size:clamp(1.0625rem,3.6vw,1.25rem)}.btn-coral{background:var(--coral);color:var(--ink)}.band-purple .btn{border-color:var(--cream);box-shadow:4px 4px 0 var(--purple-deep)}.bar{justify-content:space-between;align-items:center;gap:1rem;padding-block:clamp(1rem,3vw,1.5rem);display:flex}.bar-nav{align-items:center;gap:clamp(.85rem,3vw,1.5rem);display:flex}@media (max-width:420px){.bar-nav a[href=\/examples]{display:none}}.bar-nav a:not(.btn){color:var(--on-cream);margin-block:min(0px,.5lh - 22px);padding-block:max(0px,22px - .5lh);font-size:.9375rem;font-weight:500;text-decoration:none}.bar-nav a:not(.btn):hover{text-underline-offset:.35em;text-decoration:underline}.bar-mark{width:clamp(104px,15vw,148px);height:auto;display:block}.bar a:has(.bar-mark){align-items:center;min-height:44px;display:inline-flex}.opening{padding-block:clamp(.5rem, 3vw, 1.5rem) var(--band);position:relative}.tag{border:var(--edge) solid var(--ink);border-radius:var(--r-pill);background:var(--lilac);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.5em;width:fit-content;padding:.4rem .9rem .4rem .6rem;font-size:.6875rem;font-weight:600;display:inline-flex}.tag-burst{width:.95em;height:.95em;color:var(--coral)}.shout-mark{color:var(--purple)}.opening .shout{margin-top:clamp(1rem,3.5vw,1.75rem)}.lede{max-width:33ch;color:var(--on-cream-soft);margin-top:clamp(1.1rem,3.5vw,1.5rem);font-size:clamp(1.0625rem,3.6vw,1.25rem);line-height:1.5}.lede-sub{max-width:33ch;color:var(--on-cream-soft);opacity:.85;margin-top:.6rem;font-size:.9375rem;line-height:1.5}.note{max-width:33ch;color:var(--on-cream-soft);margin-top:.9rem;font-size:.875rem;line-height:1.5}.stage{margin-top:clamp(2rem,6vw,3rem);position:relative}.stage-burst{z-index:0;width:clamp(8rem,36vw,15rem);color:var(--coral);opacity:.9;position:absolute;top:-6%;right:-22%}.device{border:var(--edge) solid var(--ink);background:var(--ink);border-radius:34px;padding:7px;display:block;box-shadow:6px 8px #20213329}.device>img{aspect-ratio:39/68;object-fit:cover;object-position:top;border-radius:27px;width:100%;height:auto;display:block}.screen{aspect-ratio:39/68;background:var(--ink);border-radius:27px;display:block;position:relative;overflow:hidden}.screen-band{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.screen-band:first-child{clip-path:inset(0 0 62%)}.screen-band:nth-child(2){clip-path:inset(38% 0 30%)}.screen-band:nth-child(3){clip-path:inset(70% 0 0)}.think{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:.5rem;width:max-content;max-width:92%;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.think-lead{border:var(--edge) solid var(--ink);border-radius:var(--r-pill);background:var(--cream);box-shadow:3px 3px 0 var(--purple);white-space:nowrap;padding:.45rem .85rem;font-size:.7rem;font-weight:600}.think-chips{flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.think-chips i{border-radius:var(--r-pill);background:var(--purple);color:var(--cream);white-space:nowrap;padding:.25rem .55rem;font-size:.625rem;font-style:normal;font-weight:600}.device-lg{z-index:1;width:min(17rem,70%);margin-left:auto;position:relative;transform:rotate(2.5deg)}.prompt{z-index:2;border:var(--edge) solid var(--ink);border-radius:var(--r-lg);width:min(23rem,92%);box-shadow:8px 10px 0 var(--purple);background:#fff;margin-top:-18%;padding:clamp(1rem,3.4vw,1.4rem) clamp(1.1rem,3.8vw,1.5rem) clamp(.9rem,3vw,1.25rem);position:relative;transform:rotate(-1.5deg)}.prompt figcaption{letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-size:.6875rem;font-weight:700}.prompt p{margin-top:.65rem;font-size:clamp(1rem,3.8vw,1.25rem);line-height:1.26}.caret{background:var(--coral);width:3px;height:.86em;margin-left:.28em;display:inline-block;transform:translateY(.13em)}.prompt-go{border-radius:var(--r-pill);background:var(--purple);color:var(--cream);align-items:center;gap:.4em;margin-top:.9rem;padding:.42rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.prompt-burst{width:.8em;height:.8em;color:var(--coral)}.why{padding-block:clamp(1.5rem,3.5vw,2.25rem)}.why-line{max-width:24ch;font-family:var(--font-brand-display), Georgia, serif;letter-spacing:-.018em;text-wrap:balance;font-size:clamp(1.35rem,4.6vw,2rem);font-weight:500;line-height:1.16;position:relative}.why-squiggle{width:clamp(5rem,16vw,7rem);color:var(--coral);margin-top:.6rem;display:block}.lead-note{max-width:44ch;font-size:var(--body);color:var(--on-cream-soft);margin-top:clamp(.9rem,3vw,1.25rem);line-height:1.55}.band-purple .lead-note,.band-ink .lead-note{color:var(--on-dark-soft)}.lead-coral{color:var(--coral)}.proof{padding-inline:0}.proof-say{flex-direction:column;display:flex}.rail-note{max-width:44ch;color:var(--on-dark-soft);opacity:.78;margin-top:1rem;font-size:.875rem;line-height:1.5}.rail{scroll-snap-type:x mandatory;scrollbar-color:#fff8ee4d transparent;align-items:flex-start;gap:clamp(.9rem,2.5vw,1.5rem);margin-top:clamp(1.5rem,4vw,2rem);padding-block:.25rem 1rem;list-style:none;display:flex;overflow-x:auto}.rail li{scroll-snap-align:start;flex:none;width:min(68vw,14rem)}.rail figure{margin:0}.band-ink .device{border-color:var(--cream);box-shadow:6px 8px #0006}.rail figcaption{flex-direction:column;gap:.3rem;margin-top:.85rem;font-size:.9375rem;line-height:1.45;display:flex}.rail-brand{letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:.5em;font-weight:600;display:flex}.rail-brand em{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-size:.75rem;font-style:normal;font-weight:500}.rail li{padding-top:calc(var(--lift,0) * clamp(.4rem, 1.2vw, .9rem))}.rail figcaption q{color:var(--on-dark-soft)}.negations-heading{font-size:clamp(2.5rem,12vw,6rem)}.pills{flex-wrap:wrap;gap:.55rem;margin-top:clamp(1.5rem,4vw,2rem);list-style:none;display:flex}.pills li{border:var(--edge) solid var(--cream);border-radius:var(--r-pill);padding:.5rem 1rem;font-size:clamp(.9375rem,3.2vw,1.0625rem);font-weight:500}.negations-note{max-width:40ch;font-size:var(--body);color:var(--on-dark-soft);margin-top:clamp(1.25rem,3.5vw,1.75rem);line-height:1.55}.chain{gap:clamp(1.4rem,4vw,2rem);margin-top:clamp(1.75rem,5vw,2.5rem);list-style:none;display:grid}.chain li{border-top:var(--edge) solid #20213329;padding-top:1rem;position:relative}.chain li[data-ours]{border-top-color:var(--purple)}.chain-name{font-family:var(--font-brand-display), Georgia, serif;letter-spacing:-.015em;font-size:clamp(1.2rem,4.4vw,1.45rem);font-weight:500}.chain li[data-ours] .chain-name{color:var(--purple)}.chain p{max-width:32ch;color:var(--on-cream-soft);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.keep-heading{font-size:clamp(2.25rem,10vw,4.75rem)}.keep-note{max-width:46ch;font-size:var(--body);color:var(--on-dark-soft);margin-top:clamp(1rem,3.5vw,1.5rem);line-height:1.55}.swap{flex-direction:column;gap:.6rem;margin-top:clamp(1.75rem,5vw,2.25rem);display:flex}.swap-row{align-items:center;gap:.5rem;display:flex}.swap-when{letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-soft);flex:0 0 100%;font-size:.6875rem;font-weight:700}.swap-card{border:var(--edge) solid var(--cream);background:#fff8ee1a;border-radius:14px;flex:1 1 0;justify-content:space-between;align-items:baseline;gap:.5rem;min-width:0;padding:.7rem .9rem;font-size:.875rem;font-weight:600;display:flex}.swap-card em{opacity:.8;font-style:normal;font-weight:500}.swap-card.is-out{opacity:.55}.swap-mark{border:var(--edge) solid var(--ink);background:var(--acid);color:var(--ink);letter-spacing:.02em;white-space:nowrap;box-shadow:3px 3px 0 var(--purple-deep);border-radius:8px;flex:none;align-self:center;padding:.4rem .7rem;font-size:.6875rem;font-weight:800;transform:rotate(-3deg)}@media (max-width:29.999rem){.swap-mark{align-self:flex-start;margin-top:.15rem}}@media (min-width:30rem){.swap-when{flex:0 0 4.5rem}}.rules{gap:.45rem;margin-top:1rem;list-style:none;display:grid}.rules li{color:var(--on-dark-soft);align-items:center;gap:.7em;font-size:.9375rem;display:flex}.rules li:before{content:"✓";background:var(--coral);width:1.5em;height:1.5em;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:.75em;font-weight:700;display:grid}.creators{align-items:center;gap:clamp(1.75rem,5vw,3rem);display:grid}.ticks{flex-wrap:wrap;gap:.45rem;margin-top:clamp(1rem,3.5vw,1.5rem);list-style:none;display:flex}.ticks li{border:var(--edge) solid var(--ink);border-radius:var(--r-pill);padding:.4rem .9rem;font-size:.9375rem;font-weight:500}.credit-sample{border:var(--edge) solid var(--ink);border-radius:var(--r-lg);box-shadow:8px 10px 0 var(--coral);text-align:center;background:#fff;margin:0;padding:clamp(1.25rem,4vw,1.85rem)}.credit-brand{font-family:var(--font-brand-display), Georgia, serif;font-size:1.2rem;font-weight:500}.credit-line{letter-spacing:.13em;text-transform:uppercase;color:var(--on-cream-soft);border-top:1px solid #2021332e;border-bottom:1px solid #2021332e;margin-top:.9rem;padding:.8rem 0;font-size:.72rem}.credit-sample figcaption{color:var(--on-cream-soft);margin-top:.9rem;font-size:.8125rem;line-height:1.5}.steps{padding-block:clamp(2rem,5vw,3.5rem)}.steps ol{gap:clamp(1.1rem,3vw,1.75rem);margin-top:clamp(1.25rem,3vw,1.75rem);list-style:none;display:grid}.step-n{font-family:var(--font-brand-wonk), var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1;color:#0000;-webkit-text-stroke:2px var(--purple);font-size:clamp(2.1rem,6.5vw,3.25rem);font-weight:900;line-height:.9;display:block}.steps h3{font-family:var(--font-brand-display), Georgia, serif;letter-spacing:-.015em;margin-top:.5rem;font-size:clamp(1.25rem,4.5vw,1.5rem);font-weight:500}.steps p{max-width:34ch;color:var(--on-cream-soft);margin-top:.5rem;font-size:.9375rem;line-height:1.5}.steps p.steps-end{max-width:none;font-family:var(--font-brand-wonk), var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.03em;color:var(--on-cream);margin-top:clamp(1.5rem,4vw,2.25rem);font-size:clamp(1.75rem,7vw,2.75rem);font-weight:900;display:inline-block}.steps-squiggle{width:clamp(5rem,18vw,8rem);color:var(--coral);margin-top:.3rem;display:block}.early{gap:clamp(1.5rem,4vw,2.5rem);display:grid}.ledger{gap:.5rem;list-style:none;display:grid}.ledger li{color:var(--on-cream-soft);align-items:center;gap:.7em;font-size:.9375rem;display:flex}.ledger li:before{content:"—";border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:1.5em;height:1.5em;font-size:.7em;display:grid}.ledger li[data-on]{color:var(--on-cream);font-weight:500}.ledger li[data-on]:before{content:"✓";background:var(--purple);color:var(--cream);border:none;font-weight:700}.ledger-note{max-width:52ch;color:var(--on-cream-soft);grid-column:1/-1;font-size:.875rem;line-height:1.5}.closing{padding-block:clamp(2rem,5vw,3.25rem) clamp(1.75rem,4vw,2.5rem)}.closing-heading{font-size:clamp(2.25rem,10vw,4.75rem)}.foot{border-top:1px solid #fff8ee3d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.5rem;margin-top:clamp(1.75rem,4vw,2.5rem);padding-top:clamp(1.1rem,3vw,1.5rem);display:flex}.band-ink :where(p,li,dd) a:not(.btn),.band-purple :where(p,li,dd) a:not(.btn){color:var(--cream);text-underline-offset:.22em;font-weight:600;text-decoration:underline}.foot-line{font-family:var(--font-brand-display), Georgia, serif;color:var(--on-dark-soft);font-size:1rem}.foot-nav{flex-wrap:wrap;gap:.35rem 1.1rem;display:flex}.foot-nav a{font-size:.9375rem}.foot a{text-underline-offset:.25em;color:var(--on-dark-soft);margin-block:min(0px,.5lh - 22px);padding-block:max(0px,22px - .5lh);text-decoration:underline}@media (min-width:860px){.chain{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,3vw,2rem)}.chain li:not(:last-child):after{content:"→";color:var(--purple);font-size:1rem;position:absolute;top:.9rem;right:-1.1rem}.steps ol{grid-template-columns:repeat(3,1fr)}.creators,.early{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.ledger{grid-template-columns:1fr}}@media (min-width:1000px){.landing{--shout:clamp(3.25rem, 5.8vw, 5.25rem);--lead:clamp(2rem, 3.6vw, 3.25rem)}.negations-heading{font-size:clamp(3rem,6.2vw,5.75rem)}.keep-heading,.closing-heading{font-size:clamp(2.75rem,5vw,4.5rem)}.opening{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;column-gap:clamp(2rem,5vw,4rem);display:grid}.stage{margin-top:0}.device-lg{width:min(19rem,84%)}.prompt{width:min(20rem,90%);margin-top:-32%;margin-left:-10%}.why-line{max-width:30ch;font-size:clamp(1.75rem,3vw,2.5rem)}.proof-say{max-width:46rem}.rail{scroll-snap-type:none;margin-top:clamp(2rem,4vw,2.75rem);overflow-x:visible}.rail li{flex:1 1 0;width:auto;max-width:15rem}.negations,.keep{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(2rem,5vw,4rem);display:grid}.negations-heading{grid-row:span 2}.pills,.negations-note,.keep-note,.swap{margin-top:0}.negations-note{margin-top:1.25rem}.keep-note{margin-top:1rem}}@media (prefers-reduced-motion:no-preference){.btn{transition:transform .14s,box-shadow .14s}.btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.band-purple .btn:hover{box-shadow:2px 2px 0 var(--purple-deep)}.prompt{animation:.42s cubic-bezier(.2,.9,.3,1.2) .15s both pop-in}.device-lg{animation:.48s cubic-bezier(.2,.8,.25,1) .15s both rise}.typed{animation:.24s ease-out both word;animation-delay:calc(.45s + var(--w) * 85ms);display:inline-block}.caret{animation:.52s step-end .4s 3 both wink}.prompt-go{animation:.26s cubic-bezier(.3,0,.2,1) 1.55s both press}.think{animation:.75s 1.7s both think}.think-chips i{animation:.26s cubic-bezier(.2,.9,.3,1.3) both chip}.think-chips i:first-child{animation-delay:1.85s}.think-chips i:nth-child(2){animation-delay:1.95s}.think-chips i:nth-child(3){animation-delay:2.05s}.screen-band{animation:.38s cubic-bezier(.2,.85,.25,1) both land}.screen-band:first-child{animation-delay:2.45s}.screen-band:nth-child(2){animation-delay:2.7s}.screen-band:nth-child(3){animation-delay:2.95s}.stage-burst{animation:.52s cubic-bezier(.2,.9,.3,1.3) 3.15s both burst}@keyframes pop-in{0%{opacity:0;transform:rotate(-1.5deg)scale(.9)}to{opacity:1;transform:rotate(-1.5deg)scale(1)}}@keyframes rise{0%{opacity:0;transform:rotate(2.5deg)translateY(2rem)}to{opacity:1;transform:rotate(2.5deg)translateY(0)}}@keyframes word{0%{opacity:0;filter:blur(4px);transform:translateY(.18em)}to{opacity:1;filter:none;transform:none}}@keyframes wink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes press{0%{transform:none}45%{transform:translate(2px,2px)scale(.96)}to{transform:none}}@keyframes think{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.9)}20%,76%{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes chip{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes land{0%{opacity:0;transform:scale(.94)translateY(.5rem)}to{opacity:1;transform:none}}@keyframes burst{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:.9;transform:none}}}
