/* ============================================================
   flat-pages.css — 2026-07-31
   Stylesheet for the root-level flat pages that shipped with no
   page CSS at all (audit: complaints-procedure.html,
   health-safety-policy.html, terms-and-conditions.html,
   testimonials.html). Rules are ported from the proven inline CSS
   on insurance-guarantees.html (the self-styled sibling, which is
   pinned and remains untouched) plus the site design tokens.
   Every selector is scoped to classes these pages actually use.
   ============================================================ */

body{font-family:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;margin:0;color:#3a3a35;line-height:1.7;background:#fdfcfa}

/* --- legal document layout (privacy-* family) --- */
.privacy-header{background:linear-gradient(135deg,#102812,#1d4322);padding:64px 24px;text-align:center;color:#fff}
.privacy-header h1{color:#fff;margin:0 0 12px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15}
.privacy-header p{margin:0 auto;max-width:780px;color:rgba(255,255,255,.84);font-size:1.1rem}
.privacy-container{max-width:920px;margin:0 auto;padding:64px 24px 80px}
.privacy-content{background:#fff;border:1px solid #eadfcd;border-radius:8px;padding:clamp(28px,5vw,56px);box-shadow:0 18px 55px rgba(20,45,23,.08)}
.privacy-content h2{color:#17391b;margin:0 0 18px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25}
.privacy-content h2:not(:first-child){margin-top:42px}
.privacy-content h3{color:#17391b;margin:24px 0 10px}
.privacy-content p{max-width:760px;line-height:1.75;margin:0 0 16px}
.privacy-content ul{margin:0 0 18px;padding-left:1.3rem}
.privacy-content li{margin:6px 0}
.privacy-content a{color:#8b7355}
.last-updated{color:#6a6a62;font-size:.95rem;margin-bottom:24px}
.highlight-box{border-left:4px solid #c9a96e;background:#f7f2e9;padding:20px 24px;margin:0 0 18px}
.process-box{border:1px solid #e2dccc;background:#faf7f0;border-radius:8px;padding:20px 24px;margin:0 0 18px}
.safety-box{border-left:4px solid #2a4a2a;background:#eef4ee;padding:20px 24px;margin:0 0 18px}
.warning-box{border-left:4px solid #b98a2e;background:#fdf6e7;padding:20px 24px;margin:0 0 18px}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#1e3328;color:#f5f0e8;font-weight:600;margin-right:10px}
@media(max-width:640px){
  .privacy-header{padding:44px 20px}
  .privacy-container{padding:36px 16px 56px}
  .privacy-content{padding:28px 22px}
}

/* --- testimonials page --- */
.rating-summary{max-width:1200px;margin:0 auto;padding:48px 24px 8px;text-align:center}
.rating-summary h2{color:#17391b;font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 8px}
.rating-summary p{color:#6a6a62;margin:0}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;max-width:1200px;margin:0 auto;padding:32px 24px 64px}
.testimonial-card{background:#fff;border:1px solid #eadfcd;border-top:2px solid #c9a96e;border-radius:8px;padding:28px;box-shadow:0 4px 16px rgba(20,45,23,.06)}
.testimonial-card .rating{color:#c9a96e;font-weight:600;margin-bottom:10px}
.testimonial-card h3{color:#17391b;margin:0 0 10px;font-size:1.15rem}
.testimonial-card p{margin:0 0 12px;color:#3a3a35}
.testimonial-card cite{display:block;color:#6a6a62;font-style:normal;font-weight:600}
.testimonial-card .project-type{color:#8b7355;font-size:.9rem;margin:6px 0 0}
main > .container,.intro{max-width:920px;margin:0 auto;padding:0 24px}
.cta-box{margin:26px auto;padding:24px;border:1px solid #eadfcd;background:#f7f2e9;border-radius:10px;max-width:920px}
.cta-section{text-align:center;padding:24px}
.btn-premium{display:inline-block;padding:14px 30px;border-radius:5px;text-decoration:none;font-weight:600}
.btn-gold{background:#8b7355;color:#fff}
.btn-gold:hover{background:#a0896d}

/* --- shared: footer + overlays --- */
footer:not([class]){background:#0e210d;color:#fff;padding:48px 20px 24px}
footer:not([class]) h3{color:#c4a97d;font-size:1.2rem;margin-bottom:16px;font-weight:600}
footer:not([class]) a{color:rgba(255,255,255,.7);text-decoration:none}
footer:not([class]) a:hover{color:#c4a97d}
footer:not([class]) p{color:rgba(255,255,255,.7);line-height:1.8;font-size:.95rem}
footer:not([class]) .footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px}
footer:not([class]) .footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
footer:not([class]) ul{list-style:none;padding:0;margin:0}
footer:not([class]) li{margin-bottom:8px}
.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:rgba(255,255,255,.5);font-size:.9rem}

/* exit-intent popup: markup ships on these pages with no CSS, which
   left it permanently visible in normal flow. Hidden by default; the
   page JS reveals it by toggling display. */
.exit-intent-overlay{display:none;position:fixed;inset:0;background:rgba(15,26,15,.6);z-index:10050;align-items:center;justify-content:center}
.exit-intent-overlay.visible,.exit-intent-overlay[style*="flex"]{display:flex}
.exit-intent-popup{background:#fff;border-radius:10px;max-width:480px;width:calc(100% - 40px);padding:34px 30px;text-align:center;position:relative}
.exit-intent-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6a6a62}
.lead-magnet-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.lead-magnet-input{padding:12px 14px;border:1px solid #d9cfc0;border-radius:5px;min-width:220px}

.skip-nav{position:absolute;top:-40px;left:0;background:#2c3e50;color:#fff;padding:8px 16px;z-index:10000;text-decoration:none;transition:top .3s}
.skip-nav:focus{top:0}

/* testimonials.html legacy header: classless <header> with the page h1 and a
   duplicate five-link nav, shipped with no CSS. Kept as the page-title band
   (it holds the only h1); the duplicate nav and tagline are hidden. */
body>header:not([class]){background:linear-gradient(135deg,#102812,#1d4322);padding:120px 24px 40px;text-align:center}
body>header:not([class]) h1{color:#fff;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:600}
body>header:not([class]) nav{display:none}
body>header:not([class]) .logo{color:#fff}
body>header:not([class]) .logo::after{display:none}