/* Orca Proof. Black and white system. The only color on the page comes from the Orca logo itself. */
@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-regular.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-medium.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-semibold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-bold.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/poppins-extrabold.woff2) format("woff2")}

:root{
  --black:#000;--white:#fff;--paper:#F4F4F4;--rule:#DCDCDC;--mute:#5E5E5E;--mute-dark:#A8A8A8;--rule-dark:#2E2E2E;
  --pad:clamp(20px,5vw,72px);--max:1360px;--r:8px;
  --font:Poppins,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--font);font-size:1.0625rem;line-height:1.65;color:var(--black);background:var(--white);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--black);outline-offset:3px}
.dark :focus-visible{outline-color:var(--white)}
p{margin:0 0 1em}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.08}
h1{font-size:clamp(2.5rem,5.6vw,5.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.02}
h2{font-size:clamp(1.9rem,3.6vw,3.25rem);letter-spacing:-.035em}
h3{font-size:1.3rem;line-height:1.25;letter-spacing:-.015em}
.wrap{width:100%;max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.skip{position:absolute;left:-9999px;top:0;background:var(--black);color:var(--white);padding:12px 18px;z-index:100}
.skip:focus{left:12px;top:12px}

/* header, full width */
.site-head{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--black)}
.head-in{display:flex;align-items:center;gap:28px;min-height:76px;padding:0 var(--pad)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.brand img{height:36px;width:auto}
.brand span{font-weight:600;font-size:.95rem;border-left:1px solid var(--black);padding-left:14px;line-height:1.2}
.nav{display:flex;gap:26px;margin-left:auto;align-items:center}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem}
.nav a:hover,.nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.head-cta{display:flex;align-items:center;gap:18px}
.head-cta .tel{font-weight:600;text-decoration:none;font-size:.95rem;white-space:nowrap}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--black);border-radius:var(--r);font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}
@media (max-width:1080px){
  .nav,.head-cta .tel{display:none}
  .menu-btn{display:block}
  .head-cta{margin-left:0}
  .site-head.open .nav{display:flex;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:0;background:var(--white);border-bottom:1px solid var(--black);padding:8px var(--pad) 20px}
  .site-head.open .nav a{padding:12px 0;width:100%;border-bottom:1px solid var(--rule);font-size:1.05rem}
}
@media (max-width:560px){.head-cta .btn{display:none}.brand span{display:none}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:var(--r);font:inherit;font-weight:600;font-size:1rem;text-decoration:none;border:2px solid var(--black);background:var(--black);color:var(--white);cursor:pointer;transition:background .15s,color .15s}
.btn:hover{background:var(--white);color:var(--black);text-decoration:none}
.btn.ghost{background:transparent;color:var(--black)}
.btn.ghost:hover{background:var(--black);color:var(--white)}
.dark .btn{background:var(--white);color:var(--black);border-color:var(--white)}
.dark .btn:hover{background:var(--black);color:var(--white)}
.dark .btn.ghost{background:transparent;color:var(--white)}
.dark .btn.ghost:hover{background:var(--white);color:var(--black)}
.btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}

/* sections */
.sec{padding:clamp(64px,8vw,120px) 0}
.sec.tight{padding:clamp(44px,5vw,72px) 0}
.paper{background:var(--paper)}
.dark{background:var(--black);color:var(--white)}
.dark .mute,.dark .crumbs,.dark .crumbs a{color:var(--mute-dark)}
.mute{color:var(--mute)}
.sec-head{margin-bottom:clamp(32px,4vw,56px)}
.sec-head p{font-size:1.2rem;margin:20px 0 0;color:var(--mute)}
.dark .sec-head p{color:var(--mute-dark)}
.lead{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.55;margin:28px 0 0}

/* hero */
.hero{background:var(--black);color:var(--white);padding:clamp(56px,8vw,112px) 0 clamp(56px,7vw,96px)}
.hero .lead{color:#E6E6E6}
.crumbs{font-size:.9rem;margin-bottom:28px;color:var(--mute-dark)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crumbs li+li::before{content:"/";margin-right:8px}
.truths{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--rule-dark)}
.truths div{padding:22px 24px 0 0;font-size:.98rem;color:#E6E6E6}
.truths strong{display:block;color:var(--white);font-size:1.05rem}
@media (max-width:860px){.truths{grid-template-columns:1fr 1fr;row-gap:8px}}

/* service facts */
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(40px,5vw,60px) 0 0;border:1px solid var(--rule-dark);border-radius:var(--r)}
.facts div{padding:22px 24px;border-left:1px solid var(--rule-dark)}
.facts div:first-child{border-left:0}
.facts dt{font-size:.9rem;color:var(--mute-dark)}
.facts dd{margin:4px 0 0;font-weight:600;font-size:1.15rem;line-height:1.35}
@media (max-width:860px){.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--rule-dark)}}

/* answer block */
.answer{border-left:4px solid var(--black);padding:6px 0 6px 28px}
.answer h2{font-size:1.1rem;letter-spacing:0;margin-bottom:12px}
.answer p{font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.55;margin:0}

/* grids and cards */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--rule);border-radius:var(--r);padding:28px;min-width:0;transition:border-color .15s}
a.card{text-decoration:none}
a.card:hover{border-color:var(--black)}
.card h3{margin-bottom:10px}
.card p{margin:0;color:var(--mute)}
.card .more{margin-top:auto;padding-top:22px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.card .price{margin-top:auto;padding-top:22px;font-weight:600}
.dark .card{background:var(--black);border-color:var(--rule-dark);color:var(--white)}
.dark .card p{color:var(--mute-dark)}
.dark a.card:hover{border-color:var(--white)}

/* deliverables list */
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--black)}
.checks li{padding:20px 24px 20px 40px;border-bottom:1px solid var(--rule);position:relative;font-weight:500;font-size:1.05rem}
.checks li:nth-child(odd){border-right:1px solid var(--rule)}
.checks li::before{content:"";position:absolute;left:8px;top:28px;width:14px;height:8px;border-left:2px solid var(--black);border-bottom:2px solid var(--black);transform:rotate(-45deg)}
@media (max-width:680px){.checks{grid-template-columns:1fr}.checks li:nth-child(odd){border-right:0}}

/* steps, a real sequence */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid currentColor;padding-top:20px}
.steps li::before{content:counter(s);display:block;font-weight:800;font-size:2.4rem;line-height:1;margin-bottom:16px}
.steps h3{margin-bottom:8px}
.steps p{margin:0;color:var(--mute)}
.dark .steps p{color:var(--mute-dark)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips li{border:1px solid var(--black);border-radius:999px;padding:8px 16px;font-weight:500;font-size:.95rem}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-dark)}
.stat{padding:32px 32px 32px 0;border-bottom:1px solid var(--rule-dark)}
.stat .n{display:block;font-weight:800;font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:-.04em}
.stat p{margin:14px 0 8px;font-size:1.05rem}
.stat cite{font-style:normal;font-size:.88rem;color:var(--mute-dark)}
.stat cite a{color:inherit}
.paper .stats,.light-stats .stats{border-top-color:var(--black)}
.paper .stat,.light-stats .stat{border-bottom-color:var(--rule)}
.paper .stat cite,.light-stats .stat cite{color:var(--mute)}
@media (max-width:900px){.stats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.stats{grid-template-columns:1fr}}

/* pillars on home */
.pillar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--black)}
.pillar:first-child{border-top:0;padding-top:0}
.pillar h3{font-size:clamp(1.6rem,2.6vw,2.2rem);letter-spacing:-.03em;margin-bottom:14px}
.pillar p{color:var(--mute)}
.plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.plist a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-weight:600}
.plist a span{font-weight:400;color:var(--mute);white-space:nowrap}
.plist a:hover{border-bottom-color:var(--black)}
@media (max-width:900px){.pillar{grid-template-columns:1fr}}
@media (max-width:560px){.plist{grid-template-columns:1fr}}

/* self check, the one bold moment */
.check{background:var(--black);color:var(--white);border-radius:calc(var(--r)*2);padding:clamp(28px,4vw,56px)}
.check-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(24px,4vw,56px);align-items:start}
.q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--rule-dark)}
.q p{margin:0;font-size:1.05rem}
.yn{display:flex;gap:8px;flex:none}
.yn label{cursor:pointer}
.yn input{position:absolute;opacity:0;width:1px;height:1px}
.yn span{display:inline-block;min-width:64px;text-align:center;padding:8px 14px;border:1px solid var(--mute-dark);border-radius:var(--r);font-weight:600;font-size:.95rem}
.yn input:checked+span{background:var(--white);color:var(--black);border-color:var(--white)}
.yn input:focus-visible+span{outline:3px solid var(--white);outline-offset:2px}
.score{position:sticky;top:100px;border:1px solid var(--rule-dark);border-radius:var(--r);padding:28px}
.score .big{font-weight:800;font-size:clamp(4rem,9vw,7.5rem);line-height:.9;letter-spacing:-.05em}
.score .of{color:var(--mute-dark);font-weight:500}
.score h3{margin:20px 0 10px}
.score p{color:#E6E6E6;margin:0 0 16px}
.score ul{margin:0 0 20px;padding-left:20px}
.score li{margin-bottom:6px}
.score .btn{width:100%}
@media (max-width:900px){.check-grid{grid-template-columns:1fr}.score{position:static}}
@media (max-width:520px){.q{flex-direction:column;align-items:flex-start}}

/* pricing */
.table-wrap{overflow-x:auto;border:1px solid var(--black);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;min-width:640px}
th,td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--rule);vertical-align:top}
thead th{background:var(--black);color:var(--white);font-weight:600}
tbody tr:last-child td{border-bottom:0}
td a{font-weight:600}
.bundle{display:flex;flex-direction:column;border:2px solid var(--black);border-radius:var(--r);padding:32px;background:var(--white);min-width:0}
.bundle h3{font-size:1.6rem}
.bundle .amt{font-size:2.6rem;font-weight:800;letter-spacing:-.04em;margin:18px 0 0;line-height:1}
.bundle .per{color:var(--mute);margin:6px 0 18px}
.bundle ul{margin:0 0 24px;padding-left:20px}
.bundle li{margin-bottom:6px}
.bundle .btn{margin-top:auto}

/* faq */
.faq details{border-bottom:1px solid var(--rule)}
.faq details:first-child{border-top:1px solid var(--black)}
.faq summary{list-style:none;cursor:pointer;padding:24px 48px 24px 0;font-weight:600;font-size:1.15rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:1.8rem;font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 24px;font-size:1.05rem;color:var(--mute)}
.dark .faq details{border-color:var(--rule-dark)}
.dark .faq details:first-child{border-top-color:var(--white)}
.dark .faq details p{color:var(--mute-dark)}

/* prose */
.prose p,.prose li{font-size:1.1rem}
.prose h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:48px 0 16px}
.prose h2:first-child{margin-top:0}
.prose ul{padding-left:22px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
@media (max-width:800px){.two{grid-template-columns:1fr}}
.callout{border:2px solid var(--black);border-radius:var(--r);padding:28px 32px}
.callout p:last-child{margin:0}
.bigstat{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center;border-top:1px solid var(--black);border-bottom:1px solid var(--black);padding:32px 0}
.bigstat .n{font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;letter-spacing:-.05em;line-height:1}
.bigstat p{margin:0;font-size:1.25rem;font-weight:500}
.bigstat cite{display:block;font-style:normal;font-size:.9rem;color:var(--mute);margin-top:8px;font-weight:400}
@media (max-width:560px){.bigstat{grid-template-columns:1fr}}
dl.terms div{padding:24px 0;border-bottom:1px solid var(--rule)}
dl.terms dt{font-weight:700;font-size:1.2rem}
dl.terms dd{margin:8px 0 0;color:var(--mute);font-size:1.05rem}

/* family */
.family{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.family{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.family{grid-template-columns:1fr}}

/* form */
.form-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
@media (max-width:900px){.form-sec{grid-template-columns:1fr}}
.form-sec ul{padding-left:20px;margin:24px 0}
.form-sec li{margin-bottom:8px}
.form-sec .tel-big{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;text-decoration:none;letter-spacing:-.02em}
form.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--white);color:var(--black);border-radius:var(--r);padding:clamp(24px,3vw,40px)}
.lead-form .full{grid-column:1/-1}
.lead-form label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;font:inherit;font-size:1rem;padding:13px 14px;border:1px solid #8A8A8A;border-radius:var(--r);background:var(--white);color:var(--black)}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{outline:3px solid var(--black);outline-offset:1px;border-color:var(--black)}
.lead-form textarea{min-height:130px;resize:vertical}
.lead-form .btn{width:100%;min-height:56px;font-size:1.05rem}
.lead-form .fine{font-size:.88rem;color:var(--mute);margin:0}
.hp{position:absolute!important;left:-9999px!important}
@media (max-width:620px){form.lead-form{grid-template-columns:1fr}}

/* footer, full width */
.site-foot{border-top:1px solid var(--black);padding:clamp(56px,6vw,88px) var(--pad) 32px;background:var(--white)}
.foot-top{display:grid;grid-template-columns:minmax(0,4fr) repeat(4,minmax(0,2fr));gap:clamp(24px,3vw,48px)}
.foot-top img{height:36px;width:auto;margin-bottom:20px}
.foot-top p{color:var(--mute);font-size:.98rem}
.foot-top h2{font-size:1rem;letter-spacing:0;margin-bottom:14px}
.foot-top ul{list-style:none;margin:0;padding:0}
.foot-top li{margin-bottom:8px}
.foot-top li a{text-decoration:none;font-size:.95rem}
.foot-top li a:hover{text-decoration:underline}
.foot-tel{font-weight:700;font-size:1.3rem;text-decoration:none}
.foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);margin-top:48px;padding-top:24px;font-size:.9rem;color:var(--mute)}
.foot-bot a{color:inherit}
.foot-bot nav{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:1000px){.foot-top{grid-template-columns:1fr 1fr}.foot-top>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.foot-top{grid-template-columns:1fr}}

/* fixes after browser review */
.dark .lead-form .btn{background:var(--black);color:var(--white);border-color:var(--black)}
.dark .lead-form .btn:hover{background:var(--white);color:var(--black)}
.plist{grid-auto-rows:1fr}
.plist li{display:flex}
.plist a{width:100%;align-items:center}
.plist li:last-child:nth-child(odd){grid-column:1/-1}
.check-grid{align-items:stretch}
.score{position:static;display:flex;flex-direction:column}
.score .how{margin-top:auto;padding-top:20px;border-top:1px solid var(--rule-dark);font-size:.92rem;color:var(--mute-dark)}
.score .how p{color:var(--mute-dark);margin:0 0 16px}
/* no split layouts that leave a heading floating beside empty space */
.two{display:block}
.two>div:first-child{margin-bottom:28px}
.two .prose p,.two .prose li{font-size:clamp(1.1rem,1.4vw,1.3rem);line-height:1.6}
.two .bundle{max-width:none}

/* ===== Orca Proof update ===== */
:root{--red:#9E171C;--red-hot:#C01F27}
.brand img{height:38px}

/* Orca red buttons everywhere; ghost buttons stay outlined */
.btn,.dark .btn,.dark .lead-form .btn{background:var(--red);border-color:var(--red);color:var(--white)}
.btn:hover,.dark .btn:hover,.dark .lead-form .btn:hover{background:var(--red-hot);border-color:var(--red-hot);color:var(--white)}
.btn.ghost{background:transparent;color:var(--black);border-color:var(--black)}
.btn.ghost:hover{background:var(--black);color:var(--white);border-color:var(--black)}
.dark .btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.85)}
.dark .btn.ghost:hover{background:var(--white);color:var(--black);border-color:var(--white)}
.yn input:checked+span{background:var(--red);color:var(--white);border-color:var(--red)}

/* Heroes: unique palette and motion graphic per page, with a legibility veil */
.hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--h1,#111) 0%,var(--h2,#000) 100%);min-height:min(78vh,760px);display:flex;align-items:center}
.hero .fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.hero .veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,var(--h2,#000) 0%,color-mix(in srgb,var(--h2,#000) 72%,transparent) 42%,color-mix(in srgb,var(--h2,#000) 18%,transparent) 100%)}
.hero .veil::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 15%,color-mix(in srgb,var(--acc,#fff) 22%,transparent),transparent 70%)}
.hero .veil::after{content:"";position:absolute;inset:0;opacity:.6;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.hero>.wrap{position:relative;z-index:2;width:100%}
.hero h1{text-shadow:0 2px 30px color-mix(in srgb,var(--h2,#000) 60%,transparent)}
.hero .lead{color:rgba(255,255,255,.88)}
.hero .crumbs,.hero .crumbs a{color:rgba(255,255,255,.72)}
.hero .truths{border-top-color:rgba(255,255,255,.2)}
.hero .truths div{color:rgba(255,255,255,.82)}
.hero .facts{border-color:rgba(255,255,255,.22);background:color-mix(in srgb,var(--h2,#000) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hero .facts div{border-left-color:rgba(255,255,255,.18)}
.hero .facts dt{color:rgba(255,255,255,.7)}
.hero .facts dd a{color:var(--acc,#fff)}
@media (max-width:860px){.hero .facts div:nth-child(n+3){border-top-color:rgba(255,255,255,.18)}}
@media (max-width:760px){
  .hero{min-height:0}
  .hero .veil{background:linear-gradient(180deg,color-mix(in srgb,var(--h2,#000) 25%,transparent) 0%,color-mix(in srgb,var(--h2,#000) 88%,transparent) 55%,var(--h2,#000) 100%)}
}

/* Pricing table: real table on desktop, stacked cards on phones, never cut off */
tr.group th{background:var(--paper);color:var(--black);font-weight:700}
@media (max-width:700px){
  .table-wrap{overflow:visible;border:0;border-radius:0}
  table{min-width:0}
  thead{display:none}
  table,tbody,tr,td,tr.group th{display:block;width:100%}
  tr.group th{border:0;border-top:2px solid var(--black);padding:22px 0 10px;background:none;font-size:1.15rem}
  tbody tr:not(.group){border:1px solid var(--rule);border-radius:var(--r);padding:14px 16px;margin-bottom:12px}
  td{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border:0;padding:5px 0;text-align:right}
  td::before{content:attr(data-label);font-weight:500;color:var(--mute);text-align:left;flex:none}
  td[data-label="Service"]{display:block;text-align:left;font-size:1.1rem;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--rule)}
  td[data-label="Service"]::before{display:none}
}

/* ===== Centered layout: every block centered horizontally, heroes centered vertically ===== */
.hero{text-align:center;align-items:center;justify-content:center}
.hero .crumbs ol{justify-content:center}
.hero h1{margin-left:auto;margin-right:auto;max-width:22ch}
.hero .lead{max-width:60rem;margin-left:auto;margin-right:auto}
.btns{justify-content:center}
.truths{text-align:center}
.truths div{padding:22px 12px 0}
.facts{text-align:center}
.hero .veil{background:radial-gradient(ellipse 62% 70% at 50% 50%,var(--h2,#000) 0%,color-mix(in srgb,var(--h2,#000) 78%,transparent) 42%,color-mix(in srgb,var(--h2,#000) 22%,transparent) 100%)}
.hero .veil::before{background:radial-gradient(45% 55% at 50% 0%,color-mix(in srgb,var(--acc,#fff) 20%,transparent),transparent 70%)}
@media (max-width:760px){.hero .veil{background:radial-gradient(ellipse 120% 70% at 50% 50%,var(--h2,#000) 0%,color-mix(in srgb,var(--h2,#000) 82%,transparent) 55%,color-mix(in srgb,var(--h2,#000) 35%,transparent) 100%)}}

.sec-head{text-align:center}
.sec-head h2{margin-left:auto;margin-right:auto;max-width:26ch}
.sec-head p{max-width:60rem;margin-left:auto;margin-right:auto}
.answer{border-left:0;border-top:4px solid var(--black);padding:28px 0 0;text-align:center}
.answer p{max-width:66rem;margin:0 auto}
.stat{text-align:center;padding:32px 16px}
.steps li{text-align:center}
.card{text-align:center;align-items:center}
.card>*{width:100%}
.pillar{grid-template-columns:1fr;text-align:center;gap:28px}
.pillar>div{max-width:62rem;margin:0 auto}
.checks li{text-align:center;padding:20px 24px}
.checks li::before{position:static;display:inline-block;vertical-align:middle;margin:-6px 14px 0 0}
.chips{justify-content:center}
.callout{text-align:center}
.two{text-align:center}
.two .chips+.callout{margin-left:auto;margin-right:auto}
.prose{text-align:center}
.prose p,.prose li,.prose h2{max-width:66rem;margin-left:auto;margin-right:auto}
.prose ul{list-style-position:inside;padding:0}
.bundle{text-align:center;align-items:center}
.bundle>*{width:100%}
.bundle ul{list-style:none;padding:0}
.faq summary{text-align:center;padding:24px 52px}
.faq details p{text-align:center;max-width:60rem;margin:0 auto 24px}
.bigstat{grid-template-columns:1fr;justify-items:center;text-align:center}
dl.terms div{text-align:center}
dl.terms dd{max-width:60rem;margin:8px auto 0}
.form-sec{align-items:center}
.form-sec>div:first-child{text-align:center}
.form-sec>div:first-child ul{list-style:none;padding:0}
.lead-form .fine,.lead-form .full:last-child{text-align:center}
.score{text-align:center;align-items:center}
.score>*{width:100%}
.score ul{list-style:none;padding:0}
.foot-top{text-align:center}
.foot-top img{margin-left:auto;margin-right:auto}
.foot-bot{justify-content:center;text-align:center}
.foot-bot nav{justify-content:center}
th,td{text-align:left}

/* one sentence per line in headlines */
h1 .ln,h2 .ln{display:block}
.hero h1{max-width:none}
.sec-head h2{max-width:none}
@media (max-width:560px){h1{font-size:clamp(2rem,9vw,2.5rem)}}
