:root{--hb-black: #000000;--hb-white: #ffffff;--hb-ink: #1a1a1a;--hb-graphite: #4a4a4a;--hb-stone: #767676;--hb-silver: #b3b3b3;--hb-mist: #d9d9d9;--hb-fog: #ececec;--hb-paper: #f5f5f5;--hb-bone: #fafafa;--hb-sale: #FF4632;--hb-success: #80BA27;--hb-warning: #EB6608;--fg-1: var(--hb-black);--fg-2: var(--hb-graphite);--fg-3: var(--hb-stone);--fg-disabled: var(--hb-silver);--fg-inverse: var(--hb-white);--bg-1: var(--hb-white);--bg-2: var(--hb-bone);--bg-inverse: var(--hb-black);--border-1: var(--hb-mist);--border-hairline: var(--hb-fog);--border-strong: var(--hb-black);--font-sans: "Averta PE", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fw-light: 300;--fw-regular: 400;--fw-bold: 700;--fw-extrabold: 800;--fs-eyebrow: 11px;--fs-caption: 12px;--fs-meta: 13px;--fs-body-s: 14px;--fs-body: 16px;--fs-body-l: 18px;--fs-display: 96px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-base: 1.5;--lh-loose: 1.7;--tr-tightest: -.02em;--tr-tight: -.01em;--tr-normal: 0;--tr-wide: .08em;--tr-wider: .16em;--tr-widest: .24em;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .16);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--dur-quick: .12s;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--space-11: 192px;--bg-3: var(--hb-paper);--border-2: var(--hb-silver);--dur-base: .24s;--dur-slow: .48s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-base);color:var(--fg-1);background:var(--bg-1);-webkit-font-smoothing:antialiased}.hb-container{max-width:1440px;margin:0 auto;padding:0 24px}.hb-header{position:sticky;top:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-hairline)}.hb-header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.hb-mark-hb{font-weight:var(--fw-extrabold);letter-spacing:var(--tr-widest);font-size:var(--fs-body-s);text-transform:uppercase}.hb-eyebrow{font-family:var(--font-sans);font-weight:var(--fw-bold);font-size:var(--fs-eyebrow);line-height:1;text-transform:uppercase;letter-spacing:var(--tr-wider);color:inherit}.hb-btn{font-family:inherit;font-size:12px;font-weight:var(--fw-bold);letter-spacing:var(--tr-wider);text-transform:uppercase;padding:16px 32px;border:1px solid var(--hb-black);background:transparent;color:var(--hb-black);border-radius:var(--radius-md);cursor:pointer;transition:background .24s var(--ease-out),color .24s var(--ease-out)}.hb-btn:disabled{border-color:var(--fg-disabled);color:var(--fg-disabled);cursor:not-allowed}.hb-btn-primary{background:var(--hb-black);color:var(--hb-white)}.hb-btn-primary:hover{background:var(--hb-white);color:var(--hb-black)}.hb-btn-primary:disabled{background:var(--fg-disabled);border-color:var(--fg-disabled);color:var(--hb-white)}.hb-btn-secondary{background:var(--hb-white);color:var(--hb-black)}.hb-btn-secondary:hover{background:var(--hb-black);color:var(--hb-white)}.hb-btn-onblack{background:var(--hb-white);color:var(--hb-black);border-color:var(--hb-white)}.hb-btn-onblack:hover{background:transparent;color:var(--hb-white);border-color:var(--hb-white)}.hb-btn-text{background:transparent;color:var(--hb-black);border:none;padding:4px 0;border-bottom:1px solid var(--hb-black);letter-spacing:.12em;border-radius:0}.hb-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--border-1);border-radius:var(--radius-pill);font-size:12px;letter-spacing:.04em;background:var(--bg-1)}.hb-chip:hover{border-color:var(--hb-black)}.hb-chip-success{border-color:var(--hb-success)}.hb-chip-warning{border-color:var(--hb-warning)}.hb-chip-sale{border-color:var(--hb-sale)}.hb-body{font-size:var(--fs-body);line-height:var(--lh-base)}.hb-body-lg{font-size:var(--fs-body-l);line-height:var(--lh-loose)}.hb-body-sm{font-size:var(--fs-body-s)}.hb-meta{font-size:var(--fs-meta);color:var(--fg-3)}.hb-caption{font-size:var(--fs-caption);color:var(--fg-3);letter-spacing:var(--tr-tight)}.hb-dot{width:8px;height:8px;border-radius:var(--radius-pill);display:inline-block}.hb-dot-success{background:var(--hb-success)}.hb-dot-warning{background:var(--hb-warning);animation:hb-pulse 1.6s var(--ease-in-out) infinite}.hb-dot-sale{background:var(--hb-sale)}.hb-dot-neutral{background:var(--hb-silver)}.proto-row{transition:background var(--dur-quick) var(--ease-out)}.proto-row:hover{background:var(--bg-2)}textarea::placeholder,input::placeholder{color:var(--hb-silver)}textarea:focus,input:focus{outline:none;border-color:var(--hb-black)}@keyframes hb-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes hb-spin{to{transform:rotate(360deg)}}@keyframes hb-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hb-rise{animation:hb-rise .32s var(--ease-out) both}.hb-progress-track{height:2px;margin-top:var(--space-7);background:var(--hb-fog);border-radius:1px;overflow:hidden}.hb-progress-fill{height:100%;width:0;background:var(--hb-black)}.hb-progress-fill[data-outcome=failed]{background:repeating-linear-gradient(135deg,var(--hb-sale) 0 6px,var(--hb-mist) 6px 12px)}.hb-steps{list-style:none;margin:var(--space-2) 0 0;padding:0}.hb-step{display:flex;gap:18px;align-items:baseline;padding:var(--space-5) 0;border-bottom:1px solid var(--border-hairline);opacity:.45;transition:opacity var(--dur-base) var(--ease-out)}.hb-step[data-state=started],.hb-step[data-state=advanced],.hb-step[data-state=succeeded],.hb-step[data-state=failed],.hb-step[data-state=skipped]{opacity:1}.hb-step-index{font-family:var(--font-mono);font-size:var(--fs-eyebrow);color:var(--fg-3);width:20px;flex:none}.hb-step-body{flex:1;min-width:160px}.hb-step-mark{flex:none;font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--fg-disabled)}.hb-step[data-state=started] .hb-step-mark,.hb-step[data-state=advanced] .hb-step-mark{color:var(--fg-1);animation:hb-pulse 1.2s var(--ease-in-out) infinite}.hb-step[data-state=failed] .hb-step-mark{color:var(--hb-sale)}.hb-step[data-state=skipped] .hb-step-mark{color:var(--fg-3)}.hb-steps-toggle{display:none}.hb-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hb-run-layout{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,48px)}.hb-run-main{flex:1 1 380px;min-width:0}.hb-run-aside{flex:1.4 1 460px;min-width:0}@media(max-width:720px){.hb-steps-toggle{display:inline-block}.hb-steps[data-expanded=false] .hb-step:not([data-current=true]){display:none}}@media(prefers-reduced-motion:reduce){.hb-dot-warning{animation:none;background:transparent;box-shadow:inset 0 0 0 2px var(--hb-warning)}.hb-step[data-state=started] .hb-step-mark,.hb-step[data-state=advanced] .hb-step-mark{animation:none}.hb-step,.hb-btn,.proto-row{transition:none}.hb-rise{animation:none;opacity:1;transform:none}}