:root{--ink:#13202b;--muted:#62707c;--sand:#f5f1e9;--blue:#174b6c;--blue2:#0f6683;--line:#dde4e8;--white:#fff;--shadow:0 18px 55px rgba(15,32,43,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.08;margin:0 0 18px}h1{font-size:clamp(2.8rem,6vw,5.5rem);letter-spacing:-.055em;max-width:900px}h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.04em}h3{font-size:1.15rem}p{margin:0 0 22px;color:var(--muted)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(840px,calc(100% - 40px))}.section{padding:140px 0}.section-muted{background:#f7f9fa}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:.78rem;color:var(--blue2);margin-bottom:16px}.eyebrow.light{color:#cbe5ef}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,228,232,.85)}.nav-wrap{height:132px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--blue);color:white;font-family:'Manrope';font-weight:800;font-size:1.2rem}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:'Manrope';font-size:1.1rem}.brand-copy small{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:5px}.nav-links{display:flex;align-items:center;gap:26px;font-size:.92rem;font-weight:600}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:15px 21px;border-radius:12px;font-weight:700;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(23,75,108,.18)}.btn:hover{transform:translateY(-1px)}.btn-small{padding:11px 16px}.btn-light{background:#fff;color:var(--blue)}.full{width:100%}.hero{padding:140px 0 120px;background:radial-gradient(circle at 85% 15%,#d8eef6 0,transparent 27%),linear-gradient(180deg,#fbfdfe 0,#fff 75%)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:84px;align-items:center}.hero-lead{font-size:1.18rem;max-width:760px}.hero-actions{display:flex;gap:24px;align-items:center;margin:40px 0}.text-link{font-weight:700;color:var(--blue)}.hero-proof{display:flex;flex-wrap:wrap;gap:24px;font-size:.92rem;color:#40515d;margin-top:8px}.hero-card{background:var(--ink);color:#fff;padding:46px;border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(1deg)}.hero-card p{color:#c8d1d7}.hero-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
.hero-card-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:#9fc8d8}
.pella-gold{color:#f7b51a}
.hero-card-badge{width:150px;height:auto;display:block;flex-shrink:0}.hero-card-line{font-family:'Manrope';font-size:2rem;font-weight:800;line-height:1.15}.hero-card-line.accent{color:#8ed6e8}.hero-card-divider{height:1px;background:#40515d;margin:26px 0}
.trust-strip{padding:70px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-grid div{padding:32px 26px;background:var(--ink);border-radius:16px}.trust-grid strong,.trust-grid span{display:block;color:#fff}.trust-grid span{font-size:.86rem;color:#aebdc7;margin-top:6px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.feature-list{display:grid;gap:22px}.feature-list article{display:grid;grid-template-columns:54px 1fr;gap:20px;padding:28px;background:var(--ink);border:0;border-radius:16px}.feature-list article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f7b51a;color:var(--ink);font-weight:800}.feature-list article h3{color:#fff}.feature-list article p{color:#c7d2d9}.feature-list p{margin:0}.section-heading{text-align:center;max-width:760px;margin:0 auto 64px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step-card{background:var(--ink);padding:34px;border-radius:18px;border:0}.step-card h3{color:#fff}.step-card p{color:#c7d2d9;margin:0}.step-no{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f7b51a;color:var(--ink);font-weight:800;margin-bottom:28px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.product-card{background:var(--sand);padding:46px;border-radius:var(--radius)}.product-badge{display:inline-block;background:#fff;padding:7px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.product-big{font-size:1.08rem}.product-card li{margin:8px 0}.fine-print{font-size:.78rem}.callout{margin-top:36px;padding:28px;border-left:4px solid var(--blue);background:#f6fafc;font-weight:700}.assessment-section{background:var(--ink);color:#fff}.assessment-section p{color:#c7d2d9}.assessment-grid{display:grid;grid-template-columns:1fr .85fr;gap:84px;align-items:start}.assessment-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.assessment-list span{padding:16px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);border-radius:10px}.lead-form{background:#fff;color:var(--ink);padding:40px;border-radius:var(--radius)}.lead-form label{display:block;font-size:.85rem;font-weight:700;margin-bottom:20px}.lead-form input,.lead-form textarea{width:100%;margin-top:7px;border:1px solid var(--line);padding:13px;border-radius:10px;font:inherit}.form-note{font-size:.76rem;margin-top:12px}.form-success{margin-top:12px;padding:12px;background:#eef8f1;border-radius:9px;color:#1b6a37}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.audience-grid article{background:var(--ink);border:0;padding:34px;border-radius:18px}.audience-grid article h3{color:#fff}.audience-grid p{margin:0;color:#c7d2d9}details{border-bottom:1px solid var(--line);padding:28px 0}summary{cursor:pointer;font-weight:700;font-size:1.05rem}details p{padding-top:16px;margin-bottom:0}.final-cta{background:var(--blue);color:#fff;padding:90px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{max-width:760px;margin:0}footer{background:#0d161d;color:#fff;padding:90px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr .5fr 1fr;gap:70px}.footer-grid p{color:#aab6be;font-size:.88rem}.footer-grid a{display:block;color:#cbd4d9;margin:10px 0;font-size:.9rem}.footer-brand{margin-bottom:22px}
.footer-contact{display:flex;flex-direction:column;gap:6px;margin-top:14px}
.footer-contact a{color:#fff;font-weight:700;text-decoration:none}
.footer-contact a:hover{color:#8ed6e8}.footer-brand .brand-copy small{color:#91a0aa}.copyright{border-top:1px solid #29343c;margin-top:54px;padding-top:24px;color:#7f8e98;font-size:.8rem}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:132px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 20px;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.product-grid,.assessment-grid{grid-template-columns:1fr}.hero{padding-top:90px}.section{padding:100px 0}.section-heading{margin-bottom:50px}.hero-card{transform:none}.trust-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.section{padding:84px 0}.section-heading{margin-bottom:40px}.hero{padding:76px 0}.hero-actions{align-items:flex-start;flex-direction:column}.hero-proof{flex-direction:column;gap:12px}.trust-grid,.steps,.assessment-list{grid-template-columns:1fr}.feature-list article{grid-template-columns:42px 1fr}.lead-form{padding:26px}.steps,.audience-grid,.feature-list{gap:18px}}

/* Exact supplied Refresh OBX logo asset */
.brand-logo-link { display:flex; align-items:center; text-decoration:none; }
.site-logo { display:block; height:104px; width:auto; object-fit:contain; }
.footer-logo { display:block; height:170px; width:auto; object-fit:contain; background:#fff; border-radius:10px; padding:10px; }
@media (max-width: 760px) {
  .site-logo { height:74px; }
  .footer-logo { height:130px; }
}

/* Nav dropdown ("More" menu) */
.nav-dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;font:inherit;font-weight:600;font-size:.92rem;color:inherit;cursor:pointer;padding:0}
.dropdown-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .18s ease}
.nav-dropdown.open .dropdown-caret{transform:rotate(-135deg);margin-top:3px}
.dropdown-menu{position:absolute;top:calc(100% + 18px);right:0;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;display:none;flex-direction:column;gap:2px;z-index:50}
.nav-dropdown.open .dropdown-menu{display:flex}
.dropdown-menu a{padding:12px 14px;border-radius:10px;font-weight:600;font-size:.92rem;display:block}
.dropdown-menu a:hover{background:#f2f6f8}
@media(max-width:900px){
  .dropdown-menu{position:static;box-shadow:none;border:0;padding:2px 0 4px 4px;min-width:0}
  .nav-dropdown.open .dropdown-menu{display:flex}
}

/* Sub-page hero (blog, gallery) */
.page-hero{padding:150px 0 40px}
.page-hero h1{font-size:clamp(2.4rem,4.6vw,3.8rem)}
.page-hero-lead{font-size:1.1rem;max-width:680px}

/* Blog listing */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.post-card{border:1px solid var(--line);border-radius:18px;padding:32px;background:#fff;display:flex;flex-direction:column;gap:14px}
.post-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue2)}
.post-meta .post-date{color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0}
.post-card h3{margin:0;font-size:1.32rem}
.post-card p{margin:0}
.blog-note{margin-top:8px;padding:22px 26px;border-left:4px solid var(--blue);background:#f6fafc;font-size:.92rem;color:var(--muted)}

/* Gallery / featured work */
.window-types{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.window-type-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;text-align:center}
.window-icon{width:64px;height:64px;margin:0 auto 18px}
.window-type-card h3{font-size:1rem;margin-bottom:8px}
.window-type-card p{font-size:.86rem;margin:0}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.work-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.work-photo{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:.82rem;text-align:center;padding:20px;letter-spacing:.02em}
.work-body{padding:22px}
.work-body h3{font-size:1.08rem;margin-bottom:6px}
.work-tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue2);margin-bottom:10px}
.work-body p{margin:0;font-size:.92rem}
.gallery-note{text-align:center;max-width:640px;margin:10px auto 0;font-size:.9rem}
.dropdown-menu a.active{background:#f2f6f8;color:var(--blue2)}
.work-card:nth-child(6n+1) .work-photo{background:linear-gradient(135deg,var(--blue),var(--blue2))}
.work-card:nth-child(6n+2) .work-photo{background:linear-gradient(135deg,#13202b,#2a3f4d)}
.work-card:nth-child(6n+3) .work-photo{background:linear-gradient(135deg,#0f6683,#174b6c)}
.work-card:nth-child(6n+4) .work-photo{background:linear-gradient(135deg,#2a3f4d,#0b3550)}
.work-card:nth-child(6n+5) .work-photo{background:linear-gradient(135deg,#174b6c,#0b3550)}
.work-card:nth-child(6n+6) .work-photo{background:linear-gradient(135deg,#0b3550,#13202b)}
@media(max-width:900px){
  .blog-grid{grid-template-columns:1fr}
  .window-types{grid-template-columns:1fr 1fr}
  .work-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .page-hero{padding:120px 0 30px}
  .window-types{grid-template-columns:1fr}
}