/* Satpot — warm, illustrative. Parchment, umber, one muted amber. */
:root{
  --paper:#f3ead8; --paper-2:#ebdfc5; --card:#f8f2e5; --ink:#2f2118; --ink-2:#56402f; --muted:#7f6a55;
  --amber:#b8862f; --amber-ink:#8a5b17; --amber-soft:#e3c690; --clay:#7c4a2e; --line:rgba(47,33,24,.16); --line-2:rgba(47,33,24,.28);
  --serif:'Fraunces', 'Iowan Old Style', Georgia, serif; --sans:'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --r:10px; --wrap:1200px; --gut:clamp(16px, 4vw, 48px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-optical-sizing:auto}
img,svg,canvas{display:block;max-width:100%}
a{color:var(--ink);text-decoration-color:var(--amber);text-underline-offset:3px}
a:hover{color:var(--amber-ink)}
:focus-visible{outline:2px solid var(--amber-ink);outline-offset:3px;border-radius:4px}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;margin:0;font-variation-settings:"SOFT" 100}
p{margin:0 0 1em}
.small{font-size:13.5px;line-height:1.5}
.muted{color:var(--muted)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
[hidden]{display:none !important}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:40;background:rgba(243,234,216,.9);backdrop-filter:saturate(1.1) blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);height:68px;display:flex;align-items:center;gap:24px}
.mark{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:24px;font-variation-settings:"SOFT" 100;letter-spacing:-.02em}
.mark svg{width:34px;height:34px}
.m-body{fill:var(--ink-2)} .m-rim{fill:var(--ink)} .m-gold{fill:var(--amber)} .m-line{stroke:var(--ink);stroke-width:2}
.links{display:flex;gap:26px;margin-left:auto}
.links a{text-decoration:none;font-size:15px;color:var(--ink-2);position:relative;padding:6px 0}
.links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--amber-ink);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.links a:hover::after,.links a.on::after{transform:scaleX(1)}
.nav-end{display:flex;align-items:center;gap:12px}
.xlink{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line-2);border-radius:50%}
.xlink svg{width:16px;height:16px;fill:var(--ink)}
.menu-btn{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;padding:7px 14px;font-size:15px;cursor:pointer}
.sheet{border-top:1px solid var(--line);background:var(--paper);padding:8px var(--gut) 20px}
.sheet nav{display:flex;flex-direction:column}
.sheet a{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-family:var(--serif);font-size:24px}
.sheet a i{font-size:15px;color:var(--amber-ink);width:28px}
@media (max-width:900px){.links{display:none}.menu-btn{display:block}.nav-end{margin-left:auto}}

/* ---------- buttons, inputs ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;background:var(--ink);color:var(--paper);border:0;border-radius:var(--r);text-decoration:none;font-weight:700;font-size:15.5px;cursor:pointer;transition:transform .2s var(--ease), background .2s}
.btn:hover{background:var(--ink-2);color:var(--paper);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-sm{min-height:42px;padding:0 16px;font-size:14.5px}
.btn[disabled]{opacity:.55;cursor:progress}
.linkish{background:none;border:0;padding:0;text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px;cursor:pointer}
input[type=text],input[type=number],select{width:100%;min-width:0;min-height:44px;padding:8px 12px;background:#fffaf0;border:1px solid var(--line-2);border-radius:8px}
input[type=text]:focus,input[type=number]:focus,select:focus{outline:2px solid var(--amber);outline-offset:1px}
input[type=range]{width:100%;accent-color:var(--clay);height:28px;margin:0}
.lbl-sm{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(18px,2.4vw,30px);box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 18px 40px -30px rgba(47,33,24,.45);min-width:0}

/* ---------- skeletons ---------- */
.skel{display:inline-block;height:.9em;border-radius:4px;background:linear-gradient(90deg,rgba(47,33,24,.08),rgba(47,33,24,.16),rgba(47,33,24,.08));background-size:200% 100%;animation:sk 1.4s linear infinite;vertical-align:middle}
.w5{width:5ch}.w6{width:6ch}.w10{width:10ch}
@keyframes sk{to{background-position:-200% 0}}

/* ---------- hero ---------- */
.hero{max-width:var(--wrap);margin:0 auto;padding:clamp(36px,6vw,80px) var(--gut) 24px}
.hero-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.hero h1{grid-column:1 / span 8;font-size:clamp(42px,6.6vw,96px);line-height:.98;font-weight:350;letter-spacing:-.025em}
.hero h1 em{font-style:italic;color:var(--amber-ink);font-weight:300}
.hero-aside{grid-column:9 / span 4;font-size:16px;color:var(--ink-2);min-width:0}
.hero-aside p{margin-bottom:18px}
.ca-chip{display:flex;align-items:center;gap:10px;border:1px dashed var(--line-2);border-radius:8px;padding:6px 6px 6px 12px;min-width:0}
.ca-lbl{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--amber-ink)}
.ca-chip code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.copy{background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer}
@media (max-width:900px){.hero h1,.hero-aside{grid-column:1 / -1}}

.plate{margin:34px 0 0;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 50% 100%, rgba(184,134,47,.10), transparent 60%)}
.plate svg{width:100%;height:auto}
.hatch-line{stroke:rgba(243,234,216,.18);stroke-width:2}
.ground-line{stroke:var(--ink-2);stroke-width:1.5;fill:none}
.ground-tick{stroke:var(--ink-2);stroke-width:1.2;opacity:.5;fill:none}
.flow{fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-dasharray:3 7;opacity:.55}
.flow.out{stroke:var(--amber-ink);opacity:.7}
.lbl{font-family:var(--serif);font-style:italic;font-size:22px;fill:var(--ink-2)}
.lbl-r{fill:var(--amber-ink)}
.pot-shadow{fill:rgba(47,33,24,.14)}
.pot-body{fill:var(--clay)}
.plate .pot-body{fill:#6e4128}
.pot-hatch{opacity:1}
.pot-band{fill:none;stroke:rgba(243,234,216,.55);stroke-width:2}
.pot-band.thin{stroke-width:1;opacity:.6}
.pot-spout{fill:#6e4128;stroke:#3a2618;stroke-width:1.5;stroke-linejoin:round}
.pot-rim{fill:#3a2618}
.pot-liquid{fill:var(--amber)}
.liquid{transform-box:fill-box;transform-origin:center;animation:bob 4.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(3px) scaleX(.985)}}
.steam path{fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round;opacity:0;transform-box:fill-box;animation:steam 6s ease-in-out infinite}
.steam .s2{animation-delay:2s}.steam .s3{animation-delay:4s}
@keyframes steam{0%{opacity:0;transform:translateY(10px)}30%{opacity:.45}100%{opacity:0;transform:translateY(-26px)}}
.bowl{fill:var(--ink-2)}
.coin{fill:var(--amber);stroke:#3a2618;stroke-width:1.5}

.ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line);padding:18px 0 6px;gap:12px}
.ledger-cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:12px;border-right:1px dotted var(--line-2)}
.ledger-cell:last-of-type{border-right:0}
.lg-k{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.lg-v{font-family:var(--serif);font-size:clamp(20px,2.4vw,30px);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ledger-src{grid-column:1/-1;font-size:13px;color:var(--muted);margin:6px 0 0}
@media (max-width:700px){.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-cell:nth-child(2){border-right:0}}

/* ---------- chapters ---------- */
.chapter{max-width:var(--wrap);margin:0 auto;padding:clamp(64px,9vw,120px) var(--gut) 0}
.chapter.alt,.chapter.dark{max-width:none;padding-left:0;padding-right:0}
.chapter.alt{background:var(--paper-2);margin-top:clamp(64px,9vw,120px);padding-bottom:clamp(56px,8vw,100px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chapter.alt + .chapter{padding-top:clamp(64px,9vw,120px)}
.chapter.alt > *,.chapter.dark > *{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut)}
.ch-head{display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:20px;margin-bottom:clamp(28px,4vw,48px)}
.ch-num{font-family:var(--serif);font-style:italic;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--amber-ink);grid-row:span 3}
.ch-head h2{font-size:clamp(30px,4.2vw,58px);line-height:1.04;max-width:20ch}
.ch-rule{width:min(360px,70%);height:12px;margin:14px 0 18px}
.ch-rule path,.mv-ill path{fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round}
.ch-lede{max-width:62ch;color:var(--ink-2);margin:0}
@media (max-width:640px){.ch-head{grid-template-columns:minmax(0,1fr)}.ch-num{grid-row:auto;margin-bottom:8px}}

/* draw-on paths */
.draw{transition:stroke-dashoffset 1.6s var(--ease)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-type .w{display:inline-block;opacity:0;transform:translateY(.4em);transition:opacity .8s var(--ease), transform .8s var(--ease)}
.reveal-type.in .w{opacity:1;transform:none}

/* movements */
.movements{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);counter-reset:mv}
.mv{border-top:1px solid var(--line-2);padding-top:20px;min-width:0}
.mv-ill{width:100%;max-width:220px;height:auto;margin-bottom:14px}
.mv-ill path{stroke:var(--ink-2);stroke-width:2}
.mv-ill path.accent{stroke:var(--amber)}
.mv h3{font-size:26px;margin-bottom:10px}
.mv p{color:var(--ink-2)}
.mv:nth-child(2){transition-delay:.12s}.mv:nth-child(3){transition-delay:.24s}
.note-card{margin-top:clamp(28px,4vw,48px);border:1px solid var(--line-2);border-radius:14px;padding:clamp(20px,3vw,34px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;background:linear-gradient(180deg,rgba(255,250,240,.6),transparent)}
.note-card h3{font-size:30px;font-style:italic}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ticks li{padding-left:28px;position:relative;color:var(--ink-2)}
.ticks li::before{content:"";position:absolute;left:2px;top:.55em;width:12px;height:6px;border-left:2px solid var(--amber-ink);border-bottom:2px solid var(--amber-ink);transform:rotate(-45deg)}
@media (max-width:820px){.movements{grid-template-columns:minmax(0,1fr)}.note-card{grid-template-columns:minmax(0,1fr)}}

/* ---------- simulator ---------- */
.sim{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.search-row{display:flex;gap:8px;margin-top:6px}
.results{margin:10px 0 0;display:grid;gap:6px}
.res{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;background:#fffaf0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer;transition:border-color .2s, transform .2s var(--ease)}
.res:hover{border-color:var(--amber);transform:translateX(2px)}
.res img,.tok-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--paper-2)}
.res .rn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.res .rn b{font-weight:800}
.res .rv{font-size:13px;color:var(--muted);white-space:nowrap}
.msg{font-size:14px;color:var(--muted);padding:6px 0}
.msg.err{color:var(--clay)}
.tok-card{margin:18px 0;padding:16px 0;border-top:1px dotted var(--line-2);border-bottom:1px dotted var(--line-2);min-height:96px}
.tok-top{display:flex;align-items:center;gap:12px;min-width:0}
.tok-img{width:44px;height:44px}
.tok-name{min-width:0}
.tok-name strong{display:block;font-family:var(--serif);font-size:24px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tok-name span{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tok-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.tok-stats div{min-width:0}
.tok-stats dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.tok-stats dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tok-skel{display:grid;gap:10px}
@media (max-width:520px){.tok-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.basis{border:0;margin:0 0 16px;padding:0;min-width:0}
.basis legend{margin-bottom:8px;padding:0}
.seg{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;width:fit-content;max-width:100%}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.seg span{display:block;padding:8px 14px;font-size:14px;border-right:1px solid var(--line);transition:background .2s,color .2s;white-space:nowrap}
.seg label:last-child span{border-right:0}
.seg input:checked + span{background:var(--ink);color:var(--paper)}
.seg input:focus-visible + span{outline:2px solid var(--amber-ink);outline-offset:-3px}
.ingredients{display:grid;gap:14px}
.ing{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;min-width:0}
.ing label{font-size:15px;color:var(--ink-2);min-width:0}
.ing output{font-family:var(--serif);font-size:20px;font-variant-numeric:tabular-nums;color:var(--ink)}
.ing input,.ing select{grid-column:1 / -1}
.ing-custom{margin-top:12px}

.potview{position:sticky;top:90px}
.pot-fig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px}
.pot-fig svg{width:100%;max-width:280px;justify-self:center}
.pot-fill{fill:var(--amber);transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform 1s var(--ease)}
.pot-outline{fill:none;stroke:#3a2618;stroke-width:3}
.potview .pot-body{fill:#e0cfae}
.potview .pot-rim{fill:#3a2618}
.potview .pot-band{stroke:rgba(58,38,24,.35)}
.pot-now{display:flex;flex-direction:column;gap:2px;min-width:0}
.pot-now strong{font-family:var(--serif);font-size:clamp(30px,3.6vw,46px);font-weight:400;font-variant-numeric:tabular-nums;line-height:1.05;overflow-wrap:anywhere}
.outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:20px 0 14px;border-top:1px solid var(--line)}
.outs div{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);min-width:0}
.outs div:nth-child(odd){border-right:1px dotted var(--line-2)}
.outs div:nth-child(even){padding-left:14px}
.outs dt{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.outs dd{margin:4px 0 0;font-family:var(--serif);font-size:clamp(20px,2.2vw,28px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.outs.compact{margin:16px 0 0}
@media (max-width:900px){.sim{grid-template-columns:minmax(0,1fr)}.potview{position:static}}
@media (max-width:460px){.pot-fig{grid-template-columns:minmax(0,1fr)}.pot-fig svg{max-width:200px}}

/* ---------- payout ---------- */
.pay{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.pay-in{display:grid;gap:16px}
.money{display:flex;align-items:center;gap:6px;border-bottom:2px solid var(--ink);padding-bottom:4px}
.money span{font-family:var(--serif);font-size:40px;color:var(--muted)}
.money input{border:0;background:transparent;font-family:var(--serif);font-size:clamp(34px,4vw,48px);padding:0;min-height:0;outline:none}
.money input:focus{outline:none}
.money:focus-within{border-color:var(--amber-ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{background:transparent;border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background .2s}
.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.check{display:flex;gap:10px;align-items:center;font-size:15px;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--clay)}
.pay-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pg{padding:14px 10px 14px 0;display:flex;flex-direction:column;min-width:0;border-right:1px dotted var(--line-2)}
.pg + .pg{padding-left:12px}
.pg:last-child{border-right:0}
.pg span{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.pg strong{font-family:var(--serif);font-weight:400;font-size:clamp(20px,2.3vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.15}
.pg em{font-style:normal;font-size:14px;color:var(--ink-2)}
.pay-share{margin:14px 0;color:var(--ink-2)}
.bars{margin:0}
.bars svg,#feeChart,#seaChart{width:100%;height:auto}
.ax{stroke:var(--line-2);stroke-width:1}
.ax-t{font-size:12px;fill:var(--muted);font-family:var(--sans)}
.bar-a{fill:var(--amber);transform-box:fill-box;transform-origin:50% 100%;transition:transform .7s var(--ease)}
.bar-b{fill:var(--ink-2);opacity:.85;transform-box:fill-box;transform-origin:50% 100%;transition:transform .7s var(--ease)}
.lg-key{font-size:12.5px;fill:var(--ink-2)}
@media (max-width:900px){.pay{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg:nth-child(2){border-right:0}.pg:nth-child(3){padding-left:0;border-top:1px dotted var(--line-2)}.pg:nth-child(4){border-top:1px dotted var(--line-2)}}

/* ---------- pour ---------- */
.pour{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}
.pour-stage{min-width:0}
#pourCanvas{width:100%;height:auto;background:linear-gradient(180deg,#fbf6ea,#efe3cb);border-radius:10px;border:1px solid var(--line)}
.pour-ctrl{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:14px}
.pour-table-wrap{min-width:0;max-height:460px;overflow:auto}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}
.tbl caption{text-align:left;padding-bottom:8px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line-2);padding:6px 8px 6px 0}
.tbl{table-layout:fixed}
.tbl td{border-bottom:1px solid var(--line);padding:7px 8px 7px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbl th:nth-child(1){width:2.4em}.tbl th:nth-child(3){width:5.6em}.tbl th:nth-child(4){width:8.4em}
.tbl td:first-child{color:var(--muted)}
.tbl .num{text-align:right;padding-right:0}
.pour-key{margin:12px 0 0}
.tbl a{font-family:ui-monospace,Menlo,monospace;font-size:13px}
@media (max-width:900px){.pour{grid-template-columns:minmax(0,1fr)}}

/* ---------- fees ---------- */
.fees{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:clamp(16px,2.4vw,32px);align-items:start}
.fee-in{display:grid;gap:16px}
.rails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:12px}
.rail{min-width:0}
.rail h3{font-size:22px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line-2)}
.rail dl{margin:0;display:grid;gap:6px}
.rail dl div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;min-width:0}
.rail dt{font-size:14px;color:var(--ink-2);min-width:0}
.rail dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700;text-align:right;white-space:nowrap}
.rail dd.big{font-family:var(--serif);font-weight:400;font-size:28px}
.curve{fill:none;stroke:var(--clay);stroke-width:2.5}
.flat{fill:none;stroke:var(--amber);stroke-width:2.5;stroke-dasharray:6 6}
.dot{fill:var(--ink)}
@media (max-width:980px){.fees{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.rails{grid-template-columns:minmax(0,1fr)}}

/* ---------- seasons ---------- */
.seasons{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:24px;align-items:center}
.sea-ctrl{min-width:0}
.outs.compact{grid-template-columns:minmax(0,1fr)}
.outs.compact div{border-right:0 !important;padding-left:0 !important}
.area-a{fill:rgba(184,134,47,.22);stroke:var(--amber-ink);stroke-width:2}
.area-b{fill:rgba(86,64,47,.12);stroke:var(--ink-2);stroke-width:1.5;stroke-dasharray:5 5}
@media (max-width:900px){.seasons{grid-template-columns:minmax(0,1fr)}}

/* ---------- bitcoin now (dark) ---------- */
.chapter.dark{background:#2b1e15;color:#efe4cf;margin-top:clamp(64px,9vw,120px);padding-bottom:clamp(56px,8vw,100px)}
.chapter.dark + .chapter{padding-top:clamp(64px,9vw,120px)}
.dark .ch-num{color:#d3a35a}
.dark .ch-rule path{stroke:#d3a35a}
.dark .ch-lede,.dark .muted{color:#bfae93}
.dark .lbl-sm{color:#bfae93}
.dark .skel{background:linear-gradient(90deg,rgba(239,228,207,.08),rgba(239,228,207,.18),rgba(239,228,207,.08));background-size:200% 100%}
.chapter.dark > .btc-grid{padding:0;width:calc(100% - 2 * var(--gut));max-width:calc(var(--wrap) - 2 * var(--gut))}
.btc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(239,228,207,.18);border-bottom:1px solid rgba(239,228,207,.18)}
.btc-cell{padding:22px 20px 22px 0;display:flex;flex-direction:column;gap:6px;min-width:0;border-right:1px solid rgba(239,228,207,.14)}
.btc-cell + .btc-cell{padding-left:20px}
.btc-cell:last-child{border-right:0}
.btc-cell strong{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4vw,54px);font-variant-numeric:tabular-nums;line-height:1}
.feelist{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:4px}
.feelist li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dotted rgba(239,228,207,.18);padding:3px 0;font-variant-numeric:tabular-nums}
.feelist b{font-family:var(--serif);font-weight:400;font-size:20px}
.meter{height:6px;background:rgba(239,228,207,.12);border-radius:3px;overflow:hidden;margin:6px 0}
.meter i{display:block;height:100%;background:#d3a35a;transform-origin:left;transform:scaleX(0);transition:transform 1.2s var(--ease)}
.blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.blk-col{min-width:0}
.blk-col h3{margin-bottom:12px;font-family:var(--sans)}
.blk-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.blk{min-width:0;border:1px solid rgba(239,228,207,.2);border-radius:8px;padding:12px;min-height:118px;display:flex;flex-direction:column;gap:2px;background:rgba(239,228,207,.03)}
.blk.anim{opacity:0;transform:translateY(10px);animation:blkIn .7s var(--ease) forwards}
.blk:nth-child(2){animation-delay:.08s}.blk:nth-child(3){animation-delay:.16s}
@keyframes blkIn{to{opacity:1;transform:none}}
.blk .bh{font-family:var(--serif);font-size:20px}
.blk .bm{font-size:13px;color:#bfae93}
.blk .bf{margin-top:auto;font-variant-numeric:tabular-nums;font-weight:700;color:#e8c98f}
.blk.queued{border-style:dashed}
.skel-blk{background:linear-gradient(90deg,rgba(239,228,207,.04),rgba(239,228,207,.1),rgba(239,228,207,.04));background-size:200% 100%;animation:sk 1.4s linear infinite;opacity:1;transform:none}
.dark .err{color:#e3a58b}
@media (max-width:860px){.btc-grid{grid-template-columns:minmax(0,1fr)}.btc-cell,.btc-cell + .btc-cell{padding:18px 0;border-right:0;border-bottom:1px solid rgba(239,228,207,.14)}.btc-cell:last-child{border-bottom:0}.blocks{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.blk-row{grid-template-columns:repeat(2,minmax(0,1fr))}.blk-row li:nth-child(3){display:none}}

/* ---------- faq ---------- */
.faq{max-width:860px;border-top:1px solid var(--line-2)}
.faq details{border-bottom:1px solid var(--line-2)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-family:var(--serif);font-size:clamp(20px,2.2vw,26px);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:8px;top:50%;width:12px;height:12px;border-right:2px solid var(--amber-ink);border-bottom:2px solid var(--amber-ink);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq details p{color:var(--ink-2);max-width:68ch;padding-bottom:12px;animation:fadeIn .4s var(--ease)}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ---------- footer ---------- */
.foot{margin-top:clamp(64px,9vw,120px);border-top:1px solid var(--line-2);background:var(--paper-2)}
.foot-in{max-width:var(--wrap);margin:0 auto;padding:40px var(--gut) 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px}
.foot-mark{font-family:var(--serif);font-size:34px;font-variation-settings:"SOFT" 100}
.foot-brand p{color:var(--ink-2);margin:4px 0 0}
.foot-links{display:flex;gap:20px;align-items:center;font-weight:700}
.honest{grid-column:1 / -1;max-width:80ch;color:var(--ink-2);font-size:14.5px;border-top:1px dotted var(--line-2);padding-top:18px;margin:0}
.foot .small{grid-column:1 / -1;margin:0}
@media (max-width:640px){.foot-in{grid-template-columns:minmax(0,1fr)}}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:8px;font-size:14px;pointer-events:none;transition:opacity .3s, transform .3s var(--ease);z-index:60}
.toast.on{opacity:1;transform:translate(-50%,0)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .reveal,.reveal-type .w{opacity:1;transform:none}
  .steam path{opacity:.3}
  .blk{opacity:1;transform:none}
}

/* ---------- small-screen refinements ---------- */
@media (max-width:640px){
  .plate{overflow:hidden}
  .plate svg{width:150%;max-width:none;margin-left:-45%}
  .ax-t,.lg-key{font-size:21px}
  .seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .seg span{padding:9px 4px;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* =====================================================================
   Polish pass v2: depth, texture, choreography and motion
   ===================================================================== */
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .18 0 0 0 0 .13 0 0 0 0 .09 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
.chapter.alt{background-color:var(--paper-2)}
.nav{transition:box-shadow .4s var(--ease), background .4s}
.nav.scrolled{box-shadow:0 10px 30px -24px rgba(47,33,24,.55)}
.nav-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--amber);transform-origin:left;transform:scaleX(0);opacity:.85}
.mark svg{transition:transform .5s var(--ease)}
.mark:hover svg{transform:rotate(-8deg) translateY(-1px)}

/* buttons: press + shine */
.btn{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 10px 22px -14px rgba(47,33,24,.8)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(243,234,216,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);z-index:-1}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(1px) scale(.98)}
.copy,.chips button,.res,.seg span{transition:transform .2s var(--ease), background .25s, color .25s, border-color .25s}
.copy:active,.chips button:active{transform:scale(.95)}
.copy.done{background:var(--amber-ink)}
input[type=text],input[type=number],select{transition:border-color .25s, box-shadow .3s var(--ease)}
input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--amber-ink);box-shadow:0 0 0 4px rgba(184,134,47,.18)}
.money{position:relative;border-bottom-color:var(--line-2)}
.money::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--amber-ink);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.money:focus-within::after{transform:scaleX(1)}
input[type=range]{cursor:pointer}

/* segmented control with sliding indicator */
.seg{position:relative;isolation:isolate}
.seg .seg-ind{position:absolute;top:0;left:0;height:100%;background:var(--ink);z-index:-1;transition:transform .45s cubic-bezier(.3,1.3,.4,1), width .35s var(--ease);pointer-events:none;border-radius:0}
.seg.has-ind input:checked + span{background:transparent}
.seg span{position:relative}
.chips button{position:relative}
.chips button[aria-pressed=true]{transform:translateY(-1px)}

/* cards */
.card{box-shadow:0 1px 0 rgba(255,255,255,.75) inset, 0 1px 2px rgba(47,33,24,.06), 0 24px 48px -34px rgba(47,33,24,.55);border-color:rgba(47,33,24,.12)}
.mv{transition:transform .5s var(--ease)}
.mv:hover{transform:translateY(-4px)}
.mv-ill{transition:transform .6s var(--ease)}
.mv:hover .mv-ill{transform:translateY(-3px) rotate(-1deg)}
.res img{transition:transform .3s var(--ease)}
.res:hover img{transform:rotate(-8deg) scale(1.06)}

/* hero choreography */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-ink);font-weight:800;margin:0 0 18px;grid-column:1 / -1}
.eb-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(184,134,47,.45);animation:ebPulse 2.6s ease-out infinite}
@keyframes ebPulse{0%{box-shadow:0 0 0 0 rgba(184,134,47,.45)}80%,100%{box-shadow:0 0 0 9px rgba(184,134,47,0)}}
.hero h1{line-height:.96}
.reveal-type .wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.reveal-type .w{display:inline-block;opacity:1;transform:translateY(108%);transition:transform 1s cubic-bezier(.2,.8,.15,1)}
.reveal-type.in .w{transform:none}
.ld{opacity:0;transform:translateY(18px);transition:opacity 1s var(--ease), transform 1s var(--ease)}
body.ready .ld{opacity:1;transform:none}
body.ready .ld1{transition-delay:.05s} body.ready .ld2{transition-delay:.75s} body.ready .ld3{transition-delay:.95s;transform:none} body.ready .ld4{transition-delay:1.25s}
.plate.ld{transform:scale(.985)}
.plate{position:relative;overflow:hidden;border-radius:2px}
.plate::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 60%,rgba(255,250,238,.55),transparent 70%);pointer-events:none}
.plate svg{position:relative}
.halo{fill:rgba(184,134,47,.07)}
.halo-ring{fill:none;stroke:rgba(138,91,23,.18);stroke-width:1;stroke-dasharray:2 8}
.hill{fill:none;stroke:rgba(86,64,47,.22);stroke-width:1.2}
.lyr{will-change:transform}
.plate .pot-body{fill:url(#potShade)}
.pot-gloss{fill:none;stroke:rgba(255,236,200,.22);stroke-width:7;stroke-linecap:round}
.flow{stroke-dasharray:3 7;animation:march 1.6s linear infinite}
.flow.out{animation-duration:1.2s}
@keyframes march{to{stroke-dashoffset:-20}}
.pot-liquid{fill:url(#liqShade)}
.liquid{animation:none}
.liq-shine{fill:none;stroke:rgba(255,244,214,.75);stroke-width:2.4;stroke-linecap:round}
.ripple{fill:none;stroke:rgba(255,240,205,.85);stroke-width:1.4}
.dribble{fill:none;stroke:var(--amber);stroke-width:4;stroke-linecap:round;opacity:0}
.steam path{animation:none;opacity:0;fill:none;stroke:var(--ink-2);stroke-width:1.7;stroke-linecap:round}
.coin{fill:var(--amber);stroke:#3a2618;stroke-width:1.5}
.coin-in{fill:none;stroke:rgba(58,38,24,.55);stroke-width:1}
.bowl{fill:#5a4232}
.bowl-lip{stroke:#3a2618;stroke-width:2;stroke-linecap:round}
.pc{fill:var(--amber);stroke:#3a2618;stroke-width:1.1;opacity:0;transform-box:fill-box;transform-origin:center;transform:translateY(-10px) scale(.6);transition:opacity .35s var(--ease), transform .45s cubic-bezier(.3,1.5,.5,1)}
.pc.on{opacity:1;transform:none}
.pile.settle .pc{opacity:0;transform:translateY(6px) scale(.8);transition-duration:.9s}
.lg-v{display:block}
.flash{animation:flash .9s var(--ease)}
@keyframes flash{0%{opacity:.35;transform:translateY(4px)}100%{opacity:1;transform:none}}

/* ticker */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(235,223,197,.55),rgba(235,223,197,.25));-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.tk-track{display:flex;width:max-content;animation:tk 48s linear infinite;padding:11px 0}
.ticker:hover .tk-track{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}
.tk-item{display:inline-flex;align-items:baseline;gap:8px;padding:0 26px;font-size:14px;color:var(--ink-2);white-space:nowrap;position:relative}
.tk-item::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--amber);opacity:.6;transform:translateY(-50%)}
.tk-item b{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums}
.tk-item i{font-style:normal;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800}

/* chapter heads */
.ch-head .ch-num{opacity:0;transform:translateX(-14px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.ch-head h2,.ch-head .ch-lede{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease), transform .9s var(--ease)}
.ch-head .ch-lede{transition-delay:.18s}
.ch-head.in .ch-num,.ch-head.in h2,.ch-head.in .ch-lede{opacity:1;transform:none}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}.reveal.d4{transition-delay:.4s}
.mv-ill path.accent{animation:accentBob 4s ease-in-out infinite}
@keyframes accentBob{50%{transform:translateY(-3px)}}
.note-card{position:relative;overflow:hidden}
.note-card::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(138,91,23,.25)}

/* journey (scroll-pinned) */
.journey{position:relative;height:340vh;margin-top:clamp(64px,9vw,120px);background:linear-gradient(180deg,var(--paper),#efe4cc 18%,#efe4cc 82%,var(--paper));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.j-sticky{position:sticky;top:68px;height:calc(100vh - 68px);overflow:hidden;display:flex;align-items:center}
.j-inner{max-width:var(--wrap);width:100%;margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.j-copy h2{font-size:clamp(32px,4.4vw,60px);line-height:1.02;margin-bottom:26px}
.j-copy h2 em{font-style:italic;color:var(--amber-ink);font-weight:300}
.j-copy .eyebrow{margin-bottom:14px}
.j-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.j-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:12px 14px;border-radius:12px;color:var(--muted);opacity:.5;transform:translateX(0);transition:opacity .5s var(--ease), transform .5s var(--ease), background .5s, color .5s}
.j-steps li b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:22px;color:var(--amber-ink);line-height:1.2}
.j-steps li strong{color:var(--ink);font-weight:800}
.j-steps li.on{opacity:1;color:var(--ink-2);background:rgba(255,250,238,.75);transform:translateX(6px);box-shadow:0 12px 26px -22px rgba(47,33,24,.6)}
.j-steps li.done{opacity:.8}
.j-prog{height:2px;background:var(--line);margin-top:20px;border-radius:2px;overflow:hidden}
.j-prog i{display:block;height:100%;background:var(--amber-ink);transform-origin:left;transform:scaleX(0)}
.j-fig{margin:0;min-width:0}
.j-fig svg{width:100%;height:auto;max-height:calc(100vh - 150px)}
.j-fig figcaption{text-align:center;margin-top:6px}
.j-axis{stroke:var(--line-2);stroke-width:1.2}
.j-wick{stroke:var(--ink-2);stroke-width:1.5;opacity:.7}
.j-c.up{fill:var(--ink-2)} .j-c.dn{fill:#cdb994;stroke:var(--ink-2);stroke-width:1}
.j-c.hi{fill:var(--amber)}
#jCandles rect{transform-box:fill-box;transform-origin:50% 100%}
.j-line{fill:none;stroke:var(--amber-ink);stroke-width:2;stroke-linecap:round}
.j-t{font-family:var(--serif);font-style:italic;font-size:15px;fill:var(--muted)}
.j-guide{fill:none;stroke:rgba(86,64,47,.3);stroke-width:1.3;stroke-dasharray:2 6}
.j-ring{fill:none;transform-box:view-box;transform-origin:250px 320px}
.j-ring circle{stroke:var(--amber-ink);stroke-width:1.5;stroke-dasharray:4 9}
.j-arrow{stroke:var(--amber-ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.j-body{fill:#e6d7b8}
.j-outline{fill:none;stroke:#3a2618;stroke-width:3}
.j-spout{fill:#e6d7b8;stroke:#3a2618;stroke-width:2.4;stroke-linejoin:round}
.j-rim{fill:#3a2618}
.j-band{fill:none;stroke:rgba(58,38,24,.3);stroke-width:2}
.j-liq-tok{fill:#8f6c4c}
.j-liq-btc{fill:var(--amber);opacity:0}
.j-stamp{font-family:var(--serif);font-style:italic;font-size:30px;fill:#fff7e6;opacity:0}
.j-shadow{fill:rgba(47,33,24,.14)}
.j-stream{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;opacity:.9}
.j-mound{fill:var(--amber);stroke:#3a2618;stroke-width:1.2}
.j-bowl{fill:#5a4232}
#jPot{transform-box:view-box;transform-origin:250px 392px}
@media (max-width:900px){
  .journey{height:300vh}
  .j-inner{grid-template-columns:minmax(0,1fr);gap:10px;align-content:center}
  .j-copy h2{font-size:clamp(26px,7vw,40px);margin-bottom:10px}
  .j-steps li{display:none;padding:8px 12px}
  .j-steps li.on{display:grid;transform:none}
  .j-prog{margin-top:10px}
  .j-fig svg{max-height:46vh;margin:0 auto}
}

/* simulator pot */
.pot-fill{fill:var(--amber);transform:none;transition:none}
.pot-fill.back{fill:#d6aa5c;opacity:.55}
.sim-gloss{fill:none;stroke:rgba(255,255,255,.35);stroke-width:6;stroke-linecap:round}
.drop{fill:var(--amber);stroke:#3a2618;stroke-width:1.2}
.bub{fill:rgba(255,246,226,.55)}
.potview .pot-shadow{fill:rgba(47,33,24,.12)}
.pot-now strong.flash{animation:flash .6s var(--ease)}

/* results entering */
.tok-card > *{animation:rise .6s var(--ease) both}
.tok-card > *:nth-child(2){animation-delay:.08s}.tok-card > *:nth-child(3){animation-delay:.16s}
.res{animation:rise .45s var(--ease) both}
.res:nth-child(2){animation-delay:.05s}.res:nth-child(3){animation-delay:.1s}.res:nth-child(4){animation-delay:.15s}.res:nth-child(5){animation-delay:.2s}.res:nth-child(6){animation-delay:.25s}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tbl tbody tr{animation:rise .5s var(--ease) both}
.skel{background:linear-gradient(90deg,rgba(47,33,24,.07) 20%,rgba(47,33,24,.15) 50%,rgba(47,33,24,.07) 80%);background-size:200% 100%}

/* charts intro: clip wipe + stroke draw */
.chart-intro{animation:wipe 1.3s var(--ease) both}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.bar-a,.bar-b{transition:transform .9s cubic-bezier(.2,.9,.25,1.05)}
.dot{transform-box:fill-box;transform-origin:center;animation:dotPulse 2.4s ease-in-out infinite}
@keyframes dotPulse{50%{transform:scale(1.35)}}
.dot-ring{fill:none;stroke:var(--ink);stroke-width:1;opacity:.35}
.rails .rail{transition:transform .5s var(--ease)}
.rail dd.big{display:inline-block}

/* pour canvas */
#pourCanvas{box-shadow:inset 0 2px 12px rgba(47,33,24,.06)}

/* bitcoin now */
.chapter.dark{position:relative;overflow:hidden;background:radial-gradient(90% 60% at 80% 0%,#3a2a1d,transparent 60%),#2b1e15}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d3a35a;margin-right:8px;vertical-align:middle;animation:ebPulse 2s ease-out infinite}
.blk{position:relative;overflow:hidden;transition:transform .4s var(--ease), border-color .4s}
.blk:hover{transform:translateY(-3px);border-color:rgba(239,228,207,.4)}
.blk.queued::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(239,228,207,.07) 50%,transparent 70%);transform:translateX(-100%);animation:sweep 3.4s ease-in-out infinite}
.blk:nth-child(2)::before{animation-delay:.5s}.blk:nth-child(3)::before{animation-delay:1s}
@keyframes sweep{60%,100%{transform:translateX(100%)}}
.bbar{height:4px;border-radius:2px;background:rgba(239,228,207,.12);overflow:hidden;margin-top:8px}
.bbar i{display:block;height:100%;background:#d3a35a;transform-origin:left;transform:scaleX(0);transition:transform 1.4s var(--ease)}
.btc-cell strong{display:inline-block}
.feelist li{animation:rise .5s var(--ease) both}
.feelist li:nth-child(2){animation-delay:.06s}.feelist li:nth-child(3){animation-delay:.12s}.feelist li:nth-child(4){animation-delay:.18s}

/* faq */
.faq summary{transition:color .25s, padding-left .35s var(--ease)}
.faq summary:hover{color:var(--amber-ink);padding-left:6px}

/* footer pot */
.foot-pot{width:54px;height:auto;margin-bottom:6px}
.fs{fill:none;stroke:var(--ink-2);stroke-width:1.6;stroke-linecap:round;opacity:0;animation:steam 5s ease-in-out infinite}
.fs2{animation-delay:2.5s}

@media (max-width:640px){
  .eyebrow{font-size:11.5px}
  .tk-item{padding:0 18px;font-size:13px}
}

@media (prefers-reduced-motion: reduce){
  .reveal-type .w,.ld,.ch-head .ch-num,.ch-head h2,.ch-head .ch-lede{opacity:1 !important;transform:none !important}
  .tk-track{animation:none;flex-wrap:wrap;width:auto}
  .journey{height:auto;padding:clamp(48px,7vw,90px) 0}
  .j-sticky{position:static;height:auto}
  .j-steps li{display:grid !important;opacity:1}
  .j-fig svg{max-height:none}
  .pc{transition:none}
  .fs{opacity:.35}
}
.reveal-type em .wm{padding-right:.12em;margin-right:-.12em}
@media (prefers-reduced-motion: reduce){.blk.anim{opacity:1;transform:none}}