@import url("brand-system.css?v=20261024");
/* 2026-10-24: calm retail structure, original AC green-to-blue signature. */
:root{--retail-blue:#007eae;--retail-navy:#173342;--retail-border:#dae4e9;--retail-radius:12px}
html{scroll-padding-top:110px}
body{font-size:16px}
[hidden]{display:none!important}
.utility-bar{background:#eff6f8;color:#334f5e;font-size:12px}
.utility-bar .shell{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:20px}
.utility-bar a{display:inline-flex;gap:8px;align-items:center}
.utility-bar a:hover{text-decoration:underline;text-underline-offset:4px}
.preview-label{padding-block:4px;font-size:10px}
.header-inner{min-height:86px;gap:25px}.desktop-nav{gap:25px;font-size:14px}
.button{border-radius:7px;min-height:48px;font-size:14px;padding:13px 22px;gap:22px}
.button:hover{box-shadow:0 6px 16px #227da51b}
.hero.shell{width:min(1384px,calc(100% - 48px));max-width:1384px;margin:24px auto 0;display:block;position:relative;isolation:isolate;overflow:hidden;border-radius:var(--retail-radius);background:#eaf3f5;min-height:540px}
.hero-copy{position:relative;z-index:3;padding:64px 50px;max-width:59%;min-height:540px;justify-content:center;background:linear-gradient(90deg,#f6fafb 5%,#f6fafbef 73%,#f6fafb00 100%)}
.hero h1{font-weight:520;line-height:1.06;font-size:clamp(42px,4.9vw,68px);letter-spacing:-.05em;margin-bottom:24px}
.hero h1 span{background:none;color:#20516a}
.hero .eyebrow{font-size:11px;margin-bottom:20px;letter-spacing:.1em}
.hero .lead{font-size:16px;line-height:1.75;max-width:410px}
.hero-actions{gap:20px;margin-top:25px;flex-wrap:wrap}
.hero-note{margin-top:22px;font-size:12px;max-width:350px;color:#4f6673}
.hero-scene{position:absolute;z-index:1;inset:0;margin:0;height:100%;border-radius:0}
.hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.hero-scene figcaption{left:auto;width:300px;bottom:22px;right:22px;border-radius:8px;padding:13px 16px}
.promise-strip{font-size:12px;padding-block:22px;border-bottom:1px solid #e2eaee;margin-bottom:0;gap:18px}
.promise-strip span::before{font-weight:700}
.quick-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-block:30px 42px}
.quick-routes>a{border:1px solid var(--retail-border);border-radius:8px;padding:20px 22px;display:flex;align-items:center;gap:17px;background:#fff;box-shadow:0 4px 16px #153a4c06;transition:border-color .2s,box-shadow .2s}
.quick-routes>a:hover{border-color:#69bdc8;box-shadow:0 6px 20px #153a4c0c}
.route-symbol{font-size:22px;font-weight:450;color:var(--retail-blue);line-height:1;min-width:30px}
.quick-routes strong{font-size:17px;font-weight:600;display:block;line-height:1.3;letter-spacing:-.02em}
.quick-routes small{display:block;font-size:12px;color:#617580;line-height:1.5;margin-top:5px}
.quick-routes b{font-size:20px;font-weight:400;margin-left:auto;color:var(--retail-blue)}
.section-nav{display:none}
h2,.section-heading h2{font-size:clamp(30px,3.5vw,45px);font-weight:530;line-height:1.12;letter-spacing:-.04em}
.product-story{background:#f5f8fa;padding:60px 0}
.section-heading{margin-bottom:30px;gap:35px}
.section-heading .eyebrow{font-size:10px;margin-bottom:12px}
.section-heading>p{font-size:14px;line-height:1.75}
.catalog-controls{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}
.catalog-filters{display:flex;gap:7px;flex-wrap:wrap}
.catalog-filters button{background:#fff;border:1px solid #d5e1e7;color:#405a68;font-size:13px;padding:10px 17px;min-height:44px;border-radius:6px;cursor:pointer}
.catalog-filters button[aria-pressed=true]{border-color:#9bbfa9;background:var(--brand-soft);color:#203c48}
.catalog-count{font-size:12px;color:#596f7d;margin-right:auto}
.compare-button{border:1px solid #9fb6c2;background:#fff;color:#173f55;border-radius:6px;padding:10px 16px;min-height:44px;cursor:pointer;font-size:13px}
.compare-button:disabled{opacity:.55;cursor:default}
.retail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.retail-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #dce6eb;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 5px 15px #153a4c04}
.card-tag{display:inline-flex;align-self:start;margin:20px 22px 0;background:#edf6fa;color:#2e5e74;border-radius:4px;font-size:10px;padding:4px 8px;font-weight:600;letter-spacing:.04em}
.retail-card>img{width:100%;height:185px;object-fit:contain;margin:2px 0 0;padding:0 9px}
.retail-card-body{padding:0 23px 22px;display:flex;flex:1;flex-direction:column}
.retail-card h3{font-size:26px;font-weight:550;letter-spacing:-.03em}
.card-code{font-size:11px;color:#627b88;margin-top:6px;letter-spacing:.03em}
.retail-card p.card-desc{font-size:14px;line-height:1.65;color:#4e6875;margin:14px 0 15px;min-height:47px}
.card-points{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:7px;font-size:12px;color:#415c69}
.card-points li::before{content:"✓";color:#277b6c;margin-right:8px}
.card-actions{margin-top:auto;display:grid;gap:12px}
.card-actions>.button{width:100%;background:#edf6fa;border-color:#c9e0eb;color:#155774;min-height:44px}
.card-actions>.button:hover{background:var(--brand-soft)}
.card-actions>a:not(.button){font-size:12px;text-align:center;text-decoration:underline;text-underline-offset:4px;min-height:30px}
.card-compare{display:flex;align-items:center;gap:10px;border-top:1px solid #e5ecef;font-size:12px;min-height:46px;margin-top:18px;color:#526c7a;cursor:pointer}
.card-compare input{width:18px;height:18px;accent-color:#1689a2;margin:0}
.catalog-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}
.catalog-bottom p{max-width:670px;font-size:12px;color:#607580}
.compare-hint{font-size:12px;color:#526c7a;margin-top:12px}
.compare-panel{background:#fff;border:1px solid #bfd9e0;border-radius:10px;margin-top:25px;padding:25px;scroll-margin-top:110px}
.compare-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.compare-panel h3{font-size:23px;font-weight:500}
.compare-panel button{border:1px solid #c7d8df;background:white;min-height:44px;border-radius:5px;padding:8px 14px;cursor:pointer}
.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.comparison-grid article{border:1px solid #e0eaee;border-radius:7px;padding:18px}
.comparison-grid img{width:100%;height:130px;object-fit:contain}
.comparison-grid h3{font-size:22px;margin:5px 0 16px}
.comparison-grid p{font-size:13px;color:#536e7a;line-height:1.6;margin-bottom:8px}
.comparison-grid a{font-size:13px;color:#006b93;text-decoration:underline;display:inline-block;margin-top:12px;min-height:40px}
.product-closeup{margin-top:26px;border-top:1px solid #d6e2e8;padding-top:20px}
.product-closeup>summary{font-size:14px;min-height:44px;color:#294f65}
.model-explorer{margin-top:20px}
.room-story{padding-block:65px}.room-copy h2{font-weight:530;font-size:clamp(30px,3.4vw,45px)}
.interior{height:480px}.room-copy>p:not(.eyebrow){font-size:15px}.room-option{padding-block:16px}
.installation{padding-block:60px;background:linear-gradient(110deg,#e9f7dd 0%,#def4ec 50%,#dcf2fc 100%)}
.install-detail h3{font-weight:500;font-size:28px}
.quote-section{padding-block:65px;gap:80px}
.trust-section{padding-block:60px;background:#f5f8fa}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.trust-grid article{background:#fff;border:1px solid #dae5eb;border-radius:9px;padding:26px;display:flex;flex-direction:column}
.trust-grid .trust-label{font-size:11px;letter-spacing:.08em;color:#388193;margin-bottom:16px;font-weight:600}
.trust-grid h3{font-size:23px;font-weight:550;line-height:1.15}
.trust-grid p{font-size:14px;color:#566f7c;line-height:1.7;margin:16px 0 22px}
.trust-grid a{margin-top:auto;font-size:13px;color:#155975;text-decoration:underline;text-underline-offset:4px;min-height:36px}
.service-section{padding-block:60px;background:white}
.service-links>a{background:#f5f9fb;border:1px solid #dce6eb;border-radius:8px;padding:23px 18px}
.service-links h3{font-size:19px;font-weight:550}
.faq-section{padding-block:65px}
.closing{background:linear-gradient(110deg,#b2ed7b 0%,#a5e4d6 54%,#84d4f6 100%);padding-block:60px}
.closing h2{font-weight:500;font-size:clamp(34px,4vw,52px)}
.closing-contact{font-size:14px}
footer{background:#edf4f7}.footer-columns a{font-size:13px}.footer-columns h3{font-size:14px}
.utility-contact{display:inline-flex;gap:10px}
@media(max-width:1050px){.desktop-nav{gap:18px;font-size:12px}.header-inner{gap:20px}.hero-copy{padding:50px 32px;max-width:65%}.hero h1{font-size:54px}.hero-scene figcaption{width:250px;right:18px}.hero .lead{max-width:350px;font-size:15px}.retail-grid{gap:15px}.retail-card-body{padding:0 17px 18px}.retail-card>img{height:160px}.card-tag{margin-left:17px}.card-actions>.button{font-size:12px;padding-inline:13px;gap:12px}.quick-routes>a{padding:17px}.quick-routes strong{font-size:16px}}
@media(max-width:760px){.utility-bar .shell{min-height:32px;font-size:11px}.utility-contact{display:none}.header-inner{min-height:73px}.site-header .nav-cta{font-size:11px;padding:10px 12px;min-height:42px;gap:10px}.hero.shell{width:calc(100% - 28px);margin-top:15px;min-height:0;display:flex;flex-direction:column;border-radius:10px;background:#edf5f8}.hero-copy{padding:32px 22px 28px;max-width:none;min-height:0;background:linear-gradient(120deg,#f2f9ec,#ebf6fc)}.hero h1{font-size:43px;margin-bottom:19px;line-height:1.08}.hero .eyebrow{font-size:9px;margin-bottom:18px}.hero .lead{font-size:15px;line-height:1.7;max-width:none}.hero-actions{gap:17px;margin-top:23px}.hero-actions>.button{padding:12px 17px;min-height:46px;font-size:13px;gap:16px}.hero-actions>.text-link{font-size:12px}.hero-note{font-size:11px;margin-top:20px}.hero-scene{position:relative;inset:auto;min-height:260px;height:260px;width:100%}.hero-scene>img{object-position:center 8%}.hero-scene figcaption{width:auto;left:14px;right:14px;bottom:14px;padding:11px 14px}.promise-strip{font-size:10px;gap:12px 16px;padding-block:20px}.quick-routes{grid-template-columns:1fr;gap:10px;padding-block:24px 30px}.quick-routes>a{min-height:78px;padding:15px 18px}.quick-routes strong{font-size:17px}.quick-routes small{font-size:12px;margin-top:3px}.quick-routes .route-symbol{font-size:24px;min-width:30px}.product-story{padding-block:40px}.section-heading h2,h2{font-size:34px}.section-heading>p{font-size:14px;margin-top:17px}.catalog-controls{gap:14px;margin-bottom:18px}.catalog-filters{width:100%;gap:6px}.catalog-filters button{font-size:12px;padding:9px 13px}.catalog-count{font-size:11px}.compare-button{font-size:12px;padding:9px 12px}.retail-grid{grid-template-columns:1fr;gap:18px}.retail-card>img{height:180px;padding:0 18px}.retail-card-body{padding:0 23px 18px}.card-tag{margin:19px 23px 0}.retail-card h3{font-size:28px}.retail-card p.card-desc{min-height:0;font-size:14px}.card-points{font-size:13px}.card-actions>.button{font-size:14px;padding:12px 18px;min-height:46px}.card-actions>a:not(.button){font-size:13px;min-height:36px}.catalog-bottom{display:block}.catalog-bottom p{font-size:11px;margin-bottom:18px}.catalog-bottom a{font-size:13px}.compare-panel{padding:18px}.compare-panel-head h3{font-size:21px}.comparison-grid{grid-template-columns:1fr}.comparison-grid article{padding:18px}.product-stage{height:240px}.room-story{padding-block:45px}.interior{height:350px}.room-copy h2{font-size:34px}.installation,.quote-section,.service-section,.faq-section,.trust-section{padding-block:45px}.install-detail h3{font-size:26px}.quote-section{gap:30px}.trust-grid{grid-template-columns:1fr;gap:16px}.trust-grid article{padding:24px}.trust-grid p{margin:13px 0 18px}.service-links{gap:12px}.service-links>a{padding:22px 18px}.faq-section h2{font-size:34px}.closing{padding-block:45px}.closing h2{font-size:38px}.closing-contact{font-size:13px}.footer-columns a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.quick-routes>a{transition:none}}

/* Mario's Spaceship reference: layered green/blue light, no repeating linear stripes. */
:root{--brand-gradient:linear-gradient(110deg,#95ed52 0%,#5ed3ab 48%,#38b6ec 100%);--brand-soft:radial-gradient(ellipse at 12% 65%,#c7f2b56b,transparent 61%),radial-gradient(ellipse at 88% 30%,#9cdcf660,transparent 65%),#f3f9fa}
.preview-label{background:#f0f7f7;color:#48616c}
.hero.shell{box-shadow:0 0 0 1px #dde8eb,0 12px 40px #18475a08}
.hero-copy{background:radial-gradient(ellipse at -5% 90%,#bfeaa469,transparent 65%),linear-gradient(90deg,#f4f9fb 12%,#f4f9fbf5 72%,#f4f9fb00)}
.model-explorer{background:radial-gradient(ellipse at 13% 80%,#b6edb36b,transparent 60%),radial-gradient(ellipse at 87% 15%,#88d2f061,transparent 66%),#f3f8fa}
.installation{position:relative;isolation:isolate;background:radial-gradient(ellipse at 4% 38%,#9ee59465,transparent 56%),radial-gradient(ellipse at 96% 74%,#6dc8ef59,transparent 59%),#f0f7f8}
.closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 2% 65%,#267565 0%,#26756500 58%),radial-gradient(ellipse at 99% 30%,#126484 0%,#12648400 62%),#142c35;color:#fff}
.closing::after{content:"";position:absolute;z-index:-1;inset:-50% 4% -80% 40%;background:radial-gradient(ellipse,#3fbc9959,transparent 62%);pointer-events:none}
.closing .eyebrow{color:#abe9d5}.closing h2{color:#fff}.closing-contact{color:#d1e9f0}.closing .button{background:var(--brand-gradient);color:#152c35;border-color:#8edcc4}
footer{background:#f1f6f8}
.form-page .form-masthead h1 span{background:none}
@media(max-width:760px){.hero-copy{background:radial-gradient(ellipse at 0 65%,#d0f2ba7d,transparent 70%),radial-gradient(ellipse at 100% 0,#a6dff671,transparent 70%),#f3f9fb}}

/* Frame the original transparent product canvases without editing their pixels. */
.retail-card>img{object-fit:cover;object-position:center}.comparison-grid img{height:180px;object-fit:cover;object-position:center}

/* Apply the shared logo-green / neutral-gray system throughout all loaded routes. */
body{color:var(--ac-ink);background:var(--ac-surface)}
.utility-bar{background:var(--ac-dark);color:#e2e6e8}
.preview-label{background:var(--ac-paper);color:var(--ac-muted)}
.site-header{background:#fffffff7}
.site-header::after{height:2px;background:var(--brand-gradient)}
.button,.button:hover{background:var(--ac-green);color:#1c2a20;border-color:#6cb93c}
.button:hover{box-shadow:0 4px 16px #5c9e3528}
.hero-copy,.hero.shell{background:var(--ac-paper)}
.hero-copy{background:radial-gradient(ellipse at -5% 100%,#b4d7a64a,transparent 65%),linear-gradient(90deg,#f3f4f4 12%,#f3f4f4f2 72%,#f3f4f400)}
.hero h1 span{color:var(--ac-ink)}
.hero .eyebrow,.hero-note,.card-code,.catalog-count,.compare-hint,.catalog-bottom p{color:var(--ac-muted)}
.product-story,.service-section,.trust-section,footer{background:var(--ac-paper)}
.retail-card{border-color:var(--ac-border)}
.retail-card h3,.retail-card p.card-desc,.card-points,.card-compare{color:var(--ac-ink)}
.card-tag{background:#edf3e9;color:#496b37}
.catalog-filters button[aria-pressed=true]{background:#e5f0de;border-color:#a6c98d;color:#29401f}
.card-actions>.button{background:var(--ac-paper);border-color:#d5dedd;color:var(--ac-ink)}
.card-actions>.button:hover{background:#e6efdf;border-color:#b3cb9e}
.route-symbol,.quick-routes b,.comparison-grid a,.trust-grid a,.model-compare a{color:var(--ac-link)}
.model-explorer,.installation{background:var(--ac-glow-light)}
.trust-section{background:var(--ac-dark);color:#f4f6f6}
.trust-section .section-heading>p{color:#c4cbcf}
.trust-grid article{background:#303436;border-color:#454c50;color:#fff}
.trust-grid .trust-label{color:#a9d788}.trust-grid p{color:#d0d5d8}.trust-grid a{color:#9edaf3}
.service-links>a{background:#fff;border-color:var(--ac-border)}
.closing{background:var(--ac-glow-dark);color:#fff}
.closing::after{background:radial-gradient(ellipse,#81b7842b,transparent 62%)}
.closing .eyebrow{color:#c7e4b3}.closing-contact{color:#dce6ec}
.closing .button,.closing .button:hover{background:var(--ac-green);border-color:#6cb93c;color:#1c2a20}
.form-page{background:var(--ac-paper)}
.form-page .card{border-color:var(--ac-border)}
.form-page .step[aria-current=step]{background:#e5f0de;border-color:#b9d2a4}
.form-page .step[aria-current=step] .num{background:var(--ac-green);color:#1c2a20}
.form-page .form-masthead h1{color:var(--ac-ink)}
@media(max-width:760px){.hero-copy{background:var(--ac-glow-light)}}


/* V2 revision 2026-10-24: clear product photo; brand glow in the top bars. */
.preview-label,.utility-bar{background:var(--ac-glow-dark);color:#edf3f4}
.utility-bar a:hover{color:#fff}
.hero.shell{display:grid;grid-template-columns:44% 56%;align-items:stretch}
.hero-copy{max-width:none;min-width:0;min-height:540px;padding:52px 40px;background:var(--ac-paper)}
.hero-scene{position:relative;inset:auto;height:100%;min-height:540px;width:100%;z-index:1}
.hero-scene>img{object-position:52% top;opacity:1;filter:none}
@media(max-width:1050px) and (min-width:961px){
 .hero-copy{padding:40px 28px}.hero h1{font-size:48px}
}
@media(max-width:960px){
 .hero.shell{grid-template-columns:1fr}
 .hero-copy{min-height:0;padding:38px 30px;background:var(--ac-paper)}
 .hero-scene{height:380px;min-height:0}
}
@media(max-width:760px){
 .hero.shell{display:flex}
 .hero-copy{padding:32px 22px 28px}
 .hero-scene{height:280px;min-height:280px}
}