.operator-page { --accent: #D1ADFF; }
.operator-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); gap:clamp(2rem,6vw,6rem); align-items:center; padding-block:clamp(4rem,8vw,7rem) clamp(4rem,7vw,6rem); }
.operator-hero h1 { max-width:11ch; margin:1rem 0 1.5rem; font:650 clamp(3rem,5.2vw,5.8rem)/.99 Archivo,Geist,sans-serif; font-stretch:112%; letter-spacing:-.045em; text-wrap:balance; }
.operator-hero__lede { margin:0; max-width:52ch; color:var(--ink); font-size:clamp(1.12rem,1rem + .45vw,1.4rem); line-height:1.5; }
.operator-hero__support { max-width:54ch; color:var(--soft); }
.operator-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem 1rem; margin-top:2rem; }
.operator-hero__actions .business-link { margin-left:0; }
.operator-hero__scene { position:relative; min-height:clamp(23rem,40vw,38rem); overflow:hidden; border:1px solid var(--line-strong); border-radius:24px; background:#e7d5b4; box-shadow:0 24px 60px rgb(0 0 0 / .16); }
.operator-hero__scene::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(0deg,rgb(11 27 23 / .9),transparent); pointer-events:none; }
.operator-hero__scene svg { position:absolute; inset:0; width:100%; height:100%; max-width:none; }
.operator-hero__overlay { position:absolute; z-index:1; left:clamp(1rem,3vw,2rem); right:clamp(1rem,3vw,2rem); bottom:3.6rem; display:flex; flex-wrap:wrap; gap:.55rem; }
.operator-hero__overlay span { padding:.55rem .75rem; border:1px solid rgb(255 255 255 / .24); border-radius:999px; background:rgb(12 17 1 / .72); color:white; font-size:.78rem; font-weight:650; backdrop-filter:blur(8px); }
.operator-hero__caption { position:absolute; z-index:1; bottom:1.25rem; left:clamp(1rem,3vw,2rem); margin:0; color:#e8e9e2; font:.7rem/1.4 'Geist Mono',monospace; }
.operator-value { padding-block:clamp(4rem,7vw,7rem); border-block:1px solid var(--line); background:var(--surface); }
.operator-value__head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:1rem 4rem; align-items:end; }
.operator-value__head .eyebrow { grid-column:1/-1; }
.operator-value h2,.operator-model h2,.operator-contact h2 { margin:0; max-width:16ch; font:650 clamp(2.2rem,3.6vw,4.1rem)/1.04 Archivo,Geist,sans-serif; letter-spacing:-.04em; text-wrap:balance; }
.operator-value__head>p:last-child { max-width:40ch; margin:0; color:var(--soft); font-size:1.08rem; }
.operator-value__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:clamp(2rem,5vw,4rem); }
.operator-value__steps article { min-height:14rem; padding:clamp(1.2rem,2vw,2rem); border:1px solid var(--line); border-radius:18px; background:var(--canvas); }
.operator-value__steps span { font:.7rem/1.4 'Geist Mono',monospace; letter-spacing:.08em; color:var(--accent); }
.operator-value__steps h3 { margin:2.5rem 0 .6rem; font:650 clamp(1.35rem,1.5vw,1.7rem)/1.15 Archivo,Geist,sans-serif; letter-spacing:-.025em; }
.operator-value__steps p { margin:0; color:var(--soft); font-size:.93rem; }
.operator-model { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,6rem); align-items:start; padding-block:clamp(5rem,9vw,9rem); scroll-margin-top:5rem; }
.operator-model__copy { position:sticky; top:7rem; }
.operator-model h2 { max-width:13ch; margin:1rem 0 1.5rem; }
.operator-model__copy p:not(.eyebrow) { max-width:48ch; color:var(--soft); }
.operator-model__copy .business-link { margin:1rem 0 0; }
.operator-estimate { display:grid; gap:1.4rem; min-width:0; margin:0; padding:clamp(1.25rem,3vw,2.5rem); border:1px solid var(--line-strong); border-radius:22px; background:var(--surface); box-shadow:0 20px 55px rgb(0 0 0 / .13); }
.operator-estimate h3 { margin:0; font:650 clamp(1.6rem,2.3vw,2.2rem)/1.1 Archivo,Geist,sans-serif; letter-spacing:-.03em; }
.operator-day { position:relative; height:15px; overflow:hidden; border-radius:999px; background:var(--surface-2); }
.operator-day span { position:absolute; inset:0; transform-origin:left center; transition:transform 240ms ease; }
.operator-day [data-op-added] { background:#B983FF; }
.operator-day [data-op-used] { background:#8E968A; }
.operator-day__key { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin:-.8rem 0 0; color:var(--soft); font-size:.78rem; }
.operator-day__key span { display:inline-flex; align-items:center; gap:.4rem; }
.operator-day__key i { width:.7rem; height:.7rem; border-radius:3px; }
.operator-day__used { background:#8E968A; }.operator-day__added { background:#B983FF; }
.operator-field { display:grid; grid-template-columns:1fr auto; gap:.35rem 1rem; align-items:baseline; color:var(--soft); font-size:.9rem; }
.operator-field output { color:var(--ink); font:650 1.5rem/1 Archivo,Geist,sans-serif; font-variant-numeric:tabular-nums; }
.operator-field input { grid-column:1/-1; width:100%; min-height:2.5rem; margin:0; accent-color:#B983FF; cursor:pointer; }
.operator-power,.operator-hours { display:grid; gap:.75rem; min-width:0; margin:0; padding:0; border:0; }
.operator-power legend,.operator-hours legend { margin-bottom:.65rem; color:var(--soft); font-size:.9rem; }
.operator-power__options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.4rem; }
.operator-power__options button { min-width:0; min-height:3.4rem; padding:.45rem .2rem; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface-2); color:var(--ink); cursor:pointer; font-size:.9rem; font-weight:650; line-height:1.1; }
.operator-power__options button[aria-pressed="true"] { border-color:#B983FF; background:#B983FF; color:#140A22; }
.operator-power__options small { display:block; margin-top:.25rem; font-size:.68rem; font-weight:500; }
.operator-results { display:grid; gap:.6rem; padding-top:1.25rem; border-top:1px solid var(--line); }
.operator-results p { display:flex; justify-content:space-between; gap:1rem; margin:0; color:var(--soft); font-size:.88rem; }
.operator-results strong { color:var(--ink); white-space:nowrap; font-variant-numeric:tabular-nums; }
.operator-results .operator-results__lead { align-items:baseline; margin-top:.5rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--ink); font-weight:650; }
.operator-results__lead strong { color:var(--accent); font:650 clamp(1.8rem,3vw,2.6rem)/1 Archivo,Geist,sans-serif; letter-spacing:-.03em; }
.operator-results .operator-results__annual { justify-content:flex-end; text-align:right; }
.operator-estimate__note { margin:0; color:var(--faint); font-size:.75rem; line-height:1.5; }
.operator-contact { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(2rem,6vw,6rem); align-items:start; padding-block:clamp(4rem,8vw,8rem); border-top:1px solid var(--line); }
.operator-contact h2 { margin:1rem 0; }
.operator-contact__copy p:not(.eyebrow) { max-width:45ch; color:var(--soft); }
.operator-contact__copy a { color:var(--ink); text-underline-offset:.25em; }
@media(max-width:980px) { .operator-hero,.operator-model,.operator-contact { grid-template-columns:1fr; } .operator-hero__scene { min-height:clamp(19rem,50vw,30rem); } .operator-model__copy { position:static; } .operator-value__head { grid-template-columns:1fr; }.operator-value__steps { grid-template-columns:1fr; }.operator-value__steps article { min-height:0; }.operator-value__steps h3 { margin-top:1.5rem; } }
@media(max-width:560px) { .operator-hero { padding-top:3.5rem; }.operator-hero h1 { font-size:clamp(2.8rem,11vw,4rem); }.operator-power__options { grid-template-columns:repeat(2,minmax(0,1fr)); }.operator-results .operator-results__lead { align-items:start; flex-direction:column; }.operator-results .operator-results__annual { justify-content:flex-start; text-align:left; }.operator-hero__overlay { bottom:3rem; }.operator-hero__overlay span { font-size:.7rem; } }
@media(prefers-reduced-motion:reduce) { .operator-day span { transition:none; } }