/* Mike Stevens PAT Testing — site styles
   Brand: navy #0A2A44 + orange #F08A1E, Public Sans. Clean, bright, conversion-led. */
:root{
  --navy:#0A2A44; --navy-2:#0E3D63; --navy-deep:#0A2334;
  --orange:#F08A1E; --orange-2:#F8A94E; --orange-hover:#E07D12; --orange-ink:#C9760E;
  --ink:#0A2A44; --muted:#5C6B78; --muted-2:#7A8794; --muted-3:#9AA8B4;
  --line:#E8EDF2; --line-2:#D4DEE7; --bg:#fff; --bg-soft:#F7FAFC; --bg-tint:#FFF3E3;
  --green:#1F9D57; --green-bg:#E6F5EC; --star:#F5A623;
  --maxw:1200px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#fff;color:var(--ink);font-family:'Public Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3{letter-spacing:-.02em;color:var(--navy);margin:0;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,4vw,48px);}
.section{padding:84px 0;}
.eyebrow{font:700 13px 'Public Sans';letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:12px;}
.lede{font:400 18px/1.6 'Public Sans';color:var(--muted);}
.center{text-align:center;}
.measure{max-width:640px;margin-left:auto;margin-right:auto;}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:9px;font:700 16.5px 'Public Sans';text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;cursor:pointer;border:none;}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(240,138,30,.34);}
.btn-primary:hover{background:var(--orange-hover);}
.btn-secondary{background:#fff;color:var(--navy-2);border:1.5px solid var(--line-2);}
.btn-secondary:hover{border-color:var(--navy-2);}
.btn-navy{background:var(--navy-2);color:#fff;}
.btn-navy:hover{background:var(--navy);}
.btn-sm{height:44px;padding:0 22px;font-size:15px;}

/* header */
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;height:80px;padding:0 clamp(20px,4vw,48px);background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand img{height:46px;width:auto;}
.brand .b1{display:block;font:800 17px 'Public Sans';letter-spacing:.02em;color:#14242F;line-height:1;}
.brand .b2{display:block;font:800 11px 'Public Sans';letter-spacing:.30em;color:var(--orange);margin-top:3px;line-height:1;}
.nav{display:flex;align-items:center;gap:4px;}
.nav a{padding:8px 13px;border-radius:7px;font:600 15px 'Public Sans';color:#3A4A57;text-decoration:none;}
.nav a:hover,.nav a[aria-current="page"]{background:#F4F7FA;color:var(--navy);}
.header-cta{display:flex;align-items:center;gap:16px;}
.phone{display:flex;align-items:center;gap:7px;font:700 15px 'Public Sans';color:var(--navy-2);text-decoration:none;white-space:nowrap;}
.phone .ico{display:inline-flex;width:30px;height:30px;border-radius:50%;background:#EAF1F7;align-items:center;justify-content:center;}
.menu-toggle{display:none;}

/* hero */
.hero{background:linear-gradient(180deg,#F7FAFC 0%,#FFFFFF 70%);border-bottom:1px solid #EEF2F6;}
.hero .grid{display:grid;grid-template-columns:1fr 432px;gap:56px;align-items:center;padding:60px 0 64px;}
.badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:100px;background:var(--bg-tint);margin-bottom:22px;}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);}
.badge span:last-child{font:700 12.5px 'Public Sans';letter-spacing:.09em;text-transform:uppercase;color:var(--orange-ink);}
.hero h1{font:800 clamp(36px,5vw,54px)/1.04 'Public Sans';margin-bottom:18px;}
.hero p.sub{font:400 19px/1.6 'Public Sans';color:var(--muted);max-width:500px;margin:0 0 28px;}
.hero-cta{display:flex;align-items:center;gap:14px;margin-bottom:34px;flex-wrap:wrap;}
.assurances{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.assurance{display:inline-flex;align-items:center;gap:8px;font:600 14.5px 'Public Sans';color:#3A4A57;}
.tick{display:inline-flex;width:20px;height:20px;border-radius:50%;background:var(--green-bg);color:var(--green);align-items:center;justify-content:center;font-size:12px;flex:none;}

/* guide price card */
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:0 24px 60px -22px rgba(10,42,68,.26);}
.card h2{font:800 21px 'Public Sans';margin-bottom:3px;}
.card .muted{font:500 14px 'Public Sans';color:var(--muted-2);margin-bottom:22px;}
.field-label{font:700 12px 'Public Sans';letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.select{position:relative;margin-bottom:18px;}
.select select{width:100%;height:50px;border:1.5px solid var(--line-2);border-radius:9px;padding:0 38px 0 14px;font:600 15px 'Public Sans';color:#3A4A57;background:#fff;appearance:none;cursor:pointer;}
.select .chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--muted-3);pointer-events:none;font-size:12px;}
.range-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;}
.range-btn{height:50px;border:1.5px solid var(--line-2);background:#fff;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:'Public Sans';}
.range-btn .l{font:700 15px 'Public Sans';color:var(--muted);line-height:1;}
.range-btn .s{font:500 11px 'Public Sans';color:var(--muted-3);margin-top:3px;}
.range-btn[aria-pressed="true"]{border-color:var(--orange);background:#FFF7EE;}
.range-btn[aria-pressed="true"] .l{color:var(--orange-ink);}
.price-row{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:var(--bg-soft);border-radius:11px;margin-bottom:8px;}
.price-row .lab{font:600 14.5px 'Public Sans';color:var(--muted);}
.price-row .val{font:800 27px 'Public Sans';color:var(--navy-2);}
.price-note{font:500 12.5px/1.5 'Public Sans';color:var(--muted-3);margin-bottom:18px;min-height:34px;}

/* trust strip */
.trust{background:var(--navy);}
.trust .grid{display:grid;grid-template-columns:repeat(4,1fr);}
.trust .cell{padding:26px 24px;border-left:1px solid #1C3A53;}
.trust .cell:first-child{border-left:none;padding-left:0;}
.trust .cell:last-child{padding-right:0;}
.trust .t{font:800 16px 'Public Sans';color:#fff;}
.trust .d{font:500 14px 'Public Sans';color:#8FA6B8;margin-top:4px;}

/* cards grid */
.cards{display:grid;gap:18px;}
.cols-4{grid-template-columns:repeat(4,1fr);}
.cols-3{grid-template-columns:repeat(3,1fr);}
.cols-2{grid-template-columns:1fr 1fr;}
.feature{border:1px solid var(--line);border-radius:14px;padding:24px 22px;background:#fff;transition:border-color .15s,box-shadow .15s;}
.feature:hover{border-color:var(--line-2);box-shadow:0 12px 30px -16px rgba(10,42,68,.2);}
.feature .ic{width:46px;height:46px;border-radius:11px;background:#EAF1F7;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px;}
.feature h3{font:800 17px 'Public Sans';margin-bottom:5px;}
.feature p{font:400 14px/1.5 'Public Sans';color:var(--muted-2);margin:0;}

/* split sections */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.split.media-right{grid-template-columns:1.05fr .95fr;}
.shot{border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -22px rgba(10,42,68,.3);}
.shot img{width:100%;height:440px;object-fit:cover;}
.soft{background:var(--bg-soft);border-top:1px solid #EEF2F6;border-bottom:1px solid #EEF2F6;}

/* steps */
.steps{display:flex;flex-direction:column;gap:16px;}
.step{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px;}
.step .n{flex:none;width:44px;height:44px;border-radius:11px;background:var(--bg-tint);color:var(--orange-ink);display:flex;align-items:center;justify-content:center;font:800 19px 'Public Sans';}
.step h3{font:800 18px 'Public Sans';margin-bottom:4px;}
.step p{font:400 15px/1.55 'Public Sans';color:var(--muted-2);margin:0;}

/* included list */
.checklist{display:flex;flex-direction:column;gap:16px;}
.checklist .row{display:flex;gap:14px;align-items:flex-start;}
.checklist .row .tick{width:26px;height:26px;font:800 14px 'Public Sans';}
.checklist .row b{font:700 16.5px 'Public Sans';color:var(--navy);}
.checklist .row span{font:400 16.5px 'Public Sans';color:var(--muted-2);}

/* pricing band (navy) */
.band-navy{background:var(--navy);color:#fff;}
.band-navy h2{color:#fff;}
.band-navy .eyebrow{color:var(--orange-2);}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.tier{background:#10334F;border:1px solid #1C3A53;border-radius:14px;padding:26px 24px;}
.tier .r{font:600 14px 'Public Sans';color:#8FA6B8;margin-bottom:14px;}
.tier .p{font:800 34px 'Public Sans';color:#fff;line-height:1;}
.tier .n{font:500 13px 'Public Sans';color:#8FA6B8;margin-top:10px;}
.band-navy .fine{font:500 14px 'Public Sans';color:#7E97AC;margin-top:20px;}

/* full price table */
.price-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.price-table th,.price-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);font:500 16px 'Public Sans';}
.price-table th{background:var(--bg-soft);font-weight:800;color:var(--navy);font-size:14px;letter-spacing:.02em;}
.price-table td.price{font-weight:800;color:var(--navy-2);}
.price-table tr:last-child td{border-bottom:none;}

/* reviews */
.review{border:1px solid var(--line);border-radius:16px;padding:28px 26px;background:#fff;}
.stars{color:var(--star);font-size:16px;letter-spacing:2px;}
.review p{font:500 16px/1.6 'Public Sans';color:#2A3B47;margin:14px 0 22px;}
.review .who{display:flex;align-items:center;gap:12px;}
.avatar{width:42px;height:42px;border-radius:50%;background:#EAF1F7;color:var(--navy-2);display:flex;align-items:center;justify-content:center;font:800 15px 'Public Sans';}
.review .nm{font:700 15px 'Public Sans';color:var(--navy);}
.review .ro{font:500 13px 'Public Sans';color:var(--muted-2);}

/* tags / areas */
.tags{display:flex;flex-wrap:wrap;gap:10px;}
.tag{font:600 15px 'Public Sans';color:#3A4A57;background:#fff;border:1px solid #E2E9F0;border-radius:100px;padding:10px 18px;text-decoration:none;}
a.tag:hover{border-color:var(--navy-2);color:var(--navy-2);}

/* FAQ */
.faq{max-width:820px;margin:0 auto;}
.qa{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:#fff;overflow:hidden;}
.qa summary{list-style:none;cursor:pointer;padding:20px 24px;font:700 17px 'Public Sans';color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;}
.qa summary::-webkit-details-marker{display:none;}
.qa summary::after{content:"+";color:var(--orange);font-size:22px;font-weight:700;line-height:1;}
.qa[open] summary::after{content:"–";}
.qa .a{padding:0 24px 22px;font:400 16px/1.65 'Public Sans';color:var(--muted);}
.qa .a p{margin:0 0 12px;}
.qa .a p:last-child{margin-bottom:0;}

/* prose */
.prose{max-width:760px;}
.prose p{font:400 17px/1.7 'Public Sans';color:#33424E;margin:0 0 18px;}
.prose h2{font:800 28px/1.2 'Public Sans';margin:38px 0 14px;}
.prose h3{font:800 20px 'Public Sans';margin:26px 0 10px;}
.prose ul{margin:0 0 18px;padding-left:22px;}
.prose li{font:400 17px/1.7 'Public Sans';color:#33424E;margin-bottom:8px;}
.callout{background:var(--bg-tint);border:1px solid #F6D9B0;border-radius:12px;padding:18px 22px;font:500 16px/1.6 'Public Sans';color:#7A4E12;margin:0 0 22px;}

/* final CTA */
.cta-band{border-radius:22px;background:linear-gradient(120deg,#0E3D63 0%,#0A2A44 100%);padding:56px clamp(28px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.cta-band h2{color:#fff;font:800 clamp(28px,3.6vw,40px)/1.1 'Public Sans';margin-bottom:14px;}
.cta-band p{font:400 18px/1.6 'Public Sans';color:#B7C9D8;margin:0;max-width:560px;}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.32);}

/* page hero (interior) */
.page-hero{background:var(--bg-soft);border-bottom:1px solid #EEF2F6;padding:56px 0;}
.breadcrumb{font:600 13.5px 'Public Sans';color:var(--muted-2);margin-bottom:14px;}
.breadcrumb a{text-decoration:none;color:var(--muted-2);}
.breadcrumb a:hover{color:var(--navy-2);}
.page-hero h1{font:800 clamp(32px,4.4vw,46px)/1.08 'Public Sans';margin-bottom:14px;}

/* answer-first block */
.answer{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:10px;padding:20px 24px;margin:0 0 26px;font:500 18px/1.6 'Public Sans';color:#23323D;}

/* footer */
.site-footer{background:var(--navy-deep);color:#fff;}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding:64px 0 40px;}
.site-footer .fbrand{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.site-footer .fbrand img{height:44px;width:auto;background:#fff;border-radius:9px;padding:4px;}
.site-footer .fbrand .b1{font:800 16px 'Public Sans';color:#fff;line-height:1;}
.site-footer .fbrand .b2{font:800 10px 'Public Sans';letter-spacing:.30em;color:var(--orange-2);margin-top:3px;line-height:1;}
.site-footer p{font:400 15px/1.6 'Public Sans';color:#9DB1C2;max-width:300px;margin:0 0 20px;}
.pills{display:flex;flex-wrap:wrap;gap:8px;}
.pill{font:600 12px 'Public Sans';color:#C9D7E2;padding:5px 11px;border:1px solid #1E3A50;border-radius:100px;}
.site-footer h4{font:700 13px 'Public Sans';letter-spacing:.10em;text-transform:uppercase;color:#6E8597;margin:0 0 16px;}
.site-footer .fcol a{display:block;font:500 15px 'Public Sans';color:#C9D7E2;text-decoration:none;margin-bottom:11px;}
.site-footer .fcol a:hover{color:#fff;}
.site-footer .tel{font:700 18px 'Public Sans';color:#fff;text-decoration:none;display:block;margin-bottom:6px;}
.foot-bottom{border-top:1px solid #1A3048;}
.foot-bottom .row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0;}
.foot-bottom .cp{font:400 13.5px 'Public Sans';color:#6E8597;}
.foot-bottom .links{display:flex;align-items:center;gap:22px;}
.foot-bottom .links a{font:500 13.5px 'Public Sans';color:#9DB1C2;text-decoration:none;}
.foot-bottom .links a.lighting{color:var(--orange-2);font-weight:600;}

/* note banner (for placeholder details) */
.note-banner{background:#FFF7EE;border:1px dashed #F0B968;color:#8A5A12;font:600 13.5px 'Public Sans';text-align:center;padding:8px 16px;}

@media (max-width:900px){
  .hero .grid{grid-template-columns:1fr;gap:36px;}
  .split,.split.media-right{grid-template-columns:1fr;gap:32px;}
  .cols-4{grid-template-columns:1fr 1fr;}
  .cols-3{grid-template-columns:1fr;}
  .tiers{grid-template-columns:1fr 1fr;}
  .trust .grid{grid-template-columns:1fr 1fr;}
  .trust .cell:nth-child(odd){border-left:none;padding-left:0;}
  .site-footer .cols{grid-template-columns:1fr 1fr;gap:32px;}
  .nav{display:none;}
  .shot img{height:320px;}
}
@media (max-width:560px){
  .cols-4,.cols-2,.tiers,.trust .grid{grid-template-columns:1fr;}
  .section{padding:60px 0;}
  .phone span.num{display:none;}
  .cta-band{flex-direction:column;align-items:flex-start;}
}