/* Wattklar storefront: shared multi-page navigation and editorial layouts. */
:root{--orange:#ffa51f;--soft:#f4f6f8}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}
.nav-shell{max-width:1320px;min-height:100px;padding:12px 40px;margin:auto;display:flex;align-items:center;gap:38px}
.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);flex-shrink:0}
.wordmark>span{font-size:30px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:#dd7b00}
.wordmark img{width:58px;height:58px;object-fit:contain}
.desktop-nav{margin-left:auto;display:flex;gap:32px;align-items:center}
.desktop-nav a{font-size:16px;font-weight:600;text-decoration:none;padding:12px 0;position:relative}
.desktop-nav a[aria-current=page]:after{content:"";position:absolute;height:3px;background:var(--orange);bottom:0;left:0;right:0}
.header-contact{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--soft);border-radius:5px;font-size:14px;text-decoration:none;font-weight:700}
.mobile-menu{display:none}.home-hero{min-height:590px;position:relative;color:white;display:flex;align-items:center;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,35,.85) 0%,rgba(7,20,35,.64) 35%,rgba(7,20,35,.06) 75%)}
.home-hero-copy{position:relative;width:100%;padding-top:65px;padding-bottom:70px}
.home-hero .eyebrow{color:#ffd091;font-size:13px}
.home-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-2.7px;max-width:650px;margin:0 0 26px}
.home-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:490px;color:#edf1f5;margin-bottom:28px}
.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-secondary{font-size:15px;color:#fff;text-decoration:underline}.hero-secondary:hover{color:#ffd091}
.illustration-note{position:absolute;bottom:12px;right:22px;font-size:12px;color:#fff;background:rgba(10,20,30,.6);padding:3px 8px;border-radius:3px}
.benefit-bar{background:var(--soft);border-bottom:1px solid var(--line)}.benefit-bar .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:22px;gap:25px}.benefit-bar span{font-size:14px;color:var(--muted)}.benefit-bar b{display:block;color:var(--navy);font-size:15px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.product-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 35px #10243d12;transform:translateY(-3px)}
.card-image{position:relative;display:block;background:#f0f3f6;aspect-ratio:1.2;overflow:hidden;text-decoration:none}.card-image img{width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:15px;left:15px;z-index:1;background:var(--navy);color:white;padding:6px 11px;font-size:12px;font-weight:700;border-radius:4px}.status-badge.neutral{background:#fff;color:var(--navy);border:1px solid #d6dce4}.upcoming-image img{filter:grayscale(.6);opacity:.65}.image-caption{position:absolute;bottom:12px;left:12px;right:12px;padding:5px 8px;background:#ffffffed;color:#364555;font-size:12px;text-align:center}
.card-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-kicker{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--blue);margin:0 0 9px}.card-body h3{font-size:23px;letter-spacing:-.6px;margin-bottom:12px}.card-body h3 a{text-decoration:none}.card-body>p:not(.card-kicker){font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 18px}.card-specs{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-bottom:21px}.card-specs span{font-size:12px;padding:4px 8px;border-radius:4px;background:var(--soft);color:#48596d}
.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:20px}.card-bottom strong{font-size:30px;line-height:1.2;letter-spacing:-1px;display:block}.card-bottom small{font-size:12px;color:var(--muted);display:block}.card-bottom .button{padding:10px 13px;min-height:44px;gap:10px}.coming-price{font-size:14px;line-height:1.4;color:var(--muted);max-width:100px}.catalog-note{font-size:12px;line-height:1.7;color:var(--muted);margin:22px 0 0}
.future-storage{background:var(--navy);color:#fff}.future-label{padding:77px 27px 20px;display:flex;flex-direction:column;gap:10px}.future-label>span{font-size:11px;letter-spacing:1.8px;color:#ccd6e4}.future-label strong{font-size:37px;letter-spacing:-1px;line-height:1.15;color:#ffbb58}.future-storage:hover{color:#fff}
.how-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin:30px 0 0}.how-grid li{border-top:2px solid var(--line);padding-top:25px}.step-index{font-size:38px;font-weight:700;letter-spacing:-1px;line-height:1;color:#a75c00;display:block;margin-bottom:25px}.how-grid h3{font-size:22px}.how-grid p{color:var(--muted);margin:0}
.savings-band{background:#f3f6f9;padding:72px 0}.savings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.savings-grid>div>p:not(.eyebrow){color:var(--muted);max-width:490px}.savings-grid h2{font-size:38px}.savings-panel{border:1px solid #d7dfe9;padding:34px;background:white;border-radius:10px}.savings-panel>p{font-size:11px!important;letter-spacing:1.3px;font-weight:700;color:var(--blue)!important;margin:0 0 20px}.savings-panel>strong{font-size:23px;line-height:1.3;display:block;letter-spacing:-.4px}.math-sign{display:block;font-size:23px;margin:8px 0;color:var(--muted)}.savings-result{border-top:1px solid var(--line);margin-top:23px;padding-top:20px;font-size:23px;font-weight:bold}.savings-result span{color:var(--blue);margin-right:10px}.savings-panel small{font-size:12px;line-height:1.6;display:block;margin-top:16px;color:var(--muted)}
.local-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.local-photo{border-radius:10px;overflow:hidden;background:var(--soft)}.local-photo img{width:100%;aspect-ratio:1.2;object-fit:cover}.local-photo>span{display:block;padding:14px 22px;font-size:14px}.local-story>div>p:not(.eyebrow){color:var(--muted)}.local-story .button{margin-top:12px}.footer-space{height:55px}
.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;padding-top:24px;padding-bottom:0;color:var(--muted)}.breadcrumbs a{text-decoration:none}.breadcrumbs [aria-current]{color:var(--navy)}
.collection-heading{padding-block:53px 60px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.collection-heading h1,.page-intro h1,.about-intro h1,.future-page h1{font-size:clamp(40px,4.5vw,62px);line-height:1.07;letter-spacing:-2px;margin:0 0 24px}.collection-heading p:last-child{max-width:610px;color:var(--muted);font-size:18px;margin-bottom:0}.collection-fact{border-left:1px solid var(--line);padding-left:45px;display:flex;flex-direction:column;gap:3px}.collection-fact strong{font-size:38px;line-height:1.2;letter-spacing:-1px}.collection-fact span{font-size:14px;color:var(--muted);margin-bottom:20px}.collection-fact span:last-child{margin:0}
.catalog-section{padding-bottom:20px}.catalog-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:23px;margin-bottom:25px}.catalog-heading h2{font-size:26px;letter-spacing:-.7px;margin:0}.catalog-heading>span{font-size:14px;color:var(--muted)}.advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.advice-grid article{padding:28px;background:var(--soft);border-radius:8px}.advice-grid article>span{display:block;font-size:12px;font-weight:bold;letter-spacing:1px;color:var(--blue);margin-bottom:22px}.advice-grid p{color:var(--muted);margin-bottom:0}
.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 65px;padding-block:55px 65px}.about-intro>.eyebrow{grid-column:1/-1}.about-intro em,.future-page em{color:var(--blue);font-style:normal}.about-intro h1{font-size:57px}.about-intro>div>p{color:var(--muted);margin-top:0}.large-copy{font-size:23px;line-height:1.5;color:var(--navy)!important}.about-image{display:grid;grid-template-columns:1.1fr .9fr;gap:0}.about-image img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.25;border-radius:9px 0 0 9px}.about-image>div{background:var(--navy);color:white;padding:48px;display:flex;flex-direction:column;justify-content:center;border-radius:0 9px 9px 0}.about-image .eyebrow{color:var(--orange)}.about-image p:last-child{color:#d6e0ea;margin-bottom:0}
.page-intro{padding-block:50px 42px;max-width:1232px}.page-intro>p:last-child{max-width:600px;font-size:18px;color:var(--muted)}.help-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.help-contacts>a{padding:28px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#fff}.help-contacts>a:hover{background:var(--soft);color:var(--navy)}.help-contacts>a>span{font-size:12px;letter-spacing:1px;color:var(--blue)}.help-contacts h2{font-size:25px;letter-spacing:-.5px;margin-top:24px}.help-contacts p{font-size:15px;color:var(--muted);overflow-wrap:anywhere}.help-contacts strong{font-size:14px}.location-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.location-section address{font-style:normal;margin-top:28px}.location-section>div>p{color:var(--muted);max-width:430px}.location-section .button{margin-top:13px}.hours-box{background:var(--soft);border-radius:10px;padding:32px}.hours-box h3{font-size:25px}.hours-box>p{font-size:14px;margin-top:0}.hours{display:block;margin:22px 0}.hours>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid var(--line);font-size:15px}.hours dt{color:var(--navy)}.hours dd{font-weight:600;text-align:right}.loading-note{border-top:1px solid var(--line);padding-top:22px}.loading-note p{font-size:14px;color:var(--muted);margin-bottom:0}.help-faq{padding-top:10px}
.future-page{padding-top:70px;padding-bottom:90px;min-height:55vh}.future-page>p{max-width:690px;color:var(--muted)}.future-actions{display:flex;gap:17px;margin-top:32px;flex-wrap:wrap}
.photo-frame img{object-fit:contain;aspect-ratio:4/3}.hero-visual{align-self:center}.hero h1{font-size:58px}.eyebrow{font-size:12px}.technical-body{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:1100px){.nav-shell{gap:22px;padding-inline:28px}.desktop-nav{gap:24px}.header-contact{display:none}.savings-grid{gap:40px}.product-grid{gap:17px}.card-body{padding:20px}.card-bottom{flex-wrap:wrap}.future-label strong{font-size:32px}.home-hero h1{font-size:58px}.about-intro h1{font-size:48px}.help-contacts>a{padding:22px}}
@media(max-width:760px){.nav-shell{min-height:88px;padding:10px 22px;gap:18px}.wordmark>span{font-size:29px}.wordmark img{width:58px;height:58px}.desktop-nav{gap:18px}.desktop-nav a{font-size:14px}.home-hero{min-height:600px}.home-hero h1{font-size:52px}.home-hero-copy{padding-block:55px 70px}.home-hero-copy>p:not(.eyebrow){max-width:420px;font-size:17px}.hero-backdrop{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#071423e6,#07142385 70%,#07142340)}.benefit-bar .wrap{grid-template-columns:1fr 1fr;gap:18px 24px}.product-grid{grid-template-columns:1fr 1fr}.how-grid{gap:22px}.how-grid h3{font-size:19px}.how-grid p{font-size:15px}.savings-grid{gap:28px}.savings-grid h2{font-size:30px}.savings-panel{padding:25px}.savings-panel>strong,.savings-result{font-size:20px}.local-story{gap:30px}.collection-heading{gap:30px}.collection-fact{padding-left:25px}.collection-heading h1{font-size:44px}.collection-heading p:last-child{font-size:16px}.advice-grid{gap:18px}.advice-grid article{padding:22px}.about-intro{gap:20px 32px}.about-intro h1{font-size:42px}.large-copy{font-size:20px}.about-image>div{padding:30px}.about-image h2{font-size:30px}.help-contacts{grid-template-columns:1fr}.help-contacts h2{margin-top:12px}.location-section{gap:32px}.hours-box{padding:24px}.hours>div{flex-direction:column;gap:3px}.hours dd{text-align:left}}
@media(max-width:580px){.announcement{font-size:11px}.announcement span{padding:0 4px}.nav-shell{min-height:92px;padding-block:12px}.wordmark{gap:12px}.wordmark>span{font-size:30px}.wordmark img{width:62px;height:62px}.desktop-nav{display:none}.mobile-menu{display:block;margin-left:auto}.mobile-menu>summary{font-size:17px;gap:12px;padding:15px 2px;min-height:54px}.mobile-menu>summary span{font-size:27px;color:var(--navy)}.mobile-menu[open]>summary span{transform:none}.mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 16px 24px #10243d1f;border-top:1px solid var(--line);display:flex;flex-direction:column;padding:10px 22px 24px}.mobile-menu nav a{padding:17px 0;text-decoration:none;font-size:17px;font-weight:600;border-bottom:1px solid var(--line)}
.home-hero{min-height:580px;align-items:flex-start}.home-hero-copy{padding-top:46px;padding-bottom:50px}.home-hero h1{font-size:43px;letter-spacing:-1.7px;max-width:380px}.home-hero .eyebrow{font-size:11px;letter-spacing:1.3px;max-width:280px}.home-hero-copy>p:not(.eyebrow){font-size:16px;max-width:330px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:15px;padding-inline:17px;gap:12px}.hero-backdrop{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#071423ed 0%,#071423b3 65%,#07142350)}.illustration-note{font-size:10px;right:15px}.benefit-bar b{font-size:14px}.benefit-bar span{font-size:12px}.section-head>.text-link{display:inline-block;margin-top:5px;margin-bottom:8px}.product-grid{grid-template-columns:1fr;gap:24px}.card-image{aspect-ratio:1.3}.card-body{padding:23px}.card-body h3{font-size:24px}.card-bottom{flex-wrap:nowrap}.future-label{padding-top:76px}.future-label strong{font-size:40px}.catalog-note{font-size:12px}.how-grid{grid-template-columns:1fr;gap:30px}.how-grid li{padding-top:20px}.step-index{font-size:31px;margin-bottom:17px}.how-grid h3{font-size:22px}.how-grid p{font-size:16px}.savings-band{padding-block:45px}.savings-grid{grid-template-columns:1fr;gap:24px}.savings-grid h2{font-size:31px}.savings-panel{padding:27px}.savings-panel>strong,.savings-result{font-size:23px}.local-story{grid-template-columns:1fr;gap:30px}.local-photo img{aspect-ratio:4/3}.footer-space{height:35px}.breadcrumbs{font-size:12px;gap:8px;padding-top:20px}.collection-heading{grid-template-columns:1fr;padding-block:34px 35px;gap:25px}.collection-heading h1{font-size:43px}.collection-fact{display:none}.catalog-heading{align-items:flex-start;flex-direction:column;gap:8px}.catalog-heading>span{font-size:13px}.advice-grid{grid-template-columns:1fr;gap:18px}.advice-grid article{padding:25px}.about-intro{grid-template-columns:1fr;padding-block:35px 40px;gap:10px}.about-intro>.eyebrow{grid-column:auto}.about-intro h1{font-size:44px}.about-image{grid-template-columns:1fr}.about-image img{border-radius:8px 8px 0 0;aspect-ratio:4/3}.about-image>div{border-radius:0 0 8px 8px;padding:30px}.page-intro{padding-top:35px;padding-bottom:25px}.page-intro h1{font-size:42px}.page-intro>p:last-child{font-size:17px}.location-section{grid-template-columns:1fr;gap:30px}.hours>div{flex-direction:row;font-size:14px;gap:10px}.hours dd{text-align:right}.help-faq{padding-top:10px}.future-page{padding-block:45px 60px}.future-page h1{font-size:41px}.future-actions{flex-direction:column}.future-actions .button{font-size:14px}.hero h1{font-size:46px}.footer{gap:23px}.footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover{transform:none}}

/* Refined header and uncropped product photography */
.nav-shell{max-width:1232px;min-height:112px}.wordmark img{width:72px;height:72px}.wordmark>span{font-size:34px}.product-card:not(.upcoming) .card-image{background:var(--soft);padding:54px 20px 18px}.product-card:not(.upcoming) .card-image img{object-fit:contain;border-radius:6px}.local-story{align-items:start}.local-photo{padding:18px 18px 0}.local-photo img{object-fit:contain;border-radius:6px}.about-image{align-items:stretch}.about-image img{object-fit:contain;background:var(--soft);padding:18px}.about-image>div{justify-content:flex-start;padding-top:48px}@media(max-width:580px){.nav-shell{min-height:98px}.wordmark img{width:68px;height:68px}.wordmark>span{font-size:32px}.product-card:not(.upcoming) .card-image{padding:58px 14px 14px}.about-image img{padding:12px}.footer-space{height:0}}

/* Education, authentic imagery and balanced about-page composition */
.product-card:not(.upcoming) .card-image{aspect-ratio:4/3;background:#fff;padding:0}.product-card:not(.upcoming) .card-image img{object-fit:cover;border-radius:0}.card-bottom small{margin-top:2px}.how-grid{grid-template-columns:repeat(4,1fr);gap:26px}.connection-flow{margin-top:52px;padding:26px;background:var(--navy);color:#fff;border-radius:10px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:18px;align-items:center}.connection-flow>div{min-width:0}.connection-flow span{display:block;color:var(--orange);font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:9px}.connection-flow strong{display:block;font-size:17px;line-height:1.3}.connection-flow small{display:block;color:#bdc9d7;font-size:12px;line-height:1.5;margin-top:6px}.connection-flow>b{color:var(--orange);font-size:22px}.solar-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.solar-facts article{border:1px solid var(--line);border-radius:8px;padding:25px;background:#fff}.solar-facts article>span{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--blue)}.solar-facts h3{font-size:20px;margin-top:15px}.solar-facts p{font-size:14px;color:var(--muted);margin-bottom:0}.legal-clarifier{font-size:12px;color:var(--muted);margin:18px 0 0}.local-photo{padding:0;background:#fff}.local-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:9px 9px 0 0}.about-intro>h1{grid-column:1;grid-row:2}.about-principles{grid-column:1;grid-row:3;align-self:end;border-top:1px solid var(--line)}.about-principles>div{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.about-principles span{font-size:12px;color:var(--blue);font-weight:700}.about-principles strong{font-size:16px}.about-intro>div:last-child{grid-column:2;grid-row:2/4}.about-image img{object-fit:cover;background:#fff;padding:0;aspect-ratio:1.35}.about-image>div{justify-content:center;padding-top:48px}
@media(max-width:900px){.how-grid{grid-template-columns:repeat(2,1fr)}.connection-flow{grid-template-columns:1fr auto 1fr;row-gap:24px}.connection-flow>b:nth-of-type(2){display:none}.solar-facts{grid-template-columns:1fr}.about-intro{grid-template-columns:1fr}.about-intro>.eyebrow,.about-intro>h1,.about-principles,.about-intro>div:last-child{grid-column:1;grid-row:auto}.about-principles{margin-bottom:24px}}
@media(max-width:580px){.how-grid{grid-template-columns:1fr}.connection-flow{grid-template-columns:1fr}.connection-flow>b{transform:rotate(90deg);justify-self:start}.connection-flow>b:nth-of-type(2){display:block}.product-card:not(.upcoming) .card-image{padding:0}.about-image img{padding:0;aspect-ratio:4/3}.announcement{line-height:1.45}}

/* Exact card alignment and transparent example economics */
.product-grid{align-items:stretch}.product-card .card-image{aspect-ratio:4/3}.future-label{height:100%;padding-top:54px}.product-card .card-body{display:grid;grid-template-rows:auto auto minmax(50px,auto) auto auto;align-content:stretch}.product-card .card-body>p:not(.card-kicker){margin-bottom:18px}.product-card .card-specs{margin-top:0;align-self:end}.payback-teaser{font-size:13px!important;font-weight:700;color:var(--blue)!important;margin-top:-7px!important}.connection-flow span{display:none}.payback-result{margin-top:22px;padding:18px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:3px 18px;align-items:end}.payback-result>span{font-size:13px;color:var(--muted)}.payback-result>strong{font-size:30px;color:var(--blue);line-height:1}.payback-result>small{grid-column:1/-1;margin:0;color:var(--muted)}.payback-range{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.payback-range span{background:var(--soft);padding:10px 8px;border-radius:5px;font-size:12px;line-height:1.35}.payback-range b{display:block;color:var(--navy);margin-bottom:4px}.hero-payback{display:flex;gap:14px;align-items:center;border-left:3px solid var(--orange);padding:10px 0 10px 15px;margin:-5px 0 20px;max-width:500px}.hero-payback strong{font-size:19px;line-height:1.2;white-space:nowrap}.hero-payback span{font-size:12px;line-height:1.45;color:var(--muted)}.about-intro{grid-template-rows:auto 1fr}.about-lead{grid-column:1;grid-row:2;display:flex;flex-direction:column}.about-lead h1{margin-bottom:28px}.about-principles{margin-top:auto;border-top:1px solid var(--line)}.about-copy{grid-column:2;grid-row:2}.about-principles>div{padding:11px 0}.about-intro>h1,.about-intro>div:last-child{grid-column:auto;grid-row:auto}
@media(max-width:900px){.about-lead,.about-copy{grid-column:1;grid-row:auto}.about-principles{margin-top:8px}.product-card .card-body{display:flex}.product-card .card-specs{margin-top:auto}}
@media(max-width:580px){.payback-range{grid-template-columns:1fr}.hero-payback{align-items:flex-start;flex-direction:column}.hero-payback strong{white-space:normal}.product-card .card-image{aspect-ratio:4/3}.future-label{padding-top:54px}}
.product-card .card-body{display:flex;flex-direction:column}.product-card .card-specs{margin-top:auto;align-self:stretch}
.about-intro>.about-lead{grid-column:1;grid-row:2}.about-intro>.about-copy{grid-column:2;grid-row:2}
@media(max-width:900px){.about-intro>.about-lead,.about-intro>.about-copy{grid-column:1;grid-row:auto}}

/* Final row alignment, practical setup steps and compact economics */
.product-card .card-body{display:grid;grid-template-rows:auto auto minmax(54px,auto) minmax(42px,auto) auto auto}.product-card .card-specs{margin-top:0;align-self:end}.payback-teaser.muted{color:var(--muted)!important;font-weight:600}.how-grid h3{font-size:20px;white-space:nowrap}.system-features{margin-top:48px;background:var(--navy);color:#fff;border-radius:10px;padding:24px 28px;display:grid;grid-template-columns:repeat(4,1fr)}.system-features>div{padding:0 22px;border-left:1px solid #42536a}.system-features>div:first-child{border-left:0;padding-left:0}.system-features strong{display:block;font-size:22px;color:var(--orange);line-height:1.2}.system-features small{display:block;color:#c6d1dd;margin-top:7px}.savings-panel{padding:28px}.savings-panel>strong{font-size:21px}.payback-result{padding:14px 0;margin-top:16px}.payback-result>strong{font-size:28px}.about-intro{grid-template-rows:auto auto auto;gap:20px 65px}.about-intro>.about-lead{grid-column:1;grid-row:2}.about-intro>.about-copy{grid-column:2;grid-row:2}.about-intro>.about-principles{grid-column:1/-1;grid-row:3;margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-intro>.about-principles>div{display:block;padding:25px 24px;border-bottom:0;border-left:1px solid var(--line)}.about-intro>.about-principles>div:first-child{border-left:0;padding-left:0}.about-intro>.about-principles span{display:block;margin-bottom:12px}.about-intro>.about-principles strong{font-size:19px;line-height:1.35;display:block}.about-lead h1{margin-bottom:0}
@media(max-width:1000px){.how-grid h3{white-space:normal}.system-features{grid-template-columns:repeat(2,1fr);gap:22px}.system-features>div:nth-child(3){border-left:0;padding-left:0}.about-intro>.about-principles{grid-template-columns:repeat(2,1fr)}.about-intro>.about-principles>div:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--line)}.about-intro>.about-principles>div:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:900px){.product-card .card-body{display:flex}.product-card .card-specs{margin-top:auto}.about-intro>.about-lead,.about-intro>.about-copy,.about-intro>.about-principles{grid-column:1;grid-row:auto}}
@media(max-width:580px){.system-features{grid-template-columns:1fr}.system-features>div{border-left:0;border-top:1px solid #42536a;padding:18px 0}.system-features>div:first-child{border-top:0;padding-top:0}.system-features>div:nth-child(3){padding-top:18px}.about-intro>.about-principles{grid-template-columns:1fr}.about-intro>.about-principles>div{border-left:0;border-top:1px solid var(--line);padding:20px 0}.about-intro>.about-principles>div:first-child{border-top:0}.about-intro>.about-principles>div:nth-child(3){padding-left:0}.savings-panel{padding:24px}}
@media(min-width:581px) and (max-width:900px){.product-card .card-body{display:grid;grid-template-rows:auto auto minmax(54px,auto) minmax(42px,auto) auto auto}.product-card .card-specs{margin-top:0}}
@media(max-width:580px){.product-card .card-body{display:flex}.product-card .card-specs{margin-top:auto}}
.about-intro>div.about-principles{grid-column:1/-1;grid-row:3}
@media(max-width:900px){.about-intro>div.about-principles{grid-column:1;grid-row:auto}}

/* Clear terminology, exact card rows and restored two-column storytelling */
.yield-explainer{font-size:14px!important;line-height:1.6;color:var(--muted);max-width:540px}.yield-explainer strong{color:var(--navy)}
.product-card .card-body{grid-template-rows:auto auto 66px 45px 55px auto}
.product-card .card-body>p:not(.card-kicker):not(.payback-teaser){min-height:66px}.product-card .payback-teaser{min-height:45px;margin-top:0!important}.product-card .card-specs{min-height:55px;align-content:start;padding-bottom:18px}
.local-photo{padding:18px 18px 0;background:var(--soft);border:1px solid var(--line)}.local-photo img{aspect-ratio:4/3;object-fit:contain;border-radius:6px}.local-photo>span{padding:15px 4px 17px}
.about-intro{grid-template-rows:auto auto}.about-intro>.about-lead{grid-column:1;grid-row:2;display:flex;flex-direction:column}.about-intro>.about-copy{grid-column:2;grid-row:2}.about-lead .about-principles{margin-top:auto;border-top:1px solid var(--line);border-bottom:0;display:block}.about-lead .about-principles>div{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);border-left:0}.about-lead .about-principles span{display:block;margin:2px 0 0;color:var(--blue);font-size:12px;font-weight:700}.about-lead .about-principles strong{display:block;font-size:16px;line-height:1.4}
@media(max-width:900px){.product-card .card-body{display:flex}.product-card .card-body>p:not(.card-kicker):not(.payback-teaser),.product-card .payback-teaser,.product-card .card-specs{min-height:0}.about-intro>.about-lead,.about-intro>.about-copy{grid-column:1;grid-row:auto}.about-lead .about-principles{margin-top:28px}.local-photo{padding:14px 14px 0}}

/* Final storefront hierarchy and responsive polish */
.announcement{display:flex;justify-content:center;align-items:center;gap:5px}.announcement strong{font-weight:700}.nav-shell{min-height:88px}.wordmark{gap:0}.wordmark>span{font-size:38px;letter-spacing:-1.8px}.wordmark img{display:none}.home-product-focus{grid-template-columns:1fr}.home-product-focus .product-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)}.home-product-focus .card-image{height:100%;aspect-ratio:auto}.home-product-focus .card-body{padding:34px 36px}.home-product-focus .card-body h3{font-size:30px}.home-product-focus .card-body>p:not(.card-kicker){font-size:16px}.specs{grid-template-columns:repeat(5,1fr)}.specs>div{padding-inline:22px}.about-lead .about-principles>div{display:block;padding:12px 0}.about-lead .about-principles span{display:block;margin:0 0 3px}.about-lead .about-principles strong{padding:0}.about-contact{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff;border-radius:10px;overflow:hidden}.about-contact-intro{padding:48px}.about-contact .eyebrow{color:var(--orange)}.about-contact-intro p:last-child{color:#d6e0ea;margin-bottom:0;max-width:470px}.about-contact address{font-style:normal;padding:48px;border-left:1px solid #33475e;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.about-contact address>span{font-size:11px;letter-spacing:1.4px;color:var(--orange);font-weight:700;margin-bottom:14px}.about-contact address strong{font-size:24px}.about-contact address p{color:#d6e0ea;margin:3px 0 18px}.about-contact address a{color:#fff;font-size:17px;margin:2px 0}.about-contact address small{color:#aebdcd;margin-top:18px}
@media(max-width:1000px){.home-product-focus .product-card{grid-template-columns:1fr 1fr}.home-product-focus .card-body{padding:26px}.specs{grid-template-columns:repeat(3,1fr);row-gap:24px}.specs>div:nth-child(4){padding-left:0;border-left:0}.about-contact-intro,.about-contact address{padding:36px}}
@media(max-width:760px){.announcement{font-size:12px;gap:2px}.announcement span{padding-inline:4px}.nav-shell{min-height:82px}.wordmark>span{font-size:34px}.home-product-focus .product-card{display:flex}.home-product-focus .card-image{aspect-ratio:4/3}.home-product-focus .card-body{padding:23px}.home-product-focus .card-body h3{font-size:25px}.about-contact{grid-template-columns:1fr}.about-contact address{border-left:0;border-top:1px solid #33475e}.about-lead .about-principles{margin-bottom:28px}}
@media(max-width:580px){.announcement{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:11px;line-height:1.25;padding:9px 8px}.announcement span{display:none}.announcement strong{text-align:center}.nav-shell{min-height:76px}.wordmark>span{font-size:32px}.specs{grid-template-columns:1fr 1fr}.specs>div{padding-left:18px}.specs>div:nth-child(3),.specs>div:nth-child(5){padding-left:0;border-left:0}.specs>div:nth-child(4){padding-left:18px;border-left:1px solid var(--line)}.about-contact-intro,.about-contact address{padding:28px 24px}.about-contact address strong{font-size:21px}}
.home-product-focus .card-body{display:flex}.home-product-focus .card-specs{margin-top:auto;min-height:0}.home-product-focus .payback-teaser{min-height:0}

/* Product galleries and concise, customer-facing purchase benefits */
.card-gallery{position:relative}.card-gallery>a{display:block;width:100%;height:100%}.card-gallery .gallery-main{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;top:50%;translate:0 -50%;z-index:2;width:44px;height:44px;border:1px solid #d8dee6;border-radius:50%;background:#fffffff2;color:var(--navy);font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #10243d1c}.gallery-arrow:hover{background:#fff}.gallery-arrow.previous{left:14px}.gallery-arrow.next{right:14px}.gallery-count{position:absolute;right:14px;bottom:14px;z-index:2;padding:6px 9px;border-radius:20px;background:#10243de8;color:#fff;font-size:12px;font-weight:700}.card-benefits{list-style:none;padding:15px 0 17px;margin:0 0 18px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}.card-benefits li{position:relative;padding-left:21px;min-width:0}.card-benefits li:before{content:"✓";position:absolute;left:0;top:0;color:#e38b00;font-weight:900}.card-benefits strong,.card-benefits span{display:block}.card-benefits strong{font-size:13px;line-height:1.35}.card-benefits span{font-size:11px;line-height:1.45;color:var(--muted);margin-top:2px}.product-card:not(.upcoming) .card-body{grid-template-rows:auto auto auto auto auto auto auto}.product-card:not(.upcoming) .card-body>p:not(.card-kicker):not(.payback-teaser){min-height:0}.product-card:not(.upcoming) .payback-teaser{min-height:0}.product-card:not(.upcoming) .card-specs{min-height:0}
.product-gallery{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:9px}.gallery-stage{display:block;width:100%;border:0;padding:0;background:#fff;cursor:zoom-in}.product-gallery .gallery-main{display:block;width:100%;aspect-ratio:4/3;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:10px}.gallery-thumbs button{min-width:0;aspect-ratio:1;border:2px solid transparent;border-radius:5px;background:var(--soft);padding:2px;cursor:pointer;overflow:hidden}.gallery-thumbs button.active{border-color:var(--blue)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:2px}.product-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;margin-bottom:10px;border-block:1px solid var(--line)}.product-promises article{display:grid;grid-template-columns:25px 1fr;gap:10px;padding:23px 20px;border-left:1px solid var(--line)}.product-promises article:first-child{border-left:0;padding-left:0}.product-promises article>span{color:#e38b00;font-weight:900;font-size:20px}.product-promises strong,.product-promises small{display:block}.product-promises strong{font-size:15px;line-height:1.35}.product-promises small{font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px}.gallery-lightbox{width:min(1120px,94vw);height:min(860px,92vh);padding:55px 70px 45px;border:0;border-radius:10px;background:#fff}.gallery-lightbox::backdrop{background:#071423d9}.gallery-lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-close,.lightbox-arrow{position:absolute;border:0;background:#10243deb;color:#fff;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:30px;cursor:pointer}.lightbox-close{right:14px;top:14px}.lightbox-arrow{top:50%;translate:0 -50%}.lightbox-arrow.previous{left:14px}.lightbox-arrow.next{right:14px}.lightbox-count{position:absolute;bottom:13px;left:50%;translate:-50% 0;font-size:13px;font-weight:700;color:var(--navy)}
@media(max-width:900px){.card-benefits{grid-template-columns:1fr}.product-promises{grid-template-columns:1fr 1fr}.product-promises article:nth-child(3){border-left:0}.product-promises article:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:580px){.gallery-arrow{width:46px;height:46px}.gallery-arrow.previous{left:10px}.gallery-arrow.next{right:10px}.gallery-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.gallery-thumbs button{flex:0 0 64px;scroll-snap-align:start}.product-promises{grid-template-columns:1fr;margin-top:24px}.product-promises article,.product-promises article:first-child{border-left:0;border-top:1px solid var(--line);padding:18px 0}.product-promises article:first-child{border-top:0}.gallery-lightbox{width:96vw;height:88vh;padding:58px 10px 52px}.lightbox-arrow{width:44px;height:44px}.lightbox-arrow.previous{left:8px}.lightbox-arrow.next{right:8px}.card-benefits{grid-template-columns:1fr 1fr;gap:12px}.visual-caption{font-size:10px}}
.product-card:not(.upcoming) .card-body{display:flex;flex-direction:column}.product-card:not(.upcoming) .card-specs{margin-top:auto}

/* Corrected product presentation: contained imagery and non-overlapping card columns */
.home-product-focus .product-card{grid-template-columns:minmax(0,52%) minmax(0,48%)}
.home-product-focus .card-image,.home-product-focus .card-body{min-width:0}
.home-product-focus .card-image{background:#fff}
.home-product-focus .card-image img,.card-gallery .gallery-main{object-fit:contain;background:#fff}
.home-product-focus .card-body{overflow:hidden}
.gallery-thumbs{grid-template-columns:repeat(5,1fr)}
.card-specs{align-items:flex-start}
@media(max-width:760px){.home-product-focus .product-card{display:flex}.home-product-focus .card-image{aspect-ratio:4/3}}