/* Selected design: configurator-first, paired light/dark themes. */
:root{--ink:#101725;--muted:#65788d;--blue:#0878ed;--blue-dark:#0063ca;--paper:#fff;--pale:#f6f8fa;--line:#e5eaf0;--dark:#111921;--field:#fff;--card:#f6f8fa;--focus:#0a72e2;--radius:5px;color-scheme:light}
:root[data-theme=dark]{--ink:#f2f5f9;--muted:#aab6c4;--blue:#08a0f3;--blue-dark:#007ece;--paper:#10171d;--pale:#181f27;--line:#2d3743;--dark:#0b1118;--field:#1b2530;--card:#1a232c;--focus:#78c9ff;color-scheme:dark}
body{background:var(--paper);color:var(--ink);transition:background-color .2s,color .2s}h1,h2,h3{font-weight:500}p{color:inherit}.wrap{width:min(1360px,calc(100% - 84px))}.header{background:var(--paper);border-color:var(--line)}.header-inner{min-height:100px}.header-phone{font-size:15px;color:var(--ink)}.header nav{gap:32px}.header nav a{color:var(--ink)}.theme-toggle{height:44px;width:56px;border-radius:25px;display:grid;place-items:center;border:1px solid #9aadc0;background:transparent;flex-shrink:0}.theme-toggle img{width:22px;height:22px;object-fit:contain}.theme-toggle .moon-icon{display:none}.theme-toggle .sun-icon{filter:invert(39%) sepia(85%) saturate(1900%) hue-rotate(190deg)}[data-theme=dark] .theme-toggle .moon-icon{display:block;filter:invert(87%) sepia(20%) saturate(1000%) hue-rotate(168deg)}[data-theme=dark] .theme-toggle .sun-icon{display:none}.brand img{width:88px;height:48px}.brand{font-size:1.04rem}.button{background:var(--blue);border-radius:5px;gap:22px}.button:hover{background:var(--blue-dark)}.button-outline{background:transparent;border-color:var(--line);color:var(--ink)}.button-outline:hover{background:var(--pale);color:var(--ink)}.button-light{background:#ecf4fc;color:#101725}.inline-icon{display:inline-block;width:20px;height:20px;object-fit:contain;vertical-align:middle}.button-icon{filter:brightness(0) invert(1);object-fit:contain}.text-link{color:var(--blue);border-color:var(--line)}.text-link .inline-icon{filter:invert(39%) sepia(85%) saturate(1900%) hue-rotate(190deg)}.eyebrow{font-size:12px;letter-spacing:.18em}.product-hero{padding-top:43px}.product-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-start}.product-heading .eyebrow{display:flex;align-items:center;gap:16px;color:var(--blue);font-size:11px;margin-bottom:21px}.product-heading .eyebrow:before{content:'';width:26px;height:1px;background:var(--blue)}.product-heading h1{font-size:clamp(2.5rem,3.7vw,3.65rem);font-weight:500;letter-spacing:-.06em;line-height:1.05;margin:0 0 19px}.product-heading .intro{font-size:17px;line-height:1.55;margin:0;max-width:710px;letter-spacing:.005em}.heading-aside{border-left:1px solid var(--line);padding-left:23px;font-size:17px;line-height:1.4;color:var(--muted);margin:32px 30px 0 0;min-width:175px}.heading-aside:after{content:'';display:block;width:32px;height:1px;background:var(--muted);margin-top:22px}.project-steps{display:flex;gap:17px;align-items:center;margin:30px 0 18px}.project-steps a{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.project-steps a span{background:var(--pale);border:1px solid var(--line);border-radius:50%;height:33px;width:33px;display:grid;place-items:center;color:var(--ink);font-size:12px;transition:background .2s}.project-steps a[aria-current]{color:var(--ink)}.project-steps a[aria-current] span{background:var(--blue);color:white;border-color:var(--blue)}.project-steps i{width:29px;height:1px;background:var(--line)}.project-workspace{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr);gap:24px}.scene{position:relative;overflow:hidden;border-radius:4px;min-height:590px;background:var(--pale)}.scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .18s}.scene>img.changing{opacity:.25}.scene-caption{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;padding:23px 26px;gap:15px;color:white;background:#08111cb3;backdrop-filter:blur(4px)}.scene-caption strong{font-size:17px;line-height:1.35;font-weight:500}.scene-caption>div>span{display:block;font-size:12px;color:#e0e5eb;margin-top:7px}.scene-dots{display:flex;gap:9px;margin-top:13px}.scene-dots button{width:9px;height:9px;border:0;padding:0;border-radius:50%;background:#acb5bf;box-shadow:0 0 0 4px transparent}.scene-dots button[aria-pressed=true]{background-color:#10a5ff}.scene-arrows{display:flex;gap:14px}.scene-arrows button{border:1px solid #fff8;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:transparent}.scene-arrows img{filter:brightness(0) invert(1)}.scene-arrows button:hover{background:#ffffff24}.project-panel{background:var(--card);border-radius:4px;padding:25px 28px;display:flex;flex-direction:column;justify-content:flex-start}.project-panel h2{font-size:29px;letter-spacing:-.055em;line-height:1.1;margin:0 0 21px}.space-selector{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:5px;margin-bottom:24px;padding:2px;gap:2px}.space-selector button{flex:1;padding:12px 6px;min-height:42px;border:0;background:transparent;border-radius:4px;font-size:13px;color:var(--ink);transition:background .2s,color .2s}.space-selector button[aria-pressed=true]{color:white;background:var(--blue)}.project-area{display:flex;justify-content:space-between;gap:10px;align-items:center}.project-area label{font-size:14px}.project-area>div{display:flex;align-items:center;gap:4px}.project-area input:not([type=range]){width:65px;min-height:40px;text-align:right;padding:6px 5px;background:transparent;border:1px solid transparent;font-size:20px;letter-spacing:-.03em;font-weight:500}.project-area input:hover{border-color:var(--line)}.project-area>div>span{font-size:20px;font-weight:500}.project-panel input[type=range]{margin:18px 0 8px}.project-panel .range-labels{margin:0 0 22px;font-size:12px}.solution-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:15px}.solution-row label{font-size:14px}.solution-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:25px;border:1px solid var(--line);border-radius:20px;background:#8293a3;position:relative;cursor:pointer;margin:0;transition:background .2s}.solution-row input:before{content:'';position:absolute;width:19px;height:19px;top:2px;left:2px;background:white;border-radius:50%;transition:transform .2s}.solution-row input:checked{background:var(--blue);border-color:var(--blue)}.solution-row input:checked:before{transform:translateX(19px)}.solution-row input:disabled{opacity:.5;cursor:not-allowed}#solution-help{font-size:12px;line-height:1.45;margin:9px 0 18px;min-height:18px}.project-estimate{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.project-estimate>span{font-size:13px}.project-estimate output{font-size:39px;font-weight:600;line-height:1.15;letter-spacing:-.06em;margin:9px 0 7px}.project-estimate #calc-formula{font-size:12px;margin:0 0 12px}.estimate-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 20px}.project-estimate .button{width:100%;font-size:14px;min-height:51px}.project-proof{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-top:32px;padding:34px 0 45px;border-top:1px solid var(--line)}.project-proof .eyebrow{font-size:10px;color:var(--muted);margin-bottom:20px}.project-proof h2{font-size:34px;letter-spacing:-.06em;line-height:1.1;margin-bottom:35px}.proof-cards{grid-template-columns:1fr 1fr;gap:25px}.proof-cards .card-photo img{height:230px}.proof-cards .photo-label{display:none}.proof-cards .project-card>p{font-size:12px;margin:10px 0 5px}.proof-cards .project-card h3{font-size:16px;font-weight:500;margin:0}.trust-strip{color:var(--muted)}.request-section,.technology-section{background:var(--dark);color:#fff}.form-panel{background:var(--paper);color:var(--ink)}input:not([type=checkbox]):not([type=range]),select,textarea{background:var(--field);color:var(--ink);border-color:var(--line)}input::placeholder,textarea::placeholder{color:var(--muted)}.projects-section,.calc-result,.address-card,.callout{background:var(--pale)}.project-card>p,.steps p,.material-grid p,.intro,.section-description,.card-bottom p,.footer-top p,.footer-bottom,.faq-list details p,.case-bottom p{color:var(--muted)}.brand img{object-fit:contain}.photo-label,.image-index,.case-photo span{background:var(--paper);color:var(--ink)}.case-photo{background:var(--pale)}.mobile-bar{background:var(--paper)}.header nav{background:var(--paper)}.menu-toggle span{background:var(--ink)}.case-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.case-gallery button{border:0;padding:0;background:var(--pale);overflow:hidden;border-radius:4px}.case-gallery img{height:240px;width:100%;object-fit:cover;transition:transform .25s}.case-gallery button:hover img{transform:scale(1.04)}.form-status.success{color:#20844e}[data-theme=dark] .form-status.success{color:#73d49c}[data-theme=dark] .form-status.error{color:#ff9696}[data-theme=dark] .skip{background:var(--paper)}.theme-toggle:hover{background:var(--pale)}.theme-toggle:focus-visible{outline:3px solid var(--focus)}.revealed-section{animation:soft-enter .5s ease both}@keyframes soft-enter{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.scene{min-height:615px}.project-workspace{grid-template-columns:1.95fr 1fr}}
@media(max-width:1200px){.wrap{width:calc(100% - 60px)}.header nav{gap:24px}.header-phone{display:block;font-size:13px}.header-inner{gap:20px}.brand img{width:73px}.project-heading h1{font-size:43px}.heading-aside{font-size:15px;margin-right:0;min-width:135px}.project-workspace{grid-template-columns:minmax(0,1.6fr) minmax(315px,1fr);gap:20px}.project-panel{padding:24px}.scene{min-height:555px}.project-proof{gap:35px}.project-proof h2{font-size:31px}.proof-cards .card-photo img{height:195px}}
@media(max-width:950px){.header-phone{display:none}.header-inner{min-height:84px}.project-heading h1{font-size:38px}.project-heading .intro{font-size:16px}.heading-aside{display:none}.project-workspace{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:16px}.project-panel{padding:22px}.project-panel h2{font-size:27px}.scene{min-height:550px}.project-estimate output{font-size:34px}.scene-caption{padding:20px}.scene-arrows{gap:8px}.scene-arrows button{width:34px;height:34px}.scene-caption strong{font-size:15px}.project-proof{grid-template-columns:.85fr 1.5fr;gap:25px}.project-proof h2{font-size:27px}.proof-cards{gap:18px}.proof-cards .card-photo img{height:165px}.case-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:78px;gap:13px}.brand{font-size:.91rem;gap:9px;margin-right:auto}.brand img{width:68px;height:43px}.theme-toggle{height:38px;width:45px}.theme-toggle img{height:20px;width:20px}.menu-toggle{padding:6px}.header nav{gap:0}.product-hero{padding-top:28px}.product-heading .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:20px}.product-heading h1{font-size:clamp(29px,7.8vw,42px);letter-spacing:-.055em;line-height:1.08;margin-bottom:18px}.product-heading .intro{font-size:15px;line-height:1.5}.desktop-break{display:none}.project-steps{gap:7px;margin:24px 0 16px;justify-content:space-between}.project-steps a{font-size:11px;gap:6px}.project-steps a span{width:26px;height:26px;font-size:10px}.project-steps i{width:13px}.project-workspace{grid-template-columns:1fr;gap:16px}.scene{min-height:310px}.scene>img{object-position:50% 60%}.scene-caption{padding:15px 18px}.scene-caption strong{font-size:14px}.scene-caption>div>span{font-size:10px}.scene-dots{margin-top:11px}.project-panel{padding:24px}.project-panel h2{font-size:28px}.space-selector{margin-bottom:24px}.space-selector button{font-size:13px}.project-area label{font-size:14px}.project-area input:not([type=range]){font-size:20px}.project-panel .range-labels{margin-bottom:12px}.project-estimate output{font-size:38px}.solution-row{padding-top:12px}.project-proof{grid-template-columns:1fr;gap:27px;margin-top:27px;padding-top:27px}.project-proof h2{font-size:31px;margin-bottom:20px}.project-proof h2 br{display:none}.project-proof h2{max-width:310px}.proof-cards{gap:14px;grid-template-columns:1fr 1fr}.proof-cards .card-photo img{height:160px}.proof-cards .project-card h3{font-size:14px;line-height:1.3}.proof-cards .project-card>p{font-size:10px}.proof-cards .project-card h3 span{display:none}.project-proof .eyebrow{margin-bottom:15px}.scene-arrows button{width:35px;height:35px}.scene-arrows{gap:10px}.case-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.case-gallery img{height:180px}.form-panel{border:1px solid var(--line)}.project-steps a:focus-visible{outline-offset:2px}}
@media(prefers-reduced-motion:reduce){body,.scene>img,.space-selector button,.project-steps a span{transition:none}.revealed-section{animation:none}}
@media(min-width:681px) and (max-width:950px){.wrap{width:calc(100% - 46px)}.header-inner{min-height:72px;gap:15px}.brand{font-size:13px;gap:8px}.brand img{width:65px;height:38px}.header nav{gap:21px;font-size:11px}.theme-toggle{height:35px;width:43px}.header-phone{display:block;font-size:11px}.product-hero{padding-top:26px}.product-heading .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:17px}.product-heading h1{font-size:41px;line-height:1.04;margin-bottom:14px}.product-heading .intro{font-size:15px;line-height:1.4}.project-steps{margin:19px 0 12px;gap:14px}.project-steps a{font-size:11px;gap:10px}.project-steps a span{width:29px;height:29px;font-size:11px}.project-workspace{grid-template-columns:minmax(0,1.95fr) minmax(240px,1fr);gap:16px}.scene{min-height:415px}.project-panel{padding:17px}.project-panel h2{font-size:24px;margin-bottom:15px}.space-selector{margin-bottom:18px}.space-selector button{font-size:10px;min-height:31px;padding:8px 4px}.project-area label{font-size:12px}.project-area input:not([type=range]){font-size:18px;width:50px;min-height:28px;padding:2px}.project-area>div>span{font-size:18px}.project-panel input[type=range]{margin:12px 0 3px}.project-panel .range-labels{font-size:9px;margin-bottom:16px}.solution-row{padding-top:8px}.solution-row label{font-size:12px}.solution-row input[type=checkbox]{transform:scale(.85);transform-origin:right center}#solution-help{font-size:10px;line-height:1.3;margin:5px 0 12px;min-height:13px}.project-estimate{padding-top:12px}.project-estimate>span{font-size:11px}.project-estimate output{font-size:30px;margin:5px 0}.project-estimate #calc-formula{font-size:10px;margin-bottom:8px}.estimate-note{font-size:10px;line-height:1.35;margin-bottom:12px}.project-estimate .button{font-size:12px;min-height:42px;padding:10px 12px}.scene-caption{padding:17px 18px;background:#08111c80}.scene-caption strong{font-size:13px}.scene-caption>div>span{font-size:10px;margin-top:4px}.scene-dots{gap:7px;margin-top:9px}.scene-dots button{width:8px;height:8px}.scene-arrows button{width:33px;height:33px}.project-proof{grid-template-columns:1fr 2fr;gap:30px;margin-top:21px;padding-top:21px}.project-proof .eyebrow{font-size:9px;margin-bottom:15px}.project-proof h2{font-size:28px;margin-bottom:25px}.proof-cards .card-photo img{height:137px}.proof-cards .project-card h3{font-size:12px}.proof-cards .project-card>p{font-size:10px}.project-proof .text-link{font-size:12px}}
.scene-caption{background:linear-gradient(transparent,#08111c94);backdrop-filter:none;padding-top:45px}.scene-caption strong{display:block;line-height:1.35}
@media(min-width:681px) and (max-width:950px){.product-heading{position:relative}.heading-aside{display:block;position:absolute;right:0;top:23px;margin:0;min-width:0;padding-left:14px;font-size:13px}.heading-aside:after{margin-top:18px}.project-heading .intro{font-size:14px;line-height:1.25}.project-heading h1{margin-bottom:11px}.project-panel h2{margin-bottom:12px}.space-selector{margin-bottom:12px}.space-selector button{padding-top:5px;padding-bottom:5px}.project-panel .range-labels{margin-bottom:8px}.solution-row{padding-top:2px}#solution-help{margin-bottom:8px}.project-estimate{padding-top:9px}.project-estimate .estimate-note{margin:6px 0 10px}.project-estimate #calc-formula{margin-bottom:4px}.scene{min-height:415px}.scene-caption{padding-top:35px}.project-estimate output{line-height:1.1}.project-estimate .button{min-height:40px}}
@media(min-width:681px) and (max-width:760px){.header-phone{display:none}.heading-aside{display:none}}

.scene-dots button{box-sizing:border-box;width:24px;height:24px;padding:8px;background-clip:content-box;flex-shrink:0}.scene-dots{gap:0;margin-left:-8px}
@media(max-width:680px){.scene-arrows button{width:44px;height:44px}.space-selector button{min-height:44px}}
