/* V4.1: conversion cleanup; all business and shared theme behavior are retained. */
/* Rectangular framing keeps baked-in black pixels honest. No background removal or blending. */
.brand img,.footer-brand img,.system-logo-wrap img{clip-path:none!important;mix-blend-mode:normal!important;filter:none;transform:none!important;object-position:center}
.brand img{width:100%;height:88px;object-fit:cover}
.brand img.custom-logo,.footer-brand img.custom-logo{object-fit:contain}
.footer-brand{display:block;width:184px;flex-shrink:0;line-height:0}
.footer-brand img{width:184px;height:64px;object-fit:cover}
.system-logo-wrap{max-width:620px}.system-logo-wrap img{width:100%;height:auto;object-fit:contain}
body:has(.hero-v4) .announcement{display:block}
.hero-v4{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);column-gap:34px;padding-top:32px;padding-bottom:44px}
.hero-v4 h1{font-size:clamp(48px,4.75vw,73px);white-space:normal;line-height:1.02}
.hero-v4-description{font-size:17px;line-height:1.65;margin-top:23px}
.hero-conversion .primary{min-height:58px}
.hero-conversion .secondary{border:0;background:transparent;min-height:43px;padding:8px 0;justify-content:flex-start;color:var(--secondary);text-decoration:underline;text-underline-offset:6px;font-size:13px}
.hero-conversion .secondary:hover{color:var(--ink);background:transparent}
.hero-demo{--nesting-accent-cyan:#00dffc;--nesting-accent-magenta:#fd30fd;--hero-film:#1c222a;--hero-transfer:#f1f4f7;--hero-transfer-alt:#bcc4d0;--hero-cutoff:#00dffc}
.hero-demo-stage{background:#12171e;color:#f1f4f7;height:285px;padding:14px 15px}
.hero-demo-stage>p{color:inherit}
.hero-transfer[data-artwork=field-club] rect{fill:#00dffc}
.hero-current-film{stroke:#66727f}.hero-original-film,.hero-occupied-box{stroke:#a2adb9}
.hero-overview-window{fill:rgba(0,223,252,.05);stroke:#00dffc;stroke-width:.4}
.hero-mobile-overview,.hero-mobile-framing{display:none}
.hero-result{padding:15px 18px}
.hero-money>strong{font-size:76px}.hero-money>span{font-size:13px}
.savings-mobile-copy{display:none}
.hero-mobile-cta{display:none}
.quote-panel .sheet-price-title{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:.07em;line-height:1.5;margin:0 0 21px}
@media(min-width:761px) and (max-width:1100px){.hero-v4{grid-template-columns:1fr 1.9fr;gap:26px}.hero-v4 h1{font-size:5vw}.hero-v4-description{font-size:16px}.hero-demo-stage{height:245px}.hero-money{flex-wrap:nowrap;gap:12px}.hero-money>strong{font-size:62px}.hero-conversion .button{padding-inline:12px;font-size:13px}.hero-demo-toolbar{gap:8px;padding-inline:10px}.hero-demo-state{font-size:11px;letter-spacing:0}.hero-view-controls button{padding-inline:7px}}
@media(max-width:760px){
.brand img{height:67px}.footer-brand,.footer-brand img{width:166px}.footer-brand img{height:58px}
.hero-v4{padding-top:20px;padding-bottom:30px}.hero-v4 h1{font-size:clamp(42px,12vw,68px);line-height:1}.hero-v4-description{font-size:15px;line-height:1.5;margin-top:12px;margin-bottom:16px}
.hero-demo-stage{height:178px;aspect-ratio:auto;padding:7px 3px}.hero-nesting-svg{height:100%;width:100%;max-height:100%}
.hero-mobile-overview{display:block;background:#12171e;padding:2px 9px 5px}.hero-mobile-overview svg{display:block;width:100%;height:54px}
.hero-mobile-framing{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:0 10px;background:#12171e;color:#c7d1dc;font-size:10px;line-height:1.4;letter-spacing:.015em}
.hero-mobile-framing button{border:0;background:transparent;color:#e8f1fa;text-decoration:underline;text-underline-offset:3px;font-size:12px;min-height:34px;padding:4px 0;white-space:nowrap}
.hero-demo-toolbar{padding:7px 9px}.hero-demo-state{font-size:11px;letter-spacing:0}.hero-demo-state:before{display:none}.hero-view-controls button{font-size:13px;padding-inline:8px;min-height:34px}
.hero-sheet-readout{padding:8px 10px}.hero-sheet-readout>span{font-size:11px;max-width:13em}.hero-sheet-readout strong{font-size:15px}
.hero-result{padding:9px}.hero-savings-banner{padding:11px 13px;gap:11px}.savings-desktop-copy{display:none}.savings-mobile-copy{display:inline}.savings-sentence{font-size:12px;margin:0 0 5px;letter-spacing:.03em}
.hero-money{display:block}.hero-money>span{font-size:12px;line-height:1.4;margin-bottom:1px}.hero-money>strong{font-size:56px;line-height:1.02}.savings-check{align-self:center;width:29px;height:29px;flex-basis:29px}
.hero-supporting-results .hero-example-label{font-size:11px}.hero-supporting-results p{line-height:1.4}.hero-supporting-results>p:first-child>strong{font-size:12px}
.hero-conversion{margin-top:16px;gap:4px}.hero-conversion .secondary{justify-content:center;min-height:44px;font-size:13px}
body:has(.hero-v4){padding-bottom:77px}.hero-mobile-cta:not([hidden]){display:block;position:fixed;z-index:40;bottom:0;left:0;right:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:var(--canvas)}.hero-mobile-cta .button{width:100%;min-height:49px;font-size:13px}
}
@media(max-width:380px){.hero-v4{padding-inline:18px}.hero-v4 h1{font-size:12.3vw}.hero-demo-stage{height:160px}.hero-money>strong{font-size:50px}.hero-demo-state{font-size:10px}.hero-view-controls button{font-size:12px;padding-inline:6px}.hero-mobile-framing{font-size:9px}.hero-mobile-framing button{font-size:11px}.hero-supporting-results .hero-example-label{font-size:11px}.hero-sheet-readout>span{font-size:11px;max-width:10em}}
@media(forced-colors:active){.hero-demo-stage,.hero-mobile-overview,.hero-mobile-framing{background:Canvas;color:CanvasText}.hero-transfer[data-artwork=field-club] rect{fill:CanvasText}.hero-current-film{fill:Canvas;stroke:CanvasText}.hero-original-film,.hero-occupied-box,.hero-overview-window{stroke:CanvasText}.hero-mobile-framing button{color:LinkText}}
@media(max-width:760px){.preview-banner{font-size:11px;line-height:1.4;padding-block:5px}.preview-banner a{display:none}.announcement{min-height:28px;padding-block:4px;font-size:11px;line-height:20px}body:has(.hero-v4) .site-header{height:70px}.hero-demo-stage{height:156px}.hero-mobile-overview svg{height:42px}.hero-mobile-framing{padding-block:0}.hero-mobile-framing button{min-height:32px}.hero-demo-state{font-size:11px}.hero-v4-description{margin-bottom:13px}.hero-supporting-results .hero-example-label{font-size:12px}.hero-sheet-readout>span{font-size:12px}}
@media(max-width:380px){.hero-demo-stage{height:146px}.hero-savings-banner{padding-block:10px}.hero-demo-state{font-size:10px}.hero-sheet-readout>span{font-size:11px}.hero-supporting-results .hero-example-label{font-size:12px}}
