.landing{--purple:#6d3cf5;--purple-deep:#4a1fc0;--purple-ink:#3b1596;--coral:#ff6b61;--coral-deep:#e8483d;--cream:#fdf8ef;--paper:#fff;--ink:#16172a;--ink-mid:#202133;--lilac:#efe9ff;--lilac-deep:#e2d8ff;--butter:#f7ea6a;--on-cream:var(--ink-mid);--on-cream-soft:#5c5d70;--on-dark:#fdf8ef;--on-dark-soft:#fdf8efdb;--line:#16172a1a;--line-soft:#16172a0f;--lift:0 1px 2px #16172a0a, 0 10px 26px -16px #16172a38;--lift-hi:0 2px 4px #16172a0d, 0 26px 52px -22px #16172a52;--shout:clamp(2.7rem, 9.4vw, 4.75rem);--lead:clamp(1.85rem, 5.6vw, 2.9rem);--sub:clamp(1.15rem, 3.6vw, 1.4rem);--body:clamp(1rem, 3.2vw, 1.0625rem);--small:.875rem;--micro:.75rem;--gutter:clamp(1.25rem, 5vw, 4.5rem);--band:clamp(3rem, 7vw, 5.5rem);--measure:1180px;--r-sm:12px;--r:18px;--r-lg:26px;--r-pill:999px;background:var(--cream);color:var(--on-cream);font-family:var(--font-brand-sans), system-ui, sans-serif;font-size:var(--body);line-height:1.62;overflow-x:clip}.landing img{max-width:100%;height:auto}.landing :is(.mech,.howto,.rail,.flow,.flow-out,.duo,.gains,.tiers)>*,.landing :is(.howto-fig,.howto-mini,.mech-post,.flow-out a,.rail figure,.device){min-width:0}.landing .shout{font-family:var(--font-brand-wonk), var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 40, "WONK" 0, "opsz" 144;font-weight:800;font-size:var(--shout);letter-spacing:-.032em;text-wrap:balance;margin:0;line-height:.96}.landing .shout-mark{color:var(--purple)}.landing .lead{font-family:var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 40, "opsz" 100;font-weight:600;font-size:var(--lead);letter-spacing:-.024em;text-wrap:balance;margin:0;line-height:1.06}.landing .lede{font-size:var(--sub);color:var(--on-cream-soft);max-width:30ch;margin:0;line-height:1.5}.landing .lede-sub{font-size:var(--body);color:var(--on-cream-soft);max-width:46ch;margin:0}.landing .lead-note{font-size:var(--body);color:var(--on-dark-soft);max-width:56ch;margin:0}.landing .lead-note-dark{color:var(--on-cream-soft)}.landing .tag{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);box-shadow:var(--lift);font-size:var(--micro);letter-spacing:.12em;text-transform:uppercase;color:var(--purple-deep);align-items:center;gap:.5em;margin:0;padding:.45rem .95rem .45rem .7rem;font-weight:600;display:inline-flex}.landing .tag-burst{width:1.05em;height:1.05em;color:var(--coral)}.landing .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar,.opening,.band{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);color:var(--on-dark)}.band-lilac{background:var(--lilac);color:var(--on-cream)}.band-lilac :is(.lead-note,.rail q,.rail-note,.foot-line,.negations-note){color:var(--on-cream-soft)}.band-paper{background:var(--paper)}.band-top{text-align:center;justify-items:center;gap:.9rem;margin-bottom:clamp(2rem,5vw,3.25rem);display:grid}.band-top .lead-note,.band-top .lede-sub{text-align:center;max-width:52ch}.landing .btn{border-radius:var(--r-pill);background:var(--purple);color:#fff;font:inherit;font-weight:600;font-size:var(--small);white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:.55em;padding:.8rem 1.35rem;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 1px 2px #4a1fc03d,0 12px 24px -14px #4a1fc0b3}.landing .btn:hover{background:var(--purple-deep);transform:translateY(-1px);box-shadow:0 2px 4px #4a1fc042,0 18px 32px -16px #4a1fc0cc}.landing .btn:active{transform:translateY(0)}.landing .btn-lg{font-size:var(--body);padding:1.05rem 1.8rem}.landing .btn-sm{padding:.62rem 1.1rem}.landing .btn-coral{background:var(--coral);color:var(--ink);box-shadow:0 1px 2px #e8483d38,0 12px 24px -14px #e8483db3}.landing .btn-coral:hover{background:var(--coral-deep);color:#fff}.landing .btn-ghost{color:var(--purple-deep);border:1.5px solid var(--purple);box-shadow:none;background:0 0}.landing .btn-ghost:hover{background:var(--lilac);color:var(--purple-deep);box-shadow:none}.band-purple .btn-ghost,.band-ink .btn-ghost{color:var(--on-dark);border-color:#fdf8ef80}.band-purple .btn-ghost:hover,.band-ink .btn-ghost:hover{color:var(--on-dark);background:#fdf8ef1f}.bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fdf8efd1;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding-block:.85rem;transition:border-color .2s;display:flex;position:sticky;top:0}@supports (animation-timeline:scroll()){.bar{animation:linear both bar-settle;animation-timeline:scroll();animation-range:0 120px}@keyframes bar-settle{to{border-bottom-color:var(--line)}}}.landing .bar-mark{width:auto;height:clamp(28px,6vw,34px);display:block}.landing .foot .bar-mark{height:clamp(24px,5vw,30px)}.bar-nav{align-items:center;gap:clamp(.5rem,2.4vw,1.9rem);display:flex}.bar-nav a:not(.btn){color:var(--on-cream);font-size:var(--small);font-weight:500;text-decoration:none;transition:color .16s}.bar-nav a:not(.btn):hover{color:var(--purple)}@media (max-width:33rem){.bar-nav a:not(.btn){display:none}}.opening{justify-items:start;gap:clamp(1.75rem,4vw,2.5rem);padding-block:clamp(2.5rem,6vw,4.5rem) clamp(2rem,5vw,3.5rem);display:grid}.opening-say{justify-items:start;gap:1.15rem;max-width:34ch;display:grid}.opening-head{padding-bottom:.5em;position:relative}.opening-squiggle{width:min(52%,15rem);height:auto;color:var(--coral);position:absolute;bottom:.06em;left:.06em}.opening-do{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.ticks{font-size:var(--small);flex-wrap:wrap;gap:.6rem 1.35rem;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.ticks li{align-items:center;gap:.5em;display:flex}.ticks li:before{content:"";background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / .72em no-repeat;border-radius:50%;flex:none;width:1.15em;height:1.15em}.band-purple .ticks li:before,.band-ink .ticks li:before{background-color:var(--coral)}.note{font-size:var(--small);color:var(--on-cream-soft);max-width:44ch;margin:0}.mech{--panel:clamp(8.25rem, 33vw, 15rem);--shop-panel:calc(var(--panel) * 1.8);overscroll-behavior-x:contain;scrollbar-width:none;width:100%;margin-inline:calc(var(--gutter) * -1);padding-block:.5rem 1rem;padding-inline:var(--gutter);justify-content:flex-start;align-items:center;gap:clamp(.5rem,1.6vw,1.1rem);display:flex;overflow-x:auto}.mech::-webkit-scrollbar{display:none}.mech figure{width:var(--panel);flex:none;justify-items:start;gap:.55rem;margin:0;display:grid}.mech .mech-shop{width:var(--shop-panel)}.mech-arrow{flex:none}.mech figcaption{font-size:var(--micro);letter-spacing:.13em;text-transform:uppercase;color:var(--purple);order:-1;font-weight:700}.mech-arrow{width:clamp(1.5rem,4vw,2.6rem);height:auto;color:var(--coral);align-self:center;margin-top:1.1rem}.mech-post{border-radius:var(--r);background:var(--paper);border:1px solid var(--line);width:100%;box-shadow:var(--lift);overflow:hidden}.mech-post img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.mech-post-say{gap:.3rem;padding:.7rem .75rem .8rem;display:grid}.mech-post-say b{font-size:var(--small);font-weight:600;line-height:1.35}.mech-post-say span{font-size:var(--micro);color:var(--on-cream-soft);line-height:1.45}.mech-post-say em{font-style:normal;font-size:var(--micro);letter-spacing:.06em;text-transform:uppercase;color:var(--on-cream-soft);opacity:.75;font-weight:600}.mech-prompt{border-radius:var(--r);background:var(--paper);border:1.5px solid var(--purple);width:100%;box-shadow:4px 5px 0 var(--purple);gap:.7rem;padding:1rem 1rem 1.1rem;display:grid;position:relative}.mech-prompt-burst{width:1.1rem;height:1.1rem;color:var(--coral)}.mech-prompt p{font-size:var(--small);margin:0;font-weight:500;line-height:1.45}.mech-prompt hr{border:0;border-top:1px solid var(--line);margin:0}.typed{animation:10ms linear both typed;animation-delay:calc(var(--w) * 70ms + .35s);opacity:0;display:inline-block}@keyframes typed{to{opacity:1}}.caret{vertical-align:-.13em;background:var(--purple);width:1.5px;height:1em;animation:1.05s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typed,.caret{opacity:1;animation:none}}.device{background:var(--ink);width:100%;box-shadow:var(--lift-hi);border-radius:clamp(14px,3.4vw,26px);padding:.36rem;display:block;position:relative}.device img{aspect-ratio:390/845;object-fit:cover;object-position:top center;background:var(--cream);border-radius:clamp(10px,2.6vw,20px);width:100%;height:auto;display:block}.device-light{background:var(--paper);border:1px solid var(--line);box-shadow:var(--lift)}.mech-shop{position:relative}.mech-burst{width:clamp(2.6rem,7vw,4.25rem);height:auto;color:var(--coral);z-index:-1;position:absolute;top:-.9rem;right:-1.1rem}.opening-fig{justify-items:end;gap:.75rem;width:100%;min-width:0;display:grid}.stick{background:var(--butter);color:var(--ink);font-size:var(--small);box-shadow:var(--lift);border-radius:3px 12px 4px 10px;gap:.15rem;padding:.7rem .95rem;font-weight:600;line-height:1.3;display:inline-grid;rotate:-2.2deg}.howto{grid-template-columns:1fr;gap:clamp(1.75rem,4vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.howto>li{text-align:center;align-content:start;justify-items:center;gap:.55rem;display:grid;position:relative}.howto-n{background:var(--lilac);width:2.1rem;height:2.1rem;color:var(--purple-deep);font-weight:700;font-size:var(--small);border-radius:50%;place-items:center;display:grid}.howto h3{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.3}.howto p{font-size:var(--small);color:var(--on-cream-soft);max-width:30ch;margin:0}.howto-fig{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);width:min(100%,15rem);box-shadow:var(--lift);font-size:var(--small);text-align:left;margin-top:.35rem;padding:.85rem .95rem}.howto-fig q{quotes:"“" "”";font-weight:500}.howto-mini{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.howto-mini img{aspect-ratio:4/5;object-fit:cover;background:var(--lilac);border-radius:6px;width:100%;display:block}.howto-link{width:clamp(1.75rem,5vw,4rem);height:auto;color:var(--purple);opacity:.5;display:none;position:absolute;top:.85rem;left:100%;translate:-50%}@media (min-width:52rem){.howto{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem)}.howto>li{padding-inline:clamp(.5rem,1.5vw,1.25rem)}.howto>li:not(:last-child) .howto-link{display:block}}.gains{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.25rem,3vw,2rem);margin:0;padding:0;list-style:none;display:grid}.gains>li{align-content:start;justify-items:start;gap:.5rem;display:grid}.gain-mark{background:var(--lilac);width:2.6rem;height:2.6rem;color:var(--purple-deep);border-radius:12px;place-items:center;margin-bottom:.25rem;display:grid}.gain-mark svg{width:1.35rem;height:1.35rem}.gains>li[data-key] .gain-mark{color:var(--coral-deep);background:#ffe9e7}.gains h3{letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:700}.gains p{font-size:var(--small);color:var(--on-cream-soft);max-width:32ch;margin:0}.band-ink .gains p,.band-purple .gains p{color:var(--on-dark-soft)}.rail{padding:0 var(--gutter) .5rem;margin:clamp(1.75rem, 4vw, 2.75rem) calc(var(--gutter) * -1) 0;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(11rem,14.5rem);grid-auto-flow:column;gap:clamp(.85rem,2.4vw,1.5rem);list-style:none;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>li{scroll-snap-align:center}.rail figure{gap:.7rem;margin:0;display:grid}.rail figcaption{gap:.3rem;display:grid}.rail-brand{font-weight:600;font-size:var(--small);flex-wrap:wrap;align-items:baseline;gap:.5em;display:flex}.rail-brand em{font-style:normal;font-size:var(--micro);letter-spacing:.06em;text-transform:uppercase;color:var(--coral);font-weight:600}.rail q{font-size:var(--micro);color:var(--on-dark-soft);quotes:"“" "”";line-height:1.5}.rail-note{font-size:var(--small);color:var(--on-dark-soft);max-width:62ch;margin:clamp(1.5rem,3vw,2rem) 0 0}.rail-note a,.ledger-note a,.negations-note a{color:inherit;text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral)}.ledger-note a{-webkit-text-decoration-color:var(--purple);text-decoration-color:var(--purple)}.rail-note a:hover,.ledger-note a:hover{text-decoration-thickness:3px}.negations{text-align:center;justify-items:center;gap:1.25rem;display:grid}.pills{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.pills li{border-radius:var(--r-pill);font-size:var(--small);border:1px solid #fdf8ef61;padding:.5rem 1rem;font-weight:500}.negations-note{font-size:var(--body);color:var(--on-dark-soft);max-width:50ch;margin:0}.duo{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:clamp(1.25rem,3vw,2rem);display:grid}.duo>article{border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line);box-shadow:var(--lift);align-content:start;gap:.75rem;padding:clamp(1.25rem,3vw,1.85rem);display:grid}.duo h3{font-family:var(--font-brand-display), Georgia, serif;font-variation-settings:"SOFT" 40, "opsz" 100;letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,3.6vw,1.75rem);font-weight:600;line-height:1.1}.duo p{font-size:var(--small);color:var(--on-cream-soft);margin:0}.swap{gap:.5rem;margin-top:.25rem;display:grid}.swap-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.swap-when{width:4.25rem;font-size:var(--micro);letter-spacing:.08em;text-transform:uppercase;color:var(--on-cream-soft);flex:none;font-weight:700}.swap-card{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--cream);font-size:var(--micro);align-items:baseline;gap:.5em;padding:.42rem .7rem;font-weight:600;display:flex}.swap-card em{color:var(--on-cream-soft);font-style:normal;font-weight:500}.swap-card.is-out{opacity:.62}.swap-card.is-out em{color:var(--coral-deep)}.swap-mark{border-radius:var(--r-pill);background:var(--butter);font-size:var(--micro);padding:.3rem .6rem;font-weight:700}.rules{font-size:var(--micro);color:var(--on-cream-soft);gap:.35rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.rules li{gap:.5em;display:flex}.rules li:before{content:"·";color:var(--purple);font-weight:700}.credit-sample{border-radius:var(--r);background:var(--cream);border:1px solid var(--line);text-align:center;justify-items:center;gap:.15rem;margin:.25rem 0 0;padding:1.1rem 1.25rem;display:grid}.credit-brand{font-family:var(--font-brand-display), Georgia, serif;letter-spacing:-.015em;font-size:1.2rem;font-weight:600}.credit-line{font-size:var(--micro);letter-spacing:.1em;text-transform:uppercase;color:var(--coral-deep);margin:0;font-weight:600}.ledger{font-size:var(--small);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:.6rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.ledger li{color:var(--on-cream-soft);align-items:flex-start;gap:.6em;padding-block:.15rem;display:flex}.ledger li:before{content:"—";width:1.15em;color:var(--on-cream-soft);flex:none;font-weight:700}.ledger li[data-on]{color:var(--on-cream);font-weight:500}.ledger li[data-on]:before{content:"";background:var(--purple) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / .72em no-repeat;border-radius:50%;width:1.15em;height:1.15em;margin-top:.28em}.ledger-note{font-size:var(--small);color:var(--on-cream-soft);max-width:58ch;margin:1.5rem 0 0}.closing{align-items:center;gap:clamp(1.5rem,4vw,2.5rem);display:grid}.closing-say{justify-items:start;gap:1.1rem;display:grid}.closing-heading{max-width:14ch}.closing-do{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.flow{grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(.4rem,1.6vw,.9rem);display:grid}.flow-node{border-radius:var(--r);background:var(--paper);border:1px solid var(--line);width:clamp(3.25rem,9vw,4.5rem);height:clamp(3.25rem,9vw,4.5rem);box-shadow:var(--lift);font-size:var(--micro);letter-spacing:.04em;text-align:center;color:var(--ink);place-items:center;padding:.35rem;font-weight:700;line-height:1.15;display:grid}.flow-arrow{width:clamp(1.1rem,3.4vw,2rem);height:auto;color:var(--purple);opacity:.6}.flow-out{gap:.5rem;display:grid}.flow-out a{border-radius:var(--r-sm);background:var(--paper);border:1px solid var(--line);box-shadow:var(--lift);color:var(--ink);font-size:var(--micro);align-items:center;gap:.65rem;padding:.4rem .75rem .4rem .4rem;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.flow-out a:hover{box-shadow:var(--lift-hi);transform:translate(2px)}.flow-out img{aspect-ratio:4/5;object-fit:cover;object-position:top center;background:var(--cream);border-radius:6px;width:2.1rem;display:block}.foot{font-size:var(--small);border-top:1px solid #fdf8ef33;grid-column:1/-1;justify-items:start;gap:1rem;margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(1.5rem,4vw,2.25rem);display:grid}.band-lilac .foot{border-top-color:var(--line)}.foot-line{color:var(--on-dark-soft)}.band-lilac .foot-line{color:var(--on-cream-soft)}.foot-nav{flex-wrap:wrap;gap:.5rem 1.35rem;display:flex}.foot a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .16s}.foot a:hover{border-bottom-color:currentColor}@media (min-width:60rem){.opening{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(3.5rem,7vw,6rem) clamp(3rem,6vw,4.5rem)}.opening-say{max-width:none}.mech{justify-content:flex-end;margin-inline:0;padding-inline:0;overflow:visible}.mech figure{flex:1 1 var(--panel);max-width:var(--panel);width:auto}.mech .mech-shop{flex:1 1 var(--shop-panel);max-width:var(--shop-panel);width:auto}.mech-arrow{margin-top:1.4rem}.closing{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
