body{--bg:#f4efe7;--ink:#322c27;--accent:#8a5142;--display:'cormorant-garamond';--sans:'manrope'}.brand-dot{color:var(--accent);margin-left:5px}.b2b-hero{padding-top:54px}.b2b-hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:5vw;align-items:center}.b2b-hero h1{font-size:clamp(72px,8.1vw,125px);line-height:.95;letter-spacing:-.045em}.b2b-hero h1 em{font-weight:400}.b2b-hero .hero-copy>p{max-width:480px;font-size:15px;line-height:1.9}.b2b-hero .hero-copy .hero-fine{font-size:11px;margin-top:25px;max-width:420px}.b2b-visual{height:650px;position:relative;margin-left:20px}.b2b-visual>figure{height:100%;border-radius:230px 230px 3px 3px;overflow:hidden}.b2b-visual img{object-position:40% center}.floating-note{position:absolute;bottom:38px;left:-60px;background:var(--bg);padding:28px 32px 28px 28px;box-shadow:0 12px 40px #322c2712;max-width:310px}.floating-note span{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.floating-note b{display:block;font:29px/1.1 var(--display);margin-top:14px}.floating-note i{position:absolute;right:20px;top:20px;color:var(--accent);font-size:24px}.vertical-caption{position:absolute;right:-25px;top:110px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em}.hero-numbers{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;border-block:1px solid #322c2735;padding:30px 0;margin-top:55px;gap:35px}.hero-numbers>div{display:flex;gap:20px;align-items:center}.hero-numbers b{font:58px/1 var(--display);font-weight:400;color:var(--accent)}.hero-numbers span{font-size:11px;line-height:1.7}.hero-numbers>a{font-size:11px;text-align:right;align-self:center;text-decoration:none}.flagship{padding-bottom:70px}.flagship-title,.flagship-footer{display:flex;justify-content:space-between;gap:30px;align-items:center}.flagship-title .eyebrow{margin:0}.flagship-title{margin-bottom:25px}.flagship-preview{display:grid;grid-template-columns:1.1fr .9fr;background:#ebe4d7;border:1px solid #322c2722;min-height:560px;overflow:hidden}.flagship-copy{padding:65px 30px 60px 65px;align-self:center}.flagship-copy h2{font-size:60px}.flagship-copy p{font-size:13px;margin:24px 0 30px;max-width:370px}.flagship-preview figure{height:100%;min-height:560px;max-height:620px}.flagship-preview img{object-position:40% center}.flagship-footer{font-size:10px;padding-top:20px}.roles{background:#322c27;color:#f4efe7}.role-layout{display:grid;grid-template-columns:.65fr 1.6fr;gap:10vw}.role-nav{display:grid;align-self:start}.role-nav button{background:transparent;color:inherit;padding:18px 0;border:0;border-bottom:1px solid #f4efe733;text-align:left;display:flex;justify-content:space-between;font-size:15px;opacity:.55}.role-nav button[aria-selected=true]{opacity:1}.role-nav button span{display:none}.role-nav button[aria-selected=true] span{display:block}.role-copy{margin-top:30px;font-size:15px;max-width:600px}.role-metric{font-size:11px;color:#d1b4a1;margin-top:28px}.role-line{display:flex;align-items:center;gap:20px;font-size:10px;margin-top:40px;text-transform:uppercase;letter-spacing:.1em}.role-line i{height:1px;background:#f4efe766;flex:1}.system-diagram{border:1px solid #322c2730}.visible-layer{padding:38px 42px;background:#e9e4da}.visible-layer>div{display:flex;justify-content:space-between;gap:24px;font:30px var(--display)}.system-divider{position:relative;display:flex;align-items:center;justify-content:center;padding:13px;background:var(--bg);font-size:10px;letter-spacing:.14em;text-transform:uppercase;border-block:1px solid #322c2730}.invisible-layer{padding:38px 42px;background:#e0e2d9}.invisible-layer>div{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.invisible-layer details{border-top:1px solid #322c2730}.invisible-layer summary{font-size:14px}.invisible-layer details p{font-size:13px}.leaks{background:#e9e1d6}.leak-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #322c2740}.leak-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:22px 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:inherit;text-align:left;font-size:13px}.leak-tabs small{font-size:10px;opacity:.5}.leak-tabs button[aria-selected=true]{border-color:var(--accent);background:#f4efe766}.leak-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:8vw;padding-top:45px}.leak-panel h3{font-family:var(--display);font-size:38px}.leak-panel p{font-size:14px}.leak-measure{margin-top:25px;color:var(--accent);font-size:12px!important}.showroom-grid{display:grid;grid-template-columns:330px 1fr;gap:38px}.concept-nav button{display:flex;gap:16px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid #322c2730;color:inherit;background:transparent;padding:20px 10px;font-size:12px;min-height:80px}.concept-nav button small{font-size:10px;opacity:.55}.concept-nav button em{display:block;color:inherit;opacity:.6;font-size:10px;line-height:1.5;font-style:normal;margin-top:5px}.concept-nav button b{font-size:20px;font-weight:400;margin-left:auto}.concept-nav button[aria-selected=true]{background:#e7dfd3;border-left:2px solid var(--accent)}.concept-screen{background:#eee7db;border:1px solid #322c2720;min-height:365px;padding:25px 28px 0;overflow:hidden}.concept-screen>span{font-size:12px;letter-spacing:.13em;border-bottom:1px solid #322c2730;padding-bottom:14px;display:block}.concept-screen>div{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;margin-top:20px}.concept-screen h3{font-family:var(--display);font-size:42px;line-height:1.08}.concept-screen img{height:275px;border-radius:120px 120px 0 0}.concept-description{padding:28px 0 0}.concept-description .eyebrow{font-size:10px;margin-bottom:13px}.concept-description h3{font-size:22px;max-width:550px}.concept-description p{font-size:13px;margin-top:14px}.concept-description .fine{font-size:11px;color:var(--accent)}.concept-description .actions{margin-top:24px}.showroom-note{margin-top:35px;max-width:800px}.economics{background:#e3e6dd}.economic-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.economic-grid .field{margin:10px 0}.model-notice{font-size:11px;border-left:2px solid var(--accent);padding:0 0 0 16px;margin-bottom:25px;max-width:480px}.economic-result{background:#f5f0e7;padding:38px;align-self:start;position:sticky;top:30px}.economic-result>strong{font:68px/1 var(--display);display:block;letter-spacing:-.03em;margin:35px 0 12px}.econ-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #322c2730;padding:20px 0;font-size:12px}.econ-line b{font-size:19px;font-weight:400}.economic-result>p{margin-bottom:28px}.economic-result summary{font-size:12px}.economic-result details p{font-size:12px}.capacity-band{margin-top:70px;padding-top:40px;border-top:1px solid #322c2730;display:grid;grid-template-columns:1fr 1.2fr .5fr;gap:40px;align-items:center}.capacity-band h3{font:33px var(--display);line-height:1.1}.capacity-band .fine{margin-top:20px}.capacity-band .field{font-size:11px}.capacity-band .hours{text-align:right}.hours strong{font:65px var(--display);display:block;color:var(--accent)}.hours span{font-size:10px}.package-list{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #322c2730}.package-list article{padding:35px 24px 35px 0;display:flex;flex-direction:column;border-right:1px solid #322c2730}.package-list article:not(:first-child){padding-left:25px}.package-list article:last-child{border:0}.package-list .eyebrow{font-size:10px}.package-list h3{font:35px/1.1 var(--display)}.package-list p{font-size:12px;margin:25px 0;flex:1}.package-list a{font-size:11px;color:var(--accent)}.cost-rule{display:flex;justify-content:space-between;gap:30px;padding:25px 0;font-size:10px;border-bottom:1px solid #322c2730}.configurator{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;margin-top:80px;padding-top:30px;scroll-margin-top:60px}.configurator h3{font-family:var(--display);font-size:34px}.configurator p{font-size:12px;margin-top:20px}.config-output{background:#e9e1d5;padding:27px}.config-output .eyebrow{font-size:9px;margin-bottom:18px}.config-output h3{font-family:'manrope';font-size:21px}.config-output .fine{font-size:10px}.audit{background:#322c27;color:#f4efe7}.audit em{color:#c9987f}.audit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw}.audit-grid>div>p{margin-top:27px;font-size:14px}.audit-grid .fine{font-size:11px;opacity:.75}.audit-list{padding:0;margin:35px 0;list-style:none;counter-reset:a}.audit-list li{counter-increment:a;border-bottom:1px solid #f4efe730;padding:17px 0;font-size:13px}.audit-list li:before{content:'0' counter(a);margin-right:20px;color:#c9987f;font-size:11px}.audit .btn{background:#f4efe7;color:#322c27;border-color:#f4efe7}.audit .btn.alt{background:transparent;color:#f4efe7}.audit input,.audit select{border-color:#f4efe760}.audit option{background:#322c27;color:#f4efe7}.audit .result{border-color:#c9987f;background:#f4efe710}.process-rows{margin-top:45px}.b2b-closing{background:#e9e1d5}.b2b-closing h2{font-size:clamp(58px,6.5vw,100px)}.b2b-closing .eyebrow{max-width:550px;line-height:1.8}.btn{border-radius:2px}.b2b-closing .btn{min-width:240px}.system .section-intro,.showroom .section-intro{max-width:900px}@media(max-width:1050px){.showroom-grid{grid-template-columns:260px 1fr;gap:25px}.concept-screen h3{font-size:34px}.economic-grid{gap:35px}.economic-result{padding:26px}.economic-result>strong{font-size:58px}.configurator{gap:25px}.b2b-hero .actions .btn{padding:14px 19px;gap:18px}.b2b-visual{height:580px}.flagship-copy{padding:45px}.flagship-copy h2{font-size:50px}}@media(max-width:700px){.b2b-hero{padding-top:38px}.b2b-hero-grid{grid-template-columns:1fr;gap:38px}.b2b-hero h1{font-size:76px}.b2b-hero .hero-copy>p{font-size:14px}.b2b-visual{height:470px;margin-left:25px}.b2b-visual>figure{border-radius:160px 160px 0 0}.floating-note{left:-25px;bottom:25px;padding:23px;max-width:240px}.floating-note b{font-size:26px}.floating-note span{font-size:8px}.vertical-caption{right:-20px}.hero-numbers{grid-template-columns:1fr 1fr;gap:27px 15px;margin-top:35px}.hero-numbers b{font-size:50px}.hero-numbers span{font-size:9px}.hero-numbers>div{gap:14px}.hero-numbers>a{text-align:left;font-size:10px}.flagship-title{display:block}.flagship-title>.fine{display:block;margin-top:12px}.flagship-preview{grid-template-columns:1fr}.flagship-copy{padding:32px 25px}.flagship-copy h2{font-size:43px}.flagship-preview figure{min-height:0;height:340px;max-height:none}.flagship-preview img{object-position:40% 38%}.flagship-footer{display:block;font-size:10px}.flagship-footer a{display:inline-block;margin-top:15px}.role-layout{grid-template-columns:1fr;gap:38px}.role-nav{grid-template-columns:1fr 1fr;gap:0 20px}.role-nav button{font-size:12px}.role-line{font-size:8px;gap:12px}.role-copy{font-size:14px}.visible-layer,.invisible-layer{padding:25px}.visible-layer>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:25px}.system-divider{font-size:8px}.invisible-layer>div{grid-template-columns:1fr}.leak-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.leak-tabs button{font-size:9px;padding:16px 5px;overflow-wrap:anywhere}.leak-tabs small{font-size:9px}.leak-panel{grid-template-columns:1fr;gap:25px;padding-top:30px}.leak-panel h3{font-size:33px}.showroom-grid{grid-template-columns:1fr}.concept-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.concept-nav button{min-height:70px;padding:12px 7px;gap:8px;font-size:9px}.concept-nav button em{display:none}.concept-nav button small{font-size:8px}.concept-nav button b{font-size:14px}.concept-screen{min-height:290px;padding:20px 18px 0}.concept-screen>span{font-size:10px}.concept-screen>div{gap:12px}.concept-screen h3{font-size:29px}.concept-screen img{height:220px}.concept-description h3{font-size:20px}.economic-grid{grid-template-columns:1fr;gap:35px}.economic-result{position:static;padding:28px}.economic-result>strong{font-size:59px}.economic-grid .two-col{grid-template-columns:1fr 1fr;gap:15px}.economic-grid .field{font-size:10px}.economic-grid .field input{padding:10px;min-width:0}.capacity-band{grid-template-columns:1fr;gap:22px;margin-top:45px}.capacity-band .two-col{grid-template-columns:1fr 1fr}.capacity-band .hours{text-align:left;display:flex;gap:24px;align-items:center}.package-list{grid-template-columns:1fr 1fr}.package-list article{padding:25px 18px 25px 0}.package-list article:nth-child(even){padding-left:18px;border-right:0}.package-list article:nth-child(3){padding-left:0}.package-list article:nth-child(-n+2){border-bottom:1px solid #322c2730}.package-list h3{font-size:29px}.package-list .eyebrow{font-size:8px}.package-list p{font-size:11px;margin:18px 0}.cost-rule{display:grid;gap:14px}.configurator{grid-template-columns:1fr;gap:22px;margin-top:45px}.audit-grid{grid-template-columns:1fr;gap:50px}.audit .two-col{grid-template-columns:1fr}.b2b-closing h2{font-size:55px}.b2b-closing .eyebrow{font-size:9px}.leaks .section-intro p{font-size:14px}.concept-description .actions .btn{width:100%}}
@media(min-width:701px) and (max-width:950px){.package-list{grid-template-columns:1fr 1fr}.package-list article{padding:30px}.package-list article:nth-child(even){border-right:0}.package-list article:nth-child(-n+2){border-bottom:1px solid #322c2730}.configurator{grid-template-columns:1fr 1fr}.config-output{grid-column:1/-1}.economic-result>strong{font-size:48px}.b2b-hero h1{font-size:80px}.b2b-visual{height:580px}.showroom-grid{grid-template-columns:230px 1fr}}

.concept-screen img{object-position:center 24%}

/* Verified narrow-screen fixes and real product previews, 2026-10-10. */
.concept-screen>div{display:block}.concept-screen h3{font-size:24px;margin-bottom:20px}.actual-preview{position:relative;padding-bottom:30px}.actual-preview #concept-image{width:100%;height:auto;border-radius:8px;display:block}.actual-preview #concept-phone{position:absolute;right:8px;bottom:0;width:22%;height:auto;border:5px solid white;border-radius:18px;box-shadow:0 10px 30px #0003}.concept-screen{padding-bottom:15px}.concept-nav button span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.vertical-caption{right:6px}.concept-nav button{font-size:12px}.concept-nav button em{display:block;font-size:11px}.concept-screen h3{font-size:20px}.concept-screen{min-height:0}.concept-screen img{height:auto}.package-list p{font-size:15px}.package-list a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}}
@media(max-width:380px){.visible-layer>div{grid-template-columns:minmax(0,1fr);gap:12px}.package-list{grid-template-columns:minmax(0,1fr)}.package-list article{min-width:0;border-right:0!important;padding:25px 0!important}.package-list article+article{border-top:1px solid #322c2730}}