.product-page{background:#fff}.product-hero{min-height:760px;position:relative;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(90deg,rgba(4,18,33,.92) 0%,rgba(4,18,33,.58) 43%,rgba(4,18,33,.08) 75%),url('/images/carport-20260923/campus-1600.webp') center/cover no-repeat}.product-hero-copy{padding-bottom:100px}.product-hero h1{max-width:820px;margin:20px 0;font-size:clamp(3rem,6vw,6.4rem);line-height:.95;letter-spacing:-.055em}.product-hero-copy>p:not(.eyebrow){max-width:650px;font-size:1.15rem;line-height:1.7;color:#d4dde5}.hero-fact{position:absolute;right:4vw;bottom:44px;display:grid;justify-items:end;text-shadow:0 2px 20px #000}.hero-fact strong{font-size:1.8rem}.hero-fact span{font-size:.8rem;color:#e5edf4}.section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:70px;align-items:end}.section-heading>p{line-height:1.8;color:#607080}.product-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:50px 0 30px;background:#dce4e9;border:1px solid #dce4e9;border-radius:20px;overflow:hidden}.product-spec-grid>div{background:#fff;padding:27px}.product-spec-grid small,.product-spec-grid strong{display:block}.product-spec-grid small{color:#687889;font-weight:700}.product-spec-grid strong{margin-top:12px;font-size:1.45rem}.product-render{margin:0;padding:40px 40px 24px;background:linear-gradient(145deg,#f8fafb,#e7ecef);border-radius:30px}.product-render img{display:block;width:100%;height:auto}.product-render figcaption,.story-image span,.scene-layout figcaption{display:block;margin-top:14px;font-size:.78rem;line-height:1.6;color:#687889}.product-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:65px;align-items:center}.story-image img{display:block;width:100%;border-radius:28px}.story-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.8;color:#5a6b7b}.story-points{display:grid;gap:12px;margin-top:32px}.story-points div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;padding:16px 0;border-top:1px solid #d7e0e5}.story-points b{color:#1680b4}.product-scene{background:#eef3f5}.scene-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:60px;align-items:center}.scene-layout>div>p:not(.eyebrow){line-height:1.8;color:#5c6d7c}.scene-layout figure{margin:0}.scene-layout img{display:block;width:100%;border-radius:28px;box-shadow:0 25px 70px #08223b1f}.mini-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.mini-features span{padding:10px 14px;background:#fff;border:1px solid #d8e2e8;border-radius:999px;font-size:.82rem;font-weight:750}.foundation-section .section-heading>p{color:#aebdca}.foundation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.foundation-grid>div{min-height:160px;padding:25px;border:1px solid #ffffff22;border-radius:18px;background:#ffffff09}.foundation-grid small{color:#76b7d8;font-weight:800}.foundation-grid h3{margin-top:48px;font-size:1.05rem}.product-cta{padding:70px 0;background:#0a2947;color:#fff}.product-cta .shell{display:flex;justify-content:space-between;gap:30px;align-items:center}.product-cta h2{max-width:760px;margin:12px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;letter-spacing:-.04em}
@media(max-width:950px){.product-hero{min-height:680px;background-position:64% center}.hero-fact{display:none}.section-heading,.product-story,.scene-layout{grid-template-columns:1fr;gap:35px}.product-spec-grid,.foundation-grid{grid-template-columns:1fr 1fr}.product-story .story-image{order:2}.product-story .story-copy{order:1}}
@media(max-width:620px){.product-hero{min-height:640px;background-position:61% center}.product-hero-copy{padding-bottom:65px}.product-hero h1{font-size:2.8rem}.product-spec-grid,.foundation-grid{grid-template-columns:1fr}.product-render{padding:18px 12px 16px}.product-cta .shell{display:block}.product-cta .pill{margin-top:25px}.comparison-heading{display:block}.price-difference{margin-top:24px}}

/* MEU-2D product-to-product comparison. */
.value-comparison{overflow:hidden;background:#071d31;color:#fff}
.value-title{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:70px;align-items:end}
.value-title .section-title{max-width:780px;color:#fff}
.value-title>p{margin:0 0 5px;color:#aebdca;line-height:1.8}
.compare-products{display:grid;grid-template-columns:180px 1fr 1fr;gap:1px;margin-top:55px;border-radius:24px 24px 0 0;overflow:hidden;background:#ffffff18}
.compare-placeholder,.compare-product{min-height:174px;padding:28px 30px}
.compare-placeholder{display:flex;align-items:flex-end;background:#0b263f;color:#7590a5;font-size:.7rem;font-weight:800;letter-spacing:.14em}
.compare-product{background:#f3f6f7;color:#0a2947}
.compare-product.meu{background:linear-gradient(135deg,#dff3e9,#bde8d6)}
.compare-product small{font-size:.67rem;font-weight:850;letter-spacing:.12em;color:#587181}
.compare-product.meu small{color:#167258}
.compare-product h3{margin:28px 0 6px;font-size:clamp(1.35rem,2.4vw,2rem)}
.compare-product p{margin:0;color:#60717d;font-size:.88rem}
.compare-product.meu p{color:#285f50}
.compare-board{border-radius:0 0 24px 24px;overflow:hidden;background:#fff;color:#0a2947}
.compare-section-label{display:grid;grid-template-columns:180px 1fr;align-items:center;min-height:54px;background:#0f3454;color:#fff}
.compare-section-label span{padding-left:30px;color:#62c5a3;font-size:.72rem;font-weight:850}
.compare-section-label strong{font-size:.72rem;letter-spacing:.13em}
.compare-row{display:grid;grid-template-columns:180px 1fr 1fr;min-height:82px;border-bottom:1px solid #dfe6ea}
.compare-row>div{display:flex;flex-direction:column;justify-content:center;padding:18px 30px}
.compare-row>div+div{border-left:1px solid #dfe6ea}
.compare-row .compare-metric{background:#f5f7f8;color:#637482;font-size:.8rem;font-weight:750}
.compare-row .meu-cell{background:#f2fbf7}
.compare-row b{font-size:.92rem;line-height:1.45}
.compare-row small{display:block;margin-top:5px;color:#6b7b87;line-height:1.45}
.state{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:750}
.state.no{background:#edf0f2;color:#6c7982}
.price-row>div{min-height:105px}
.price-row strong{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1}
.price-row .meu-cell strong{color:#087557}
.premium-summary{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:center;margin-top:20px;padding:30px 34px;border:1px solid #58bc9a55;border-radius:20px;background:linear-gradient(110deg,#0c3a45,#0b2a42)}
.premium-summary small,.premium-summary strong{display:block}
.premium-summary small{color:#91c9b7;font-size:.72rem}
.premium-summary strong{margin-top:7px;color:#76dfbb;font-size:1.75rem}
.premium-summary p{margin:0;color:#c6d6dc;line-height:1.7}
.other-value{margin-top:56px}
.other-value-title{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.other-value-title span{color:#62c5a3;font-size:.72rem;font-weight:850}
.other-value-title h3{margin:0;font-size:.78rem;letter-spacing:.13em}
.other-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.other-value-grid article{min-height:175px;padding:28px;border:1px solid #ffffff18;border-radius:18px;background:#ffffff0a}
.other-value-grid strong{color:#fff;font-size:1.04rem}
.other-value-grid p{margin:26px 0 0;color:#9fb1bf;font-size:.88rem;line-height:1.7}
.comparison-scope{display:grid;grid-template-columns:170px 1fr;gap:30px;margin-top:34px;padding-top:28px;border-top:1px solid #ffffff20}
.comparison-scope strong{color:#7691a5;font-size:.68rem;letter-spacing:.12em}
.comparison-scope p{margin:0;color:#8096a7;font-size:.76rem;line-height:1.7}
@media(max-width:950px){.value-title{grid-template-columns:1fr;gap:20px}.compare-products,.compare-row{grid-template-columns:145px 1fr 1fr}.compare-section-label{grid-template-columns:145px 1fr}.compare-row>div,.compare-placeholder,.compare-product{padding-left:22px;padding-right:22px}.compare-section-label span{padding-left:22px}.premium-summary{grid-template-columns:230px 1fr}.other-value-grid{grid-template-columns:1fr}}
@media(max-width:680px){.compare-products{grid-template-columns:1fr 1fr;margin-top:36px}.compare-placeholder{display:none}.compare-product{min-height:152px;padding:22px 18px}.compare-product h3{margin-top:20px}.compare-section-label{grid-template-columns:52px 1fr}.compare-section-label span{padding-left:18px}.compare-row{grid-template-columns:1fr 1fr}.compare-row .compare-metric{grid-column:1/-1;min-height:43px;padding:10px 18px;border-bottom:1px solid #dfe6ea}.compare-row>div:not(.compare-metric){min-height:76px;padding:16px 18px}.compare-row>div+div{border-left:0}.compare-row>div:last-child{border-left:1px solid #dfe6ea}.price-row>div:not(.compare-metric){min-height:100px}.premium-summary{grid-template-columns:1fr;gap:18px;padding:25px}.comparison-scope{grid-template-columns:1fr;gap:12px}.other-value{margin-top:42px}}

/* Project customization choices. */
.product-custom{background:#eef3f5}.custom-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.custom-heading>p{color:#61727f;line-height:1.8}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:45px}.custom-grid article{position:relative;min-height:390px;padding:30px;border:1px solid #dbe4e9;border-radius:22px;background:#fff}.custom-number{position:absolute;right:25px;top:24px;color:#94a3ad;font-size:.7rem}.custom-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#e5f4ef;color:#087557;font-size:1.5rem}.custom-grid h3{margin:30px 0 12px;font-size:1.4rem}.custom-grid p{color:#5e707d;font-size:.9rem;line-height:1.7}.choice-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0}.choice-tags span{padding:8px 11px;border:1px solid #cddbe2;border-radius:999px;background:#f7f9fa;font-size:.72rem;font-weight:700}.custom-grid article>small{display:block;color:#7a8994;font-size:.7rem;line-height:1.6}.color-icon{display:flex;gap:3px;padding:11px}.color-icon i{display:block;flex:1;height:100%;border-radius:3px;background:#4b5155}.color-icon i:nth-child(2){background:#e9ece8}.color-icon i:nth-child(3){background:#174b35}.color-options{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.color-options span{display:grid;justify-items:center;gap:6px;color:#687985;font-size:.65rem}.color-options b{display:block;width:38px;height:38px;border:1px solid #b9c5cb;border-radius:50%;background:var(--color)}.color-options em{font-style:normal}.ral-custom b{background:conic-gradient(#d84a4a,#e3b449,#53a469,#4d8fc4,#8b5cac,#d84a4a)}.custom-boundary{display:grid;grid-template-columns:160px 1fr auto;gap:28px;align-items:center;margin-top:18px;padding:25px 28px;border-radius:18px;background:#dce6ea}.custom-boundary strong{font-size:.72rem;letter-spacing:.1em}.custom-boundary p{margin:0;color:#5d6f7c;font-size:.78rem;line-height:1.65}
@media(max-width:850px){.custom-heading{grid-template-columns:1fr;gap:20px}.custom-boundary{grid-template-columns:1fr}.custom-boundary .pill{justify-self:start}}
@media(max-width:620px){.custom-grid{grid-template-columns:1fr}.custom-grid article{min-height:0}}

/* Structural, fire-safety and service-life comparison. */
.safety-comparison{background:#edf3f5}.safety-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:70px;align-items:end}.safety-heading h2{max-width:820px}.safety-heading>p{margin:0 0 6px;color:#5e707d;line-height:1.8}.safety-table{margin-top:48px;border:1px solid #d4e0e5;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 22px 60px #0a29470c}.safety-table-head,.safety-table-row{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr))}.safety-table-head{min-height:92px;background:#0a2947;color:#fff}.safety-table-head>*{display:flex;align-items:flex-end;padding:22px 20px}.safety-table-head span{color:#78b8d8;font-size:.68rem;font-weight:850;letter-spacing:.12em}.safety-table-head strong:last-child{background:#0e765f;color:#fff}.safety-table-row{border-top:1px solid #dfe7eb}.safety-table-row>*{margin:0;padding:24px 20px;border-left:1px solid #dfe7eb}.safety-table-row>b{border-left:0;background:#f5f8f9;color:#506574;font-size:.78rem;line-height:1.5}.safety-table-row p{color:#5b6d79;font-size:.82rem;line-height:1.72}.safety-table-row .featured{background:#eff9f5;color:#244e43}.safety-number{display:block;color:#087557;font-size:1.75rem;font-weight:850;line-height:1}.safety-number small{font-size:.72rem}.safety-table-row .featured em{display:block;margin:8px 0 15px;color:#478273;font-size:.64rem;font-style:normal;font-weight:800;letter-spacing:.06em}.safety-table-row .featured>span:last-child{display:block}.safety-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}.safety-principles article{min-height:220px;padding:28px;border:1px solid #d8e3e7;border-radius:19px;background:#fff}.safety-principles span{color:#1680b4;font-size:.7rem;font-weight:850}.safety-principles strong{display:block;margin-top:38px;font-size:1.05rem}.safety-principles p{margin:15px 0 0;color:#60717d;font-size:.84rem;line-height:1.7}.safety-boundary{display:grid;grid-template-columns:160px 1fr;gap:30px;margin-top:26px;padding:24px 28px;border-left:3px solid #1680b4;background:#e1eaee}.safety-boundary strong{font-size:.68rem;letter-spacing:.12em}.safety-boundary p{margin:0;color:#5b6e7b;font-size:.76rem;line-height:1.7}
@media(max-width:950px){.safety-heading{grid-template-columns:1fr;gap:20px}.safety-table{overflow-x:auto}.safety-table-head,.safety-table-row{min-width:900px}.safety-principles{grid-template-columns:1fr}.safety-principles article{min-height:0}.safety-principles strong{margin-top:24px}}
@media(max-width:620px){.safety-table{border-radius:17px}.safety-table-head,.safety-table-row{grid-template-columns:120px repeat(3,240px);min-width:840px}.safety-table-head>*{padding:18px 15px}.safety-table-row>*{padding:20px 15px}.safety-boundary{grid-template-columns:1fr;gap:10px;padding:22px}}