/* ============================================================
   First Aid Check — landing page styles.
   Intentionally GENERIC and self-contained so the whole set of
   industry / key-question pages can be restyled from this one file
   later without touching the HTML. Class prefix: .lp-
   ============================================================ */
:root{
  --brand:#058B41; --brand-dark:#046C33; --brand-light:#EFF7F3;
  --ink:#2E2E2E; --ink-2:#555; --ink-3:#8A8A8A; --border:#E3E3E3;
  --surface:#fff; --surface-2:#F7F9F8; --maxw:960px; --radius:14px;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--surface);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:var(--brand-dark);}
img{max-width:100%;}
h1,h2{font-family:'Poppins',sans-serif;letter-spacing:-.4px;color:var(--ink);}

/* ---- Header — identical to the main site (image logo, 3px green underline,
   nav row with Industries dropdown, red FREE ASSESSMENT button) ---- */
.lp-topbar{position:relative;width:100%;background:var(--surface);border-bottom:3px solid var(--brand);z-index:20;}
.lp-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1380px;margin:0 auto;padding:18px 32px;}
.lp-logo{display:inline-flex;align-items:center;text-decoration:none;}
.lp-logo img{height:38px;width:auto;display:block;}
.lp-burger{display:none;}
.lp-nav-actions{display:inline-flex;align-items:center;gap:14px;}
.lp-nav-text{font-family:inherit;font-weight:700;font-size:13px;letter-spacing:1.2px;color:var(--ink);text-decoration:none;background:none;border:none;padding:11px 10px;cursor:pointer;white-space:nowrap;transition:color .15s ease;}
.lp-nav-text:hover{color:var(--brand);}
.lp-nav-assess{font-family:inherit;font-weight:700;font-size:13px;letter-spacing:1.2px;padding:11px 22px;min-width:120px;text-align:center;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none;background:#C8102E;color:#fff;border:1.5px solid #C8102E;box-shadow:0 4px 14px rgba(200,16,46,.22);transition:background .18s ease,transform .15s ease;}
.lp-nav-assess:hover{background:#A80D26;border-color:#A80D26;transform:translateY(-1px);color:#fff;}

/* Industries dropdown (desktop: hover/focus flyout; mobile: inline) */
.lp-dd{position:relative;display:inline-flex;}
.lp-dd-toggle{display:inline-flex;align-items:center;gap:5px;}
.lp-dd-caret{font-size:10px;line-height:1;transition:transform .18s ease;}
.lp-dd-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:232px;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.14);padding:8px;z-index:60;}
.lp-dd:hover .lp-dd-menu,.lp-dd:focus-within .lp-dd-menu,.lp-dd.is-open .lp-dd-menu{display:flex;}
.lp-dd:hover .lp-dd-caret,.lp-dd.is-open .lp-dd-caret{transform:rotate(180deg);}
.lp-dd-menu a{display:block;padding:9px 14px;border-radius:8px;text-decoration:none;font-family:inherit;font-weight:600;font-size:13px;letter-spacing:.3px;color:var(--ink);white-space:nowrap;text-align:left;}
.lp-dd-menu a:hover{background:var(--surface-2);color:var(--brand);}

/* ---- Hero ---- */
.lp-hero{max-width:var(--maxw);margin:0 auto;padding:56px 24px 16px;}
.lp-hero-media{position:relative;overflow:hidden;width:100%;aspect-ratio:16/6;border-radius:var(--radius);background:var(--brand-light) center/cover no-repeat;border:1px solid var(--border);margin-bottom:54px;}
/* Light green brand wash over the hero photo — stylises it and softens the
   "stock/AI photo" feel so it sits with the rest of the site. */
.lp-hero-media::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(5,139,65,.30),rgba(5,139,65,.08) 55%,rgba(5,139,65,.16));pointer-events:none;}
.lp-eyebrow{font-family:'Poppins',sans-serif;font-weight:700;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand);margin:0 0 12px;}
.lp-hero h1{font-size:clamp(28px,4.4vw,42px);font-weight:800;line-height:1.12;margin:0 0 16px;}
.lp-lead{font-size:18px;line-height:1.6;color:var(--ink-2);margin:0 0 30px;max-width:680px;}

/* ---- Content ---- */
.lp-container{max-width:var(--maxw);margin:0 auto;padding:24px 24px 56px;}
/* A small icon sits BEFORE the text. Generous vertical padding gives each
   section room to breathe above/below its divider line. */
.lp-section{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;padding:40px 0;border-top:1px solid var(--border);}
.lp-section:first-child{border-top:none;}
.lp-section-icon{width:84px;height:84px;flex:none;border-radius:18px;background:var(--brand-light);color:var(--brand);display:flex;align-items:center;justify-content:center;}
.lp-section-icon svg{width:42px;height:42px;display:block;}
.lp-section-text h2{font-size:21px;font-weight:700;margin:0 0 8px;}
.lp-section-text p{font-size:16px;color:var(--ink-2);margin:0;}

/* ---- Buttons ---- */
.lp-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Poppins',sans-serif;font-weight:700;font-size:15px;letter-spacing:.4px;padding:14px 26px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;transition:background .15s ease,transform .15s ease;}
.lp-btn:hover{background:var(--brand-dark);transform:translateY(-1px);color:#fff;}

/* ---- CTA block ---- */
.lp-cta{margin:30px 0 8px;padding:30px 26px;background:var(--brand-light);border:1px solid #C5DDD3;border-radius:var(--radius);text-align:center;}
.lp-cta h2{font-size:24px;font-weight:800;margin:0 0 8px;}
.lp-cta p{font-size:16px;color:var(--ink-2);margin:0 auto 20px;max-width:520px;}

/* ---- Related links ---- */
.lp-links{margin-top:30px;padding-top:22px;border-top:1px solid var(--border);}
.lp-links h2{font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;}
.lp-links ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px 20px;}
.lp-links a{color:var(--brand-dark);text-decoration:none;font-weight:600;font-size:14.5px;}
.lp-links a:hover{text-decoration:underline;}

/* ---- Footer ---- */
.lp-footer{background:var(--surface-2);border-top:1px solid var(--border);margin-top:50px;}
.lp-footer-inner{max-width:var(--maxw);margin:0 auto;padding:34px 24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.lp-footer-logo{height:30px;width:auto;display:block;}
.lp-footer-nav{display:flex;flex-wrap:wrap;gap:8px 20px;}
.lp-footer-nav a{font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;color:var(--ink-2);text-decoration:none;}
.lp-footer-nav a:hover{color:var(--brand);}
.lp-footer-note{font-size:12.5px;color:var(--ink-3);margin:0;line-height:1.6;}

/* Header collapses to a burger on smaller screens (mirrors the main site). */
@media (max-width:760px){
  .lp-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;cursor:pointer;border:1.5px solid var(--border);border-radius:10px;background:#fff;}
  .lp-burger span{display:block;width:20px;height:2.5px;margin:0 auto;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
  .lp-nav.is-open .lp-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
  .lp-nav.is-open .lp-burger span:nth-child(2){opacity:0;}
  .lp-nav.is-open .lp-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
  .lp-nav{position:relative;padding:12px 16px;}
  .lp-nav-actions{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:9px;background:var(--surface);border-bottom:3px solid var(--brand);box-shadow:0 18px 34px rgba(0,0,0,.13);padding:14px 16px 18px;z-index:50;}
  .lp-nav.is-open .lp-nav-actions{display:flex;}
  .lp-nav-actions .lp-nav-text,.lp-nav-actions .lp-nav-assess{width:100%;text-align:center;padding:14px 16px;font-size:14px;min-width:0;margin:0;border-radius:9px;}
  .lp-nav-actions .lp-nav-text{border:1.5px solid var(--border);background:#fff;}
  .lp-dd{width:100%;flex-direction:column;}
  .lp-dd .lp-dd-toggle{width:100%;justify-content:center;}
  .lp-dd-menu{position:static;transform:none;display:none;min-width:0;box-shadow:none;border:none;padding:8px 0 0;margin:0;gap:8px;}
  .lp-dd:hover .lp-dd-menu,.lp-dd:focus-within .lp-dd-menu{display:none;}
  .lp-dd.is-open .lp-dd-menu{display:flex;}
  .lp-dd-menu a{text-align:center;padding:12px 16px;border-radius:9px;border:1.5px solid var(--border);background:#fff;}
}
@media (max-width:640px){
  .lp-section{gap:15px;padding:32px 0;}
  .lp-section-icon{width:64px;height:64px;border-radius:14px;}
  .lp-section-icon svg{width:32px;height:32px;}
}
@media (max-width:560px){
  .lp-hero-media{aspect-ratio:16/9;}
}