body.how-page{--paper: #e5d9bd;--paper-ink: #2a2620;--paper-line: #c7b790;--ember-dim: #a86a35}.how-page .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.3,1)}.how-page .rv.in{opacity:1;transform:none}.how-page .rv-d1{transition-delay:.08s}.how-page .rv-d2{transition-delay:.16s}.how-page .rv-d3{transition-delay:.24s}.how-page .wrap{max-width:940px}.how-hero{padding:76px 0 8px}.how-hero h1,.how-hero .lead{max-width:780px}.how-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--frost);margin-bottom:16px}.how-eyebrow.warm{color:var(--ember)}.how-hero h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,5.4vw,56px);line-height:1.1;letter-spacing:-.02em;margin-bottom:22px}.how-hero h1 em{font-style:italic;color:var(--ember)}.how-hero h1 .cold{color:var(--frost);font-style:normal}.how-lead{font-size:clamp(17px,2vw,19.5px);color:var(--text);max-width:640px}.how-lead b{color:var(--ink);font-weight:500}.how-back{display:inline-flex;align-items:center;gap:8px;margin-top:34px;font-family:var(--mono);font-size:12.5px;color:var(--faint);text-decoration:none;transition:color .15s}.how-back:hover{color:var(--frost)}.how-sec{padding:58px 0;border-top:1px solid var(--line);margin-top:34px}.how-sec:first-of-type{margin-top:30px}.how-sec-head{max-width:680px;margin-bottom:44px}.how-sec-head:last-child{margin-bottom:0}.how-sec-head h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.18;letter-spacing:-.015em;margin-bottom:16px}.how-sec-head p{color:var(--text);font-size:16.5px}.how-sec-head p b{color:var(--ink);font-weight:500}.ring-fig{display:flex;justify-content:center;margin:0 auto 54px;max-width:660px}.ring-svg{width:100%;height:auto;overflow:visible}.ring-track{stroke:var(--line);stroke-width:1.5;fill:none}.ring-draw{stroke:url(#loopGrad);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.9s cubic-bezier(.35,.1,.25,1)}.ring-fig.in .ring-draw{stroke-dashoffset:0}.ring-node circle{fill:var(--bg);stroke:var(--frost);stroke-width:1.8}.ring-node.warm circle{stroke:var(--ember)}.ring-node text.n{font-family:var(--mono);font-size:13px;font-weight:700;fill:var(--frost)}.ring-node.warm text.n{fill:var(--ember)}.ring-node text.lbl{font-family:var(--mono);font-size:14px;font-weight:500;fill:var(--ink);letter-spacing:.04em}.ring-node{opacity:0;transition:opacity .5s ease}.ring-fig.in .ring-node{opacity:1}.ring-fig.in .ring-node.s1{transition-delay:.25s}.ring-fig.in .ring-node.s2{transition-delay:.7s}.ring-fig.in .ring-node.s3{transition-delay:1.15s}.ring-fig.in .ring-node.s4{transition-delay:1.6s}.ring-chev{stroke:var(--faint);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .5s ease .9s}.ring-fig.in .ring-chev{opacity:.75}.ring-card{opacity:0;transform:scale(.94);transform-origin:380px 300px;transition:opacity .6s ease 1.9s,transform .6s cubic-bezier(.2,.8,.3,1) 1.9s}.ring-fig.in .ring-card{opacity:1;transform:none}.ring-card .paper{fill:var(--paper)}.ring-card .rule{stroke:var(--paper-line);stroke-width:1.2}.ring-card .t{font-family:var(--mono);font-size:11.5px;fill:var(--paper-ink)}.ring-card .stamp{fill:none;stroke:var(--ember-dim);stroke-width:2.2}.ring-card .stamp-t{font-family:var(--mono);font-size:13px;font-weight:700;fill:var(--ember-dim);letter-spacing:.06em}.loop-list{display:grid;gap:2px;counter-reset:beat}.beat{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:26px 0;border-top:1px solid var(--line)}.beat:last-child{border-bottom:1px solid var(--line)}.beat-n{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--frost);padding-top:3px;letter-spacing:.06em}.beat.warm .beat-n{color:var(--ember)}.beat h3{font-family:var(--sans);font-size:17px;font-weight:600;margin-bottom:8px}.beat p{color:var(--text);font-size:15.5px}.beat p b{color:var(--ink);font-weight:500}.beat code{font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--frost)}.loop-close{margin-top:34px;padding:22px 26px;border-radius:12px;border:1px solid var(--line-warm);background:linear-gradient(180deg,rgba(239,148,72,.06),transparent);font-size:16px;color:var(--text)}.loop-close b{color:var(--ember);font-weight:500}.state-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.state{border:1px solid var(--line);border-radius:12px;padding:22px 24px 24px;background:var(--surface-2);position:relative;overflow:hidden}.state:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent, var(--faint))}.state.ok{--accent: var(--ok)}.state.warn{--accent: var(--ember)}.state.move{--accent: var(--frost)}.state.gone{--accent: var(--faint)}.state-when{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.state-tag{display:inline-block;font-family:var(--mono);font-size:13px;padding:5px 11px;border-radius:6px;margin-bottom:14px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);word-break:break-word}.state h3{font-size:16px;font-weight:600;margin-bottom:8px}.state p{color:var(--text);font-size:15px}.state-note{margin-top:26px;display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border:1px dashed var(--line);border-radius:12px;color:var(--text);font-size:15.5px}.state-note .mk{font-family:var(--mono);color:var(--frost);flex:none;font-size:13px;padding-top:2px}.state-note b{color:var(--ink);font-weight:500}.how-aside{color:var(--text);font-size:15.5px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line);max-width:680px}.how-aside h3{font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:-.01em;margin-bottom:10px}.how-aside p{color:var(--text);font-size:15.5px}.nb-mock{margin:0}.nb-mock figcaption{margin-top:14px;font-size:13.5px;color:var(--muted);text-align:center}.nb-mock figcaption code{color:var(--frost)}.nbm-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;background:var(--surface)}.nbm-brand{display:flex;flex-direction:column;gap:2px}.nbm-kick{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.nbm-name{font-family:var(--display);font-size:16px;display:flex;align-items:center;gap:8px}.nbm-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--ember),var(--frost))}.nbm-stats{display:flex;align-items:center;gap:16px;font-size:12.5px;color:var(--muted)}.nbm-stats b{color:var(--ink);font-size:14px}.nbm-bar{width:60px;height:5px;border-radius:3px;background:var(--line);overflow:hidden;display:inline-block}.nbm-bar i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--ok),var(--ember))}.nbm-fresh{color:var(--ink)}.nbm-body{display:grid;grid-template-columns:200px 1fr;border:1px solid var(--line);border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 20px 60px -20px #00000080}.nbm-side{background:var(--surface);border-right:1px solid var(--line);padding:14px 10px}.nbm-search{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:7px 10px;margin-bottom:12px;background:var(--surface-2)}.nbm-file{font-family:var(--mono);font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:6px}.nbm-file.active{color:var(--frost);background:color-mix(in srgb,var(--frost) 10%,transparent)}.nbm-main{padding:26px 30px 30px;background:var(--bg)}.nbm-crumb{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--frost);margin-bottom:8px}.nbm-title{font-family:var(--mono);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px}.nbm-meta{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:22px}.nbm-pill{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ok);background:var(--ok-bg);border-radius:999px;padding:2px 9px}.nbm-anchors{border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-bottom:22px;background:var(--surface-2)}.nbm-anchor-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.nbm-anchor-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:12px}.nbm-anchor-row code b{color:var(--frost)}.nbm-syms{display:flex;gap:8px;flex-wrap:wrap}.nbm-syms span{font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 9px}.nbm-note-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.nbm-note{font-size:14.5px;line-height:1.65;color:var(--ink);max-width:68ch}@media (max-width: 640px){.nbm-side{display:none}.nbm-body{grid-template-columns:1fr}}.temp-fig{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:34px;align-items:stretch;border:1px solid var(--line);border-radius:14px;overflow:hidden}.temp-col{padding:28px 30px 30px;display:flex;flex-direction:column}.temp-col.cold{background:linear-gradient(160deg,color-mix(in srgb,var(--frost) 6%,transparent),transparent 62%)}.temp-col.warm{background:linear-gradient(200deg,color-mix(in srgb,var(--ember) 6%,transparent),transparent 62%)}.temp-kick{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.temp-col.cold .temp-kick{color:var(--frost)}.temp-col.warm .temp-kick{color:var(--ember)}.temp-col h3{font-family:var(--display);font-weight:400;font-size:22px;margin-bottom:8px;letter-spacing:-.01em}.temp-col>p{color:var(--text);font-size:15px;margin-bottom:20px}.temp-items{display:grid;gap:9px;align-content:start}.temp-item{font-family:var(--mono);font-size:13.5px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);opacity:0;transform:translate(-8px);transition:opacity .45s ease,transform .45s ease}.temp-col.warm .temp-item{transform:translate(8px);border-color:var(--line-warm)}.temp-fig.in .temp-item{opacity:1;transform:none}.temp-fig.in .temp-item:nth-child(1){transition-delay:.1s}.temp-fig.in .temp-item:nth-child(2){transition-delay:.2s}.temp-fig.in .temp-item:nth-child(3){transition-delay:.3s}.temp-fig.in .temp-item:nth-child(4){transition-delay:.4s}.temp-fig.in .temp-item:nth-child(5){transition-delay:.5s}.temp-seam{position:absolute;left:50%;top:0;bottom:0;width:1px;transform:translate(-50%);pointer-events:none;background:linear-gradient(180deg,var(--frost),var(--ember));transform-origin:top;scale:1 0;transition:scale 1.1s cubic-bezier(.35,.1,.25,1)}.temp-fig.in .temp-seam{scale:1 1}.temp-verdict{padding:22px 26px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:16px;color:var(--muted)}.temp-verdict b{color:var(--ink);font-weight:500}.zoom{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.zpan{border:1px solid var(--line);border-radius:12px;background:var(--term-bg);padding:18px 20px 20px;display:flex;flex-direction:column}.zpan-k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:4px}.zpan-t{font-size:15px;font-weight:600;margin-bottom:14px}.zbody{font-family:var(--mono);font-size:12.5px;line-height:1.85;color:var(--term-ink)}.zbody .dim{color:var(--faint)}.zbody .hit{color:var(--frost)}.zbody .warm{color:var(--ember)}.zpan-foot{margin-top:auto;padding-top:16px;color:var(--muted);font-size:14px}.how-index .how-card{text-decoration:none;color:inherit;position:relative;transition:background .2s}.how-index .how-card.warm:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--ember) 11%,transparent),transparent 68%)}.how-index .how-card.cold:hover{background:linear-gradient(160deg,color-mix(in srgb,var(--frost) 11%,transparent),transparent 68%)}.how-card-go{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:12.5px;color:var(--faint);transition:color .2s,border-color .2s}.how-card-go .ar{font-size:14px;transition:transform .2s}.how-index .how-card:hover .how-card-go .ar{transform:translate(4px)}.how-index .how-card.warm:hover .how-card-go{color:var(--ember);border-top-color:var(--line-warm)}.how-index .how-card.cold:hover .how-card-go{color:var(--frost);border-top-color:color-mix(in srgb,var(--frost) 35%,transparent)}.how-index .how-card:focus-visible{outline:2px solid var(--frost);outline-offset:-2px}.how-index .flow-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-index .flow-tile{border:1px solid var(--line);border-radius:12px;background:var(--surface-2);padding:24px 24px 26px;position:relative;overflow:hidden}.how-index .flow-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--frost)}.how-index .flow-tile.warm{border-color:var(--line-warm)}.how-index .flow-tile.warm:before{background:var(--ember)}.how-index .flow-tile .k{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.how-index .flow-tile h3{font-family:var(--sans);font-size:16px;font-weight:600;margin-bottom:10px}.how-index .flow-tile p{color:var(--text);font-size:15px}.how-index .flow-tile code{font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--frost)}.how-index .loop-close{margin-top:22px}@media (max-width: 820px){.how-index .flow-tiles{grid-template-columns:1fr}}.how-index .temp-verdict{margin-top:30px}.how-index .temp-verdict i{font-style:italic;color:var(--ink)}.how-index .temp-fig{align-items:stretch}@media (max-width: 820px){.how-index .temp-col.warm{border-top:0}.how-index .temp-col.cold{border-top:1px solid var(--line)}}.how-close{padding:66px 0 90px;border-top:1px solid var(--line);margin-top:34px}.how-close p,.how-close .how-cmds{max-width:680px}.how-close h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.4vw,34px);margin-bottom:14px;letter-spacing:-.015em}.how-close p{color:var(--text);font-size:16.5px;margin-bottom:28px}.how-cmds{font-family:var(--mono);font-size:14px;background:var(--term-bg);border:1px solid var(--line);border-radius:10px;padding:18px 22px;color:var(--term-ink);margin-bottom:28px;overflow-x:auto}.how-cmds span{color:var(--frost)}.how-page .how-cmds.has-copy{position:relative;padding-right:84px}.how-page .copy-btn{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:11px;color:var(--faint);cursor:pointer;background:#ffffff0a;border:1px solid var(--line);border-radius:6px;padding:5px 10px;transition:color .15s,background .15s,border-color .15s}.how-page .copy-btn:hover{color:#eef3fb;background:#ffffff14;border-color:#ffffff29}.how-page .copy-btn.copied{color:#4fd18b;border-color:#4fd18b66;background:#4fd18b14}.how-next{display:flex;gap:12px;flex-wrap:wrap}.how-next a{font-family:var(--mono);font-size:13.5px;padding:11px 20px;border-radius:8px;text-decoration:none;transition:opacity .15s,border-color .15s,color .15s}.how-next a.primary{background:var(--frost);color:#04121a;font-weight:600}.how-next a.primary:hover{opacity:.88}.how-next a.ghost{border:1px solid var(--line);color:var(--muted)}.how-next a.ghost:hover{color:var(--ink);border-color:var(--frost)}@media (max-width: 820px){.how-hero{padding-top:52px}.how-sec{padding:56px 0;margin-top:44px}.state-grid,.zoom{grid-template-columns:1fr}.temp-fig{grid-template-columns:1fr;gap:8px}.temp-col,.temp-col.cold,.temp-col.warm{padding:24px 22px}.temp-col.warm{border-top:1px solid var(--line-warm)}.temp-seam{display:none}.temp-col.warm .temp-item,.temp-col.cold .temp-item{transform:translateY(8px)}.temp-fig.in .temp-item{transform:none}.beat{grid-template-columns:40px 1fr;gap:14px}}@media (prefers-reduced-motion: reduce){.how-page .rv,.how-page .rv.in{opacity:1;transform:none;transition:none}.ring-draw,.ring-fig.in .ring-draw{stroke-dashoffset:0;transition:none}.ring-node,.ring-chev,.ring-card,.ring-fig.in .ring-node,.ring-fig.in .ring-chev,.ring-fig.in .ring-card,.temp-item,.temp-fig.in .temp-item{opacity:1;transform:none;transition:none}.temp-seam path,.temp-fig.in .temp-seam path{stroke-dashoffset:0;transition:none}}