/* The approved scene reaches the viewport edges, rather than a card boundary. */
:root{--brand-orange:#ff6a00;--brand-ink:#17110d;--hero-height:clamp(720px,calc(100svh - 85px),920px)}
html{scroll-padding-top:180px}.details-copy{top:182px}
.site-header{background:#fff}
.pill,.closing .pill{transition:background .2s,box-shadow .2s,transform .2s}
.pill:hover,.closing .pill:hover{transform:translateY(-2px)}
.pill:active{transform:translateY(0)}
.pill-small{font-weight:600}
.hero{position:relative;isolation:isolate}
.hero-grid{min-height:var(--hero-height);padding-block:72px;display:flex;align-items:center;position:static}
.hero-copy{width:45%;padding:0 20px 18px 0;z-index:2}
.hero-copy a{pointer-events:auto}
.hero h1{font-size:clamp(52px,4.3vw,82px);line-height:1.05;letter-spacing:-.055em}
.hero-description{max-width:485px;font-size:19px;line-height:1.55;margin-top:30px}
.hero-art{position:absolute;inset:0 0 0 auto;width:54%;margin:0;align-self:auto;z-index:1}
.art-stage{height:100%;width:100%;aspect-ratio:auto;background:#fff}
.art-stage>img,.art-stage>video{width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform:scale(1.035);transform-origin:85% 85%}



.section-nav{position:sticky;top:85px;z-index:30;background:#fff}
.section-nav-links a{position:relative}
.section-nav-links a[aria-current=true]{color:var(--orange)}
.section-nav-links a[aria-current=true]:after{content:"";height:2px;background:var(--brand-orange);position:absolute;bottom:-10px;left:0;right:0}
.intro-section{padding-block:95px 50px;gap:70px}
.demo-shell{background:#f3f2ed;border:1px solid #e9e7df;border-radius:20px;padding:36px 46px 30px}
.demo-top{margin-bottom:23px}
.demo-paper{border-color:#e6e3da;box-shadow:0 20px 60px #41321908;padding:38px}
.demo-caption{margin-top:18px}
.demo-kpi strong{font-weight:450}
.invoice-option{transition:background .25s,transform .25s}
.invoice-option:hover{background:#fff0e3}
.invoice-option>svg{transition:transform .3s}
.invoice-option[aria-pressed=true]>svg{transform:translateY(-3px) rotate(-5deg)}
.segmented button{transition:color .2s,background .2s}
.segmented button:hover{color:var(--orange)}
.chart-dot{transition:r .2s,fill .2s}
.energy-chart [data-chart-hit]{cursor:crosshair}
.day-options button{transition:background .2s,color .2s;min-height:65px}
.day-options button:hover{background:#fff0e3}
.workflow{padding-block:90px}
.steps{gap:32px;counter-reset:workflow}
.step{padding-top:27px;border-top:2px solid #e4e3da;position:relative}
.step:before{content:"";position:absolute;top:-2px;left:0;width:44px;height:2px;background:var(--brand-orange);transition:width .6s ease}
.step:hover:before{width:100%}
.step-number{font-size:14px;font-variant-numeric:tabular-nums}
.step h3{margin-top:23px}
.closing{position:relative;overflow:hidden;background:#f6f3ed;color:var(--ink);border-block:1px solid #e8e4da}
.closing p{color:#686b64}
.closing-inner{position:relative;z-index:1}
.related-link{transition:color .2s,padding .25s}
.related-link:hover{padding-left:8px}
.related-link svg:last-child{transition:transform .25s}
.related-link:hover svg:last-child{transform:translateX(5px)}
@media(min-width:1800px){.hero-copy{width:48%}.hero-art{width:53%}.hero h1{font-size:82px}}
@media(min-width:761px) and (max-width:1200px){:root{--hero-height:700px}.hero-copy{width:47%;padding-right:16px}.hero-art{width:52%}.hero h1{font-size:clamp(42px,5vw,59px)}.hero-description{font-size:17px}.hero-actions{gap:16px}.hero-note{max-width:355px}.art-stage>img,.art-stage>video{object-position:48% 53%;transform:scale(1.015)}}
@media(min-width:761px) and (max-width:900px){:root{--hero-height:640px}.hero h1{font-size:43px}.hero-description{font-size:16px}.hero-art{width:51%}.hero-copy{width:49%}.section-nav{top:74px}}
@media(max-width:760px){.hero-grid{display:block;min-height:0;padding:44px 0 0}.hero-copy{width:100%;padding:0;pointer-events:auto}.hero h1{font-size:clamp(43px,9.6vw,66px)}.hero-description{font-size:17px;max-width:490px;margin-top:25px}.hero-art{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:1.06;margin:24px -20px 0;overflow:hidden}.art-stage{height:100%}.art-stage>img,.art-stage>video{object-position:50% 62%;transform:scale(1.07);transform-origin:80% 85%}.section-nav{top:74px}.section-nav-links a[aria-current=true]:after{bottom:-4px}.intro-section{padding:62px 0 32px}.demo-shell{border-radius:0;border-inline:0;padding:24px 16px}.demo-paper{padding:24px 20px}.demo-caption{font-size:11px}.workflow{padding-block:65px}.step{padding:22px 0 0 38px}.step-number{top:24px}.step h3{margin-top:0}.closing{padding-block:62px}.related-link:hover{padding-left:0}}
@media(max-width:370px){.hero h1{font-size:40px}.demo-paper{padding:22px 14px}.day-options button{font-size:10px}.hero-art{aspect-ratio:1.02}}
@media(prefers-reduced-motion:reduce){.pill:hover{transform:none}.invoice-option[aria-pressed=true]>svg{transform:none}.step:before{transition:none}}
@media(max-width:760px){html{scroll-padding-top:148px}}
@media(min-width:761px) and (max-width:1200px){.art-stage>img,.art-stage>video{object-fit:contain;object-position:right bottom;transform:scale(1.08);transform-origin:right bottom}}