/* Bold Display 2026 display-first visual system */
:root{
  --midnight:#0a1024;
  --cobalt:#1746ff;
  --orange:#ff5a1f;
  --orange-ink:#c33b08;
  --porcelain:#f8f8f5;
  --soft:#eef0f4;
  --graphite:#303544;
  --muted:#677083;
  --border:#dde1e8;
}
html,body{overflow-x:hidden}
body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;background:var(--porcelain)}
h1,h2,h3,h4{font-family:"Arial Black","Helvetica Neue",Helvetica,Arial,sans-serif}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.btn-orange{background:var(--orange);color:var(--midnight)}
.btn-orange:hover{background:#e44912;transform:translateY(-2px)}
.btn-outline,.btn-outline-light{border:1px solid currentColor;background:transparent}
.btn-outline-light{color:#fff}
.btn-outline-light:hover{background:#fff;color:var(--midnight)}
.site-header{background:rgba(248,248,245,.96);backdrop-filter:blur(18px)}
.site-nav>a,.nav-group>a{font-size:10px;letter-spacing:.02em}
.site-nav>a:hover,.nav-group>a:hover{color:var(--orange)}
.header-quote{background:var(--midnight);color:#fff}
.header-quote:hover{background:var(--cobalt)}
.count-badge,.stock-number.spinning .stock-digit{color:var(--midnight)}
.form-grid select{display:block;width:100%;min-height:48px;margin-top:7px;padding:0 13px;border:1px solid var(--border);background:var(--porcelain);color:var(--midnight)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,90,36,.12)}
.upload-field{display:block;padding:26px;border:1px dashed #8993aa;background:var(--porcelain);font-size:11px;font-weight:750}.upload-field input{display:block;width:100%;margin:12px 0}.upload-field small{display:block;color:var(--muted);font-weight:500}
.mega-menu{background:#fff;border-top:3px solid var(--cobalt)}
.mega-menu a:hover{color:var(--cobalt)}

/* Darker orange is reserved for small text on light surfaces. */
.featured-display>div>strong,.procurement-editorial li span,.how-it-works li span,
.application-card:hover,.application-card>span,.solution-plan li span,.package-number,
.type-list article>span,.proof-grid span,.process-ledger span,.product-actions .added,
.moq-note strong,.collection-guidance li span,.three-up article>b,.guide-card>span{color:var(--orange-ink)}

/* Immersive homepage hero */
.visibility-hero{position:relative;min-height:calc(100svh - 122px);display:grid;grid-template-columns:.92fr 1.08fr;background:var(--midnight);color:#fff;overflow:hidden}
.visibility-hero-copy{z-index:2;padding:clamp(70px,8vw,130px) clamp(24px,5vw,80px) clamp(95px,10vw,150px);display:flex;flex-direction:column;justify-content:center}
.visibility-hero-copy .eyebrow{color:#91a6ff}
.visibility-hero h1{max-width:900px;font-size:clamp(4.4rem,7.3vw,9.2rem);letter-spacing:-.065em}
.visibility-hero h1 em{color:var(--orange);font-style:normal}
.visibility-hero-copy>p{max-width:660px;margin:32px 0;color:#bfc5d6;font-size:clamp(1.05rem,1.45vw,1.35rem)}
.visibility-hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-proof{margin-top:clamp(46px,7vw,85px);padding-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #303a57;color:#8993aa;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.visibility-stage{position:relative;min-height:760px;background:var(--cobalt);overflow:hidden}
.visibility-stage::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:80px 80px}
.visibility-product{position:absolute;display:block;background:#fff;box-shadow:0 24px 80px rgba(10,16,36,.24);overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.visibility-product:hover{z-index:4;transform:translateY(-8px) rotate(0)}
.visibility-product>img,.visibility-product>.product-placeholder{width:100%;height:100%;object-fit:contain;padding:5%}
.visibility-product>span{position:absolute;left:0;right:0;bottom:0;padding:42px 16px 14px;background:linear-gradient(transparent,rgba(18,18,18,.88));color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}
.visibility-product-main{left:8%;top:9%;width:55%;height:72%;transform:rotate(-2deg)}
.visibility-product-gazebo{right:3%;top:5%;width:37%;height:39%;transform:rotate(2deg)}
.visibility-product-flag{right:7%;bottom:6%;width:32%;height:45%;transform:rotate(-1deg)}
.visibility-product-counter{left:38%;bottom:3%;width:27%;height:31%;transform:rotate(2deg)}
.visibility-grid-label{position:absolute;right:5%;bottom:48%;z-index:3;padding:14px 16px;background:var(--orange);color:var(--midnight);font:800 11px/1.25 Archivo,Arial,sans-serif;transform:rotate(3deg)}
.visibility-grid-label b{color:var(--midnight)}
.scroll-cue{position:absolute;left:clamp(24px,5vw,80px);bottom:26px;z-index:3;color:#8993aa;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.scroll-cue span{margin-left:12px;color:var(--orange)}

/* Homepage editorial journey */
.outcome-section{max-width:1600px;margin:0 auto;padding:clamp(100px,12vw,190px) var(--page);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(60px,10vw,150px);align-items:end}
.outcome-title h2{font-size:clamp(4rem,8vw,10rem);letter-spacing:-.065em}
.outcome-title h2 em{color:var(--orange);font-style:normal}
.outcome-copy p{margin:0 0 24px;font-size:clamp(1.05rem,1.4vw,1.3rem)}
.applications-section{padding:clamp(85px,10vw,150px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));background:var(--midnight);color:#fff}
.applications-section>header{max-width:1000px;margin-bottom:70px}.applications-section>header h2{max-width:900px}.applications-section>header p{max-width:650px;margin-top:24px;color:#8993aa;font-size:1.05rem}.applications-section .kicker{color:#91a6ff}
.application-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303a57;border-left:1px solid #303a57}
.application-strip>a{min-height:300px;padding:28px;display:flex;flex-direction:column;border-right:1px solid #303a57;border-bottom:1px solid #303a57;transition:background .25s,color .25s,transform .25s}
.application-strip>a:hover{z-index:1;background:var(--orange);color:#fff;transform:translateY(-5px)}
.application-strip>a>span{color:#91a6ff;font-size:10px}.application-strip>a:hover>span{color:#fff}
.application-strip h3{max-width:260px;margin:46px 0 18px;font-size:clamp(1.45rem,2.1vw,2.35rem)}
.application-strip p{color:#aebeff;font-size:12px}.application-strip>a:hover p{color:#fff}
.application-strip b{margin-top:auto;font-size:10px;text-transform:uppercase}
.featured-systems .section-heading>div:last-child{max-width:480px}.featured-systems .section-heading>div:last-child p{margin-bottom:16px}
.featured-display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 18px}
.featured-display{display:grid;grid-template-rows:auto 1fr}.featured-display-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff}.featured-display-image img,.featured-display-image .product-placeholder{width:100%;height:100%;object-fit:contain;padding:6%;transition:transform .45s}.featured-display:hover .featured-display-image img{transform:scale(1.035)}
.featured-display-image>span{position:absolute;left:14px;top:14px;padding:8px 10px;background:var(--midnight);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase}
.featured-display>div{padding-top:18px;border-top:1px solid var(--midnight)}
.featured-display h3{font-size:clamp(1.2rem,1.8vw,1.8rem)}.featured-display p{margin:10px 0 18px;font-size:12px}.featured-display>div>strong{display:block;margin-bottom:14px;color:var(--orange);font:800 1.05rem Archivo,Arial,sans-serif}.featured-display strong small{color:var(--muted);font:600 9px Inter,Arial,sans-serif;text-transform:uppercase}.featured-display>div>a{font-size:10px;font-weight:800;text-transform:uppercase}
.featured-display-large{grid-column:span 2;grid-row:span 2}.featured-display-large .featured-display-image{aspect-ratio:1.55/1}.featured-display-large h3{font-size:clamp(1.6rem,2.6vw,3rem)}
.home-packages{padding:clamp(95px,11vw,170px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));background:var(--midnight);color:#fff}
.home-packages>header{max-width:900px;margin-bottom:60px}.home-packages>header p{max-width:620px;margin-top:22px;color:#8993aa}
.home-packages>div{margin-bottom:42px;border-top:1px solid #303a57}
.home-packages>div>a{padding:27px 0;display:grid;grid-template-columns:60px 1fr 40px;gap:22px;align-items:center;border-bottom:1px solid #303a57;transition:padding .25s,color .25s}
.home-packages>div>a:hover{padding-left:16px;color:#91a6ff}.home-packages>div>a>span{color:#91a6ff;font-size:10px}.home-packages small{color:#8993aa;font-size:9px;text-transform:uppercase}.home-packages h3{margin:3px 0;font-size:clamp(1.35rem,2vw,2rem)}.home-packages p{color:#8993aa;font-size:11px}.home-packages>div>a>b{color:var(--orange);font-size:24px}
.procurement-editorial{padding:clamp(100px,12vw,180px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;align-items:start}
.procurement-editorial h2{font-size:clamp(3.6rem,6.6vw,8rem)}.procurement-editorial h2 em{color:var(--orange);font-style:normal}.procurement-editorial>div>p{max-width:580px;margin:30px 0}
.procurement-editorial ul{list-style:none;border-top:2px solid var(--midnight)}.procurement-editorial li{padding:22px 0;display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--border)}.procurement-editorial li span{color:var(--orange);font-size:10px}.procurement-editorial li strong{font:700 clamp(1.05rem,1.6vw,1.4rem) Archivo,Arial,sans-serif}
.refresh-section{min-height:700px;display:grid;grid-template-columns:1fr 1fr;background:var(--cobalt);color:#fff}.refresh-copy{padding:clamp(90px,10vw,160px) var(--page);display:flex;flex-direction:column;justify-content:center}.refresh-copy h2{font-size:clamp(4rem,7vw,8.5rem)}.refresh-copy p{max-width:620px;margin:28px 0;color:#c6d0ff;font-size:1.05rem}.refresh-visual{position:relative;display:grid;place-content:center;gap:22px;background:var(--soft);color:var(--midnight);overflow:hidden;text-align:center}.refresh-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 38px,rgba(10,16,36,.08) 39px,rgba(10,16,36,.08) 40px)}.refresh-visual>*{position:relative}.refresh-visual span{padding:20px 30px;border:2px solid var(--midnight);font:900 clamp(1.4rem,3vw,3rem) Archivo,Arial,sans-serif}.refresh-visual b{color:var(--orange);font-size:42px}.refresh-visual strong{font:900 clamp(2.2rem,5vw,6rem)/.85 Archivo,Arial,sans-serif;letter-spacing:-.06em}
.case-placeholder{display:grid;grid-template-columns:1.4fr .6fr;min-height:590px;background:var(--soft)}.case-placeholder>div{padding:44px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#eef0f4,#dde1e8);color:var(--midnight)}.case-placeholder>div>span{align-self:flex-start;padding:8px 10px;background:var(--orange);color:var(--midnight);font-size:9px;font-weight:800;text-transform:uppercase}.case-placeholder>div>strong{margin:auto;text-align:center;color:#8993aa;font:900 clamp(2.5rem,6vw,7rem)/.9 Archivo,Arial,sans-serif}.case-placeholder>div>p{max-width:500px}.case-placeholder ol{list-style:none;padding:38px;background:var(--midnight);color:#fff}.case-placeholder li{padding:28px 0;border-bottom:1px solid #303a57}.case-placeholder li span{color:#91a6ff;font-size:10px;font-weight:800;text-transform:uppercase}.case-placeholder li p{margin-top:8px;color:#8993aa;font-size:12px}
.how-it-works{padding:clamp(100px,12vw,180px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));display:grid;grid-template-columns:.7fr 1.3fr;gap:9vw}.how-it-works header h2{font-size:clamp(3.2rem,5.5vw,6rem)}.how-it-works ol{list-style:none;border-top:2px solid var(--midnight)}.how-it-works li{padding:24px 0;display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid var(--border)}.how-it-works li span{color:var(--orange);font-size:10px}.how-it-works li strong{font:700 clamp(1.1rem,1.8vw,1.5rem) Archivo,Arial,sans-serif}.how-it-works>.btn{grid-column:2;justify-self:start}
.home-final{padding:clamp(110px,14vw,210px) var(--page);background:var(--midnight);color:#fff;text-align:center}.home-final h2{margin:20px auto 48px;font-size:clamp(4.5rem,9vw,11rem)}.home-final>div{display:flex;justify-content:center;gap:26px;align-items:center}.home-final .text-cta{color:#fff}

/* New solution, package, corporate and SEO pages */
.studio-hero,.solution-hero,.planner-hero,.replacement-hero{padding:clamp(90px,11vw,180px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));background:var(--soft)}
.studio-hero-dark{background:var(--midnight);color:#fff}.studio-hero-dark p{color:#8993aa}
.studio-hero h1,.solution-hero h1,.planner-hero h1,.replacement-hero h1{max-width:1250px;font-size:clamp(4.2rem,8.5vw,10rem)}
.studio-hero>p,.solution-hero>p,.planner-hero>p,.replacement-hero>p{max-width:750px;margin:30px 0;font-size:clamp(1.05rem,1.5vw,1.35rem)}
.application-index{max-width:1600px;margin:auto}.application-grid{border-top:2px solid var(--midnight)}.application-card{min-height:175px;padding:26px 0;display:grid;grid-template-columns:70px 1fr 180px;gap:28px;align-items:center;border-bottom:1px solid var(--border);transition:padding .25s,color .25s}.application-card:hover{padding-left:20px;color:var(--orange)}.application-card>span{color:var(--orange);font-size:10px}.application-card h2{font-size:clamp(1.6rem,3vw,3.2rem)}.application-card p{margin-top:8px}.application-card>b{font-size:10px;text-transform:uppercase}
.procurement-band,.answer-band{padding:clamp(70px,8vw,120px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));display:grid;grid-template-columns:1fr .7fr auto;gap:60px;align-items:end;background:var(--midnight);color:#fff}.procurement-band p,.answer-band p{color:#8993aa}.procurement-band h2,.answer-band h2{font-size:clamp(2.8rem,5vw,5.5rem)}
.solution-hero{background:var(--midnight);color:#fff}.solution-hero>p{color:#8993aa}.solution-plan{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw}.solution-plan ol{list-style:none;border-top:2px solid var(--midnight)}.solution-plan li{padding:24px 0;display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid var(--border)}.solution-plan li span{color:var(--orange);font-size:10px}.solution-plan li strong{font:700 1.25rem Archivo,Arial,sans-serif}
.package-story{padding:80px 0;display:grid;grid-template-columns:70px .65fr 1.35fr;gap:50px;border-bottom:1px solid var(--border);scroll-margin-top:120px}.package-number{color:var(--orange);font-size:11px}.package-copy h2{font-size:clamp(2.8rem,5vw,5.5rem)}.package-copy>p{margin:20px 0}.package-copy ul{margin:25px 0 30px;padding-left:18px;color:var(--graphite)}.package-copy li{margin:8px 0}.package-visual{min-height:500px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:8px}.package-visual>a{position:relative;overflow:hidden;background:#fff}.package-visual>a:first-child{grid-row:1/-1}.package-visual img,.package-visual .product-placeholder{width:100%;height:100%;object-fit:contain;padding:5%}.package-visual span{position:absolute;left:12px;bottom:12px;padding:7px 9px;background:var(--midnight);color:#fff;font-size:8px;text-transform:uppercase}
.replacement-hero{min-height:720px;background:var(--midnight);color:#fff}.replacement-hero em{color:var(--orange);font-style:normal}.replacement-hero p{color:#8993aa}.type-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--midnight);border-left:1px solid var(--border)}.type-list article{min-height:250px;padding:28px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.type-list article>span{color:var(--orange);font-size:10px}.type-list h3{margin:50px 0 14px}.compatibility-check{padding:clamp(90px,10vw,150px) max(var(--page),calc((100vw - 1600px)/2 + var(--page)));display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:var(--cobalt);color:#fff}.compatibility-check ol{padding-left:20px}.compatibility-check li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.35)}.compatibility-check .btn{grid-column:2;justify-self:start}
.corporate-proof{max-width:1600px;margin:auto}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--midnight);border-left:1px solid var(--border)}.proof-grid article{min-height:260px;padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.proof-grid span{color:var(--orange);font-size:10px}.proof-grid h3{margin:50px 0 12px}.process-ledger{padding:0 max(var(--page),calc((100vw - 1600px)/2 + var(--page))) clamp(100px,12vw,170px);display:grid;grid-template-columns:repeat(4,1fr)}.process-ledger>div{padding:28px;border-top:3px solid var(--midnight);border-right:1px solid var(--border)}.process-ledger span{color:var(--orange);font-size:10px}.process-ledger strong{display:block;margin:24px 0 8px;font:700 1.3rem Archivo,Arial,sans-serif}.process-ledger p{font-size:12px}
.planner-shell{max-width:1600px;margin:0 auto;padding:0 var(--page) var(--section);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.planner-options{display:flex;flex-direction:column;border-top:2px solid var(--midnight)}.planner-options button{padding:22px 0;display:flex;justify-content:space-between;border:0;border-bottom:1px solid var(--border);background:transparent;cursor:pointer;text-align:left}.planner-options button span{color:var(--muted);font-size:10px;text-transform:uppercase}.planner-options button strong{font:700 1.4rem Archivo,Arial,sans-serif}.planner-options button[aria-pressed="true"]{padding-left:18px;color:#fff;background:var(--cobalt)}.planner-options button[aria-pressed="true"] span{color:#fff}.planner-result{padding:clamp(45px,6vw,85px);background:var(--midnight);color:#fff}.planner-result h2{font-size:clamp(2.8rem,5vw,5.5rem)}.planner-result ul{margin:35px 0;padding-left:20px}.planner-result li{padding:10px 0;border-bottom:1px solid #303a57}.planner-result p{margin:30px 0;color:#8993aa}
.seo-landing>header{padding:clamp(85px,10vw,160px) max(var(--page),calc((100vw - 1400px)/2 + var(--page)));background:var(--soft)}.seo-landing>header h1{max-width:1200px;font-size:clamp(4rem,8vw,9rem)}.seo-landing>header>p{max-width:760px;margin:28px 0;font-size:1.15rem}.seo-body{max-width:1100px;margin:0 auto;padding:clamp(80px,10vw,150px) var(--page)}.seo-body>section{padding:45px 0;border-top:1px solid var(--midnight)}.seo-body>section h2{max-width:750px;font-size:clamp(2.3rem,4vw,4.2rem)}.seo-body>section>p{max-width:800px;margin-top:18px;font-size:1.05rem}.faq-block details{padding:20px 0;border-bottom:1px solid var(--border)}.faq-block summary{cursor:pointer;font-weight:750}.faq-block details p{max-width:760px;margin-top:12px}.seo-body aside{margin-top:50px;padding:34px;background:var(--midnight);color:#fff}.seo-body aside>a{padding:14px 0;display:flex;justify-content:space-between;border-bottom:1px solid #303a57}
.product-buying-info{max-width:1480px;margin:auto;background:var(--soft)}.product-buying-info dl{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--midnight);border-left:1px solid rgba(10,16,36,.16)}.product-buying-info dl>div{min-height:130px;padding:24px;border-right:1px solid rgba(10,16,36,.16);border-bottom:1px solid rgba(10,16,36,.16)}.product-buying-info dt{margin-bottom:20px;color:var(--cobalt);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.product-buying-info dd{margin:0;color:var(--graphite);font-size:13px}.product-buying-info dd a{font-weight:800}

/* Footer and shared refinements */
.closing-cta{background:var(--orange)}
.site-footer{padding-top:90px}.footer-grid{grid-template-columns:1.55fr repeat(4,1fr);gap:44px}.footer-grid>div:last-child{grid-column:auto}.footer-location{margin-top:10px;color:#fff!important;font-size:11px}.footer-bottom .footer-credit{background:var(--orange);color:#fff}.footer-bottom .footer-credit a{color:#fff}.footer-bottom .footer-credit a:hover{color:var(--midnight)}
.footer-contact{margin-top:10px;display:flex;flex-direction:column;gap:7px;color:#919aaf;font-size:11px;font-style:normal;line-height:1.55}.footer-contact a{color:#fff}.footer-contact a:hover{color:#91a6ff}
.contact-section{background:var(--soft)}.contact-card-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--midnight);border-left:1px solid var(--border)}.contact-card-grid article{min-height:220px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.contact-card-grid article>span{color:var(--orange-ink);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.contact-card-grid article>a,.contact-card-grid article>strong{margin:42px 0 12px;color:var(--midnight);font:800 clamp(1.25rem,2.1vw,2rem)/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif}.contact-card-grid article>a{border-bottom:2px solid var(--cobalt)}.contact-card-grid article>a:hover{color:var(--cobalt)}.contact-card-grid article>p{margin-top:auto;font-size:12px}

@media (max-width:1280px){
  .site-nav{gap:12px}.site-nav>a,.nav-group>a{font-size:9px}.header-actions{gap:7px}.header-cart{display:none}
  .application-strip{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:auto}
}
@media (max-width:1100px){
  .site-nav.open{background:var(--porcelain)}.site-nav.open .nav-group{width:100%}
  .visibility-hero{grid-template-columns:1fr}.visibility-hero-copy{min-height:650px}.visibility-stage{min-height:700px}
  .outcome-section,.procurement-editorial,.refresh-section,.how-it-works,.solution-plan,.compatibility-check,.planner-shell{grid-template-columns:1fr}
  .how-it-works>.btn,.compatibility-check .btn{grid-column:auto}
  .featured-display-grid{grid-template-columns:repeat(2,1fr)}.featured-display-large{grid-column:span 2}
  .package-story{grid-template-columns:50px 1fr}.package-visual{grid-column:2}
  .procurement-band,.answer-band{grid-template-columns:1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.process-ledger{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media (max-width:760px){
  .visibility-hero{min-height:auto}.visibility-hero-copy{min-height:auto;padding:76px 20px 100px}.visibility-hero h1{font-size:clamp(3.8rem,16vw,6.3rem)}.hero-proof{grid-template-columns:1fr;gap:9px}.visibility-stage{min-height:560px}.visibility-product-main{left:4%;width:61%;height:69%}.visibility-product-gazebo{right:2%;width:39%;height:35%}.visibility-product-flag{right:4%;width:35%;height:42%}.visibility-product-counter{left:32%;width:34%;height:27%}.scroll-cue{display:none}
  .outcome-section{padding:90px 20px;gap:45px}.outcome-title h2{font-size:clamp(3.6rem,15vw,6.8rem)}
  .applications-section{padding:80px 20px}.application-strip{grid-template-columns:1fr}.application-strip>a{min-height:240px}
  .featured-display-grid{grid-template-columns:1fr}.featured-display-large{grid-column:auto;grid-row:auto}.featured-display-large .featured-display-image{aspect-ratio:1/1}
  .home-packages{padding:80px 20px}.home-packages>div>a{grid-template-columns:40px 1fr 24px}.home-packages p{display:none}
  .procurement-editorial{padding:90px 20px}.procurement-editorial h2{font-size:clamp(3.5rem,14vw,6rem)}
  .refresh-copy{padding:90px 20px}.refresh-visual{min-height:520px}.refresh-section{min-height:auto}
  .case-placeholder{grid-template-columns:1fr}.case-placeholder>div{min-height:430px;padding:24px}.case-placeholder ol{padding:24px}
  .how-it-works{padding:90px 20px}.home-final{padding:100px 20px}.home-final h2{font-size:clamp(3.8rem,15vw,6.5rem)}.home-final>div{flex-direction:column}
  .studio-hero,.solution-hero,.planner-hero,.replacement-hero,.seo-landing>header{padding:75px 20px}.studio-hero h1,.solution-hero h1,.planner-hero h1,.replacement-hero h1,.seo-landing>header h1{font-size:clamp(3.5rem,15vw,6rem)}
  .application-card{grid-template-columns:42px 1fr}.application-card>b{grid-column:2}.procurement-band,.answer-band{padding:75px 20px;gap:28px}
  .package-story{padding:65px 0;grid-template-columns:1fr;gap:24px}.package-visual{grid-column:auto;min-height:450px}.package-list{padding-left:20px;padding-right:20px}
  .type-list,.proof-grid{grid-template-columns:1fr}.compatibility-check{padding:80px 20px}.process-ledger{padding:0 20px 90px;grid-template-columns:1fr}.planner-shell{padding:0 20px 90px}.planner-result{padding:35px 24px}.seo-body{padding:75px 20px}
  .product-buying-info dl{grid-template-columns:1fr}
  .contact-card-grid{grid-template-columns:1fr}.contact-card-grid article{min-height:190px;padding:24px}.contact-card-grid article>a,.contact-card-grid article>strong{margin-top:32px;font-size:1.3rem}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:auto}.footer-bottom{align-items:flex-start}
}
@media (max-width:440px){
  .visibility-hero .hero-actions{align-items:stretch;flex-direction:column}.visibility-hero .btn{width:100%}.visibility-stage{min-height:470px}
  .package-visual{grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}.package-visual>a:first-child{grid-row:auto}
  .footer-grid{grid-template-columns:1fr}.footer-grid>div,.footer-grid>div:first-child,.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:auto}
}

/* Balanced title scale and a clearer BOLD DISPLAY wordmark. */
.brand span{
  font-family:"Arial Black","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:950;
}
.brand b{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:700;
}
h1{font-size:clamp(2.6rem,4.5vw,5.2rem)}
h2{font-size:clamp(2rem,3.25vw,4rem)}
.compact-hero h1,
.campaign-copy h1,
.collection-campaign h1,
.quote-header-band h1,
.commerce-header h1,
.guide-article h1{font-size:clamp(2.65rem,4.45vw,5rem)}
.visibility-hero h1{
  max-width:780px;
  font-size:clamp(3rem,4.7vw,5.5rem);
}
.outcome-title h2,
.procurement-editorial h2,
.refresh-copy h2,
.home-final h2{font-size:clamp(2.55rem,4.4vw,5rem)}
.how-it-works header h2,
.procurement-band h2,
.answer-band h2,
.package-copy h2,
.planner-result h2{font-size:clamp(2.15rem,3.3vw,3.75rem)}
.studio-hero h1,
.solution-hero h1,
.planner-hero h1,
.replacement-hero h1,
.seo-landing>header h1{
  max-width:1120px;
  font-size:clamp(2.75rem,4.8vw,5.25rem);
}
.seo-body>section h2{font-size:clamp(1.95rem,3vw,3.4rem)}
.environment-copy h2{font-size:clamp(2.25rem,3.6vw,4.25rem)}
.product-detail-copy h1{font-size:clamp(1.9rem,2.6vw,3rem)}

@media (max-width:760px){
  h1{font-size:clamp(2.25rem,10.5vw,3.7rem)}
  h2{font-size:clamp(1.9rem,8.5vw,3.15rem)}
  .compact-hero h1,
  .campaign-copy h1,
  .collection-campaign h1,
  .quote-header-band h1,
  .commerce-header h1,
  .guide-article h1,
  .studio-hero h1,
  .solution-hero h1,
  .planner-hero h1,
  .replacement-hero h1,
  .seo-landing>header h1{font-size:clamp(2.5rem,11vw,4rem)}
  .visibility-hero h1{font-size:clamp(2.8rem,12.5vw,4.35rem)}
  .outcome-title h2,
  .procurement-editorial h2,
  .refresh-copy h2,
  .home-final h2{font-size:clamp(2.4rem,11vw,3.9rem)}
  .how-it-works header h2,
  .procurement-band h2,
  .answer-band h2,
  .package-copy h2,
  .planner-result h2{font-size:clamp(2rem,9vw,3.2rem)}
  .seo-body>section h2,
  .environment-copy h2{font-size:clamp(1.95rem,8.5vw,3.1rem)}
  .product-detail-copy h1{font-size:clamp(1.85rem,8vw,2.75rem)}
}