/* Existing commercial landing pages: shared OpenSky identity, preserved page features. */
.os-legacy{--primary:#071c2b;--primary-light:#142b38;--secondary:#9bc9db;--secondary-hover:#bcdeea;--dark:#142b38;--light:#f5f4f0;--gray-text:#64717a;--font-body:'Inter',Arial,sans-serif;--font-heading:'Literata',Georgia,serif;background:#f5f4f0;color:#142b38;font-family:var(--font-body)}
.os-legacy main{overflow:clip}
.os-legacy [id]{scroll-margin-top:100px}
.os-legacy p{line-height:1.7}
.os-legacy h2{font-size:clamp(2rem,3.6vw,3.35rem);font-weight:500;line-height:1.18;letter-spacing:-.035em}
.os-legacy h3{font-weight:500}
.os-legacy .hero-section{min-height:440px;padding:50px max(24px,4vw);background-position:center right}
.os-legacy .hero-container{max-width:1320px}
.os-legacy .hero-overlay{background:linear-gradient(90deg,rgba(7,28,43,.95),rgba(7,28,43,.8) 35%,rgba(7,28,43,.1) 85%)}
.os-legacy .hero-left-col,.os-legacy .hero-content{max-width:600px;width:100%;text-align:left;align-items:flex-start}
.os-legacy .hero-title,.os-legacy .hero-content h1{font-size:clamp(2.7rem,5.4vw,4.6rem)!important;font-weight:500;line-height:1.08;letter-spacing:-.04em;text-shadow:none;color:#fff;margin-bottom:22px;max-width:680px}
.os-legacy .hero-desc,.os-legacy .hero-subheadline{font-family:var(--font-body);font-size:1rem;line-height:1.7;max-width:500px;color:#e0e8ea;margin:0 0 20px}
.os-legacy .hero-accent-bar{display:none}
.os-legacy .os-kicker{display:block;font:600 .65rem/1.5 var(--font-body);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px;color:#537181}
.os-legacy .hero-section .os-kicker{color:#b3d4e0}
.os-legacy .os-hero-links{display:flex;gap:24px;flex-wrap:wrap;margin:4px 0 28px}
.os-legacy .os-hero-links a{font-size:.75rem;font-weight:500;color:#fff;text-decoration:none;border-bottom:1px solid #8fa7af;padding:6px 0}
.os-legacy .os-hero-links a:hover{color:#b3d4e0}
.os-legacy .os-quick-form-label{font-size:.73rem;color:#c6d3d9;margin:0 0 12px}
.os-legacy .hero-quote-form{max-width:435px;gap:10px;display:grid;grid-template-columns:1fr 1fr}
.os-legacy .hero-quote-form>.hidden-fields-container{display:none}
.os-legacy .hero-quote-form>.hero-form-group:has(textarea),.os-legacy .hero-quote-form>.file-upload-wrapper,.os-legacy .hero-quote-form>button,.os-legacy .hero-quote-form>.os-form-status{grid-column:1/-1}
.os-legacy .hero-form-input{font-size:16px!important;min-height:46px;padding:11px 12px!important;border-radius:0;background:rgba(7,28,43,.72);border-color:#6c7d85;box-shadow:none}
.os-legacy .hero-form-input::placeholder{color:#c7d4da}
.os-legacy .hero-file-container{border-radius:0;border-color:#657985;background:rgba(7,28,43,.6)}
.os-legacy .hero-file-trigger{min-height:44px;padding:10px 12px!important;justify-content:flex-start}
.os-legacy .hero-file-label{font-size:.75rem!important;font-weight:400;color:#d1e1e8}
.os-legacy .hero-btn-submit,.os-legacy .btn-submit,.os-legacy .sp-btn-submit,.os-legacy .btn-consultation-hero{border-radius:0!important;box-shadow:none!important;background:#9bc9db;color:#071c2b;border:1px solid #9bc9db;font-size:.72rem!important;letter-spacing:.1em;font-weight:600;min-height:48px;padding:13px 18px!important;text-transform:uppercase}
.os-legacy .hero-btn-submit:hover,.os-legacy .btn-submit:hover,.os-legacy .sp-btn-submit:hover,.os-legacy .btn-consultation-hero:hover{background:#c1e0eb;color:#071c2b;transform:none}
.os-legacy button:disabled{cursor:wait;opacity:.65}
.os-legacy .file-error{font-size:.78rem;color:#b32632}
.os-legacy .hero-section .file-error{color:#ffd6d7}
.os-legacy .file-badge{max-width:100%;overflow-wrap:anywhere;border-radius:0}
.os-legacy .os-form-status{font-size:.85rem;margin:8px 0;color:#b32632}
.os-legacy .hero-section .os-form-status{color:#ffd6d7}
.os-legacy .hero-trust-badges{gap:12px 24px;max-width:530px;margin-top:24px;padding-top:18px}
.os-legacy .trust-badge-item{font-size:.66rem;font-weight:400;text-shadow:none;color:#d6e0e3}
.os-legacy .trust-badge-item i{display:none}
.os-legacy .os-landing-strip{display:flex;justify-content:space-around;gap:16px;padding:22px 24px;background:#e9ece8;border-bottom:1px solid #d7ddde;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.os-legacy .os-legacy-section{padding:92px max(24px,4vw)!important}
.os-legacy .os-legacy-inner{width:100%;max-width:1320px;margin:auto}
.os-legacy .os-section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:40px}
.os-legacy .os-section-intro h2{margin:0}
.os-legacy .os-section-intro p{max-width:430px;font-size:.88rem;color:#64717a;margin:0 0 5px}
.os-legacy .os-legacy-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.os-legacy .os-material-card{min-width:0}
.os-legacy .os-material-visual{aspect-ratio:4/5;display:block;overflow:hidden;background:#e2e6e3;text-decoration:none;color:#3f555b}
.os-legacy .os-material-visual img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.os-legacy .os-material-visual:hover img{transform:scale(1.025)}
.os-legacy .os-material-diagram{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.os-legacy .os-material-diagram svg{height:65%;width:75%}
.os-legacy .os-material-diagram span{font-size:.56rem;text-transform:uppercase;letter-spacing:.12em}
.os-legacy .os-material-aluminum-clad-wood .os-material-visual{background:#e4ded2;color:#7c6954}
.os-legacy .os-material-wood .os-material-visual{background:#dbcfbe;color:#725b46}
.os-legacy .os-material-copy{padding-top:20px}
.os-legacy .os-material-copy h3{font-size:1.35rem;margin:0 0 10px}
.os-legacy .os-material-copy h3 a{color:inherit;text-decoration:none}
.os-legacy .os-material-copy p{font-size:.74rem;line-height:1.6;margin:0 0 18px;color:#64717a}
.os-legacy .os-card-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #ced7d8;padding-top:13px}
.os-legacy .os-card-actions a{font-size:.66rem;color:#142b38;text-decoration:none;border-bottom:1px solid transparent}
.os-legacy .os-card-actions a:hover{border-color:#142b38}
.os-legacy .os-type-section{background:#e9eeec}
.os-legacy .os-legacy-type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #c6d1d1;border-top:1px solid #c6d1d1}
.os-legacy .os-legacy-type{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;color:#24404a;text-decoration:none;padding:25px 15px 22px;border-bottom:1px solid #c6d1d1;border-right:1px solid #c6d1d1;background:transparent;transition:background .2s}
.os-legacy .os-legacy-type:hover{background:#f5f4f0}
.os-legacy .os-legacy-type svg{height:105px;width:105px}
.os-legacy .os-legacy-type span{font-size:.74rem}
.os-legacy .os-legacy-type .os-type-arrow{position:absolute;right:13px;top:12px;font-size:1rem}
.os-legacy .os-section-note{font-size:.7rem;color:#64717a;margin:20px 0}
.os-legacy .os-text-link{display:inline-block;padding:8px 0;text-decoration:none;border-bottom:1px solid #99abb0;color:#142b38;font-size:.73rem;font-weight:500}
.os-legacy .os-text-link span{margin-left:30px}
.os-legacy .gallery-section,.os-legacy .showcase-section,.os-legacy .reviews-section,.os-legacy .faq-section{padding:84px max(24px,4vw)!important;background:#f5f4f0}
.os-legacy .gallery-section .container,.os-legacy .showcase-inner,.os-legacy .reviews-section .container{max-width:1320px}
.os-legacy .gallery-section .section-header-center{text-align:left!important;margin:0 0 40px!important;max-width:900px}
.os-legacy .gallery-section .section-header-center p{font-size:.86rem}
.os-legacy .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}
.os-legacy .gallery-item{border-radius:0;box-shadow:none;aspect-ratio:4/3}
.os-legacy .gallery-item img{height:100%;width:100%;object-fit:cover}
.os-legacy .gallery-item:hover{transform:none}
.os-legacy .os-legacy-systems{background:#071c2b;color:#fff}
.os-legacy .os-legacy-systems .os-kicker{color:#a4c4d0}
.os-legacy .os-system-wordmarks{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #3a4c58;padding:20px 0 36px}
.os-legacy .os-system-wordmarks span{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.7rem);letter-spacing:-.03em}
.os-legacy .os-system-details{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-top:24px}
.os-legacy .os-system-details p{max-width:630px;font-size:.83rem;color:#bfcbd0;margin:0}
.os-legacy .os-system-details a{color:#fff;white-space:nowrap}
.os-legacy .picture-item,.os-legacy .sample-item,.os-legacy .review-screenshot,.os-legacy .quote-form-card,.os-legacy .quote-modal-container,.os-legacy .modal-content{border-radius:0!important;box-shadow:none!important}
.os-legacy .showcase-section .section-header-center p{font-size:.9rem!important}
.os-legacy .reviews-section{background:#e9eeec}
.os-legacy .review-screenshot img{border-radius:0}
.os-legacy .faq-item{border-radius:0;box-shadow:none;border:none;border-bottom:1px solid #d7ddde;background:transparent}
.os-legacy .faq-trigger{padding:23px 5px;min-height:60px;background:transparent}
.os-legacy .faq-question{font-size:1.05rem;line-height:1.5}
.os-legacy .faq-content-inner p{font-size:.9rem}
.os-legacy .os-drawing-section{background:#dbe7e9}
.os-legacy .os-drawing-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}
.os-legacy .os-drawing-inner h2{margin-bottom:22px;color:#142b38}
.os-legacy .os-drawing-inner p{max-width:620px;color:#4d626d;font-size:.9rem;margin:0}
.os-legacy .os-drawing-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-self:end}
.os-legacy .os-legacy-button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;min-height:50px;padding:17px 24px;background:#071c2b;color:#fff;text-decoration:none;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}
.os-legacy .os-legacy-button:hover{background:#254454}
.os-legacy .os-drawing-actions>span{font-size:.68rem;color:#64717a}
.os-legacy .cta-section{padding:90px max(24px,4vw)!important;background-color:#071c2b}
.os-legacy .cta-content h2{color:#fff;font-size:clamp(2.3rem,4vw,3.6rem)}
.os-legacy .cta-content p{font-size:.95rem}
.os-legacy .quote-form-card{background:#f5f4f0;padding:32px}
.os-legacy .form-input{border-radius:0;min-height:45px;font-size:16px!important;font-family:var(--font-body);color:#142b38}
.os-legacy .quote-modal-overlay,.os-legacy .modal-overlay{z-index:200000}
.os-legacy .quote-modal-container,.os-legacy .modal-content{max-height:90dvh;overflow-y:auto}
.os-legacy .quote-modal-close,.os-legacy .modal-close{min-width:44px;min-height:44px}
.os-legacy #lightbox{z-index:200010}
.os-legacy .floating-cta-container,.os-legacy #floatingQBtn{bottom:85px}
.os-legacy-custom-skylights{background:#071c2b;--primary:#071c2b;--light:#0c2636;--dark:#fff;--gray-text:#c4d0d6}
.os-legacy-custom-skylights .hero-section{padding-top:70px!important;background-position:center}
.os-legacy-custom-skylights .hero-container{display:flex;justify-content:flex-start}
.os-legacy-custom-skylights .skylight-types-section,.os-legacy-custom-skylights .systems-section,.os-legacy-custom-skylights .custom-design-section{background:#071c2b!important;padding:80px max(24px,4vw)!important}
.os-legacy-custom-skylights .gallery-section,.os-legacy-custom-skylights .faq-section{background:#0c2636}
.os-legacy-custom-skylights .faq-item{border-color:#344b58}
.os-legacy-custom-skylights .faq-question,.os-legacy-custom-skylights .gallery-section h2,.os-legacy-custom-skylights .faq-section h2{color:#fff}
.os-legacy-custom-skylights .shape-card,.os-legacy-custom-skylights .skylight-card,.os-legacy-custom-skylights .custom-design-image-wrap,.os-legacy-custom-skylights .system-row,.os-legacy-custom-skylights .system-row-images,.os-legacy-custom-skylights .final-cta-framed-card{border-radius:0!important;box-shadow:none!important}
.os-legacy-custom-skylights .shape-card,.os-legacy-custom-skylights .skylight-card{background:#102c3b;border-color:#35505c}
.os-legacy-custom-skylights .shape-card:hover,.os-legacy-custom-skylights .skylight-card:hover{transform:none}
.os-legacy-custom-skylights .shape-quote-btn{border-radius:0;color:#b6d7e4}
.os-legacy-custom-skylights .final-cta-section{padding:70px max(24px,4vw)!important}
.os-legacy-custom-skylights .os-drawing-section{--gray-text:#64717a;--dark:#142b38}
.os-legacy-custom-skylights .modal-content{background:#f5f4f0;color:#142b38}
.os-legacy-custom-skylights .modal-content h2,.os-legacy-custom-skylights .modal-content h3,.os-legacy-custom-skylights .modal-content p{color:#142b38}
.os-legacy-custom-skylights .modal-content .form-input{background:#fff;color:#142b38;border-color:#b7c5ca}
.os-legacy-custom-skylights .modal-content .form-input::placeholder{color:#64717a}
.os-legacy-custom-skylights .modal-content .file-label,.os-legacy-custom-skylights .modal-content .file-upload-label{color:#405664}
.os-legacy-soundproofing-windows .hero-title{font-size:clamp(2.6rem,4.5vw,4rem)!important}
.os-legacy-soundproofing-windows .dark-theme-section{background:#071c2b;padding:80px max(24px,4vw)!important}
.os-legacy-soundproofing-windows .sp-process-steps-list>div,.os-legacy-soundproofing-windows .sp-callout,.os-legacy-soundproofing-windows .sp-process-image,.os-legacy-soundproofing-windows .sp-product-grid img{border-radius:0!important;box-shadow:none!important}
.os-legacy-soundproofing-windows .sp-process-steps-list h3{font-family:var(--font-body);font-weight:500;font-size:1rem!important}
.os-legacy-soundproofing-windows .sp-process-steps-list p{font-size:.85rem}
.os-legacy-soundproofing-windows .sp-product-section{border-top:1px solid #2d4654}
.os-legacy :focus-visible{outline:2px solid #9bc9db;outline-offset:4px}
@media(max-width:1100px){.os-legacy .os-section-intro{gap:40px}.os-legacy .os-legacy-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px}.os-legacy .os-material-visual{aspect-ratio:4/3}.os-legacy .os-legacy-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-legacy .os-drawing-inner{gap:35px}.os-legacy .os-drawing-actions{justify-self:start}.os-legacy .os-system-details{gap:30px}}
@media(max-width:768px){.os-legacy .hero-section,.os-legacy-custom-skylights .hero-section{min-height:auto!important;padding:58px 22px 52px!important;background-position:60% center!important}.os-legacy .hero-overlay{background:linear-gradient(90deg,rgba(7,28,43,.96),rgba(7,28,43,.72))!important}.os-legacy .hero-left-col,.os-legacy .hero-content{max-width:100%}.os-legacy .hero-title,.os-legacy .hero-content h1{font-size:clamp(2.55rem,8vw,3.8rem)!important}.os-legacy .hero-desc,.os-legacy .hero-subheadline{font-size:.9rem}.os-legacy .hero-quote-form{max-width:100%;gap:10px}.os-legacy .hero-container{display:block}.os-legacy .os-hero-links{gap:14px 24px}.os-legacy .os-hero-links a{font-size:.69rem}.os-legacy .os-landing-strip{flex-wrap:wrap;justify-content:flex-start;padding:18px 22px;font-size:.56rem;gap:8px 25px}.os-legacy .os-legacy-section,.os-legacy .gallery-section,.os-legacy .showcase-section,.os-legacy .reviews-section,.os-legacy .faq-section,.os-legacy-custom-skylights .skylight-types-section,.os-legacy-custom-skylights .systems-section,.os-legacy-custom-skylights .custom-design-section,.os-legacy-soundproofing-windows .dark-theme-section{padding:54px 22px!important}.os-legacy .os-section-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.os-legacy .os-section-intro p{max-width:100%}.os-legacy .os-material-copy h3{font-size:1.15rem}.os-legacy .os-card-actions{flex-direction:column;gap:10px}.os-legacy .os-legacy-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.os-legacy .os-legacy-type{padding:24px 8px 18px;gap:8px}.os-legacy .os-legacy-type svg{width:80px;height:85px}.os-legacy .os-legacy-type span{font-size:.62rem;text-align:center}.os-legacy .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.os-legacy .os-system-wordmarks{display:grid;grid-template-columns:1fr 1fr;gap:25px}.os-legacy .os-system-details{flex-direction:column;align-items:flex-start;gap:20px}.os-legacy .os-drawing-inner{grid-template-columns:1fr;gap:28px}.os-legacy .os-drawing-actions{justify-self:stretch}.os-legacy .os-legacy-button{padding:16px 18px;font-size:.63rem;gap:20px}.os-legacy .cta-section{padding:54px 22px!important}.os-legacy .quote-form-card{padding:24px}.os-legacy .hero-trust-badges{gap:9px 18px}.os-legacy .quote-modal-container,.os-legacy .modal-content{width:calc(100% - 28px);max-height:88dvh}.os-legacy .floating-cta-button{bottom:84px}.os-legacy .os-header section,.os-legacy .os-footer section{padding:inherit!important}}
@media(max-width:400px){.os-legacy .hero-section,.os-legacy-custom-skylights .hero-section{padding-inline:18px!important}.os-legacy .os-legacy-material-grid{gap:28px 14px}.os-legacy .os-material-copy h3{font-size:1rem}.os-legacy .os-legacy-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-legacy .hero-quote-form{grid-template-columns:1fr}.os-legacy .os-legacy-button{width:100%}}
@media(prefers-reduced-motion:reduce){.os-legacy *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}