/* ── SOLUTION INTRO — 50/50 (below hero) ─────────────────────── */
.sol-intro{background:linear-gradient(to right,#f2f2f2 0%,#ffffff 45%);position:relative;z-index:3}
.sol-intro-grid{display:grid;grid-template-columns:2fr 3fr;align-items:stretch;max-width:1600px;margin:0 auto;padding:0 40px}
.sol-col{display:flex;flex-direction:column;justify-content:center;padding:72px 44px}
.sol-col--lead{padding-left:0}
.sol-col--proof{padding:48px 44px 48px 0}
.sol-noise-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.sol-col--img{padding:12%;overflow:hidden}
.sol-col--act{padding:0;overflow:hidden}
.sol-intro .eyebrow{color:#9aa6b0;margin-bottom:14px}
.sol-intro h2{font-family:"Montserrat",sans-serif;font-size:clamp(2rem,2.8vw,2.9rem);font-weight:300;font-style:normal;line-height:1.1;letter-spacing:-.5px;color:var(--ch);margin:0 0 20px}
.sol-col-label{font-size:10px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.sol-intro-lead{font-size:.98rem;line-height:1.72;color:#3c4a55;margin:0}
.sol-intro-lead strong{color:var(--ch);font-weight:600}
.sol-intro-body{font-size:.88rem;line-height:1.7;color:#5a6770;margin:0 0 20px}
.sol-intro-body strong{color:var(--ch);font-weight:600}
.sol-intro-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.sol-intro-points li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--ch);font-weight:500;line-height:1.4}
.sol-tick{color:var(--gold);font-weight:700;flex-shrink:0}
.wg-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#F4F1EC;margin:0 0 22px;border:1px solid #e6e3dc}
.wg-stat{padding:18px 10px;text-align:center;border-right:1px solid rgba(30,43,53,.12)}
.wg-stat:last-child{border-right:none}
.wg-stat:last-child{border-right:none}
.wg-stat-num{font-family:"Cormorant Garamond",Georgia,serif;font-size:2rem;font-weight:600;color:var(--ch);line-height:1;display:block;margin-bottom:5px}
.wg-stat-label{font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(30,43,53,.5);line-height:1.35;display:block}
.wg-heading{font-family:"Montserrat",sans-serif;font-size:clamp(1.25rem,1.7vw,1.7rem);font-weight:300;line-height:1.2;letter-spacing:-.4px;color:var(--ch);margin:0 0 20px}
.wg-quote{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15rem;font-style:italic;line-height:1.55;color:var(--ch);border-left:2px solid var(--gold);padding-left:16px;margin:0 0 16px}
.wg-body{font-size:.82rem;line-height:1.72;color:#5a6770;margin:0 0 22px}
.wg-creds{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.wg-cred{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:#3c4a55;font-weight:500;line-height:1.4}
.wg-cred-dot{width:5px;height:5px;min-width:5px;background:var(--gold);margin-top:5px;display:inline-block}
.sol-act-text{font-size:.9rem;line-height:1.7;color:#3c4a55;margin:0 0 24px}
.sol-intro-cta{align-self:flex-start;padding:16px 28px;background:linear-gradient(180deg,#24323c 0%,#1b262e 100%);color:#f4efe7;border:1px solid rgba(183,160,121,.45);letter-spacing:1.6px;text-transform:uppercase;font-size:.72rem;font-weight:600;box-shadow:0 16px 30px rgba(16,22,27,.16);transition:all .3s ease}
.sol-intro-cta:hover{background:linear-gradient(180deg,#2e4454 0%,#223542 100%);color:#fff;transform:translateY(-2px);box-shadow:0 20px 38px rgba(16,22,27,.22)}
.sol-intro-rev{margin-top:16px;font-size:.72rem;color:#8a949c;letter-spacing:.4px;line-height:1.5}
@media(max-width:980px){
  .sol-intro-grid{grid-template-columns:1fr}
  .sol-col{padding:40px 24px}
  .sol-col--lead{padding-top:52px}
  .sol-col--proof,.sol-col--act{border-left:none;border-top:1px solid #e6e3dc}
}

/* ── BENEFITS STRIP ─────────────────────────────────────────── */
.benefits-strip{background:#fff;padding:0;border-bottom:1px solid rgba(30,43,53,.08);position:relative;z-index:3}
.benefits-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.benefits-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 14px;border-right:1px solid rgba(30,43,53,.09);gap:0}
.benefits-item:last-child{border-right:none}
.benefits-icon{width:50px;height:50px;margin-bottom:13px;display:flex;align-items:center;justify-content:center}
.benefits-icon img{width:50px!important;height:50px!important;max-width:none;display:block;filter:brightness(0) opacity(.78)}
.benefits-title{font-size:.68rem;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--ch);margin-bottom:6px;line-height:1.35}
.benefits-desc{font-size:.74rem;line-height:1.6;color:#7a8a93}
@media(max-width:1100px){.benefits-grid{grid-template-columns:repeat(3,1fr)}.benefits-item{border-bottom:1px solid rgba(30,43,53,.09)}.benefits-item:nth-child(3n){border-right:none}.benefits-item:nth-last-child(-n+3){border-bottom:none}}
@media(max-width:600px){.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefits-item:nth-child(3n){border-right:1px solid rgba(30,43,53,.09)}.benefits-item:nth-child(2n){border-right:none}}

/* ── HERO FORM (legacy — hidden, replaced by survey strip) ──── */
.hero-form{display:none}
.hero-form{background:#F4F1EC;padding:0;box-shadow:0 30px 80px rgba(0,0,0,.25);width:100%;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.06);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-form::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}
.hero-form-head{padding:22px 26px 14px;border-bottom:1px solid #e6e3dc;background:#EFEBE4}
.hero-form-eyebrow{display:block;font-size:.62rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.hero-form h3{font-family:"Montserrat",sans-serif;font-size:1.22rem;font-weight:500;color:var(--ch);margin-bottom:2px;letter-spacing:-.3px;line-height:1.2}
.hero-form h3 .gold{color:var(--gold);font-weight:600}
.hero-form-head p{font-size:.74rem;color:#6a747e;margin:0;line-height:1.45}
.hero-form form{padding:18px 26px 22px;background:#F4F1EC}
.fg{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.fg label{font-size:.62rem;font-weight:600;color:#6a747e;letter-spacing:1.2px;text-transform:uppercase}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 12px;border:1px solid #d8d2c8;font-size:.84rem;font-family:"Montserrat",sans-serif;color:var(--ch);background:#fff;transition:all .25s ease;outline:none}
.fg input::placeholder,.fg textarea::placeholder{color:#9aa0a6}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(77,108,140,.12)}
.fg textarea{resize:none;min-height:60px;font-family:"Montserrat",sans-serif}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-btn{width:100%;padding:13px;background:var(--gold);color:#fff;border:none;border-radius:3px;font-size:.78rem;font-weight:600;font-family:"Montserrat",sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:1.8px;text-transform:uppercase;position:relative;overflow:hidden}
.form-btn:hover{background:#fff;color:var(--ch);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.form-privacy{font-size:.66rem;color:rgba(255,255,255,.4);text-align:center;margin-top:10px;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;gap:6px}
#form-ok{display:none;text-align:center;padding:32px 20px}
#form-ok svg{margin:0 auto 14px}
#form-ok h3{font-family:"Montserrat",serif;font-size:1.6rem;color:var(--ch);margin-bottom:8px}
#form-ok p{font-size:.88rem;color:var(--text)}
.form-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 24px}
.form-success svg{margin-bottom:6px}
.form-success h3{font-family:"Montserrat",sans-serif;font-size:1.35rem;font-weight:600;color:var(--ch);margin:0}
.form-success p{font-size:.88rem;line-height:1.6;color:var(--text);margin:0;max-width:340px}
.form-success a{color:#01A4FF;font-weight:700}

/* ── IMPACT BANNER ──────────────────────────────── */
.impact-banner{background:var(--ch2);overflow:hidden;padding:20px 0}
.impact-banner img{display:block;max-height:63px;width:auto;max-width:calc(100% - 200px);margin:0 auto;object-fit:contain}

/* ── INTRO ──────────────────────────────── */
.intro-section{background:var(--linen)}

/* ── BEFORE / AFTER SLIDER ──────────────────────────────── */
.intro-split{background:linear-gradient(90deg,#ffffff 0%,#ffffff 28%,#f0f9ff 100%);padding:32px 0 100px;overflow:visible;position:relative}
.intro-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
.intro-split-img{position:static}
.intro-split-img img{position:absolute;top:50%;left:0;width:50vw;height:560px;object-fit:cover;transform:translateY(calc(-50% - 20px)) scale(1.1);display:block;border-radius:0 12px 12px 0}
.intro-split-copy h2{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:300;color:var(--ch);letter-spacing:-.4px;line-height:1.2;margin:8px 0 16px}
.intro-split-copy p{font-size:.95rem;color:#3C4E58;line-height:1.75;margin:0 0 15px}
.intro-split-copy p:last-child{margin-bottom:0}
@media(max-width:900px){.intro-split-grid{grid-template-columns:1fr;gap:32px}.intro-split-img img{position:static;transform:none;height:auto;width:100%}}
.ba-section{background:#FAFAFA;padding:0}
.ba-section *{--stone:#fff}
.ba-section .w{max-width:1600px;margin:0 auto;padding:0 40px}
.ba-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:stretch}
.ba-slider{position:relative;overflow:hidden;border-radius:var(--r-lg);user-select:none;width:100%;height:100%;justify-self:start;transform:translateY(-40px) scale(.7);transform-origin:left top}
.ba-before{position:relative;display:block;line-height:0;height:100%}
.ba-before img{width:100%;height:100%;object-fit:contain;object-position:center top;pointer-events:none;display:block;transform:scale(1.08);transform-origin:center top}
.ba-after{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.ba-slider.is-after-visible .ba-after{opacity:1}
.ba-after img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-handle{display:none}
.ba-handle::before,.ba-handle::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}
.ba-handle::before{top:-1px;border-bottom:8px solid #fff}
.ba-handle::after{bottom:-1px;border-top:8px solid #fff}
.ba-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.25);pointer-events:none}
.ba-label{position:absolute;top:20px;padding:6px 16px;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;border-radius:2px}
.ba-label.before{left:20px;background:rgba(30,43,53,.85);color:#fff;backdrop-filter:blur(8px)}
.ba-label.after{right:20px;background:var(--gold);color:#fff}
.ba-copy{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:0;align-items:stretch;padding:0;border:1px solid #e6e3dc;border-top:none;border-left:none}
.ba-copy-intro{display:flex;flex-direction:column;gap:18px;padding:40px;background:#fff;justify-content:center}
.ba-copy .eyebrow{display:block;margin-bottom:0;color:var(--gold)}
.ba-copy h2{font-family:"Montserrat",sans-serif;font-size:clamp(1.9rem,2.4vw,2.6rem);font-weight:300;font-style:normal;letter-spacing:-.4px;line-height:1.1;color:var(--ch);margin:0}
.ba-copy .bar{display:none}
.ba-copy-lead{font-size:.9rem;line-height:1.8;color:#4d5b64;margin:0}
.ba-copy-panel{display:flex;flex-direction:column;gap:16px;padding:40px;background:#fff;justify-content:center;position:relative}
.ba-copy-panel::before{content:"";position:absolute;top:0;left:-65px;right:0;height:1px;background:#e6e3dc}
.ba-copy-compliance-head{display:flex;align-items:center;gap:16px;justify-content:flex-start}
.ba-copy-compliance-head h3{font-family:"Montserrat",sans-serif;font-size:clamp(1.9rem,2.4vw,2.6rem);font-style:normal;line-height:1.1;color:var(--ch);font-weight:300;letter-spacing:-.4px;margin:0}
.ba-copy-heritage-mark{width:120px;height:auto;flex-shrink:0;opacity:.92}
.ba-copy-panel p{font-size:.84rem;line-height:1.78;color:#55636d;margin:0}
.ba-copy-pull{border-left:2px solid var(--gold);padding:4px 0 4px 18px;font-size:.84rem;line-height:1.7;color:#4a5a65;font-style:italic;margin:4px 0 0}
.ba-copy-pull strong{font-style:normal;color:var(--ch);font-weight:600}
.ba-copy-cta{align-self:flex-start;margin-top:6px;padding:15px 28px 15px 24px;border:1px solid rgba(183,160,121,.45);background:linear-gradient(180deg,#24323c 0%,#1b262e 100%);color:#f4efe7;box-shadow:0 16px 30px rgba(16,22,27,.16);letter-spacing:1.8px;text-transform:uppercase;font-size:.72rem;position:relative}
.ba-copy-cta::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.ba-copy-cta:hover{background:linear-gradient(180deg,#2e4454 0%,#223542 100%);color:#fff;border-color:rgba(183,160,121,.72);box-shadow:0 20px 38px rgba(16,22,27,.22);transform:translateY(-2px)}
.ba-bridge{background:#f7f3ec;padding:76px 0;border-top:1px solid rgba(30,43,53,.08);border-bottom:1px solid rgba(30,43,53,.08)}
.ba-bridge-inner{max-width:980px;margin:0 auto;text-align:center}
.ba-bridge h2{font-family:"Montserrat",sans-serif;font-size:clamp(2rem,3vw,2.8rem);font-weight:300;letter-spacing:-.4px;color:var(--ch);margin-bottom:14px}
.ba-bridge p{max-width:760px;margin:0 auto;font-size:.96rem;line-height:1.78;color:#55636d}
@media(max-width:900px){.ba-section .w{padding-right:24px}.ba-layout{grid-template-columns:1fr}.ba-slider{width:100%}.ba-copy{grid-template-columns:1fr;padding:0}.ba-copy-intro,.ba-copy-panel{padding:28px 24px}.ba-copy-panel{border-left:none;border-top:1px solid #e6e3dc}.ba-copy-compliance-head{flex-wrap:wrap}.ba-copy-heritage-mark{width:80px}}

/* ── FEATURES ──────────────────────────────── */
.features-section{background:var(--linen)}
.feat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--border);margin-top:44px}
.feat-card{background:var(--linen);padding:30px 22px 34px;transition:all var(--t)}
.feat-card:hover{background:var(--ch);transform:translateY(-4px)}
.feat-icon{width:42px;height:42px;background:var(--gold-pale);border-radius:8px;border:1px solid rgba(196,151,106,.2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background var(--t)}
.feat-card:hover .feat-icon{background:rgba(196,151,106,.15);border-color:rgba(196,151,106,.35)}
.feat-card h4{font-size:1.08rem;margin-bottom:8px;transition:color var(--t)}
.feat-card:hover h4{color:#fff}
.feat-card p{font-size:.82rem;line-height:1.72;color:var(--text);transition:color var(--t)}
.feat-card:hover p{color:rgba(255,255,255,.52)}

/* ── WHAT IS ──────────────────────────────── */
.whatis-section{background:#fff}
.whatis-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

/* ── WINDOW STYLES HEADER ──────────────────────────────── */
.styles-zone{background:#e9ecef;margin-top:230px}
.solution-detail{position:absolute;left:0;right:0;bottom:0;transform:translate(400px,calc(50% + 40px));z-index:6;text-align:center;pointer-events:none}
.solution-detail img{display:inline-block;height:248px;width:auto;max-width:90%}
@media(max-width:860px){.solution-detail img{height:auto;width:90%}}
.spec-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.spec-item{display:inline-flex;align-items:center;background:#01A4FF;border-radius:10px;padding:11px 18px;font-size:.92rem;font-weight:600;color:#fff;white-space:nowrap;line-height:1}
.spec-item:nth-child(2){transform:translateX(40px)}
.spec-item:nth-child(3){transform:translateX(80px)}
.spec-num{color:#fff;font-weight:700}
@media(max-width:600px){.spec-row{flex-direction:column;align-items:flex-start}.spec-item:nth-child(2),.spec-item:nth-child(3){transform:none}}
/* RAL COLOUR CAROUSEL (scraped, horizontal expand-on-click) */
.ralx{margin:0;max-width:none;padding:0 30px 60px;background:transparent}
.ralx > h2,.ralx > .ralx-intro,.ralx > .ralx-row,.ralx > .ralx-bar,.ralx > .ralx-items{max-width:1280px;margin-left:auto;margin-right:auto}
.ralx h2{text-align:center;margin:0 auto 16px;font-weight:300;color:var(--ch);font-size:clamp(1.5rem,2.4vw,2.1rem);letter-spacing:-.3px}
.ralx-intro{text-align:center;max-width:820px;margin:0 auto 42px;font-size:.95rem;line-height:1.75;color:#3C4E58}
.ralx h2 i{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400}
.ralx-row{display:flex;align-items:center;gap:42px}
.ralx-wheel{flex:0 0 auto;width:auto;height:240px;max-width:38%;display:block;transform:translate(-80px,-50px)}
.ralx-chart{flex:1 1 0;min-width:0}
@media(max-width:768px){.ralx-row{flex-direction:column;gap:22px}.ralx-wheel{height:140px;max-width:55%}}
.ralx-items{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.ralx-items::-webkit-scrollbar{display:none}
.ralx-track{display:flex;width:max-content}
.ralx-sw{display:flex;flex-direction:column;justify-content:space-between;min-width:30px;max-width:30px;transition:min-width .3s ease-in-out,max-width .3s ease-in-out;height:105px;margin-right:6px;position:relative;cursor:pointer;overflow:hidden}
.ralx-sw span{display:none;font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.13em;padding-left:14px}
.ralx-sw span:first-of-type{padding-top:11px;padding-right:34px}
.ralx-sw span:last-of-type{padding-bottom:13px}
.ralx-sw.open{min-width:178px;max-width:178px;cursor:default}
.ralx-sw.open span{display:block}
.ralx-x{opacity:0;position:absolute;top:11px;right:-20px;transition:right .3s linear .15s,opacity .2s;z-index:2;border:0;background:0 0;padding:0;cursor:pointer;width:14px;height:14px;color:inherit}
.ralx-sw.open .ralx-x{opacity:1;right:11px}
.ralx-x:before,.ralx-x:after{content:"";position:absolute;top:0;left:6px;display:block;border-left:2px solid currentColor;height:15px}
.ralx-x:before{transform:rotate(45deg)}
.ralx-x:after{transform:rotate(-45deg)}
.ralx-bar{padding:26px 0 4px}
.ralx-slider{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#bcbec0;border-radius:3px;outline:0;cursor:pointer}
.ralx-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#01A4FF;border:0;cursor:pointer}
.ralx-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#01A4FF;border:0;cursor:pointer}
@media(max-width:600px){.ralx-sw.open{min-width:156px;max-width:156px}}
.ralx-c9005{background:#0a0a0a;color:#fff}
.ralx-c8022{background:#212121;color:#fff}
.ralx-c8019{background:#403a3a;color:#fff}
.ralx-c7043{background:#4e5452;color:#fff}
.ralx-c7038{background:#b5b8b1;color:#363636}
.ralx-c7034{background:#8f8b66;color:#fff}
.ralx-c7033{background:#7d8471;color:#fff}
.ralx-c7032{background:#b8b799;color:#363636}
.ralx-c7030{background:#8b8c7a;color:#fff}
.ralx-c7021{background:#23282b;color:#fff}
.ralx-c7016{background:#293133;color:#fff}
.ralx-c7015{background:#434750;color:#fff}
.ralx-c7013{background:#464531;color:#fff}
.ralx-c7008{background:#6a5f31;color:#fff}
.ralx-c7006{background:#6d6552;color:#fff}
.ralx-c7004{background:#969992;color:#fff}
.ralx-c7001{background:#8a9597;color:#fff}
.ralx-c6022{background:#25221b;color:#fff}
.ralx-c6021{background:#89ac76;color:#363636}
.ralx-c6019{background:#bdecb6;color:#363636}
.ralx-c6015{background:#3b3c36;color:#fff}
.ralx-c6011{background:#587246;color:#fff}
.ralx-c6008{background:#39352a;color:#fff}
.ralx-c6003{background:#424632;color:#fff}
.ralx-c8012{background:#592321;color:#fff}
.ralx-c8004{background:#8e402a;color:#fff}
.ralx-c3011{background:#781f19;color:#fff}
.ralx-c3007{background:#412227;color:#fff}
.ralx-c3005{background:#5e2129;color:#fff}
.ralx-c3004{background:#75151e;color:#fff}
.ralx-c9007{background:#8f8f8f;color:#fff}
.ralx-c9002{background:#e7ebda;color:#363636}
.ralx-c9001{background:#fdf4e3;color:#363636}
.ralx-c1013{background:#eae6ca;color:#363636}
.ralx-c1000{background:#bebd7f;color:#363636}
.ralx-c1001{background:#c2b078;color:#363636}
.ralx-c1002{background:#c6a664;color:#363636}
.ralx-c1003{background:#e5be01;color:#363636}
.ralx-c1004{background:#cda434;color:#363636}
.ralx-c1006{background:#e4a010;color:#363636}
.ralx-c1007{background:#dc9d00;color:#363636}
.ralx-c1011{background:#8a6642;color:#fff}
.ralx-c1012{background:#c7b446;color:#363636}
.ralx-c1014{background:#e1cc4f;color:#363636}
.ralx-c1015{background:#e6d690;color:#363636}
.ralx-c1016{background:#edff21;color:#363636}
.ralx-c1017{background:#f5d033;color:#363636}
.ralx-c1018{background:#f8f32b;color:#363636}
.ralx-c1019{background:#9e9764;color:#fff}
.ralx-c1020{background:#999950;color:#fff}
.ralx-c1021{background:#f3da0b;color:#363636}
.ralx-c1023{background:#fad201;color:#363636}
.ralx-c1024{background:#aea04b;color:#fff}
.ralx-c1027{background:#9d9101;color:#fff}
.ralx-c1028{background:#f4a900;color:#363636}
.ralx-c1032{background:#d6ae01;color:#363636}
.ralx-c1034{background:#efa94a;color:#363636}
.ralx-c1035{background:#6a5d4d;color:#fff}
.ralx-c1036{background:#705335;color:#fff}
.ralx-c1247{background:#48413d;color:#fff}
.ralx-c2000{background:#ed760e;color:#363636}
.ralx-c2001{background:#c93c20;color:#fff}
.ralx-c2002{background:#cb2821;color:#fff}
.ralx-c2003{background:#ff7514;color:#363636}
.ralx-c2004{background:#f44611;color:#fff}
.ralx-c2008{background:#f75e25;color:#fff}
.ralx-c2009{background:#f54021;color:#fff}
.ralx-c2010{background:#d84b20;color:#fff}
.ralx-c2012{background:#e55137;color:#fff}
.ralx-c2013{background:#c35831;color:#fff}
.ralx-c3000{background:#af2b1e;color:#fff}
.ralx-c3001{background:#a52019;color:#fff}
.ralx-c3002{background:#a2231d;color:#fff}
.ralx-c3003{background:#9b111e;color:#fff}
.ralx-c3009{background:#642424;color:#fff}
.ralx-c3012{background:#c1876b;color:#fff}
.ralx-c3013{background:#a12312;color:#fff}
.ralx-c3014{background:#d36e70;color:#fff}
.ralx-c3015{background:#ea899a;color:#fff}
.ralx-c3016{background:#b32821;color:#fff}
.ralx-c3017{background:#e63244;color:#fff}
.ralx-c3018{background:#d53032;color:#fff}
.ralx-c3020{background:#cc0605;color:#fff}
.ralx-c3022{background:#d95030;color:#fff}
.ralx-c3027{background:#c51d34;color:#fff}
.ralx-c3031{background:#b32428;color:#fff}
.ralx-c4002{background:#922b3e;color:#fff}
.ralx-c4004{background:#641c34;color:#fff}
.ralx-c4005{background:#6c4675;color:#fff}
.ralx-c4007{background:#4a192c;color:#fff}
.ralx-c4008{background:#924e7d;color:#fff}
.ralx-c4010{background:#cf3476;color:#fff}
.ralx-c5000{background:#354d73;color:#fff}
.ralx-c5001{background:#1f3438;color:#fff}
.ralx-c5002{background:#20214f;color:#fff}
.ralx-c5003{background:#1d1e33;color:#fff}
.ralx-c5004{background:#18171c;color:#fff}
.ralx-c5005{background:#1e2460;color:#fff}
.ralx-c5007{background:#3e5f8a;color:#fff}
.ralx-c5008{background:#26252d;color:#fff}
.ralx-c5009{background:#025669;color:#fff}
.ralx-c5010{background:#0e294b;color:#fff}
.ralx-c5011{background:#231a24;color:#fff}
.ralx-c5012{background:#3b83bd;color:#fff}
.ralx-c5013{background:#2b3155;color:#fff}
.ralx-c5014{background:#606e8c;color:#fff}
.ralx-c5015{background:#2271b3;color:#fff}
.ralx-c5017{background:#063971;color:#fff}
.ralx-c5018{background:#3f888f;color:#fff}
.ralx-c5019{background:#1b5583;color:#fff}
.ralx-c5020{background:#1d334a;color:#fff}
.ralx-c5021{background:#256d7b;color:#fff}
.ralx-c5022{background:#252850;color:#fff}
.ralx-c5023{background:#49678d;color:#fff}
.ralx-c5024{background:#6c91ae;color:#fff}
.ralx-c5025{background:#2a6478;color:#fff}
.ralx-c5026{background:#102c54;color:#fff}
.ralx-c6000{background:#316650;color:#fff}
.ralx-c6001{background:#287233;color:#fff}
.ralx-c6002{background:#2d572c;color:#fff}
.ralx-c6004{background:#1f3a3d;color:#fff}
.ralx-c6005{background:#2f4538;color:#fff}
.ralx-c6006{background:#3e3b32;color:#fff}
.ralx-c6007{background:#343b29;color:#fff}
.ralx-c6009{background:#31372b;color:#fff}
.ralx-c6010{background:#35682d;color:#fff}
.ralx-c6012{background:#343e40;color:#fff}
.ralx-c6013{background:#6c7156;color:#fff}
.ralx-c6014{background:#47402e;color:#fff}
.ralx-c6016{background:#1e5945;color:#fff}
.ralx-c6017{background:#4c9141;color:#fff}
.ralx-c6018{background:#57a639;color:#fff}
.ralx-c6020{background:#2e3a23;color:#fff}
.ralx-c6024{background:#308446;color:#fff}
.ralx-c6025{background:#3d642d;color:#fff}
.ralx-c6026{background:#015d52;color:#fff}
.ralx-c6027{background:#84c3be;color:#363636}
.ralx-c6028{background:#2c5545;color:#fff}
.ralx-c6029{background:#20603d;color:#fff}
.ralx-c6032{background:#317f43;color:#fff}
.ralx-c6033{background:#497e76;color:#fff}
.ralx-c6034{background:#7fb5b5;color:#363636}
.ralx-c6035{background:#1c542d;color:#fff}
.ralx-c7000{background:#78858b;color:#fff}
.ralx-c7002{background:#7e7b52;color:#fff}
.ralx-c7003{background:#6c7059;color:#fff}
.ralx-c7005{background:#646b63;color:#fff}
.ralx-c7009{background:#4d5645;color:#fff}
.ralx-c7010{background:#4c514a;color:#fff}
.ralx-c7011{background:#434b4d;color:#fff}
.ralx-c7012{background:#4e5754;color:#fff}
.ralx-c7022{background:#332f2c;color:#fff}
.ralx-c7023{background:#686c5e;color:#fff}
.ralx-c7024{background:#474a51;color:#fff}
.ralx-c7026{background:#2f353b;color:#fff}
.ralx-c7031{background:#474b4e;color:#fff}
.ralx-c7035{background:#d7d7d7;color:#363636}
.ralx-c7036{background:#7f7679;color:#fff}
.ralx-c7037{background:#7d7f7d;color:#fff}
.ralx-c7039{background:#6c6960;color:#fff}
.ralx-c7040{background:#9da1aa;color:#fff}
.ralx-c7042{background:#8d948d;color:#fff}
.ralx-c7044{background:#cac4b0;color:#363636}
.ralx-c7045{background:#909090;color:#fff}
.ralx-c7046{background:#82898f;color:#fff}
.ralx-c7047{background:#d0d0d0;color:#363636}
.ralx-c7048{background:#898176;color:#fff}
.ralx-c8000{background:#826c34;color:#fff}
.ralx-c8001{background:#955f20;color:#fff}
.ralx-c8002{background:#6c3b2a;color:#fff}
.ralx-c8003{background:#734222;color:#fff}
.ralx-c8007{background:#59351f;color:#fff}
.ralx-c8008{background:#6f4f28;color:#fff}
.ralx-c8011{background:#5b3a29;color:#fff}
.ralx-c8014{background:#382c1e;color:#fff}
.ralx-c8015{background:#633a34;color:#fff}
.ralx-c8016{background:#4c2f27;color:#fff}
.ralx-c8017{background:#45322e;color:#fff}
.ralx-c8023{background:#a65e2e;color:#fff}
.ralx-c8024{background:#79553d;color:#fff}
.ralx-c8025{background:#755c48;color:#fff}
.ralx-c8027{background:#544c42;color:#fff}
.ralx-c8028{background:#4e3b31;color:#fff}
.ralx-c8029{background:#763c28;color:#fff}
.ralx-c8040{background:#342819;color:#fff}
.ralx-c8080{background:#361c1f;color:#fff}
.ralx-c8912{background:#402614;color:#fff}
.ralx-c9003{background:#f4f4f4;color:#363636}
.ralx-c9004{background:#282828;color:#fff}
.ralx-c9006{background:#a5a5a5;color:#fff}
.ralx-c9010{background:#fff;color:#363636}
.ralx-c9011{background:#1c1c1c;color:#fff}
.ralx-c9016{background:#f6f6f6;color:#363636}
.ralx-c9017{background:#1e1e1e;color:#fff}
.ralx-c9018{background:#d7d7d7;color:#363636}
.ralx-c9022{background:#9c9c9c;color:#fff}
.ralx-c9023{background:#828282;color:#fff}
.ralx-c9910{background:#fff;color:#363636}

.styles-header{background:transparent;position:relative;overflow:hidden}
/* Restyled window-styles intro */
.sh-intro{max-width:960px;margin:0 auto;text-align:center;padding:24px 0 0}
.sh-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px}
.sh-eyebrow i{display:inline-block;width:36px;height:1px;background:#01A4FF;flex-shrink:0}
.sh-intro h2{font-size:clamp(1.9rem,3.1vw,2.6rem);font-weight:300;color:var(--ch);letter-spacing:-.6px;line-height:1.1;margin:0 0 24px}
.sh-intro h2 em{font-style:italic;color:#01A4FF;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.4px}
.sh-lead{font-size:1.02rem;line-height:1.75;color:#3C4E58;max-width:780px;margin:0 auto 40px;font-weight:400}
.sh-lead strong{color:var(--ch);font-weight:700}
.sh-feats{display:flex;justify-content:center;flex-wrap:wrap;border-top:1px solid #b4bac0;border-bottom:1px solid #b4bac0;padding:24px 0}
.sh-feat{flex:1;min-width:160px;text-align:center;padding:0 26px;border-right:1px solid #b4bac0}
.sh-feat:last-child{border-right:none}
.sh-feat strong{display:block;font-family:"Montserrat",sans-serif;font-size:1.85rem;font-weight:300;color:#01A4FF;line-height:1;letter-spacing:-.8px;margin-bottom:7px}
.sh-feat span{display:block;font-size:.66rem;letter-spacing:1.8px;text-transform:uppercase;color:#5a6770;font-weight:700}
@media(max-width:700px){.sh-feat{flex:0 0 50%;border-right:none;border-bottom:1px solid #b4bac0;padding:18px 12px}.sh-feat:nth-last-child(-n+2){border-bottom:none}.sh-feat:nth-child(odd){border-right:1px solid #b4bac0}}
.styles-header .w{position:relative;z-index:1}
.styles-header h2{color:var(--ch)}

/* ── COLOURS ──────────────────────────────── */
.colours-section{background:#fff}
.colours-head{text-align:center;margin-bottom:32px}
.colours-head h3{margin-bottom:0}
.colours-img-row{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:28px}
.colours-img-row img{height:156px;width:auto;display:block;object-fit:contain}
.colours-foot{text-align:center;max-width:780px;margin:0 auto}
.colours-foot p{font-size:.95rem;color:var(--muted);line-height:1.78}
.styles-intro-grid{display:grid;grid-template-columns:1fr;gap:64px;align-items:center}
.styles-intro-text p{font-size:.95rem;line-height:1.8;color:#5a6770;margin-top:4px}
.styles-intro-colours{text-align:left}
.styles-intro-colours .eyebrow{color:var(--gold)}
.styles-intro-colours h3{margin-bottom:0}
.styles-intro-colours .colours-img-row{align-items:center;justify-content:center;gap:28px;margin:26px 0;padding:0;position:relative}
.styles-intro-colours .colours-img-row img{height:auto;display:block;object-fit:contain;min-width:0}
.styles-intro-colours .colours-img-row img:first-child{flex:0 0 auto;max-width:30%;max-height:200px;position:relative;z-index:1}
.styles-intro-colours .colours-img-row .ral-range{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex}
.styles-intro-colours .colours-img-row .ral-range::before{content:"";position:absolute;inset:-12% -6% -12% -28%;background:radial-gradient(ellipse at 42% center,rgba(255,255,255,.95) 0%,rgba(255,255,255,.68) 48%,rgba(255,255,255,0) 75%);z-index:0;pointer-events:none}
.styles-intro-colours .colours-img-row .ral-range img{position:relative;z-index:1;max-width:100%;max-height:272px;height:auto;display:block}
.styles-intro-colours-foot{font-size:.9rem;line-height:1.75;color:#5a6770;margin:0}
@media(max-width:900px){
  .styles-intro-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:540px){
  .styles-intro-colours{padding:24px 22px}
  .styles-intro-colours .colours-img-row{flex-direction:column;gap:20px}
  .styles-intro-colours .colours-img-row img{max-width:100%}
}

/* ── WINDOW STYLE CARDS ──────────────────────────────── */
/* ── WINDOW STYLE — 2-COL + SPEC TABLE + FEATURES PANEL ── */
.style-section{background:transparent;padding:44px 40px 144px}
/* ── Why Glasswise — 9 roundel features ─────────────── */
.why-glasswise{padding:80px 40px 110px;background:transparent}
.why-glasswise .w{max-width:1500px;margin:0 auto}
.wg-head{text-align:center;max-width:780px;margin:0 auto 56px}
.wg-head .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px;color:#01A4FF}
.wg-head .eyebrow i{display:inline-block;width:36px;height:1px;background:#01A4FF}
.wg-head h2{font-size:clamp(1.8rem,2.9vw,2.4rem);font-weight:300;color:var(--ch);letter-spacing:-.5px;line-height:1.15;margin:0 0 18px}
.wg-head h2 em{font-style:italic;color:#01A4FF;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.3px}
.wg-head p{font-size:.98rem;line-height:1.75;color:#5a6770;margin:0}
.wg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 40px;max-width:1180px;margin:0 auto}
.wg-card{background:none;border:none;padding:0;text-align:center}
.wg-img{display:block;width:122px;height:auto;margin:0 auto 18px;transition:transform .25s ease}
.wg-card:hover .wg-img{transform:scale(1.04)}
.wg-card h3{font-size:1.04rem;font-weight:700;color:var(--ch);margin:0 0 10px;letter-spacing:-.2px;line-height:1.3}
.wg-card p{font-size:.86rem;line-height:1.65;color:#5a6770;margin:0;font-weight:400;max-width:300px;margin-left:auto;margin-right:auto}
@media(max-width:1000px){.wg-grid{grid-template-columns:repeat(2,1fr);gap:40px 30px}}
@media(max-width:640px){.wg-grid{grid-template-columns:1fr;gap:36px}.why-glasswise{padding:60px 22px 70px}.wg-img{width:108px}}
/* ── Horizontal roundel feature row above Listed Buildings ─── */
.roundel-row{padding:60px 24px 100px;background:linear-gradient(180deg,#ffffff 0%,#F4FAFE 25%,#F4FAFE 75%,#ffffff 100%);margin-top:-50px;position:relative;z-index:10}
.roundel-row .w{max-width:1500px;margin:0 auto}
.rr-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:start}
.rr-item{text-align:center}
.rr-img{display:block!important;width:140px!important;height:140px!important;aspect-ratio:1/1!important;margin:0 auto 14px!important;background:#fff!important;border-radius:9999px!important;overflow:hidden!important;transition:transform .25s ease;box-shadow:0 4px 14px rgba(20,30,45,.08);position:relative}
.rr-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:9999px!important}
.rr-item:hover .rr-img{transform:scale(1.04)}
.rr-item h4{font-size:.92rem;font-weight:700;color:var(--ch);margin:0 0 8px;letter-spacing:-.2px;line-height:1.3}
.rr-item p{font-size:.76rem;line-height:1.55;color:#5a6770;margin:0;font-weight:400;max-width:200px;margin-left:auto;margin-right:auto}
@media(max-width:1200px){.rr-grid{grid-template-columns:repeat(3,1fr);gap:34px}}
@media(max-width:620px){.rr-grid{grid-template-columns:repeat(2,1fr);gap:28px}.rr-img{width:110px;height:110px}.rr-img img{width:64px;height:64px}}
.style-tabs-section{padding-top:30px;padding-bottom:24px}
.style-tab-strip{display:flex;gap:12px;max-width:1520px;margin:0 auto;flex-wrap:wrap}
.style-tab{flex:1;min-width:220px;display:flex;align-items:center;gap:15px;padding:17px 20px;background:#1E2B35;border:1px solid rgba(255,255,255,.12);border-top:3px solid transparent;cursor:pointer;text-align:left;font-family:"Montserrat",sans-serif;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.style-tab:hover{background:#28383F;border-color:rgba(255,255,255,.24);transform:translateY(-2px)}
.style-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.style-tab-no{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#9aa3ac;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:background .25s ease,color .25s ease,border-color .25s ease}
.style-tab-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.style-tab-kicker{font-size:.54rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.6);transition:color .25s ease}
.style-tab-name{font-size:.92rem;font-weight:600;color:#fff;line-height:1.2;transition:color .25s ease}
.style-tab.active{background:#fff;border-color:#fff;border-top-color:var(--gold);transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.34)}
.style-tab.active .style-tab-no{background:var(--gold);border-color:var(--gold);color:#fff}
.style-tab.active .style-tab-kicker{color:var(--gold)}
.style-tab.active .style-tab-name{color:var(--ch)}
.style-panel{display:none}
.style-panel.active{display:block;animation:stylePanelIn .45s ease both}
@keyframes stylePanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
  .style-tab{min-width:calc(50% - 6px)}
}
@media(prefers-reduced-motion:reduce){
  .style-tab,.style-tab.active{transform:none}
  .style-panel.active{animation:none}
}
.style-card{max-width:1520px;margin:0 auto;border-top:3px solid var(--gold);box-shadow:0 16px 42px rgba(20,30,45,.16),0 3px 12px rgba(20,30,45,.09)}
.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-radius:6px;max-width:none;margin:0;padding:0}
.style-img-col{order:2;padding:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e6e6e6;border-left:none;border-radius:0 6px 6px 0;overflow:hidden}
.style-img-col .product-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:380px}
.style-img-col img.product-img{width:100%;height:auto;max-height:460px;object-fit:contain;padding:32px}
.style-img-col .profile-wrap{border-top:1px solid #ececec;background:#fff;padding:16px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative}
.style-img-col .profile-wrap .profile-meta-label{font-size:.66rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#6a747e;margin:0}
.style-img-col .profile-wrap img{max-height:140px;width:auto;max-width:100%;object-fit:contain;display:block;align-self:flex-start;cursor:zoom-in;transition:transform .3s ease}
.style-img-col .profile-wrap:hover img{transform:scale(1.04)}
.style-img-col .profile-wrap::after{content:"⤢ Click to enlarge";position:absolute;bottom:14px;right:18px;font-size:.58rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;background:rgba(20,30,45,.85);padding:6px 11px;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.style-img-col .profile-wrap:hover::after{opacity:1;transform:translateY(0)}
.profile-lightbox{position:fixed;inset:0;background:rgba(14,19,28,.92);display:flex;align-items:center;justify-content:center;padding:48px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.profile-lightbox.open{opacity:1;visibility:visible}
.profile-lightbox img{max-width:92vw;max-height:86vh;width:auto;height:auto;object-fit:contain;background:#fff;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.55);transform:scale(.96);transition:transform .3s ease}
.profile-lightbox.open img{transform:scale(1)}
.profile-lightbox-close{position:absolute;top:22px;right:30px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;line-height:1;color:#fff;background:rgba(255,255,255,.12);border:none;cursor:pointer;transition:background .2s ease}
.profile-lightbox-close:hover{background:rgba(255,255,255,.25)}
.style-text-col{order:1;padding:0;background:#fff;border:1px solid #e6e6e6;border-radius:6px 0 0 6px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}
.style-text-col-inner{padding:32px 32px 24px}
.style-text-col h3{margin-bottom:10px}
.style-text-col > .style-text-col-inner > p{font-size:.86rem;line-height:1.7;color:var(--text);margin-bottom:14px}

/* Highlights row — under description */
.ws-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.ws-highlight{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;letter-spacing:.4px;color:var(--ch);background:#f3f3f3;border:1px solid #e6e6e6;padding:5px 11px;border-radius:50px}
.ws-highlight svg{color:var(--gold);flex-shrink:0;width:11px;height:11px}

/* spec table */
.ws-spec-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:8px;border:1px solid #e6e6e6}
.ws-spec-table tr{border-bottom:1px solid #e6e6e6;transition:background .2s ease}
.ws-spec-table tr:last-child{border-bottom:none}
.ws-spec-table tr:nth-child(odd){background:#f6f7f9}
.ws-spec-table tr:hover{background:#eef1f4}
.ws-spec-table th{text-align:left;padding:8px 14px;color:#6a747e;font-weight:500;font-size:.68rem;letter-spacing:1.3px;text-transform:uppercase;width:44%;vertical-align:middle}
.ws-spec-table td{text-align:left;padding:8px 14px;color:var(--ch);font-weight:500;font-size:.82rem;vertical-align:middle}
.ws-spec-table td strong{font-weight:600;color:var(--ch)}
.ws-spec-table td .badge{display:inline-block;font-size:.64rem;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);background:rgba(77,108,140,.1);padding:2px 9px;border-radius:2px}

/* Features panel UNDERNEATH each window style */
.style-feat-panel{background:#fff;border:1px solid #e6e6e6;border-top:none;margin-top:0;display:flex;align-items:stretch;max-width:none;width:100%;margin-left:0;margin-right:0}
.feat-title{font-size:.64rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--ch);padding:0 18px;background:#f7f8f9;margin:0;display:flex;align-items:center;border-right:1px solid #e6e6e6;border-left:3px solid var(--gold);flex-shrink:0;white-space:nowrap}
.feat-items{display:flex;flex:1;align-items:stretch}
.fi{display:flex;align-items:center;gap:7px;font-size:.74rem;color:var(--ch);font-weight:500;white-space:nowrap;padding:10px 14px;border-right:1px solid #e6e6e6;background:#fff;transition:background .2s ease;flex:1;justify-content:center;min-width:0}
.fi:hover{background:#f3f3f3}
.fi svg{color:var(--gold);flex-shrink:0;width:10px;height:10px}
.enquire-btn{display:flex;align-items:center;gap:8px;justify-content:center;padding:0 24px;background:var(--ch);color:#fff;font-weight:600;font-size:.7rem;letter-spacing:1.4px;text-transform:uppercase;transition:all var(--t);cursor:pointer;border:none;border-left:1px solid #e6e6e6;font-family:"Montserrat",sans-serif;white-space:nowrap;flex-shrink:0}
.enquire-btn:hover{background:var(--gold)}

@media(max-width:1300px){
  .fi{font-size:.7rem;padding:10px 8px;gap:6px}
  .feat-title{padding:0 12px}
  .enquire-btn{padding:0 18px;font-size:.66rem}
}
@media(max-width:1200px){
  .style-section{padding:20px 40px}
}
@media(max-width:900px){
  .style-section{padding:16px 20px}
  .style-grid{grid-template-columns:1fr}
  .style-feat-panel{flex-direction:column;align-items:stretch}
  .feat-title{padding:10px 14px;border-right:none;border-bottom:1px solid #e6e6e6}
  .feat-items{flex-direction:column}
  .fi{border-right:none;border-bottom:1px solid #e6e6e6;justify-content:flex-start}
  .enquire-btn{padding:14px 24px}
}

/* ── GALLERY (premium uniform-height carousel) ────────── */
.gallery-section{background:#fafafa;padding:96px 0 110px;border-top:none;margin-top:50px}
.gallery-section .w{max-width:none;padding:0 24px}
.gal-head{text-align:center;max-width:720px;margin:0 auto 50px;padding:0 20px}
.gal-head .eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:18px;color:#01A4FF}
.gal-head .eyebrow i{display:inline-block;width:36px;height:1px;background:#01A4FF}
.gal-head h2{font-size:clamp(1.9rem,3.1vw,2.6rem);font-weight:300;color:var(--ch);letter-spacing:-.6px;line-height:1.1;margin:0 0 18px}
.gal-head h2 em{font-style:italic;color:#01A4FF;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.4px}
.gal-head p{font-size:1rem;line-height:1.75;color:#5a6770;margin:0;font-weight:400}
.gal-carousel{position:relative}
.gal-track-wrap{overflow-x:auto;overflow-y:hidden;padding:6px 24px 14px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.gal-track-wrap::-webkit-scrollbar{display:none}
.gal-track{display:flex;gap:16px;width:max-content}
.gal-card{flex:0 0 auto;height:420px;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:#eef0f3;box-shadow:0 2px 10px rgba(20,30,45,.06);transition:transform .3s ease,box-shadow .3s ease;scroll-snap-align:start;text-decoration:none;color:inherit}
.gal-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(20,30,45,.14)}
.gal-card img{height:100%;width:auto;display:block;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.gal-card:hover img{transform:scale(1.05)}
.gal-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(15,18,21,.78) 0%,rgba(15,18,21,.3) 35%,rgba(15,18,21,0) 65%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.gal-card:hover::after{opacity:1}
.gal-card .gal-cap{position:absolute;bottom:20px;left:22px;right:22px;color:#fff;font-size:.84rem;font-weight:600;letter-spacing:.3px;line-height:1.35;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;z-index:2;pointer-events:none}
.gal-card:hover .gal-cap{opacity:1;transform:translateY(0)}
.gal-card .gal-cap small{display:block;font-size:.62rem;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.85);font-weight:700;margin-bottom:6px}
.gal-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1452px;margin:28px auto 0;padding:0 30px}
.gal-progress{flex:1;height:2px;background:#b4bac0;border-radius:2px;position:relative;overflow:hidden}
.gal-progress span{position:absolute;top:0;left:0;height:100%;width:25%;background:#01A4FF;border-radius:2px;transition:width .25s ease,transform .25s ease}
.gal-nav{display:flex;gap:8px;flex-shrink:0}
.gal-nav button{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid #d8dde1;color:var(--ch);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease,opacity .2s ease}
.gal-nav button:hover:not(:disabled){background:#01A4FF;border-color:#01A4FF;color:#fff;transform:translateY(-2px)}
.gal-nav button:disabled{opacity:.3;cursor:not-allowed}
.gal-nav svg{width:16px;height:16px}
.gal-nav-prev svg{transform:rotate(180deg)}
@media(max-width:760px){.gal-card{height:300px}.gal-foot{padding:0 20px;gap:14px}.gal-nav button{width:38px;height:38px}}

/* ── SOUNDPROOFING ──────────────────────────────── */
.sound-section{background:#fff;overflow:visible;position:relative;padding-top:78px;padding-bottom:78px}
.sound-bg{display:block;position:absolute;inset:0;z-index:0}
.sound-bg img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.sound-overlay{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,22,30,.86) 0%,rgba(15,22,30,.72) 55%,rgba(15,22,30,.55) 100%)}
.sound-content h2{color:#fff!important}
.sp-sub{display:block;font-size:calc(1em - 5px);color:#5fc4ff;font-weight:300}
.sound-lead{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.85);max-width:480px;margin-top:4px}
.sound-body{color:rgba(255,255,255,.82)!important}
.sound-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.sound-content h2{color:var(--ch)}
.reduce-img{margin:20px 0 16px}
.reduce-img img{max-width:320px;height:auto}
.sound-body{font-size:.88rem;line-height:1.8;color:#5a6770}
.sound-img-col{position:relative}
.sound-img-col .sound-window{position:absolute;left:50%;bottom:-291px;transform:translateX(calc(-80% + 210px));width:88.3%;max-width:none;max-height:none;height:auto;display:block;z-index:3}
.sound-img-col .sound-noise{position:absolute;left:50%;bottom:-209px;transform:translateX(calc(-205% + 570px));width:62.2%;max-width:none;height:auto;display:block;z-index:4}
.sg-box{background:#F4F1EC;border:1px solid #e6e3dc;padding:22px 26px;margin-top:24px;display:flex;align-items:flex-start;gap:16px}
.sg-box img{height:26px;object-fit:contain;flex-shrink:0;margin-top:3px}
.sg-box-text strong{display:block;font-size:.83rem;color:var(--ch);font-weight:700;margin-bottom:4px}
.sg-box-text span{font-size:.79rem;color:#5a6770;line-height:1.65}

/* ── HOW IT WORKS HEADER ──────────────────────────────── */
.hiw-head{background:#fff;margin:0;padding:0}
.hiw-head-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;max-width:1600px;margin:0 auto;padding:60px 40px}
.hiw-head-text h2{margin-bottom:14px}
.hiw-head-text .bar{margin:14px 0 22px}
.hiw-head-text p{color:#5a6770;font-size:.95rem;line-height:1.85;max-width:780px;margin:0}
.hiw-head-text{border-right:1px solid #d8dadc;padding-right:48px}
.hiw-head-text h2{white-space:nowrap;font-size:clamp(1.5rem,2.4vw,2.4rem)}
.hiw-head-right{display:block;padding-left:0}
.hiw-element{background:linear-gradient(90deg,#e8f1f8 0%,#ffffff 55%);padding:22px 26px}
.hiw-element-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
.hiw-element-title{flex:1;min-width:0}
.hiw-element-title h3{font-size:clamp(1.35rem,1.9vw,1.65rem);font-weight:300;color:var(--ch);margin:6px 0 0;line-height:1.2;letter-spacing:-.3px}
.hiw-element-title .bar{margin:12px 0 0}
.hiw-element-logo{height:48px;width:auto;object-fit:contain;flex-shrink:0}
.hiw-element-body{display:grid;grid-template-columns:1fr 160px;gap:22px;align-items:center;margin-top:20px}
.hiw-element-text{display:flex;flex-direction:column;gap:10px;min-width:0}
.hiw-element-spec{font-size:.78rem;color:var(--ch);font-weight:400;line-height:1.55;margin:0}
.hiw-element-spec strong{font-weight:600}
.hiw-element-desc{font-size:.78rem;line-height:1.65;color:#5a6770;margin:0}
.hiw-element-img{display:flex;align-items:center;justify-content:center}
.hiw-element-img img{max-height:140px;max-width:100%;width:auto;height:auto;object-fit:contain}
.hiw-head-logo{display:flex;justify-content:center;align-items:center}
.hiw-head-logo img{max-width:100%;max-height:105px;width:auto;object-fit:contain}
.hiw-head-credit{display:flex;flex-direction:column;gap:6px}
.hiw-credit-label{font-size:.6rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}
.hiw-head-credit p{font-size:.82rem;line-height:1.6;color:#5a6770;margin:0}
@media(max-width:860px){
  .hiw-head{grid-template-columns:1fr;gap:30px}
  .hiw-head-text{border-right:none;border-bottom:1px solid #d8dadc;padding-right:0;padding-bottom:30px}
  .hiw-head-right{padding-top:0}
  .hiw-head-logo{justify-content:flex-start}
}

/* ── ACOUSTIC GLASS PANEL ──────────────────────────────── */
.glass-tech{position:relative;display:grid;grid-template-columns:1.15fr 1fr;column-gap:64px;row-gap:36px;align-items:center;max-width:1200px;margin:90px 0 0;padding:54px 0 0;border-top:1px solid #e6e3dc}
.glass-tech::before{content:"01";position:absolute;top:30px;right:8px;font-family:"Montserrat",sans-serif;font-size:8rem;font-weight:300;color:rgba(30,43,53,.05);line-height:.85;letter-spacing:-4px;pointer-events:none;z-index:0}
.glass-tech-info{position:relative;z-index:1;text-align:left;display:flex;flex-direction:column}
.glass-tech-logo{max-width:160px;max-height:50px;width:auto;height:auto;object-fit:contain;align-self:flex-start;margin-bottom:22px;transform:none}
.glass-tech-info h3{font-size:clamp(1.55rem,2.2vw,2rem);font-weight:300;color:var(--ch);margin:8px 0 16px;line-height:1.18;letter-spacing:-.4px}
.glass-tech-info p{font-size:.92rem;line-height:1.85;color:#5a6770;margin:0;max-width:560px}
.glass-tech-img-col{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.glass-tech-section{max-width:100%;max-height:310px;width:auto;height:auto;object-fit:contain}
.glass-tech-specs{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #e6e3dc;margin-top:8px;padding-top:30px;padding-bottom:6px}
.gt-spec{padding:0 28px;display:flex;flex-direction:column;gap:8px}
.gt-spec:first-child{padding-left:0}
.gt-spec + .gt-spec{border-left:1px solid #e6e3dc}
.gt-spec-num{font-family:"Montserrat",sans-serif;font-size:1.9rem;font-weight:300;color:var(--ch);line-height:1;letter-spacing:-.6px}
.gt-spec-num small{font-size:.88rem;color:var(--gold);font-weight:500;margin-left:2px}
.gt-spec-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1.8px;color:#8a939b;font-weight:700;line-height:1.45}
@media(max-width:860px){
  .glass-tech{grid-template-columns:1fr;gap:36px;padding:40px 0 0;margin-top:60px}
  .glass-tech::before{font-size:5.4rem;top:20px}
  .glass-tech-specs{grid-template-columns:1fr;gap:18px;padding-top:24px}
  .gt-spec{padding:0}
  .gt-spec + .gt-spec{border-left:none;border-top:1px solid #e6e3dc;padding-top:18px}
}

/* ── INLINE GLASS BLOCK (inside Element 02 column) ──────────────────────────────── */
.glass-inline{margin-top:36px;padding-top:30px;border-top:1px solid #e6e3dc}
.glass-inline-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:8px}
.glass-inline-title{flex:1;min-width:0}
.glass-inline-body{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:18px}
.glass-inline-text{display:flex;flex-direction:column;gap:12px;min-width:0}
.glass-inline-logo{height:56px;width:auto;object-fit:contain;flex-shrink:0;margin:0}
@media(max-width:600px){
  .glass-inline-head{flex-direction:column;align-items:flex-start;gap:14px}
  .glass-inline-logo{height:44px}
}
.glass-inline-spec{font-size:.82rem;color:var(--ch);font-weight:400;line-height:1.5;margin:0}
.glass-inline-spec strong{font-weight:600}
.glass-inline-desc{font-size:.82rem;line-height:1.7;color:#5a6770;margin:0}
.glass-inline-img{display:flex;align-items:center;justify-content:center}
.glass-inline-img img{max-height:140px;width:auto;object-fit:contain}
@media(max-width:860px){
  .glass-inline-body{grid-template-columns:1fr;gap:18px}
  .glass-inline-img{justify-content:flex-start}
  .glass-inline-img img{max-height:100px}
}

/* ── COMPACT GLASS STRIP ──────────────────────────────── */
.glass-strip{background:#fff;width:100%;border-top:1px solid #e6e3dc}
.glass-strip-inner{max-width:1600px;margin:0 auto;padding:26px 40px;display:grid;grid-template-columns:80% 20%;align-items:center;gap:32px}
.glass-strip-text{display:flex;align-items:center;gap:24px;min-width:0}
.gs-logo{height:50px;width:auto;object-fit:contain;flex-shrink:0}
.gs-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.gs-eyebrow{font-size:.58rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}
.gs-title{font-size:.86rem;color:var(--ch);font-weight:400;line-height:1.4}
.gs-title strong{font-weight:600}
.gs-desc{font-size:.78rem;line-height:1.6;color:#5a6770;margin:2px 0 0;max-width:780px}
.glass-strip-img{display:flex;justify-content:flex-end;align-items:center}
.glass-strip-img img{max-height:96px;width:auto;object-fit:contain}
@media(max-width:860px){
  .glass-strip-inner{grid-template-columns:1fr;padding:20px 24px;gap:18px}
  .glass-strip-img{justify-content:flex-start}
  .glass-strip-img img{max-height:64px}
}

/* ── ACOUSTIC PERFORMANCE INFOGRAPHIC ──────────────────────────────── */
.acoustic-perf{background:#ffffff;padding:90px 0 80px;width:100%;margin:0;position:relative;overflow:hidden}
.acoustic-perf-inner{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:0 40px;text-align:left}
.acoustic-perf-head{margin:0 0 50px;max-width:920px}
.acoustic-perf-head .eyebrow{color:var(--gold)!important}
.acoustic-perf-head h3{font-size:clamp(1.5rem,2.1vw,1.95rem);font-weight:300;color:var(--ch);margin:8px 0 14px;line-height:1.18;letter-spacing:-.3px;white-space:nowrap;text-align:left}
.acoustic-perf-head p{font-size:.9rem;line-height:1.8;color:#5a6770;margin:0;max-width:760px;text-align:left}
.ap-twocol{display:grid;grid-template-columns:1.9fr 1fr;gap:36px;align-items:end;max-width:1400px;margin:0}
.ap-left{display:flex;flex-direction:column;gap:36px}
.ap-spec-panel{background:#fff;border:1px solid #b4bac0;padding:28px 30px;display:flex;flex-direction:column;gap:16px}
.ap-spec-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #e6e8eb}
.ap-spec-logo{height:38px;width:auto;object-fit:contain}
.ap-spec-tag{font-size:.6rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ch)}
.ap-spec-img-wrap{display:flex;justify-content:center;align-items:center;padding:6px 0}
.ap-spec-img{max-width:100%;max-height:140px;width:auto;object-fit:contain}
.ap-spec-rows{display:flex;flex-direction:column;gap:0}
.ap-spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:10px 12px;border-left:3px solid #b9d2e1}
.ap-spec-row:nth-child(1){background:#f0f6fa;border-left-color:#7a9fb6}
.ap-spec-row:nth-child(2){background:#e7eff6;border-left-color:#5a87a4}
.ap-spec-row:nth-child(3){background:#dee8f2;border-left-color:#4d7a92}
.ap-spec-row:nth-child(4){background:#d4e0ed;border-left-color:#2f5a76}
.ap-spec-row:nth-child(5){background:#c8d8e6;border-left-color:#345e7c}
.ap-spec-row:nth-child(6){background:#b8ccdf;border-left-color:#142b3a}
.ap-spec-row:nth-child(7){background:#eef2f5;border-left-color:#8a939b}
.ap-spec-row span{color:#7a8088;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;font-size:.58rem}
.ap-spec-row strong{color:var(--ch);font-weight:600;text-align:right;font-size:.78rem;white-space:nowrap}
.ap-chart{max-width:none;margin:0;text-align:left}
.ap-chart-rows{display:flex;flex-direction:column;gap:20px}
.ap-row{display:grid;grid-template-columns:160px 1fr 100px;gap:24px;align-items:center}
.ap-row-cavity{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.ap-row-mm{font-family:"Montserrat",sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.5px;color:var(--ch)}
.ap-row-tag{font-size:.5rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;padding:3px 8px;background:#345e7c;color:#fff}
.ap-row-best .ap-row-tag{background:#142b3a}
.ap-row-track{height:26px;background:#e8edf1;position:relative;overflow:hidden}
.ap-row-bar{height:100%;background:linear-gradient(90deg,#c2dbe9 0%,#7a9fb6 100%);transition:width .9s ease,filter .3s ease;box-shadow:inset 0 -2px 0 rgba(0,0,0,.04)}
.ap-row:nth-child(2) .ap-row-bar{background:linear-gradient(90deg,#9ec0d6 0%,#5a87a4 100%)}
.ap-row:nth-child(4) .ap-row-bar{background:linear-gradient(90deg,#5184a3 0%,#2f5a76 100%)}
.ap-row-rec .ap-row-bar{background:linear-gradient(90deg,#7099B4 0%,#345e7c 100%)}
.ap-row-best .ap-row-bar{background:linear-gradient(90deg,#2d556d 0%,#142b3a 100%)}
.ap-row:hover .ap-row-bar{filter:brightness(1.06)}
.ap-row-val{font-family:"Montserrat",sans-serif;font-size:1.55rem;font-weight:300;color:var(--ch);letter-spacing:-1px;text-align:left;line-height:1;white-space:nowrap}
.ap-row-val small{font-size:.6rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#5b8aa6;margin-left:2px;vertical-align:top;display:inline-block;transform:translateY(3px)}
.ap-row-rec .ap-row-val small{color:#345e7c}
.ap-row-best .ap-row-val small{color:#142b3a}
.ap-chart-scale{display:grid;grid-template-columns:160px 1fr 100px;gap:24px;margin-top:14px;padding-top:14px;border-top:1px dashed #d8dde1;align-items:center}
.ap-chart-scale-ticks{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700;letter-spacing:1px;color:#7a8088}
.ap-chart-scale-unit{font-size:.58rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#7a8088;text-align:left}

.ap-context{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:1400px;margin:40px 0 0;text-align:left;padding:0}
.ap-ctx{background:linear-gradient(135deg,#f4f8fc 0%,#e1ecf5 100%);border:1px solid #d8e3ec;padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-align:left}
.ap-ctx:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(20,30,45,.12);border-color:#9bbed1}
.ap-ctx-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #e6e8eb}
.ap-ctx-cavity{font-size:.7rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--ch)}
.ap-ctx-db{font-family:"Montserrat",sans-serif;font-size:1.05rem;font-weight:600;color:#5b8aa6;letter-spacing:-.3px;line-height:1}
.ap-ctx-db small{font-size:.55rem;font-weight:700;color:#5b8aa6;letter-spacing:1.2px;text-transform:uppercase;margin-left:2px;vertical-align:top;display:inline-block;transform:translateY(2px)}
.ap-ctx p{font-size:.72rem;line-height:1.6;color:#5a6770;margin:0;text-align:left}
.ap-ctx p em{font-style:normal;display:block;color:#7a8088;font-size:.62rem;font-weight:600;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}
.ap-ctx-rec{border-color:#3a6378;background:linear-gradient(135deg,#eaf2f8 0%,#cfe0ed 100%)}
.ap-ctx-rec .ap-ctx-cavity,.ap-ctx-rec .ap-ctx-db,.ap-ctx-rec .ap-ctx-db small{color:#3a6378}
.ap-ctx-rec p em{color:#3a6378}
.ap-ctx-best{border-color:#142b3a;background:linear-gradient(135deg,#e2edf5 0%,#bfd5e6 100%)}
.ap-ctx-best .ap-ctx-cavity,.ap-ctx-best .ap-ctx-db,.ap-ctx-best .ap-ctx-db small{color:#142b3a}
.ap-ctx-best p em{color:#142b3a}

.ap-footnote{font-size:.72rem;line-height:1.65;color:#7a8088;margin:36px 0 0;max-width:820px;font-style:italic;text-align:left;padding-bottom:100px}
@media(max-width:1100px){
  .ap-twocol{grid-template-columns:1fr;gap:36px}
}
@media(max-width:860px){
  .ap-row{grid-template-columns:110px 1fr 78px;gap:14px}
  .ap-chart-scale{grid-template-columns:110px 1fr 78px;gap:14px}
  .ap-row-mm{font-size:.95rem}
  .ap-row-val{font-size:1.35rem}
  .ap-context{grid-template-columns:1fr 1fr;padding:0 12px}
}
@media(max-width:600px){
  .ap-row{grid-template-columns:90px 1fr 68px;gap:10px}
  .ap-chart-scale{grid-template-columns:90px 1fr 68px;gap:10px}
  .ap-row-mm{font-size:.88rem}
  .ap-row-val{font-size:1.2rem}
  .ap-context{grid-template-columns:1fr}
  .acoustic-perf-head h3{white-space:normal;font-size:1.4rem}
}

/* ── ACOUSTIC CTA STRIP ──────────────────────────────── */
.cta-acoustic{position:relative;overflow:visible;padding:20px 0 220px;background:#f7f9fb}
.cta-acoustic::before{display:none}
.cta-acoustic .w{position:relative;z-index:1}
.cta-acoustic-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.cta-acoustic-pitch{color:var(--ch);text-align:left}
.cta-acoustic-pitch h2,.cta-acoustic-pitch p{text-align:left}
.cta-acoustic-pitch .cta-contacts,.cta-acoustic-pitch .cta-trust{justify-content:flex-start}
.cta-acoustic-pitch h2{color:var(--ch);font-weight:300;margin:10px 0 20px;line-height:1.18;letter-spacing:-.5px;font-size:clamp(1.7rem,2.6vw,2.4rem)}
.cta-headline-accent{color:#8a1c1c;font-weight:500}
.cta-headline-sub{display:block;margin-top:22px;font-weight:500;color:var(--ch);font-size:clamp(1.05rem,1.5vw,1.4rem)}
.cta-contact-box{background:rgba(15,22,30,.78);padding:28px 32px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(6px)}
.cta-contact-box .cta-contacts{margin-bottom:0;gap:44px}
.cta-contact-box .cta-trust{color:rgba(255,255,255,.65);border-top:1px solid rgba(255,255,255,.1);padding-top:18px}
.cta-contact-box .cta-trust-dot{background:rgba(255,255,255,.35)}
.cta-contact-box .cta-contact{color:#fff;gap:16px}
.cta-contact-box .cta-contact-icon{background:transparent;border:none;color:#5fc4ff;width:auto;height:auto;padding:0}
.cta-contact-box .cta-contact-icon svg{width:28px;height:28px;stroke-width:1.6}
.cta-contact-box .cta-contact:hover .cta-contact-icon{background:transparent;color:#7fd3ff}
.cta-acoustic-pitch > p{font-size:.94rem;line-height:1.8;color:#4a5560;margin:0 0 30px;max-width:580px}
.cta-acoustic-pitch > p strong{color:var(--ch);font-weight:600}
.cta-contacts{display:flex;gap:36px;flex-wrap:wrap;margin-bottom:28px}
.cta-contact{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ch);transition:transform .25s ease}
.cta-contact:hover{transform:translateX(3px)}
.cta-contact-icon{width:auto;height:auto;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--ch);flex-shrink:0;padding:0}
.cta-contact-icon svg{width:34px;height:34px;stroke-width:1.7}
.cta-contact:hover .cta-contact-icon{color:#3a4a55}
.cta-contact-text{display:flex;flex-direction:column;gap:2px}
.cta-contact-label{font-size:.78rem;font-weight:700;letter-spacing:1.9px;text-transform:uppercase;color:#7a8088}
.cta-contact-text strong{font-size:1.55rem;color:var(--ch);font-weight:700;letter-spacing:.3px}
.cta-trust{font-size:.66rem;letter-spacing:1.4px;text-transform:uppercase;color:#7a8088;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-weight:600}
.cta-trust-dot{width:3px;height:3px;background:#bcc1c6;display:inline-block}
.cta-acoustic-form{background:#F0F5FB;border:1px solid #d8e3ec;padding:34px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 60px rgba(20,30,45,.16);margin-top:-115px;position:relative;z-index:2}
.cta-form-head{margin:-34px -32px 14px;padding:24px 32px;background:#cfddea;border-bottom:1px solid #b9cbdc}
.cta-form-eyebrow{display:block;font-size:.58rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.cta-form-head h3{font-family:"Montserrat",sans-serif;font-size:1.35rem;font-weight:300;color:var(--ch);margin:0;line-height:1.2;letter-spacing:-.2px}
.cta-fg{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.cta-fg label{font-size:.56rem;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#5a6770}
.cta-fg-optional{color:#9aa3ac;font-weight:500;text-transform:none;letter-spacing:.3px}
.cta-fg input,.cta-fg select{background:#fff;border:1px solid #d3dde5;color:var(--ch);padding:12px 14px;font-family:"Montserrat",sans-serif;font-size:.84rem;outline:none;transition:border-color .25s ease,box-shadow .25s ease}
.cta-fg input:focus,.cta-fg select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(196,151,106,.12)}
.cta-fg input::placeholder{color:#a8aeb4}
.cta-fg-row{display:flex;gap:12px}
.cta-form-btn{background:var(--ch);color:#fff;border:none;padding:16px 22px;font-family:"Montserrat",sans-serif;font-size:.74rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:10px}
.cta-form-btn:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 14px 28px rgba(20,30,45,.22)}
.cta-form-fine{font-size:.66rem;color:#7a8088;text-align:center;margin:6px 0 0;letter-spacing:.5px}
@media(max-width:960px){
  .cta-acoustic{padding:70px 0}
  .cta-acoustic-grid{grid-template-columns:1fr;gap:44px}
  .cta-fg-row{flex-direction:column;gap:14px}
}

/* ── INSTALLATION ──────────────────────────────── */
.install-section{background:#fff}
.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:stretch}
.install-gif{align-self:start;max-height:600px;display:flex;margin-left:calc(-1 * max(40px,(100vw - 1600px)/2 + 40px));width:calc(100% + max(40px,(100vw - 1600px)/2 + 40px))}
.install-gif img{width:100%;height:auto;max-height:600px;object-fit:cover;box-shadow:var(--sh-lg)}
.install-text{background:linear-gradient(90deg,#e8f1f8 0%,#ffffff 55%);padding:40px 44px;margin-top:-30px}
.install-body{font-size:.88rem;line-height:1.8;color:var(--text)}
.install-body ul{padding-left:0;display:flex;flex-direction:column;gap:16px;margin-top:16px}
.install-body li{padding-left:22px;position:relative;font-size:.87rem;color:var(--text);line-height:1.74}
.install-body li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--gold);border-radius:50%}
.airgap-key{background:#f5f6f7;border:1px solid #b1d3e6;padding:20px 24px;margin-top:26px}
.airgap-key-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:#3a6378;margin-bottom:14px}
.airgap-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:0}
.airgap-card{display:flex;gap:14px;align-items:flex-start}
.airgap-card img{height:60px;width:60px;object-fit:contain;flex-shrink:0}
.airgap-card p{font-size:.79rem;color:var(--text);line-height:1.65}

/* ── THERMAL ──────────────────────────────── */
.thermal-section{background:#fff;overflow:visible;position:relative;padding-top:35px;padding-bottom:78px;margin-top:0}
.thermal-bg{display:block;position:absolute;inset:0;z-index:0;overflow:hidden}
.thermal-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transform:scaleX(-1)}
.thermal-overlay{display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(15,22,30,.86) 0%,rgba(15,22,30,.72) 55%,rgba(15,22,30,.55) 100%)}
.thermal-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.thermal-content h2{color:#fff!important}
.thermal-lead{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.85);max-width:480px;margin-top:4px}
.thermal-lead-img{display:block;width:130%;max-width:none;height:auto;max-height:none;object-fit:contain;object-position:left center;margin:22px 0 0;filter:brightness(0) invert(1) opacity(.92)}
.thermal-img-col{position:relative}
.thermal-img-col .thermal-window{position:absolute;left:50%;bottom:-159px;transform:translateX(calc(-80% + 210px));width:88.3%;max-width:none;max-height:none;height:auto;display:block;z-index:3}
@media(max-width:1100px){
  .thermal-section{padding-top:64px;padding-bottom:64px}
  .thermal-grid{grid-template-columns:1fr;gap:30px}
  .thermal-img-col .thermal-window{position:relative;left:auto;bottom:auto;transform:none;width:100%;max-height:380px;object-fit:contain}
}
.thermal-extra{background:#fff}
.thermal-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1600px;margin:0 auto}
.thermal-extra-text p{font-size:.92rem;line-height:1.8;color:#5a6770;margin:0 0 16px}
.thermal-extra-text p:last-child{margin-bottom:0}
.thermal-extra-text p strong{color:var(--ch);font-weight:600}
.thermal-extra-img{display:flex;justify-content:center;align-items:center}
.thermal-extra-img img{width:100%;height:auto;max-height:340px;object-fit:contain}
@media(max-width:900px){.thermal-extra-grid{grid-template-columns:1fr;gap:32px}}
.thermal-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.thermal-img img{width:100%;height:auto;object-fit:contain}
.thermal-benefits-img{margin-top:32px;border-radius:var(--r);overflow:hidden}
.thermal-benefits-img img{width:100%;height:auto}

/* ── PILKINGTON ──────────────────────────────── */
.pilk-section{background:var(--linen)}
.pilk-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.pilk-logo{max-height:50px;object-fit:contain;margin-bottom:20px}
.sash-img{width:100%;border-radius:var(--r-xl);box-shadow:var(--sh-lg);max-height:380px;object-fit:cover}

/* ── CTA BANNER ──────────────────────────────── */
.cta-section{overflow:hidden;position:relative}
.cta-bg{position:absolute;inset:0}
.cta-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.cta-overlay{position:absolute;inset:0;background:linear-gradient(108deg,rgba(30,43,53,.97) 0%,rgba(30,43,53,.82) 55%,rgba(30,43,53,.42) 100%)}
.cta-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;gap:64px;align-items:center}
.cta-inner h2{color:#fff;margin-bottom:14px;max-width:580px}
.cta-inner .lead{color:rgba(255,255,255,.58);max-width:500px;margin-bottom:28px}
.cta-feats{display:flex;flex-wrap:wrap;gap:18px}
/* ── Process migrated into CTA — dark-mode overrides ── */
.cta-process{position:relative;z-index:2;margin-top:64px;padding-top:50px;border-top:1px solid rgba(255,255,255,.15)}
.cta-process .process-head{text-align:center;margin-bottom:42px;max-width:none}
.cta-process .process-head h2{color:#fff;font-weight:300;font-size:clamp(1.4rem,2.2vw,2rem);margin:0;white-space:normal;letter-spacing:-.3px}
.cta-process .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.cta-process .process-grid::before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:2px;background:rgba(255,255,255,.18);z-index:0}
.cta-process .process-step{background:transparent;border:none;border-radius:0;padding:0 22px;box-shadow:none}
.cta-process .process-step:hover{transform:translateY(-4px);box-shadow:none;border-color:transparent}
.cta-process .ps-badge{color:rgba(255,255,255,.14)}
.cta-process .ps-node{background:#01A4FF;color:#fff;box-shadow:0 12px 26px rgba(1,164,255,.4)}
.cta-process .ps-node svg{color:#fff}
.cta-process .process-step:hover .ps-node{background:#0186d6}
.cta-process .process-step h3{color:#fff}
.cta-process .process-step p{color:rgba(255,255,255,.72);max-width:280px}
.cta-process .ps-time{background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(4px)}
.cta-process .ps-time::before{background:#01A4FF}
@media(max-width:1000px){.cta-process .process-grid{grid-template-columns:1fr 1fr;gap:40px 0}.cta-process .process-grid::before{display:none}}
@media(max-width:600px){.cta-process .process-grid{grid-template-columns:1fr;gap:36px 0}}
.cta-section .w > .cta-btns{position:relative;z-index:2;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-width:0;margin-top:46px}
.cta-section .w > .cta-btns .btn{width:auto;min-width:240px}
.cta-section .w > .cta-btns .cta-note{flex-basis:100%;text-align:center;margin-top:8px}
@media(max-width:600px){.cta-section .w > .cta-btns{flex-direction:column}.cta-section .w > .cta-btns .btn{width:100%}}
.cf{display:flex;align-items:center;gap:7px;font-size:.8rem;color:rgba(255,255,255,.55)}
.cf svg{color:var(--gold);flex-shrink:0}
.cta-btns{display:flex;flex-direction:column;gap:12px;min-width:220px}
.cta-btns .btn{justify-content:center;width:100%}
.cta-note{font-size:.72rem;color:rgba(255,255,255,.32);text-align:center;margin-top:6px}

/* ── WHY GLASSWISE — 50/50 IMAGE + ICON BOXES ──────────────────── */
.why{background:#fff;padding:80px 0;position:relative;overflow:hidden}
.why-layout{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:680px;position:relative}
.why-img-col{position:relative;overflow:visible;background:#1E2B35;min-height:680px}
.why-img-col img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* Floating accent card overlapping image + content boundary */
.why-accent{position:absolute;bottom:56px;right:-72px;background:#fff;padding:22px 26px;box-shadow:0 16px 48px rgba(0,0,0,.18);border:1px solid #e6e6e6;z-index:5;display:flex;align-items:center;gap:18px;min-width:300px}
.why-accent::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--gold)}
.why-accent-num{font-size:2.4rem;font-weight:300;color:var(--ch);line-height:1;font-family:"Montserrat",sans-serif;letter-spacing:-1.5px;flex-shrink:0}
.why-accent-num sup{font-size:1.1rem;font-weight:400;color:var(--gold);vertical-align:super;margin-left:2px}
.why-accent-text{display:flex;flex-direction:column;gap:3px;border-left:1px solid #e6e6e6;padding-left:18px}
.why-accent-label{font-size:.6rem;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;color:var(--gold)}
.why-accent-title{font-size:.86rem;font-weight:500;color:var(--ch);line-height:1.3}

.why-content{padding:60px 60px 60px 100px;display:flex;flex-direction:column;justify-content:center;max-width:760px}
.why-head{margin-bottom:36px}
.why-head .eyebrow{color:var(--gold)}
.why-head h2{color:var(--ch);margin-bottom:0}
.why-head .bar{margin:14px 0 0}
.why-head p{font-size:.92rem;color:var(--muted);line-height:1.65;margin-top:16px;max-width:520px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e6e6e6}
.why-box{padding:24px;display:flex;flex-direction:row;align-items:center;gap:16px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;transition:background .25s ease;background:#fff}
.why-box:hover{background:#f7f7f7}
.why-box:nth-child(2n){border-right:none}
.why-box:nth-last-child(-n+2){border-bottom:none}
.why-box img{width:58px;height:58px;flex-shrink:0;filter:brightness(0) saturate(100%)}
.why-box-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.why-box h4{font-size:.92rem;color:var(--ch);font-weight:600;line-height:1.3;letter-spacing:.1px;margin:0}
.why-box p{font-size:.78rem;color:var(--muted);line-height:1.5;font-weight:400;margin:0}
@media(max-width:1100px){
  .why{padding:48px 0}
  .why-layout{grid-template-columns:1fr;min-height:auto;padding:0 24px}
  .why-img-col img{min-height:380px}
  .why-content{padding:48px 0 0}
  .why-accent{right:24px;bottom:24px;min-width:240px}
}
@media(max-width:600px){
  .why-grid{grid-template-columns:1fr}
  .why-box{border-right:none!important;border-bottom:1px solid #e6e6e6!important}
  .why-box:last-child{border-bottom:none!important}
  .why-accent{display:none}
}

/* ─────────────────────────────────────────────────────────────────
   ▼ NEW SECTIONS — added for the conversion-optimised rebuild ▼
   ───────────────────────────────────────────────────────────────── */

/* ── SOLUTION-FIRST SECTION ─────────────────────────────────── */
.solution{background:#fff;padding:80px 0;position:relative}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:640px;max-width:1600px;margin:0 auto}
.solution-text{padding:72px 80px 72px 60px;display:flex;flex-direction:column;justify-content:center;background:#F4F1EC}
.solution-text h2{font-weight:400;line-height:1.12;letter-spacing:-.6px;margin-bottom:22px;color:var(--ch)}
.solution-text > p{font-size:.94rem;line-height:1.72;color:#3c4a55;margin-bottom:16px;max-width:540px}
.solution-text > p.lead{font-size:1.05rem;line-height:1.6;color:var(--ch);font-weight:400;margin-bottom:20px}
.solution-text > p.lead strong{font-weight:600;color:var(--ch)}
.solution-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.solution-pill{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:600;letter-spacing:.5px;color:var(--ch);background:#fff;border:1px solid #e6e3dc;padding:8px 14px}
.solution-pill svg{flex-shrink:0;width:11px;height:11px;color:var(--gold)}
.solution-img{position:relative;background:#1E2B35;overflow:hidden;min-height:640px}
.solution-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:1100px){
  .solution-grid{grid-template-columns:1fr;min-height:auto}
  .solution-text{padding:64px 32px}
  .solution-img{min-height:380px}
}

/* ── BEFORE & AFTER (below hero) ─────────────────────────────── */
.ba2{background:#fff;padding:90px 0}
.ba2-wrap{max-width:1600px;margin:0 auto;padding:0 max(40px,calc((100vw - 1600px) / 2 + 40px));display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.ba2-stage{position:relative;display:flex;align-items:center}
.ba2-slider{position:relative;width:62%;aspect-ratio:3/4;overflow:hidden;cursor:ew-resize;user-select:none;background:#eee;box-shadow:0 24px 60px rgba(30,43,53,.16)}
.ba2-before,.ba2-after{position:absolute;inset:0}
.ba2-before img,.ba2-after img{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
.ba2-after{clip-path:inset(0 50% 0 0)}
.ba2-tag{position:absolute;top:18px;right:18px;background:var(--ch);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 14px}
.ba2-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.ba2-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.ba2-emblems{position:absolute;right:-4%;top:0;bottom:0;width:42%;display:flex;flex-direction:column;justify-content:center;gap:14px;pointer-events:none}
.ba2-emblem{width:118px;align-self:flex-start;filter:drop-shadow(0 8px 20px rgba(30,43,53,.18));animation:ba2float 1s ease both}
.ba2-emblem--thermal{margin-left:6%}
.ba2-emblem--ral{margin-left:24%}
.ba2-emblem--noise{margin-left:6%}
.ba2-emblem-svg{width:100%;height:auto;display:block}
@keyframes ba2float{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.ba2-spec{margin-left:10%;margin-top:6px;display:flex;align-items:center;gap:6px;position:relative}
.ba2-spec img{width:90px;height:auto;display:block}
.ba2-spec-dim{font-size:.6rem;font-weight:600;color:#5a6770;letter-spacing:.5px;white-space:nowrap}
.ba2-spec-w{position:absolute;top:-14px;left:18px}
.ba2-spec-h{position:absolute;left:-2px;bottom:30%}
.ba2-text h2{font-family:"Montserrat",sans-serif;font-size:clamp(2.2rem,3.4vw,3.2rem);font-weight:300;color:var(--ch);line-height:1.1;letter-spacing:-.4px;margin-bottom:0}
.ba2-text .eyebrow{color:#9aa6b0}
.ba2-text .lead{font-size:1rem;color:#3c4a55;line-height:1.7;max-width:480px}
.ba2-text .body{font-size:.92rem;color:#5a6770;line-height:1.75;max-width:480px}
@media(max-width:1100px){
  .ba2-wrap{grid-template-columns:1fr;gap:48px;padding:0 32px}
  .ba2-slider{width:58%}
  .ba2-emblem{width:96px}
}
@media(max-width:680px){
  .ba2-stage{flex-direction:column}
  .ba2-slider{width:100%;aspect-ratio:4/5}
  .ba2-emblems{position:static;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:24px}
  .ba2-emblem{margin:0!important;width:84px}
  .ba2-spec{display:none}
}

/* ── PAIN → SOLUTION STRIP ─────────────────────────────────────── */
.pain{background:#fff;padding:88px 0;border-bottom:1px solid #ececec}
.pain .w{max-width:1600px}
.pain-head{text-align:center;margin-bottom:48px;max-width:680px;margin-left:auto;margin-right:auto}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ececec}
.pain-card{padding:36px 32px;border-right:1px solid #ececec;display:flex;flex-direction:column;gap:14px;background:#fff;transition:background .3s ease}
.pain-card:last-child{border-right:none}
.pain-card:hover{background:#fafafa}
.pain-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--gold)}
.pain-icon svg{width:32px;height:32px}
.pain-card h3{font-size:1.15rem;font-weight:500;color:var(--ch);line-height:1.25;letter-spacing:-.2px;margin:0}
.pain-card p{font-size:.84rem;line-height:1.65;color:#5a6770;margin:0}
.pain-card .pain-fix{font-size:.72rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);font-weight:600;padding-top:10px;border-top:1px solid #ececec;margin-top:6px}
@media(max-width:900px){.pain-grid{grid-template-columns:1fr}.pain-card{border-right:none;border-bottom:1px solid #ececec}.pain-card:last-child{border-bottom:none}}

/* ── PERFORMANCE PROOF / dB CASE ────────────────────────────────── */
.proof{background:#F4F1EC;color:var(--ch);padding:90px 0;position:relative;overflow:hidden}
.proof .w{max-width:1600px;position:relative;z-index:1}
.proof-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.proof-text .eyebrow{color:var(--gold)}
.proof-text h2{color:var(--ch);margin-bottom:18px}
.proof-text p{font-size:.95rem;line-height:1.72;color:#3c4a55;margin-bottom:16px;max-width:540px}
.proof-meta{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:24px}
.proof-stats{display:flex;align-items:stretch;border-top:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8;margin:32px 0;background:#fff}
.proof-stat{flex:1;padding:22px 24px;border-right:1px solid #d8d2c8}
.proof-stat:last-child{border-right:none}
.proof-stat-num{font-family:"Montserrat",sans-serif;font-size:2.4rem;font-weight:300;color:var(--ch);line-height:1;letter-spacing:-1.5px}
.proof-stat-num sup{font-size:1rem;color:var(--gold);vertical-align:super;font-weight:400;margin-left:2px}
.proof-stat-label{font-size:.66rem;letter-spacing:1.8px;text-transform:uppercase;color:#7a8088;font-weight:600;margin-top:6px}
.proof-img{position:relative}
.proof-img img{width:100%;height:auto;display:block;min-height:400px;object-fit:cover}
.proof-img-tag{position:absolute;bottom:18px;left:18px;background:#fff;color:var(--ch);padding:10px 16px;font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;border-left:2px solid var(--gold)}
@media(max-width:1000px){.proof-grid{grid-template-columns:1fr;gap:40px}.proof-stats{margin:24px 0}}

/* ── TRUSTPILOT-STYLE REVIEWS ──────────────────────────────────── */
.reviews{background:linear-gradient(180deg,#ececec 0%,#f4f4f4 40%,#fafafa 70%,#ffffff 100%);padding:54px 0;border-top:1px solid #ececec;border-bottom:none;overflow:hidden;margin-bottom:100px}
.reviews-head{text-align:center;margin-bottom:27px;padding:0 20px}
.reviews-summary{display:inline-flex;align-items:center;gap:12px}
.reviews-label{font-size:1.28rem;font-weight:600;color:var(--ch);font-family:"Montserrat",sans-serif;letter-spacing:-.3px}
.star-row{display:flex;gap:3px}
.star-row--lg .star-box{width:25px;height:25px}
.star-box{width:17px;height:17px;background:#00b67a;display:flex;align-items:center;justify-content:center}
.star-box svg{width:11px;height:11px;fill:#fff}
.star-row--lg .star-box svg{width:15px;height:15px}
.reviews-count{font-size:.73rem;color:#5a6770}
.reviews-count strong{color:var(--ch);font-weight:600}
.reviews-track{display:flex;gap:15px;padding:7px 40px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;justify-content:center}
.reviews-track::-webkit-scrollbar{height:6px}
.reviews-track::-webkit-scrollbar-track{background:#ececec}
.reviews-track::-webkit-scrollbar-thumb{background:#9aa0a6}
.review-card{flex:0 0 238px;background:#fff;border:1px solid #ececec;padding:19px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}
.review-card .star-row{margin-bottom:3px}
.review-title{font-size:.78rem;font-weight:600;color:var(--ch);line-height:1.3;margin:0}
.review-body{font-size:.70rem;line-height:1.55;color:#5a6770;margin:0;flex:1}
.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:9px;border-top:1px solid #ececec;font-size:.63rem}
.review-author{color:var(--ch);font-weight:600}
.review-date{color:#5a6770}

/* ── LISTED BUILDING COMPLIANCE ────────────────────────────────── */
.listed{background:#fff;padding:0 0 30px;position:relative;overflow:visible;margin-top:-120px}
.listed::before{display:none}
.listed-text{position:relative;z-index:1;padding:36px 38px}
.listed .w{max-width:1600px}
.listed-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.listed-img{position:absolute;top:96px;right:0;width:50vw;border-radius:12px 0 0 12px;overflow:hidden;transform:translateY(140px)}
.listed-img img{width:100%;height:auto;display:block}
.listed-img-badge{position:absolute;top:24px;left:24px;background:#fff;padding:14px 18px;border-left:3px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:2}
.listed-img-badge strong{display:block;font-family:"Montserrat",sans-serif;font-size:1.4rem;font-weight:400;color:var(--ch);line-height:1;letter-spacing:-.5px}
.listed-img-badge span{display:block;font-size:.62rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:4px}
.listed-text h2{margin-bottom:18px}
.listed-text > p{font-size:.94rem;line-height:1.72;color:#5a6770;margin-bottom:16px;font-weight:600;position:relative}
.listed-text > p::before{content:"";position:absolute;inset:-26px -50px;background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.4) 62%,rgba(255,255,255,0) 82%);z-index:-1;pointer-events:none}
.listed-quote{margin:28px 0;padding:22px 24px;background:#FDFBF7;border-left:3px solid var(--gold);font-size:.88rem;line-height:1.65;color:var(--ch);font-style:italic;display:flex;align-items:center;gap:22px;width:calc(100% + 110px)}
.listed-quote-logo{width:auto;height:56px;flex-shrink:0}
.listed-quote-body{flex:1}
.listed-quote-source{display:block;font-style:normal;font-size:.7rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:10px;white-space:nowrap}
.listed-points{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr;gap:12px;position:relative}
.listed-points::before{content:"";position:absolute;inset:-30px -50px;background:radial-gradient(ellipse at center,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 38%,rgba(255,255,255,.4) 62%,rgba(255,255,255,0) 82%);z-index:-1;pointer-events:none}
.listed-points li{display:flex;align-items:flex-start;gap:12px;font-size:.86rem;line-height:1.55;color:var(--ch);font-weight:600}
/* Flipped variant — image LEFT, text RIGHT, heritage bg on RIGHT */
.listed.is-flipped::before{left:auto;right:0;transform:translateX(-150px)}
.listed.is-flipped .listed-img{right:auto;left:0;border-radius:0 12px 12px 0}
.listed.is-flipped .listed-img-badge{left:auto;right:24px}
.listed.is-flipped .listed-text{grid-column:2;padding-top:170px}
.listed.is-flipped .listed-quote{margin-left:0;width:calc(100% + 140px)}
.listed.is-flipped .listed-quote-source{white-space:nowrap}
/* "How Secondary Glazing Helps" — image RIGHT, text LEFT, clean 50/50 */
.listed.is-helps{margin-top:310px!important;padding-bottom:0!important}
.listed.is-helps::before{display:none!important}
.listed.is-helps .listed-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:64px!important;align-items:start!important}
.listed.is-helps .helps-img{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:auto!important;transform:translateY(-15px)!important;border-radius:12px;overflow:hidden;grid-column:2!important;grid-row:1!important;align-self:start!important;margin:0!important;padding:0!important;opacity:1!important}
.listed.is-helps .helps-img img{display:block;width:85%;height:auto;margin:0 auto}
.listed.is-helps .helps-text{grid-column:1!important;grid-row:1!important;padding:0!important;margin:0!important;align-self:start!important;transform:translateY(-110px)!important;opacity:1!important;position:relative!important;top:0!important}
.listed.is-helps .helps-text .eyebrow{margin-top:0;display:block}
.listed.is-helps .helps-text h2{margin:8px 0 16px;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:300;color:var(--ch);letter-spacing:-.4px;line-height:1.2}
.helps-cards{display:flex;flex-direction:column;gap:18px;margin-top:24px;justify-content:space-between}
.helps-card{position:relative;display:flex;align-items:center;gap:18px;padding:22px 26px;background:#fff;border:none;border-radius:14px;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease;width:calc(100% + 70px)}
.helps-card.is-condensation{box-shadow:-18px 0 30px -8px rgba(140,150,160,.32),-2px 0 0 0 rgba(120,130,140,.55)}
.helps-card.is-thermal{box-shadow:-18px 0 30px -8px rgba(255,140,50,.30)}
.helps-card.is-thermal::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#f5d340 0%,#ff9a3d 50%,#e54848 100%);border-radius:14px 0 0 14px;pointer-events:none}
.helps-card.is-sound{box-shadow:-18px 0 30px -8px rgba(100,180,230,.32),-2px 0 0 0 rgba(135,200,235,.7)}
.helps-card:hover{transform:translateY(-2px);box-shadow:none}
.helps-card::after{content:"";position:absolute;top:50%;left:100%;width:80px;height:2px;background:#d4d8dd;transform:translateY(-50%);pointer-events:none}
.helps-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#e2f3ff;color:#01A4FF;display:flex;align-items:center;justify-content:center}
.helps-card-icon svg{width:24px;height:24px}
.helps-card-body{flex:1;min-width:0}
.helps-card-body h3{font-size:1rem;font-weight:600;color:var(--ch);margin:0 0 6px;line-height:1.3}
.helps-card-body p{font-size:.84rem;line-height:1.55;color:#5a6770;margin:0;font-weight:500}
.helps-card-arrow{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f0f9ff;color:#01A4FF;display:flex;align-items:center;justify-content:center;transition:background .25s ease,transform .25s ease}
.helps-card-arrow svg{width:14px;height:14px}
.helps-card:hover .helps-card-arrow{background:#01A4FF;color:#fff;transform:translateX(3px)}
/* Card colour variants */
.helps-card.is-condensation{background:linear-gradient(90deg,#ffffff 0%,#fbfbfc 35%,#fbfbfc 65%,#ffffff 100%)}
.helps-card.is-thermal{background:linear-gradient(90deg,#ffffff 0%,#f5fbff 35%,#f5fbff 65%,#ffffff 100%)}
.helps-card.is-sound{background:linear-gradient(90deg,#ffffff 0%,#ecf3fb 35%,#ecf3fb 65%,#ffffff 100%)}
.helps-card.is-thermal .helps-card-icon,.helps-card.is-sound .helps-card-icon{background:#01A4FF;color:#fff;box-shadow:none}
.helps-card.is-thermal:hover,.helps-card.is-sound:hover{box-shadow:none}
/* Expanded card layout */
.helps-card.is-expanded{flex-direction:row;align-items:center;padding:16px 22px;cursor:default;gap:18px}
.helps-card.is-expanded:hover{transform:none;box-shadow:none}
.helps-card-leftcol{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;width:78px;padding-top:0}
.helps-card.is-expanded .helps-card-icon{margin:0;width:40px;height:40px;box-shadow:none}
.helps-card.is-expanded .helps-card-icon svg{width:20px;height:20px}
.helps-card.is-expanded .helps-card-body{display:flex;flex-direction:column;gap:7px;position:relative;min-width:0}
.helps-card.is-expanded h3{margin:0;font-size:1.09rem;font-weight:700;color:#01A4FF;line-height:1.25;letter-spacing:-.2px}
.helps-card-logo{height:auto;width:70px;display:block;opacity:.95}
.helps-card-logo-sg{width:70px;filter:invert(38%) sepia(78%) saturate(2200%) hue-rotate(195deg) brightness(92%) contrast(95%)}
.helps-card.is-expanded .helps-card-body p{font-size:.78rem;line-height:1.5;color:#3c4e58;margin:0;font-weight:500;max-width:none}
.helps-card.is-expanded .helps-card-body p strong{color:#01A4FF;font-weight:700}
.helps-card-btn{display:inline-flex;align-items:center;gap:6px;margin-top:3px;padding:8px 16px;font-size:.66rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#1B3A5C;text-decoration:none;border-radius:30px;transition:background .2s ease,transform .2s ease;align-self:flex-start}
.helps-card-btn:hover{background:#365678;transform:translateY(-1px)}
.helps-card-btn span{transition:transform .2s ease;font-size:1rem;line-height:1;margin-left:2px}
.helps-card-btn:hover span{transform:translateX(3px)}
/* ── PERFORMANCE 50/50 (2 plain images side-by-side) ───────── */
.perf-split{padding:25px 0 40px;background:linear-gradient(180deg,#f1f3f5 0%,#f6f8fa 40%,#fbfcfd 75%,#ffffff 100%)}
.perf-split .hero-features{background:transparent;padding:0;border-radius:0}
.perf-split .w{max-width:1600px;margin:0 auto;padding:0 24px}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.ps-grid img{width:100%;height:auto;display:block}
.ps-grid img:last-child{transform:translateX(15px)}
.hero-features-band .ps-grid img:last-child{transform:translateX(15px)}
@media(max-width:900px){.ps-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.listed.is-helps .listed-grid{grid-template-columns:1fr!important;gap:32px!important}.listed.is-helps .helps-img,.listed.is-helps .helps-text{grid-column:1!important}.listed.is-helps .helps-img{grid-row:auto!important}.listed.is-helps .helps-text{grid-row:auto!important}}
.listed-points svg{flex-shrink:0;color:var(--gold);width:14px;height:14px;margin-top:4px}
@media(max-width:1000px){.listed-grid{grid-template-columns:1fr;gap:36px}.listed-img{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:auto;transform:none;border-radius:12px}.listed-img img{height:auto;transform:none}}

/* ── NAMED CLIENTS STRIP ───────────────────────────────────────── */
.clients{background:#fafafa;padding:72px 0;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.clients .w{max-width:1600px}
.clients-head{text-align:center;margin-bottom:40px}
.clients-head .eyebrow{color:var(--gold)}
.clients-head h2{font-size:clamp(1.6rem,2.4vw,2.1rem);color:var(--ch);font-weight:400}
.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid #ececec;background:#fff}
.client-cell{padding:24px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border-right:1px solid #ececec;border-bottom:1px solid #ececec;min-height:120px;transition:background .3s ease}
.client-cell:hover{background:#fafafa}
.client-cell:nth-child(6n){border-right:none}
.client-cell:nth-last-child(-n+6){border-bottom:none}
.client-cell strong{font-family:"Montserrat",sans-serif;font-size:.92rem;font-weight:500;color:var(--ch);letter-spacing:-.1px;line-height:1.3}
.client-cell span{font-size:.66rem;letter-spacing:1.4px;text-transform:uppercase;color:#9aa0a6;font-weight:600}
@media(max-width:900px){.clients-grid{grid-template-columns:repeat(2,1fr)}.client-cell:nth-child(6n){border-right:1px solid #ececec}.client-cell:nth-child(2n){border-right:none}.client-cell:nth-last-child(-n+6){border-bottom:1px solid #ececec}.client-cell:nth-last-child(-n+2){border-bottom:none}}

/* ── FEATURED CASE STUDY ──────────────────────────────────────── */
.case{background:#fff;padding:100px 0}
.case .w{max-width:1600px}
.case-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}
.case-head .eyebrow{color:var(--gold)}
.case-head h2{font-weight:400;margin-bottom:0}
.case-head p{font-size:.94rem;color:#5a6770;line-height:1.7;max-width:520px;margin-left:auto}
.case-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border:1px solid #ececec}
.case-photo{position:relative;overflow:hidden;background:#1E2B35}
.case-photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:520px}
.case-photo-cap{position:absolute;bottom:0;left:0;right:0;padding:18px 22px;background:linear-gradient(transparent,rgba(15,18,21,.85));color:#fff;font-size:.78rem;letter-spacing:.4px}
.case-photo-cap strong{display:block;font-size:.88rem;font-weight:600;margin-bottom:2px;letter-spacing:.2px}
.case-detail{padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.case-detail h3{font-weight:500;letter-spacing:-.3px;color:var(--ch);font-size:1.45rem;margin-bottom:14px}
.case-detail > p{font-size:.88rem;line-height:1.7;color:#5a6770}
.case-spec{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #ececec;margin:18px 0}
.case-spec-row{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #ececec;font-size:.8rem}
.case-spec-row:last-child{border-bottom:none}
.case-spec-row:nth-child(odd){background:#fafafa}
.case-spec-row span:first-child{color:#7a8088;text-transform:uppercase;letter-spacing:1.2px;font-size:.66rem;font-weight:600;align-self:center}
.case-spec-row span:last-child{color:var(--ch);font-weight:500}
.case-result{background:var(--ch);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.case-result-num{font-family:"Montserrat",sans-serif;font-size:2.2rem;font-weight:300;color:#fff;line-height:1;letter-spacing:-1.2px;flex-shrink:0}
.case-result-num sub{color:var(--gold);font-size:.95rem;font-weight:500;vertical-align:baseline;margin:0 4px}
.case-result-label{font-size:.74rem;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.65);font-weight:600;line-height:1.4;text-align:right;flex:1}
@media(max-width:1000px){.case-head{grid-template-columns:1fr;gap:18px}.case-head p{margin-left:0}.case-layout{grid-template-columns:1fr}.case-photo img{min-height:380px}}

/* ── PROCESS — 4 STEPS ────────────────────────────────────────── */
.process{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url('images/process-bg.webp') center center/cover no-repeat #fff;padding:80px 0 300px}
.process .w{max-width:1500px}
.process-head{text-align:center;margin-bottom:66px;max-width:none}
.process-head h2{margin-bottom:0;white-space:nowrap;font-weight:300;color:var(--ch);font-size:clamp(1.4rem,2.2vw,2rem)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.process-grid::before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:2px;background:#cfe9ff;z-index:0}
.process-step{position:relative;padding:0 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.ps-node{position:relative;width:76px;height:76px;margin:0 0 26px;border-radius:50%;background:#e2f3ff;display:flex;align-items:center;justify-content:center;color:#01A4FF;box-shadow:0 10px 22px rgba(1,164,255,.14);z-index:1;transition:transform .3s ease,box-shadow .3s ease}
.process-step:hover .ps-node{transform:translateY(-5px);box-shadow:0 16px 30px rgba(1,164,255,.22)}
.ps-node svg{width:32px;height:32px}
.ps-badge{position:absolute;top:-22px;left:calc(50% - 124px);font-family:"Montserrat",sans-serif;font-size:3.6rem;font-weight:700;line-height:1;color:#edf0f3;letter-spacing:-2px;z-index:0}
.process-step h3{font-size:1.08rem;font-weight:600;color:var(--ch);line-height:1.3;margin:0 0 11px}
.process-step p{font-size:.82rem;line-height:1.65;color:#5a6770;margin:0 0 18px;max-width:290px}
.ps-time{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;letter-spacing:1.2px;text-transform:uppercase;color:#01A4FF;font-weight:700;background:#f0f9ff;padding:7px 14px;border-radius:30px;margin-top:auto}
.ps-time::before{content:"";width:6px;height:6px;border-radius:50%;background:#01A4FF;flex-shrink:0}
@media(max-width:1000px){
  .process-grid{grid-template-columns:1fr 1fr;gap:48px 0}
  .process-grid::before{display:none}
}
@media(max-width:600px){
  .process-grid{grid-template-columns:1fr;gap:40px 0}
  .process-head h2{white-space:normal;font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
  .ps-node,.process-step:hover .ps-node{transform:none}
}

/* ── PRICING TRANSPARENCY ─────────────────────────────────────── */
.pricing{background:#fff;padding:96px 0}
.pricing .w{max-width:1600px}
.pricing-head{text-align:center;margin-bottom:48px;max-width:640px;margin-left:auto;margin-right:auto}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #ececec}
.pricing-card{padding:36px 32px;background:#fff;border-right:1px solid #ececec;display:flex;flex-direction:column;gap:12px;transition:background .3s ease}
.pricing-card:last-child{border-right:none}
.pricing-card--featured{background:var(--ch);color:#fff;position:relative}
.pricing-card--featured::before{content:"MOST POPULAR";position:absolute;top:0;right:0;background:var(--gold);color:#fff;font-size:.6rem;letter-spacing:1.5px;font-weight:600;padding:5px 12px}
.pricing-card-style{font-size:.66rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600}
.pricing-card h3{font-size:1.3rem;font-weight:500;letter-spacing:-.3px;color:var(--ch);margin:0}
.pricing-card--featured h3{color:#fff}
.pricing-card-price{font-family:"Montserrat",sans-serif;font-size:2.4rem;font-weight:300;color:var(--ch);line-height:1;margin:8px 0;letter-spacing:-1.5px}
.pricing-card--featured .pricing-card-price{color:#fff}
.pricing-card-price small{font-size:.78rem;color:#7a8088;font-weight:500;margin-left:4px}
.pricing-card--featured .pricing-card-price small{color:rgba(255,255,255,.55)}
.pricing-card-from{font-size:.66rem;letter-spacing:1.6px;text-transform:uppercase;color:#9aa0a6;font-weight:600;margin-bottom:4px}
.pricing-card--featured .pricing-card-from{color:rgba(255,255,255,.55)}
.pricing-card-list{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid #ececec;display:flex;flex-direction:column;gap:9px}
.pricing-card--featured .pricing-card-list{border-top-color:rgba(255,255,255,.14)}
.pricing-card-list li{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.45;color:var(--text)}
.pricing-card--featured .pricing-card-list li{color:rgba(255,255,255,.7)}
.pricing-card-list svg{flex-shrink:0;color:var(--gold);width:12px;height:12px;margin-top:4px}
.pricing-note{margin-top:28px;font-size:.78rem;text-align:center;color:#7a8088;line-height:1.6}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-card{border-right:none;border-bottom:1px solid #ececec}.pricing-card:last-child{border-bottom:none}}

/* ── FAQ ──────────────────────────────────────────────────────── */
.faq{background:#fafafa;padding:96px 0;border-top:1px solid #ececec}
.faq .w{max-width:980px}
.faq-head{text-align:center;margin-bottom:48px}
.faq-list{display:flex;flex-direction:column;gap:0;border:1px solid #ececec;background:#fff}
.faq-item{border-bottom:1px solid #ececec}
.faq-item:last-child{border-bottom:none}
.faq-q{padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;transition:background .25s ease;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{background:#fafafa}
.faq-q strong{font-size:1rem;font-weight:500;color:var(--ch);letter-spacing:-.2px;line-height:1.4}
.faq-toggle{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:transform .3s ease}
.faq-item[open] .faq-toggle{transform:rotate(45deg)}
.faq-a{padding:0 28px 22px;font-size:.88rem;line-height:1.72;color:#5a6770}
.faq-a p{margin-bottom:10px}
.faq-a p:last-child{margin-bottom:0}

/* ── USP STRIP — MATCHES doubleglazingunits.co.uk ──────────────── */
.usp{display:none!important}
.usp-strip{background:linear-gradient(180deg,#f1f3f5 0%,#f6f8fa 40%,#fbfcfd 75%,#ffffff 100%);margin-top:113px;padding:21px 0 11px;position:relative;z-index:5}
.usp-grid{display:flex;justify-content:center;gap:0;flex-wrap:wrap;max-width:1600px;margin:0 auto;padding:0 40px}
.usp-item{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 30px;border-right:1px solid #e8e8e8}
.usp-item:last-child{border-right:none}
.usp-item:first-child{justify-content:flex-start;padding-left:0;margin-left:-5px}
.usp-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;display:block;filter:brightness(0) saturate(100%) invert(48%) sepia(86%) saturate(2400%) hue-rotate(176deg) brightness(101%) contrast(101%)}
.usp-img-eh{width:auto;height:34px;filter:none}
.usp-text{display:flex;flex-direction:column;gap:1px;line-height:1.3;text-align:left}
.usp-title{color:#5a6770;font-size:13px;font-weight:700;font-family:"Montserrat",sans-serif;line-height:1.3}
.usp-sub{color:#5a6770;font-size:11px;line-height:1.3}
@media(max-width:900px){
  .usp{display:none}
}

/* ── FOOTER ──────────────────────────────── */
footer{background:#0f1215;padding:64px 0 0}
.foot-grid{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr 1fr;gap:40px}
.foot-logo img{height:56px;width:auto;margin-bottom:18px}
.foot-brand p{font-size:.82rem;color:rgba(255,255,255,.38);line-height:1.76;max-width:280px}
.foot-contact{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.fci{display:flex;align-items:center;gap:8px;font-size:.8rem;color:rgba(255,255,255,.52);transition:color var(--t)}
.fci svg{color:var(--gold);flex-shrink:0}
.fci:hover{color:#fff}
.foot-col h5,.foot-col h4,.foot-h4{font-size:.71rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:16px}
.foot-col ul{display:flex;flex-direction:column;gap:10px}
.foot-col ul li a{font-size:.82rem;color:rgba(255,255,255,.72);transition:color var(--t)}
.foot-col ul li a:hover{color:var(--gold)}
.foot-bottom{background:#000000;margin-top:48px;padding:18px 0}
.foot-bottom .w{display:flex;align-items:center;justify-content:space-between}
.foot-bottom p{font-size:.75rem;color:#b0b6bc}
.foot-payment img{height:28px;object-fit:contain;filter:none;opacity:.9}
.foot-google{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);text-decoration:none;transition:border-color var(--t),background var(--t)}
.foot-google:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.07)}
.foot-google .fg-g{display:flex;flex-shrink:0}
.fg-txt{display:flex;flex-direction:column;line-height:1.2}
.fg-stars{color:#FBBC04;font-size:.84rem;letter-spacing:1.5px}
.fg-label{color:rgba(255,255,255,.66);font-size:.72rem;font-weight:600}
.foot-google .fg-arrow{color:rgba(255,255,255,.4);margin-left:2px;font-size:1rem}
.foot-map{margin-top:14px;max-width:210px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,255,255,.12);line-height:0}
.foot-map iframe{display:block;width:100%;height:88px;border:0}

/* ── SCROLL ANIM ──────────────────────────────── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.reveal.show{opacity:1;transform:translateY(0)}
[data-d="1"]{transition-delay:.1s}[data-d="2"]{transition-delay:.2s}[data-d="3"]{transition-delay:.3s}[data-d="4"]{transition-delay:.4s}

/* ── RESPONSIVE ──────────────────────────────── */
@media(max-width:1300px){
  .style-section{padding:28px 0}
  .feat-items{flex-wrap:wrap}
  .fi{font-size:.74rem}
}
@media(max-width:1100px){
  .style-grid{grid-template-columns:1fr 1fr}
  .style-img-col img.product-img{min-height:320px}
}
@media(max-width:900px){
  .style-section{padding:20px 0}
  .style-feat-row{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}
  .feat-title-h{border-right:none;padding-right:0;padding-bottom:10px;border-bottom:1px solid #dadde0;width:100%}
  .feat-items{width:100%}
  .enquire-btn{width:100%}
}
@media(max-width:1100px){
  .hero .w{grid-template-columns:1fr}
  .hero-form{max-width:520px}
  .whatis-grid,.install-grid,.thermal-grid,.pilk-grid,.sound-grid,.cta-inner{grid-template-columns:1fr;gap:44px}
  .install-gif{margin-left:0;width:100%}
  .cta-btns{flex-direction:row;min-width:auto}
  .feat-grid{grid-template-columns:1fr 1fr 1fr}
  .style-grid{grid-template-columns:1fr 1fr}
  .stadip-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
  .colours-inner{grid-template-columns:1fr}
}
@media(max-width:720px){
  .w{padding:0 20px}
  .pad{padding:64px 0}
  .pad-sm{padding:48px 0}
  h2{font-size:1.85rem}
  .feat-grid,.style-grid,.stadip-grid,.foot-grid{grid-template-columns:1fr}
  .nav{display:none}
  .hdr-top{display:none}
  .hero{padding-top:78px}
  .cta-inner{grid-template-columns:1fr}
  .cta-btns{flex-direction:column}
  .fg-row{grid-template-columns:1fr}
  .foot-bottom .w{flex-direction:column;gap:10px;text-align:center}
  .airgap-row{grid-template-columns:1fr}
  .ba-slider{height:300px}
}
/* ── CONTENT VISIBILITY — skip layout/paint for off-screen sections ── */