/* The building, rather than a color wash, carries the homepage story. */
.hero-interactive{padding:128px 48px 36px;min-height:0;overflow:hidden;background:var(--bg)}
.hero-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:24px;max-width:1248px;margin:auto}
.hero-copy{position:relative;z-index:2;padding-bottom:24px;min-width:0}
.hero-interactive .hero-eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:1.25px;margin-bottom:26px;line-height:1.8}
.hero-interactive h1{font-size:clamp(48px,4.7vw,66px);line-height:1.035;letter-spacing:-3.5px;max-width:none;margin:0;font-weight:500}
.hero-interactive h1 span{color:var(--pale)}
.hero-interactive .hero-copy>p{font-size:16px;line-height:1.8;max-width:455px;margin:26px 0 30px;color:var(--muted)}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-actions .button{padding:15px 25px;min-height:50px;font-size:14px}
.hero-workflow-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--text);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:5px}
.hero-workflow-link:hover{color:var(--accent);text-decoration-color:var(--accent)}
.hero-pipeline{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:34px}
.hero-pipeline>span:nth-child(3){color:var(--pale)}
.pipeline-connector{width:22px;height:1px;background:var(--border-strong)}
.building-explorer{min-width:0;position:relative;align-self:center}
.building-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4px}
.building-heading>.eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted)}
.building-annotation{font-family:var(--mono);font-size:7px;letter-spacing:.7px;color:var(--muted);white-space:nowrap}
.building-stage{position:relative;width:100%;height:470px;isolation:isolate}
.building-stage canvas,.building-stage>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.building-stage canvas{cursor:grab;touch-action:pan-y;outline-offset:-4px}
.building-stage canvas:active{cursor:grabbing}
.building-stage>img{object-fit:contain;opacity:.75}
.building-controls{position:relative;z-index:1}
.building-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:8px}
.building-modes button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;padding:10px 6px}
.building-modes button>span{font-family:var(--mono);font-size:8px;color:var(--muted)}
.building-modes button:hover{color:var(--white);background:var(--raised)}
.building-modes button[aria-pressed=true]{background:var(--raised);color:var(--pale);box-shadow:inset 0 0 0 1px var(--border-strong)}
.building-modes button[aria-pressed=true]>span{color:var(--accent)}
.building-modes button:focus-visible{outline-offset:1px}
.building-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 0}
#building-mode-label{font-size:10px;line-height:1.5;color:var(--muted)}
.building-toolbar>div{display:flex;gap:14px;align-items:center}
.building-toolbar button{min-height:40px;padding:8px 0;font-size:10px;white-space:nowrap;color:var(--muted);background:transparent}
.building-toolbar button:hover{color:var(--pale)}
.building-hint{text-align:center;font-family:var(--mono);font-size:8px;letter-spacing:.2px;color:var(--muted);padding:4px 0 0;min-height:20px}
.hero-interactive .hero-metrics{max-width:none;margin:38px 0 0;padding-top:28px;border-top:1px solid var(--border);gap:24px}
.hero-interactive .hero-metrics>div{align-items:flex-start;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}
.hero-interactive .metric-value{font-size:26px;letter-spacing:-.8px;white-space:nowrap}
.hero-interactive .metric-description{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:160px}
@media(min-width:1600px){.hero-interactive{padding-top:144px}.building-stage{height:490px}}
@media(max-width:1199px){.hero-interactive{padding-inline:32px}.hero-layout{gap:20px;grid-template-columns:1fr 1fr}.hero-interactive h1{font-size:53px;letter-spacing:-2.7px}.hero-interactive .hero-eyebrow{font-size:8px;letter-spacing:.7px}.hero-interactive .hero-copy>p{font-size:14px;max-width:390px}.building-stage{height:440px}.building-modes button{font-size:10px;gap:6px}.building-heading>.eyebrow{font-size:7px}.building-annotation{font-size:6px}.hero-interactive .hero-metrics>div{gap:12px}.hero-interactive .metric-value{font-size:24px}.hero-interactive .metric-description{font-size:10px}.hero-actions{gap:18px}}
@media(max-width:959px){.hero-interactive{padding:116px 32px 32px}.hero-layout{grid-template-columns:1fr;gap:36px}.hero-copy{text-align:center;padding:0}.hero-interactive .hero-eyebrow{justify-content:center;font-size:9px;letter-spacing:1px;margin-bottom:24px}.hero-interactive h1{font-size:64px;letter-spacing:-3.2px}.hero-interactive h1 br:first-child{display:none}.hero-interactive .hero-copy>p{font-size:16px;margin:24px auto 28px;max-width:540px}.hero-actions,.hero-pipeline{justify-content:center}.hero-pipeline{margin-top:26px}.building-explorer{width:100%;max-width:600px;margin-inline:auto}.building-stage{height:430px}.building-heading>.eyebrow{font-size:8px}.building-annotation{font-size:7px}.building-modes button{font-size:12px}.hero-interactive .hero-metrics{margin-top:32px}.hero-interactive .hero-metrics>div{display:flex;gap:8px;align-items:center;text-align:center}.hero-interactive .metric-description{max-width:150px}.hero-interactive .metric-value{font-size:28px}}
@media(max-width:639px){.hero-interactive{padding:112px 8px 28px}.hero-layout{gap:34px}.hero-interactive .hero-eyebrow{font-size:7px;letter-spacing:.6px;gap:6px;margin-bottom:22px}.hero-interactive h1{font-size:43px;letter-spacing:-2.2px;line-height:1.08}.hero-interactive h1 br{display:block}.hero-interactive h1 br:first-child{display:block}.hero-interactive .hero-copy>p{font-size:13px;line-height:1.8;max-width:330px;margin:22px auto 26px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding:13px 20px;min-height:48px}.hero-workflow-link{font-size:11px}.hero-pipeline{font-size:8px;gap:10px;margin-top:24px}.pipeline-connector{width:16px}.building-heading{padding:0}.building-heading>.eyebrow{font-size:6px;letter-spacing:.6px}.building-annotation{font-size:6px;letter-spacing:.3px}.building-stage{height:320px}.building-modes{gap:4px;padding:4px;border-radius:7px}.building-modes button{font-size:10px;gap:0;padding-inline:4px;min-height:44px}.building-modes button>span{display:none}.building-toolbar{gap:8px;padding-top:4px}#building-mode-label{font-size:8px;max-width:130px}.building-toolbar>div{gap:12px}.building-toolbar button{font-size:9px;min-height:40px}.building-hint{font-size:7px;padding-top:2px}.hero-interactive .hero-metrics{gap:10px;padding-top:24px;margin-top:28px}.hero-interactive .metric-value{font-size:23px;letter-spacing:-.6px}.hero-interactive .metric-description{font-size:9px;line-height:1.6;max-width:95px}.hero-interactive .hero-metrics>div{gap:8px}}
@media(prefers-reduced-motion:no-preference){.building-modes button,.hero-workflow-link,.building-toolbar button{transition:color .15s ease-out,background-color .15s ease-out}}