/* HeiGe-Design: onyx-gold. Scoped to the WorkBuddy promotion. */
.wb {
  --wb-primary:#b8912e; --wb-accent:#e4c466; --wb-canvas:#060606;
  --wb-surface:#100e0a; --wb-ink:#ede6d3; --wb-muted:#a69b80; --wb-hairline:#4a3d22;
  --wb-sans:"Jost","Futura","Century Gothic","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --wb-serif:"Cormorant Garamond","Cormorant","Didot","Bodoni MT","Noto Serif SC","Songti SC",serif;
  --wb-mono:"Fragment Mono","JetBrains Mono","SFMono-Regular",ui-monospace,"Noto Sans SC",monospace;
  margin:48px 0 64px; padding:56px 0 64px; background:var(--wb-canvas); color:var(--wb-ink);
  font-family:var(--wb-sans); line-height:1.7; font-size:17px; scroll-margin-top:88px;
}
.wb *, .wb *::before, .wb *::after {box-sizing:border-box}
.wb h2,.wb h3,.wb h4,.wb p,.wb figure,.wb ul,.wb ol,.wb dl,.wb dd {margin:0}
.wb a {color:inherit;text-decoration:none}
.wb button {font:inherit;cursor:pointer}
.wb img {display:block;max-width:100%;height:auto}
.wb-shell {width:min(1180px,calc(100% - 40px));margin:0 auto}
.wb-topline {display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--wb-hairline);color:var(--wb-muted);font-size:12px;letter-spacing:3px}
.wb-topline-note {font-size:13px;letter-spacing:.3px}
.wb-hero {display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;padding:48px 0}
.wb-story {min-width:0;padding:8px 0}
.wb h2 {font-family:var(--wb-serif);font-size:clamp(32px,3.45vw,48px);font-weight:500;line-height:1.5;letter-spacing:.4px;text-wrap:balance}
.wb-title-line {display:block;white-space:nowrap}
.wb-gilt {display:inline-block;position:relative;color:var(--wb-accent);text-shadow:0 0 28px rgba(228,196,102,.12);line-height:1.35}
.wb-gilt::before,.wb-gilt::after {content:"";position:absolute;height:1px;left:10%;right:10%;background:var(--wb-primary);transform-origin:left}
.wb-gilt::before {top:0}
.wb-gilt::after {bottom:0}
.wb-lead {padding-top:24px;color:var(--wb-muted);font-size:17px;line-height:1.8}
.wb-benefits {display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0!important;font-size:14px;letter-spacing:.5px}
.wb-benefits li+li::before {content:"";display:inline-block;width:1px;height:12px;margin:0 16px;background:var(--wb-hairline);vertical-align:-1px}
.wb-promise {padding-top:24px;color:var(--wb-ink);font-size:17px;line-height:1.8}
.wb-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}
.wb-button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border:1px solid var(--wb-primary);border-radius:2px;letter-spacing:.5px;font-size:14px;font-weight:600;transition:background-color 240ms,color 240ms,border-color 240ms}
.wb a.wb-button-primary {background:var(--wb-primary);color:var(--wb-canvas)}
.wb a.wb-button-primary:hover {background:var(--wb-accent);border-color:var(--wb-accent)}
.wb-link {font-size:14px;border-bottom:1px solid var(--wb-hairline);padding:8px 0;transition:color 240ms,border-color 240ms}
.wb a.wb-link:hover {color:var(--wb-accent);border-color:var(--wb-primary)}
.wb-proof {min-width:0}
.wb-image-button {display:block;width:100%;padding:0;border:1px solid var(--wb-hairline);background:var(--wb-surface);border-radius:0;transition:border-color 240ms}
.wb-image-button:hover {border-color:var(--wb-primary)}
.wb-image-button img {width:100%}
.wb figcaption {position:relative;margin-top:12px;color:var(--wb-muted);font-size:13px;letter-spacing:.2px}
.wb-image-hint {float:right;color:var(--wb-ink);font-size:18px;line-height:1}
.wb-configuration {display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:start;padding:40px 0 24px;border-top:1px solid var(--wb-hairline);scroll-margin-top:100px}
.wb-eyebrow {font-size:11px;letter-spacing:3px;color:var(--wb-muted)}
.wb h3 {font-family:var(--wb-serif);font-size:28px;font-weight:500;line-height:1.4;margin-top:8px}
.wb-config-title p {font-size:14px;color:var(--wb-muted);margin-top:12px}
.wb-fields {min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.wb-field {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:var(--wb-surface);border:1px solid var(--wb-hairline);min-width:0}
.wb-field>div {min-width:0}
.wb-field-label {display:block;color:var(--wb-muted);font-size:12px;margin-bottom:6px}
.wb-field code {display:block;font-family:var(--wb-mono);font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--wb-ink);background:transparent;padding:0}
.wb-copy {flex-shrink:0;border:1px solid var(--wb-hairline);background:transparent;color:var(--wb-ink);border-radius:2px;min-height:40px;padding:4px 8px;font-size:12px!important;transition:border-color 240ms,color 240ms}
.wb-copy:hover {border-color:var(--wb-primary);color:var(--wb-accent)}
.wb-field-note {grid-column:1/-1;color:var(--wb-muted);font-size:12px;line-height:1.8}
.wb-field-note code {font-family:var(--wb-mono);color:var(--wb-ink);background:transparent;padding:0}
.wb-copy-status {grid-column:1/-1;min-height:20px;color:var(--wb-ink);font-size:12px;line-height:1.6}
.wb-steps {list-style:none;padding:0;border-top:1px solid var(--wb-hairline)}
.wb-steps li {display:grid;grid-template-columns:40px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--wb-hairline)}
.wb-step-num {font-family:var(--wb-mono);font-size:15px;line-height:1.8;color:var(--wb-muted)}
.wb h4 {font-size:16px;font-weight:500;line-height:1.7}
.wb-steps p {margin-top:4px;color:var(--wb-muted);font-size:14px;line-height:1.8}
.wb-steps strong {font-weight:500;color:var(--wb-ink)}
.wb-advanced {margin-top:12px;font-size:14px}
.wb-advanced summary {cursor:pointer;width:fit-content;color:var(--wb-ink);min-height:32px}
.wb-advanced dl {padding-top:8px;color:var(--wb-muted)}
.wb-advanced dl>div {display:grid;grid-template-columns:130px 1fr;gap:16px;padding:6px 0}
.wb-advanced dt {color:var(--wb-ink)}
.wb a:focus-visible,.wb button:focus-visible,.wb summary:focus-visible {outline:2px solid var(--wb-accent);outline-offset:5px}
.wb-dialog {padding:0;margin:auto;width:min(1400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;color:var(--wb-ink);background:var(--wb-canvas);border:1px solid var(--wb-hairline)}
.wb-dialog::backdrop {background:rgba(0,0,0,.85)}
.wb-dialog-bar {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;font-size:14px;position:sticky;top:0;background:var(--wb-canvas)}
.wb-dialog-close {padding:6px 12px;min-height:40px;background:transparent;color:var(--wb-ink);border:1px solid var(--wb-hairline);border-radius:2px;font-size:14px!important;flex-shrink:0}
.wb-dialog-close span {font-size:20px;margin-left:6px}
.wb-dialog img {width:100%;max-height:calc(100dvh - 156px);object-fit:contain}
.wb-dialog-footer {font-size:12px;color:var(--wb-muted);text-align:center;padding:12px 20px}
.wb-dialog-footer a {text-decoration:underline;text-underline-offset:3px}
.wb.wb-is-visible .wb-story,.wb.wb-is-visible .wb-proof {animation:wb-unveil .9s cubic-bezier(.22,1,.36,1) both}
.wb.wb-is-visible .wb-proof {animation-delay:120ms}
.wb.wb-is-visible .wb-gilt::before,.wb.wb-is-visible .wb-gilt::after {animation:wb-draw .9s cubic-bezier(.22,1,.36,1) both}
@keyframes wb-unveil {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes wb-draw {from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:1199px) and (min-width:901px) {.wb-hero{gap:32px}.wb h2{font-size:clamp(31px,3.35vw,40px)}.wb-fields{grid-template-columns:1fr}.wb-configuration{grid-template-columns:.85fr 1.15fr}.wb-lead,.wb-promise{font-size:16px}.wb-desktop-break{display:none}.wb-actions{gap:12px}}
@media (max-width:900px) {.wb-hero{grid-template-columns:1fr;gap:32px}.wb-story{max-width:620px}.wb h2{font-size:46px}.wb-proof{max-width:720px;width:100%}.wb-configuration{grid-template-columns:1fr;gap:24px}.wb-fields{grid-template-columns:1fr 1fr}.wb-topline-note{display:none}}
@media (max-width:600px) {.wb{margin:32px 0 48px;padding:32px 0 40px}.wb-shell{width:calc(100% - 40px)}.wb-topline{padding-bottom:20px;letter-spacing:2.5px;font-size:11px}.wb-hero{padding:32px 0;gap:32px}.wb h2{font-size:clamp(28px,8.2vw,32px);line-height:1.6;letter-spacing:0}.wb-lead,.wb-promise{font-size:15px}.wb-lead{padding-top:20px}.wb-desktop-break{display:none}.wb-benefits{font-size:13px;margin-top:20px!important}.wb-benefits li+li::before{margin:0 12px}.wb-promise{padding-top:20px}.wb-actions{gap:18px;margin-top:24px}.wb-button{min-height:48px;padding:12px 16px;font-size:13px;gap:10px}.wb-link{font-size:12px}.wb figcaption{font-size:11px}.wb-configuration{padding:28px 0 16px}.wb h3{font-size:26px}.wb-config-title p{font-size:13px}.wb-fields{grid-template-columns:1fr;gap:12px}.wb-field{padding:12px 14px}.wb-field code{font-size:14px}.wb-copy{min-height:42px;min-width:48px}.wb-field-note{font-size:12px}.wb-copy-status{min-height:0}.wb-copy-status:empty{display:none}.wb-steps li{grid-template-columns:24px 1fr;gap:16px;padding:20px 0}.wb-steps p{font-size:13px}.wb h4{font-size:15px}.wb-advanced{font-size:13px}.wb-advanced dl>div{grid-template-columns:1fr;gap:2px}.wb-dialog{width:calc(100vw - 16px)}.wb-dialog-bar{padding:10px 12px;font-size:12px}.wb-dialog-close{font-size:12px!important}.wb-dialog img{max-height:calc(100dvh - 152px)}}
@media (prefers-reduced-motion:reduce) {.wb,.wb *,.wb *::before,.wb *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print {.wb{break-inside:avoid}.wb-dialog,.wb-copy{display:none!important}}

/* Low-key entry point beside the existing hero actions. */
.wb-hero-entry{margin-top:16px;color:#e4c466;font-size:14px;line-height:1.7}.wb-hero-entry a{text-decoration:underline;text-decoration-color:#4a3d22;text-underline-offset:5px}.wb-hero-entry a:hover{text-decoration-color:#e4c466}.wb-hero-entry a:focus-visible{outline:2px solid #e4c466;outline-offset:5px}

/* Display only the configuration area, excluding local memory details below it. */
.wb-screenshot-crop{display:block;width:100%;aspect-ratio:1782 / 1306;overflow:hidden}
.wb .wb-screenshot-crop img{display:block;width:100%;height:auto;max-height:none;object-fit:initial}
.wb-dialog>.wb-screenshot-crop{width:min(100%,calc((100dvh - 156px) * 1782 / 1306));margin-inline:auto}