.windows-hub{background:#f2f1ec;color:#111714}
.windows-hub-hero{padding:150px 0 80px;background:radial-gradient(circle at 82% 22%,rgba(200,255,49,.17),transparent 30%),linear-gradient(135deg,#07110f,#14261f);color:#fff}
.windows-hub-hero .breadcrumbs{display:block;margin-bottom:56px;color:#aeb9b3}
.windows-hub-hero h1{max-width:940px;margin:14px 0 22px;font-size:clamp(54px,8vw,104px);line-height:.88;letter-spacing:-.065em}
.windows-hub-hero .lead{max-width:760px;color:#d6ddd8;font-size:clamp(18px,2vw,22px)}
.window-types{padding:95px 0 110px}
.window-types-heading{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;align-items:end;margin-bottom:42px}
.window-types-heading .eyebrow{grid-column:1/-1;color:#517000}
.window-types-heading h2{font-size:clamp(42px,5vw,70px);color:#111714}
.window-types-heading p{max-width:580px;margin:0;color:#58625d;font-size:17px}
.window-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.window-type-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #d5d8d3;border-radius:28px;background:#fff;color:#111714;box-shadow:0 16px 45px rgba(19,35,27,.08);transition:transform .25s,box-shadow .25s,border-color .25s}
.window-type-card:hover{transform:translateY(-7px);border-color:#9abd30;box-shadow:0 25px 65px rgba(19,35,27,.15)}
.window-type-card figure{position:relative;height:330px;margin:0;overflow:hidden;background:#d9ddd8}
.window-type-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.window-type-card.pvc figure{
  background:
    linear-gradient(90deg,rgba(255,255,255,.86) 0 2.2%,transparent 2.2% 71%,rgba(255,255,255,.78) 71% 73%,transparent 73%),
    linear-gradient(0deg,transparent 0 67%,rgba(255,255,255,.82) 67% 69.2%,transparent 69.2%),
    radial-gradient(circle at 78% 18%,rgba(200,255,49,.13),transparent 27%),
    linear-gradient(145deg,#fff 0%,#f1f5f2 48%,#dfe9e4 100%);
  box-shadow:inset 0 0 72px rgba(255,255,255,.68);
}
.window-type-card.pvc img{object-fit:contain;padding:20px 34px 18px;box-sizing:border-box}
.window-type-card.aluminium figure{
  background:
    linear-gradient(90deg,transparent 0 22%,rgba(255,255,255,.46) 22% 22.8%,transparent 22.8% 49%,rgba(32,46,54,.13) 49% 50.2%,transparent 50.2% 77%,rgba(255,255,255,.38) 77% 77.8%,transparent 77.8%),
    linear-gradient(150deg,rgba(255,255,255,.9) 0%,rgba(212,224,229,.9) 42%,rgba(96,113,123,.38) 100%),
    #dce5e8;
  box-shadow:inset 0 0 70px rgba(255,255,255,.55);
}
.window-type-card.aluminium img{object-fit:contain;object-position:center;padding:34px 52px 30px;box-sizing:border-box}
.window-type-card:hover img{transform:scale(1.035)}
.window-type-card.wood img{object-position:center}
.window-type-number{position:absolute;top:18px;right:18px;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#c8ff31;color:#0b110e;font-size:13px;font-weight:950;box-shadow:0 9px 24px rgba(0,0,0,.22)}
.window-type-copy{display:flex;flex:1;flex-direction:column;padding:27px}
.window-type-label{color:#627500;font-size:11px;font-weight:900;letter-spacing:.12em}
.window-type-copy h3{margin:7px 0 12px;font-size:clamp(28px,3vw,38px);line-height:1;letter-spacing:-.04em}
.window-type-copy p{margin:0 0 24px;color:#5c6661;line-height:1.65}
.window-type-copy .window-type-price{display:flex;align-items:baseline;gap:7px;width:max-content;margin:0 0 17px;padding:10px 14px;border:1px solid #a9d51d;border-radius:13px;background:#c8ff31;color:#111714;box-shadow:0 9px 22px rgba(119,156,0,.18);line-height:1}
.window-type-price span{font-size:10px;font-weight:950;letter-spacing:.1em}
.window-type-price b{font-size:27px;letter-spacing:-.04em}
.window-type-price small{font-size:11px;font-weight:800}
.window-type-copy strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #e2e5e0;font-size:14px}
.window-type-copy strong i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#111714;color:#fff;font-style:normal;transition:background .25s,color .25s}
.window-type-card:hover strong i{background:#c8ff31;color:#111714}
.window-help{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-top:28px;padding:42px;border-radius:28px;background:#111a16;color:#fff}
.window-help h2{margin:8px 0 12px;color:#fff;font-size:clamp(32px,4vw,52px)}
.window-help p{max-width:680px;margin:0;color:#c9d1cc}
.window-help .actions{justify-content:flex-end;margin:0}
.windows-hub .expert-cta{color:#fff}
.windows-hub .expert-cta .eyebrow{color:#c8ff31}
.windows-hub .expert-cta h2{color:#fff}
.windows-hub .expert-cta .lead{color:#e4ebe6}
@media(max-width:950px){.window-type-grid{grid-template-columns:1fr 1fr}.window-type-card.wood{grid-column:1/-1}.window-type-card.wood{display:grid;grid-template-columns:1fr 1fr}.window-type-card.wood figure{height:100%;min-height:330px}.window-help{grid-template-columns:1fr}.window-help .actions{justify-content:flex-start}}
@media(max-width:680px){.windows-hub-hero{padding:115px 0 62px}.windows-hub-hero .breadcrumbs{margin-bottom:38px}.window-types{padding:68px 0 82px}.window-types-heading{grid-template-columns:1fr;gap:12px}.window-types-heading .eyebrow{grid-column:auto}.window-type-grid{grid-template-columns:1fr}.window-type-card.wood{display:flex;grid-column:auto}.window-type-card figure,.window-type-card.wood figure{height:265px;min-height:0}.window-type-copy{padding:23px}.window-help{padding:27px}.window-help .actions{align-items:stretch;flex-direction:column}.window-help .btn{width:100%}}