.landing.howto{--cue-accent:#b5482f;--cue-accent-wash:#f5e7e1;--cue-term-bg:#1b1915;--cue-term-ink:#eae6dc;--cue-term-muted:#8b8578;--cue-term-green:#93b96e;--cue-term-accent:#e0916a}.dark .landing.howto{--cue-accent:#e2906f;--cue-accent-wash:#2a1a13}.hiw{padding-block:40px 96px;overflow:clip}.hiw-masthead{border-bottom:1px solid var(--onecue-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px;margin-bottom:56px;padding-bottom:48px;display:grid}.hiw-wordmark{color:var(--onecue-ink);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,5.5rem);font-weight:600;line-height:.92}.hiw-oss{font-family:var(--font-onecue-mono),monospace;color:var(--cue-accent);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 0;font-size:.75rem}.hiw-tagline{color:var(--onecue-muted);margin:0;font-size:1.25rem;line-height:1.5}.hiw-tagline b{color:var(--onecue-ink);font-weight:500}.hiw-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;display:grid}.hiw-ring{aspect-ratio:1;background:radial-gradient(circle at 50% 44%,var(--cue-accent-wash),transparent 68%);border:1.5px dashed var(--cue-accent);border-radius:50%;place-items:center;width:min(100%,360px);margin-inline:auto;display:grid;position:relative}.hiw-ring-core{text-align:center;justify-items:center;gap:8px;display:grid}.hiw-badge{width:44px;height:44px;font-family:var(--font-onecue-mono),monospace;color:#fff;background:var(--cue-accent);border-radius:50%;place-items:center;font-size:1rem;display:grid}.hiw-ring-core strong{color:var(--onecue-ink);font-size:1.375rem;font-weight:600}.hiw-ring-on{font-family:var(--font-onecue-mono),monospace;color:var(--cue-accent);text-transform:uppercase;letter-spacing:.14em;background:var(--cue-accent-wash);border-radius:999px;padding:3px 12px;font-size:.6875rem}.hiw-ring-core small{max-width:200px;color:var(--onecue-muted);font-size:.75rem;line-height:1.5}.hiw-hook{font-family:var(--font-onecue-mono),monospace;color:var(--onecue-ink);white-space:nowrap;background:var(--onecue-paper);border:1px solid var(--onecue-border);border-radius:999px;padding:6px 12px;font-size:.75rem;position:absolute;box-shadow:0 6px 18px -12px #14100c66}.hiw-hook-top{top:-15px;left:50%;transform:translate(-50%)}.hiw-hook-right{top:50%;right:-12px;transform:translate(50%,-50%)}.hiw-hook-bottom{bottom:-15px;left:50%;transform:translate(-50%)}.hiw-hook-left{top:50%;left:-12px;transform:translate(-50%,-50%)}.hiw-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.hiw-step{background:var(--cue-panel);border:1px solid var(--onecue-border);border-radius:14px;padding:18px 22px}.hiw-step-n{font-family:var(--font-onecue-mono),monospace;color:var(--onecue-muted-light);letter-spacing:.04em;font-size:.8125rem}.hiw-step h3{color:var(--onecue-ink);margin:6px 0;font-size:1.0625rem;font-weight:600}.hiw-step p{color:var(--onecue-muted);margin:0;font-size:.9375rem;line-height:1.55}.hiw-mono{font-family:var(--font-onecue-mono),monospace;overflow-wrap:anywhere;font-size:.8125rem;color:var(--cue-accent)!important}.hiw-step-store{background:var(--cue-accent-wash);border-color:var(--cue-accent)}.hiw-rail{font-family:var(--font-onecue-mono),monospace;color:var(--onecue-muted-light);text-transform:uppercase;letter-spacing:.14em;border-left:1px dashed var(--onecue-border-strong);justify-self:start;margin-left:26px;padding:8px 0 8px 16px;font-size:.6875rem}.hiw-callout{background:var(--onecue-bone);border:1px solid var(--onecue-border);border-radius:16px;max-width:660px;margin-top:56px;padding:24px 28px}.hiw-callout h3{color:var(--onecue-ink);margin:0 0 8px;font-size:1.125rem;font-weight:600}.hiw-callout p{color:var(--onecue-muted);text-wrap:pretty;margin:0;line-height:1.6}.hiw-pill-wrap{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:32px;display:flex}.hiw-pill{font-family:var(--font-onecue-mono),monospace;font-variant-numeric:tabular-nums;color:var(--cue-term-ink);background:var(--cue-term-bg);border-radius:999px;flex-wrap:wrap;gap:8px 18px;margin:0;padding:12px 22px;font-size:.8125rem;display:inline-flex}.hiw-pill b{color:var(--cue-term-accent);font-weight:400}.hiw-pill .g{color:var(--cue-term-green)}.hiw-pill-note{font-family:var(--font-onecue-mono),monospace;color:var(--onecue-muted-light);font-size:.6875rem}.hiw-chips{flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.hiw-chip{font-family:var(--font-onecue-mono),monospace;color:var(--onecue-muted);border:1px solid var(--onecue-border);border-radius:999px;padding:6px 14px;font-size:.75rem}.hiw-detail{margin-top:72px}.hiw-detail h2{color:var(--onecue-ink);letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.hiw-detail-lede{max-width:620px;color:var(--onecue-muted);text-wrap:pretty;margin:0 0 24px;font-size:1.0625rem;line-height:1.6}.hiw-hook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hiw-hook-card{background:var(--cue-panel);border:1px solid var(--onecue-border);border-radius:14px;padding:20px 22px}.hiw-hook-card h3{font-family:var(--font-onecue-mono),monospace;color:var(--cue-accent);margin:0 0 8px;font-size:.9375rem}.hiw-hook-card p{color:var(--onecue-muted);text-wrap:pretty;margin:0;font-size:.9375rem;line-height:1.55}.hiw-code{font-family:var(--font-onecue-mono),monospace;color:var(--cue-term-ink);background:var(--cue-term-bg);border-radius:14px;margin:0;padding:22px 24px;font-size:.8125rem;line-height:1.7;overflow-x:auto}.hiw-judge{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hiw-judge li{color:var(--onecue-ink);padding-left:24px;font-size:1rem;line-height:1.55;position:relative}.hiw-judge li:before{content:"";background:var(--cue-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:4px}@media (max-width:900px){.hiw-masthead{grid-template-columns:1fr;align-items:start;gap:20px}.hiw-stage{grid-template-columns:1fr;gap:64px}.hiw-hook-grid{grid-template-columns:1fr}}.hiw-diagram{width:100%;margin:8px 0 4px}.hiw-diagram svg{width:100%;height:auto;font-family:inherit;display:block;overflow:visible}.hiw-svg-conn{opacity:.7;fill:none;stroke:var(--onecue-border-strong);stroke-width:1.5px}.hiw-svg-dot{fill:var(--cue-accent)}.hiw-svg-card{fill:var(--cue-panel);stroke:var(--onecue-border);stroke-width:1.25px}.hiw-svg-node{fill:var(--cue-panel);stroke:var(--cue-accent);stroke-width:1.75px}.hiw-svg-ring{fill:var(--cue-accent-wash);stroke:var(--cue-accent);stroke-width:1.5px;stroke-dasharray:5 7}.hiw-svg-pill{fill:var(--onecue-paper);stroke:var(--onecue-border);stroke-width:1px}.hiw-svg-on-pill{fill:var(--cue-accent-wash)}.hiw-svg-badge{fill:var(--cue-accent)}.hiw-svg-num{font-family:var(--font-onecue-mono),monospace;font-variant-numeric:tabular-nums;letter-spacing:.5px;fill:var(--onecue-muted-light);font-size:15px}.hiw-svg-title{fill:var(--onecue-ink);font-size:19px;font-weight:600}.hiw-svg-mono{font-family:var(--font-onecue-mono),monospace;font-variant-numeric:tabular-nums;fill:var(--cue-accent);font-size:13px}.hiw-svg-body{font-variant-numeric:tabular-nums;fill:var(--onecue-muted);font-size:14px}.hiw-svg-label{font-family:var(--font-onecue-mono),monospace;letter-spacing:1.5px;fill:var(--onecue-muted-light);font-size:11px}.hiw-svg-hook{font-family:var(--font-onecue-mono),monospace;text-anchor:middle;fill:var(--onecue-ink);font-size:12px}.hiw-svg-badge-t{font-family:var(--font-onecue-mono),monospace;text-anchor:middle;fill:#fff;font-size:14px}.hiw-svg-node-strong{text-anchor:middle;fill:var(--onecue-ink);font-size:17px;font-weight:600}.hiw-svg-node-mono{font-family:var(--font-onecue-mono),monospace;letter-spacing:1px;text-anchor:middle;fill:var(--cue-accent);font-size:12px}.hiw-svg-node-sub{text-anchor:middle;fill:var(--onecue-muted);font-size:12.5px}.hiw-svg-on{font-family:var(--font-onecue-mono),monospace;letter-spacing:1.5px;text-anchor:middle;fill:var(--cue-accent);font-size:11px}@media (prefers-reduced-motion:reduce){.hiw-svg-dot{display:none}}