/* =====================================================================
   AI VISIBILITY REPORT GROUP — LIGHT PRODUCT UI 2026-08-16
   Visual-only layer based on the approved homepage concept.
   No customer-facing copy or product logic is changed here.
   ===================================================================== */
:root{
  --atlas-ink:#0b1b38;
  --atlas-navy:#082d6b;
  --atlas-blue:#1f67c7;
  --atlas-blue-2:#2b77dc;
  --atlas-green:#2eaf55;
  --atlas-green-dark:#11833a;
  --atlas-muted:#53637c;
  --atlas-line:#e2e9f2;
  --atlas-soft:#f6f9fd;
  --atlas-soft-blue:#eef6ff;
  --atlas-soft-green:#effaf3;
  --atlas-white:#fff;
  --atlas-shadow:0 12px 34px rgba(22,47,88,.09);
}
html{background:#fff!important;color-scheme:light!important}
body,body.visual-v2,body.grid-bg{
  background:#fff!important;
  background-image:none!important;
  color:var(--atlas-ink)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body *{box-sizing:border-box}
body a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}

/* Brand/header --------------------------------------------------------- */
body>header,body header.sticky,body header[class*="bg-[#061426]"],body header[class*="bg-[#04101e]"]{
  background:rgba(255,255,255,.97)!important;
  color:var(--atlas-ink)!important;
  border-color:var(--atlas-line)!important;
  box-shadow:0 1px 0 rgba(14,36,72,.03)!important;
  -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
}
body>header>div,body header.sticky>div{min-height:76px!important;padding-top:10px!important;padding-bottom:10px!important}
.atlas-brand-lockup{display:inline-flex;align-items:center;gap:10px;color:#1d70cf;line-height:1!important;white-space:nowrap}
.atlas-brand-mark{width:39px;height:45px;flex:none;display:block}
.atlas-brand-copy{display:flex;flex-direction:column;gap:4px;letter-spacing:.09em;color:var(--atlas-ink)}
.atlas-brand-copy strong{font-size:1.14rem;line-height:.93;font-weight:800;letter-spacing:.055em}
.atlas-brand-copy span{font-size:.77rem;line-height:1;font-weight:700;letter-spacing:.24em}
header nav{color:var(--atlas-ink)!important;font-weight:650!important}
header nav a{color:var(--atlas-ink)!important;text-decoration:none!important}
header nav a:hover{color:var(--atlas-blue)!important}
header #nav-toggle{color:var(--atlas-ink)!important;border-color:#d4deea!important;background:#fff!important}
header a.bg-cyan-300,header nav a.bg-cyan-300,header nav a.rounded-lg.bg-cyan-300{
  color:#fff!important;background:var(--atlas-navy)!important;border-color:var(--atlas-navy)!important;box-shadow:0 7px 18px rgba(8,45,107,.14)!important
}
header a.bg-cyan-300:hover,header nav a.bg-cyan-300:hover{background:#0c3a82!important}

/* Generic light conversion ------------------------------------------- */
/* .text-white werd hier naar donkerblauw omgezet omdat witte tekst op een
   lichte achtergrond onleesbaar is. Dat trof echter ook witte tekst op
   donkere knoppen, die daardoor donkerblauw op donkerblauw werd (contrast
   1,42). De omzetting geldt nu alleen nog waar de achtergrond licht is: een
   element met een eigen donkere vulling houdt zijn witte tekst. */
.text-white{color:var(--atlas-ink)!important}
a[class*="bg-[#"].text-white,button[class*="bg-[#"].text-white,
a[class*="bg-brand"].text-white,button[class*="bg-brand"].text-white,
a[class*="bg-blue"].text-white,a[class*="bg-slate-9"].text-white,
a[class*="bg-emerald"].text-white,a[class*="bg-green"].text-white,
.atlas-premium-free,.btn-primary,.avr-btn-primary{color:#fff!important}
.text-slate-100,.text-slate-200{color:var(--atlas-ink)!important}
.text-slate-300,.text-slate-400,.text-slate-500,.text-slate-600{color:var(--atlas-muted)!important}
.text-cyan-100,.text-cyan-200,.text-cyan-300{color:var(--atlas-blue)!important}
.text-amber-300{color:#a86500!important}
.border-white\/10,.border-white\/15,.border-white\/20,.border-cyan-300\/20,.border-cyan-300\/30,.border-cyan-300\/35,.border-cyan-300\/40,.border-cyan-300\/50{border-color:var(--atlas-line)!important}
.bg-white\/\[\.03\],.bg-white\/\[\.035\],.bg-white\/\[\.04\],.bg-white\/\[\.05\],.bg-white\/\[\.06\],.bg-white\/\[\.07\]{background:#fff!important}
.bg-slate-950\/40,.bg-slate-950\/50{background:var(--atlas-soft)!important}
.bg-cyan-300\/\[\.05\],.bg-cyan-300\/\[\.06\],.bg-cyan-300\/\[\.07\]{background:var(--atlas-soft-blue)!important}
section[class*="bg-[#081a30]"],section[class*="bg-[#061426]"],div[class*="bg-[#081a30]"]{background:var(--atlas-soft)!important;color:var(--atlas-ink)!important}
main{color:var(--atlas-ink)!important}
main h1,main h2,main h3,main h4{color:var(--atlas-ink)!important;letter-spacing:-.025em}
main p{color:var(--atlas-muted)}
main .rounded-2xl[class*="border"],main .rounded-3xl[class*="border"],main article[class*="border"],main section[class*="rounded"]{
  background:#fff!important;border-color:var(--atlas-line)!important;box-shadow:0 7px 24px rgba(22,47,88,.05)
}
main a.rounded-xl[class*="border"],main a.rounded-lg[class*="border"]{border-color:#cfd9e6!important;color:var(--atlas-navy)!important;background:#fff!important}
main a.rounded-xl.bg-cyan-300,main a.rounded-lg.bg-cyan-300,main a.inline-block.bg-cyan-300,main a.block.bg-cyan-300{
  background:var(--atlas-navy)!important;color:#fff!important;border-color:var(--atlas-navy)!important;box-shadow:0 8px 20px rgba(8,45,107,.13)
}
main input,main select,main textarea{background:#fff!important;color:var(--atlas-ink)!important;border-color:#cfd9e6!important;box-shadow:inset 0 1px 1px rgba(15,35,65,.02)}
main input::placeholder,main textarea::placeholder{color:#8390a4!important}

/* Homepage hero ------------------------------------------------------- */
.visual-v2 .avr-hero{background:linear-gradient(180deg,#fbfdff 0%,#fff 82%)!important;color:var(--atlas-ink)!important;padding:44px 0 40px!important;overflow:visible!important}
.visual-v2 .avr-hero .avr-shell{width:min(calc(100% - 56px),1480px)!important;max-width:1480px!important}
.visual-v2 .avr-hero-grid{display:grid!important;grid-template-columns:minmax(430px,.78fr) minmax(600px,1.22fr)!important;gap:clamp(42px,4.5vw,74px)!important;align-items:center!important}
.visual-v2 .avr-hero-copy{padding-right:0!important;z-index:2!important}
.visual-v2 .avr-kicker{display:inline-flex!important;align-items:center!important;color:var(--atlas-blue)!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.095em!important}
.visual-v2 .avr-hero-copy h1{max-width:650px!important;margin-top:18px!important;color:var(--atlas-ink)!important;font-size:clamp(2.65rem,4vw,4.35rem)!important;line-height:1.02!important;letter-spacing:-.052em!important}
.visual-v2 .avr-hero-copy h1 span{color:var(--atlas-blue)!important}
.visual-v2 .avr-lead{max-width:640px!important;margin-top:24px!important;color:var(--atlas-muted)!important;font-size:clamp(1rem,1.2vw,1.16rem)!important;line-height:1.68!important}
.visual-v2 .avr-actions{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr)!important;gap:14px!important;max-width:575px!important;margin-top:30px!important;align-items:stretch!important}
.visual-v2 .avr-btn-primary,.visual-v2 .avr-actions>.avr-btn-primary{
  display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:14px 20px!important;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#1d4ed8,#4f46e5)!important;color:#fff!important;font-size:.98rem!important;font-weight:800!important;box-shadow:0 9px 22px rgba(46,175,85,.20)!important;text-align:center!important
}
.visual-v2 .avr-actions>.avr-text-link{
  display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:14px 20px!important;border:1px solid var(--atlas-navy)!important;border-radius:9px!important;background:linear-gradient(180deg,#0b3474,#082d6b)!important;color:#fff!important;font-size:.98rem!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 9px 22px rgba(8,45,107,.18)!important;text-align:center!important
}
.visual-v2 .avr-secondary-links{margin-top:15px!important;gap:10px 16px!important;align-items:center!important}
.visual-v2 .avr-tertiary-link{color:var(--atlas-blue)!important;font-size:.78rem!important;font-weight:700!important}
.visual-v2 .avr-transparency-pill{background:var(--atlas-soft-green)!important;border:1px solid #cfead7!important;color:var(--atlas-green-dark)!important;border-radius:9px!important;padding:10px 13px!important;box-shadow:none!important}
.visual-v2 .avr-transparency-pill span{color:var(--atlas-green-dark)!important}
.visual-v2 .avr-utility-note{max-width:625px!important;margin-top:18px!important;padding-top:15px!important;border-top:1px solid var(--atlas-line)!important;color:#65738a!important;font-size:.72rem!important}

/* Existing report PNG: larger, fully visible, zero cropping/hover. */
.visual-v2 .hero-report-approved,.visual-v2 .hero-report-approved.hero-report-static,.visual-v2 .hero-report-approved.hero-report-interactive{
  position:relative!important;width:min(100%,850px)!important;max-width:850px!important;aspect-ratio:950/760!important;min-height:0!important;margin:0 auto!important;justify-self:end!important;overflow:visible!important;transform:none!important;translate:none!important;filter:none!important;transition:none!important;line-height:0!important
}
.visual-v2 .hero-report-approved .hero-report-base{
  position:relative!important;inset:auto!important;width:100%!important;height:auto!important;display:block!important;object-fit:contain!important;transform:none!important;translate:none!important;transition:none!important;filter:drop-shadow(0 16px 23px rgba(11,38,76,.10))!important
}
.visual-v2 .hero-report-approved .hero-report-layer{display:none!important}
/* Cover the baked ring and redraw a clean 81/100 ring like the report UI. */
.visual-v2 .hero-score-ring-fixed{display:none!important}
.visual-v2 .hero-score-fix{
  position:absolute!important;z-index:20!important;left:36.42%!important;top:17.55%!important;width:22.15%!important;aspect-ratio:1/1!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;line-height:1!important;pointer-events:none!important
}
.visual-v2 .hero-score-fix svg{position:absolute!important;inset:1%!important;width:98%!important;height:98%!important;overflow:visible!important}
.visual-v2 .hero-score-fix circle{fill:none!important;stroke-width:7.2!important;vector-effect:non-scaling-stroke}
.visual-v2 .hero-score-fix-track{stroke:#e6ebf2!important}
.visual-v2 .hero-score-fix-value{stroke:#2eaf55!important;stroke-dasharray:81 19!important;stroke-dashoffset:0!important;stroke-linecap:round!important}
.visual-v2 .hero-score-fix-copy{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#081a38!important;line-height:.9!important}
.visual-v2 .hero-score-fix-copy strong{font-size:clamp(2.2rem,4.5vw,4.2rem)!important;font-weight:800!important;letter-spacing:-.055em!important}
.visual-v2 .hero-score-fix-copy span{margin-top:9px!important;font-size:clamp(.72rem,1.3vw,1.15rem)!important;font-weight:700!important}

/* Homepage sections in the approved clean-card language. */
.visual-v2 main>section:not(.avr-hero){background:#fff!important;border-color:var(--atlas-line)!important}
.visual-v2 main>section[class*="border-y"]{background:var(--atlas-soft)!important}
.visual-v2 main section h2{color:var(--atlas-ink)!important}
.visual-v2 main section .text-cyan-300{color:var(--atlas-blue)!important}
.visual-v2 .editorial-report-canvas{background:var(--atlas-soft)!important;border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line)}
.visual-v2 .editorial-report-canvas .report-preview{background:#fff!important;border:1px solid var(--atlas-line)!important;box-shadow:var(--atlas-shadow)!important;color:var(--atlas-ink)!important}
.visual-v2 .preview-note{color:#718096!important}
.visual-v2 .avr-shopping{background:#fff!important;color:var(--atlas-ink)!important}
.visual-v2 .avr-shopping h2,.visual-v2 .avr-shopping h3{color:var(--atlas-ink)!important}
.visual-v2 .avr-shopping p,.visual-v2 .product-record,.visual-v2 .machine-signals{color:var(--atlas-muted)!important}
.visual-v2 .flow-stage{border-color:var(--atlas-line)!important}
.visual-v2 #prijzen{background:var(--atlas-soft)!important}
.visual-v2 #prijzen article{background:#fff!important;border-color:var(--atlas-line)!important;box-shadow:0 8px 25px rgba(22,47,88,.05)!important}
.visual-v2 #prijzen article.avr-recommended-scan{border-color:#a9c9ed!important;background:#f8fbff!important;box-shadow:0 13px 34px rgba(31,103,199,.11)!important}
.visual-v2 #prijzen article.avr-recommended-scan::before{color:var(--atlas-blue)!important}
.visual-v2 #prijzen article.avr-recommended-scan .text-5xl,.visual-v2 #prijzen article.avr-recommended-scan span.text-5xl{color:var(--atlas-navy)!important}
.visual-v2 #prijzen article.avr-recommended-scan a{background:var(--atlas-navy)!important;color:#fff!important;border-color:var(--atlas-navy)!important}

/* Other pages: airy white canvas and restrained cards. */
body:not(.visual-v2) main{background:#fff!important}
body:not(.visual-v2) main[class*="max-w"]{padding-top:58px!important;padding-bottom:72px!important}
body:not(.visual-v2) main h1{font-size:clamp(2.35rem,5vw,4.2rem)!important;line-height:1.05!important;max-width:980px}
body:not(.visual-v2) main h2{color:var(--atlas-ink)!important}
body:not(.visual-v2) main .text-cyan-300{color:var(--atlas-blue)!important}
body:not(.visual-v2) main .rounded-3xl,body:not(.visual-v2) main .rounded-2xl{border-radius:16px!important}
body:not(.visual-v2) main article,body:not(.visual-v2) main section[class*="border"]{box-shadow:0 8px 25px rgba(22,47,88,.05)}

/* Free check remains green; paid/primary report actions are navy. */
a[href*="gratis-check"].bg-cyan-300,a[href*="free-check"].bg-cyan-300,main a[href*="gratis-check"].rounded-xl,main a[href*="free-check"].rounded-xl{
  background:linear-gradient(135deg,#1d4ed8,#4f46e5)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 20px rgba(46,175,85,.16)!important
}
a[href*="plan=scan"],a[href*="plan=pro"],a[href*="plan=complete"],a[href*="order/?plan=scan"],a[href*="order/?plan=pro"],a[href*="order/?plan=complete"]{
  background:var(--atlas-navy)!important;border-color:var(--atlas-navy)!important;color:#fff!important
}

/* Forms / order / thank-you / result pages. */
#checkout-form,.checkout-card,main form{background:#fff!important}
main button[type="submit"]{background:var(--atlas-navy)!important;color:#fff!important;border-color:var(--atlas-navy)!important}
body main [class*="bg-slate-950"]{background:var(--atlas-soft)!important}
body main [class*="bg-cyan-300"]{background:var(--atlas-soft-blue)!important}
body main a[class*="bg-cyan-300"]{background:var(--atlas-navy)!important;color:#fff!important}

/* Footer -------------------------------------------------------------- */
footer,footer[class*="bg-[#04101e]"],body>footer{background:#f8fafc!important;color:var(--atlas-muted)!important;border-color:var(--atlas-line)!important}
footer b,footer .text-white,footer .font-bold{color:var(--atlas-ink)!important}
footer a{color:var(--atlas-muted)!important}
footer a:hover{color:var(--atlas-blue)!important}
footer [class*="border-white"]{border-color:var(--atlas-line)!important}

/* No visible language-switch affordance on Dutch report/order/result pages. */
html[lang="nl"] .language-switch,html[lang="nl"] .lang-switch,html[lang="nl"] [data-language-switch],html[lang="nl"] a[href^="/en/"][aria-label*="English" i]{display:none!important}

@media (max-width:1180px){
  .visual-v2 .avr-hero .avr-shell{width:min(calc(100% - 40px),1120px)!important}
  .visual-v2 .avr-hero-grid{grid-template-columns:minmax(390px,.86fr) minmax(520px,1.14fr)!important;gap:34px!important}
  .visual-v2 .hero-report-approved{width:min(100%,730px)!important}
  .visual-v2 .avr-hero-copy h1{font-size:clamp(2.45rem,4vw,3.75rem)!important}
}
@media (max-width:1023px){
  body>header>div,body header.sticky>div{min-height:68px!important}
  .atlas-brand-mark{width:34px;height:40px}.atlas-brand-copy strong{font-size:1rem}.atlas-brand-copy span{font-size:.67rem}
  .visual-v2 .avr-hero{padding:46px 0 55px!important}
  .visual-v2 .avr-hero-grid{grid-template-columns:1fr!important;gap:40px!important}
  .visual-v2 .avr-hero-copy h1,.visual-v2 .avr-lead{max-width:760px!important}
  .visual-v2 .hero-report-approved{justify-self:center!important;width:min(100%,830px)!important;max-width:830px!important}
}
@media (max-width:680px){
  .atlas-brand-lockup{gap:8px}.atlas-brand-mark{width:30px;height:36px}.atlas-brand-copy strong{font-size:.86rem}.atlas-brand-copy span{font-size:.56rem;letter-spacing:.2em}
  .visual-v2 .avr-hero .avr-shell{width:min(calc(100% - 28px),680px)!important}
  .visual-v2 .avr-hero-copy h1{font-size:clamp(2.2rem,10vw,3rem)!important}
  .visual-v2 .avr-actions{grid-template-columns:1fr!important;max-width:100%!important}
  .visual-v2 .avr-btn-primary,.visual-v2 .avr-actions>.avr-text-link{min-height:60px!important}
  .visual-v2 .hero-report-approved{width:112%!important;max-width:none!important;margin-left:-6%!important;margin-right:-6%!important}
  .visual-v2 .hero-score-fix-copy strong{font-size:clamp(1.8rem,11vw,3.2rem)!important}
  .visual-v2 .hero-score-fix-copy span{font-size:.7rem!important;margin-top:6px!important}
  body:not(.visual-v2) main[class*="max-w"]{padding-top:42px!important;padding-bottom:58px!important}
}


/* Intake CTA buttons — match homepage green/blue primary actions */
.intake-cta-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.intake-cta{
  min-height:78px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:15px 18px;
  border-radius:12px;
  text-align:center;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(15,35,65,.12);
  transition:none!important;
  transform:none!important;
}
.intake-cta:hover,.intake-cta:focus,.intake-cta:active{
  transform:none!important;
}
.intake-cta-free{
  color:#fff!important;
  background:#27a844!important;
  border:1px solid #23943d!important;
}
.intake-cta-scan{
  color:#fff!important;
  background:#071f4d!important;
  border:1px solid #071f4d!important;
}
.intake-cta-title{
  color:inherit!important;
  font-size:16px;
  line-height:1.2;
  font-weight:800;
}
.intake-cta-sub{
  color:inherit!important;
  font-size:13px;
  line-height:1.25;
  font-weight:600;
  opacity:.94;
}
@media(max-width:640px){
  .intake-cta-row{grid-template-columns:1fr}
  .intake-cta{min-height:72px}
}


/* Pricing cards: stronger readability, rounded CTAs and selectable blue outline */
.visual-v2 #prijzen .pricing-plan-card{
  position:relative;
  cursor:pointer;
  border:2px solid #d6e1ee!important;
  background:#ffffff!important;
  color:#071a38!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(7,31,77,.08)!important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease!important;
  outline:none!important;
}
.visual-v2 #prijzen .pricing-plan-card:hover,
.visual-v2 #prijzen .pricing-plan-card:focus-visible,
.visual-v2 #prijzen .pricing-plan-card.is-selected{
  border-color:#1268d8!important;
  box-shadow:0 0 0 2px rgba(18,104,216,.08),0 16px 34px rgba(7,31,77,.12)!important;
}
.visual-v2 #prijzen .pricing-plan-card h3,
.visual-v2 #prijzen .pricing-plan-card li,
.visual-v2 #prijzen .pricing-plan-card p,
.visual-v2 #prijzen .pricing-plan-card span{
  color:#071a38!important;
}
.visual-v2 #prijzen .pricing-plan-card > div:first-child{
  color:#0b58bd!important;
  font-weight:900!important;
}
.visual-v2 #prijzen .pricing-plan-card p{
  color:#314b70!important;
  font-weight:650!important;
}
.visual-v2 #prijzen .pricing-plan-card ul{
  color:#102b50!important;
}
.visual-v2 #prijzen .pricing-plan-card li{
  font-size:.91rem!important;
  line-height:1.45!important;
  font-weight:700!important;
}
.visual-v2 #prijzen .pricing-plan-card .text-5xl{
  color:#0b397d!important;
}
.visual-v2 #prijzen .pricing-plan-card .pricing-plan-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  width:100%!important;
  padding:12px 18px!important;
  border-radius:14px!important;
  border:1px solid #0b397d!important;
  background:#0b397d!important;
  color:#ffffff!important;
  font-size:.92rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-decoration:none!important;
  box-shadow:0 7px 16px rgba(11,57,125,.17)!important;
  white-space:normal!important;
  transition:none!important;
  transform:none!important;
}
.visual-v2 #prijzen .pricing-plan-free .pricing-plan-cta{
  background:#27a844!important;
  border-color:#23943d!important;
  box-shadow:0 7px 16px rgba(39,168,68,.16)!important;
}
.visual-v2 #prijzen .pricing-plan-cta:hover,
.visual-v2 #prijzen .pricing-plan-cta:focus,
.visual-v2 #prijzen .pricing-plan-cta:active{
  color:#ffffff!important;
  transform:none!important;
  filter:none!important;
}
.visual-v2 #prijzen .pricing-plan-card.is-selected .pricing-plan-cta{
  box-shadow:0 8px 20px rgba(11,57,125,.22)!important;
}
.visual-v2 #prijzen .pricing-plan-free.is-selected .pricing-plan-cta{
  box-shadow:0 8px 20px rgba(39,168,68,.22)!important;
}
/* Keep the "MEEST GEKOZEN" badge legible without forcing permanent card selection */
.visual-v2 #prijzen .pricing-plan-pro .absolute{
  background:#1268d8!important;
  color:#ffffff!important;
  border-radius:999px!important;
  font-weight:900!important;
}
@media(max-width:767px){
  .visual-v2 #prijzen .pricing-plan-card{border-radius:18px!important}
}


/* ================================================================
   FINAL VISUAL SYSTEM — PRICING + SITE-WIDE READABILITY
   ================================================================ */
:root{
  --atlas-ink-strong:#061a38;
  --atlas-ink:#0b2348;
  --atlas-copy:#263f63;
  --atlas-copy-soft:#405777;
  --atlas-blue-strong:#0a4ea8;
  --atlas-blue:#1268d8;
  --atlas-green:#27a844;
  --atlas-border:#cbd9e9;
  --atlas-panel:#ffffff;
  --atlas-canvas:#f4f7fb;
}

/* Site-wide contrast and reading rhythm. */
body{color:var(--atlas-ink-strong)!important;background:#fff!important}
main{color:var(--atlas-ink-strong)!important}
main p,main li,main dd,main td{color:var(--atlas-copy)!important}
main .text-slate-300,main .text-slate-400,main .text-slate-500{color:var(--atlas-copy-soft)!important}
main h1,main h2,main h3,main h4,main strong,main b{color:var(--atlas-ink-strong)!important}
main p{line-height:1.7!important}
main li{line-height:1.55!important}
main table{border-color:var(--atlas-border)!important}
main th{color:var(--atlas-ink-strong)!important;font-weight:850!important}
main td{font-weight:600!important}
main [class*="border-white"],main [class*="border-slate"]{border-color:var(--atlas-border)!important}

/* Pricing canvas and exact four-column symmetry. */
.visual-v2 #prijzen{
  background:linear-gradient(180deg,#f6f9fd 0%,#eef4fa 100%)!important;
  border-color:#d7e2ee!important;
}
.visual-v2 #prijzen .pricing-plan-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
}
.visual-v2 #prijzen .pricing-plan-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:540px!important;
  height:100%!important;
  padding:28px 26px 24px!important;
  border:2px solid var(--atlas-border)!important;
  border-radius:22px!important;
  background:var(--atlas-panel)!important;
  color:var(--atlas-ink-strong)!important;
  box-shadow:0 14px 34px rgba(12,43,82,.09)!important;
  overflow:visible!important;
}
.visual-v2 #prijzen .pricing-plan-card:hover,
.visual-v2 #prijzen .pricing-plan-card:focus-visible,
.visual-v2 #prijzen .pricing-plan-card.is-selected{
  border-color:var(--atlas-blue)!important;
  box-shadow:0 0 0 2px rgba(18,104,216,.08),0 18px 42px rgba(12,43,82,.14)!important;
}
.visual-v2 #prijzen .pricing-plan-card.is-selected{
  background:linear-gradient(180deg,#f7fbff 0%,#fff 38%)!important;
}
.visual-v2 #prijzen .pricing-plan-eyebrow{
  min-height:22px!important;
  margin:0 0 8px!important;
  color:var(--atlas-blue-strong)!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
}
.visual-v2 #prijzen .pricing-plan-title{
  margin:0!important;
  color:var(--atlas-ink-strong)!important;
  font-size:1.32rem!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.visual-v2 #prijzen .pricing-plan-subtitle{
  min-height:46px!important;
  margin:8px 0 0!important;
  color:#314c71!important;
  font-size:.92rem!important;
  line-height:1.48!important;
  font-weight:650!important;
}
.visual-v2 #prijzen .pricing-plan-price{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  min-height:78px!important;
  margin:19px 0 0!important;
  color:#0a397f!important;
}
.visual-v2 #prijzen .pricing-plan-price .text-5xl,
.visual-v2 #prijzen .pricing-plan-price.text-5xl{
  color:#0a397f!important;
  font-size:3.5rem!important;
  line-height:.95!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
}
.visual-v2 #prijzen .pricing-plan-price .text-sm{
  padding-bottom:5px!important;
  color:#2f486c!important;
  font-size:.86rem!important;
  font-weight:700!important;
}
.visual-v2 #prijzen .pricing-plan-features{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin:18px 0 22px!important;
  padding:0!important;
  color:#102d55!important;
  list-style:none!important;
}
.visual-v2 #prijzen .pricing-plan-features li{
  margin:0!important;
  color:#102d55!important;
  font-size:.93rem!important;
  line-height:1.43!important;
  font-weight:700!important;
}
.visual-v2 #prijzen .pricing-plan-cta{
  margin-top:auto!important;
  min-height:52px!important;
  width:100%!important;
  padding:13px 16px!important;
  border-radius:14px!important;
  border:1px solid #0b438e!important;
  background:#0b438e!important;
  color:#fff!important;
  font-size:.94rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  box-shadow:0 8px 18px rgba(11,67,142,.18)!important;
  text-decoration:none!important;
  transform:none!important;
  transition:none!important;
}
.visual-v2 #prijzen .pricing-plan-free .pricing-plan-cta{
  background:var(--atlas-green)!important;
  border-color:#23943d!important;
  box-shadow:0 8px 18px rgba(39,168,68,.18)!important;
}
.visual-v2 #prijzen .pricing-plan-cta:hover,
.visual-v2 #prijzen .pricing-plan-cta:focus,
.visual-v2 #prijzen .pricing-plan-cta:active{
  color:#fff!important;
  transform:none!important;
  filter:none!important;
}
.visual-v2 #prijzen .pricing-plan-pro .absolute{
  top:-14px!important;
  left:22px!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:var(--atlas-blue)!important;
  color:#fff!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  box-shadow:0 6px 14px rgba(18,104,216,.2)!important;
}

/* Comparison table: readable at a glance. */
.visual-v2 #prijzen table{
  background:#fff!important;
  color:var(--atlas-ink)!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.visual-v2 #prijzen thead{background:#e8f0f9!important}
.visual-v2 #prijzen th{
  color:var(--atlas-ink-strong)!important;
  font-size:.91rem!important;
  font-weight:900!important;
}
.visual-v2 #prijzen td{
  color:#2b466b!important;
  font-size:.90rem!important;
  line-height:1.45!important;
  font-weight:650!important;
}
.visual-v2 #prijzen td:first-child{color:var(--atlas-ink-strong)!important;font-weight:850!important}
.visual-v2 #prijzen tbody tr+tr td{border-top:1px solid #dce6f0!important}
.visual-v2 #prijzen .overflow-x-auto.rounded-3xl{
  border:1px solid var(--atlas-border)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(12,43,82,.07)!important;
  background:#fff!important;
}

/* Stronger cards across other pages without changing their structure/content. */
body main article,
body main .rounded-3xl,
body main .rounded-2xl{
  border-color:var(--atlas-border)!important;
}
body:not(.visual-v2) main article,
body:not(.visual-v2) main section[class*="rounded"],
body:not(.visual-v2) main div[class*="rounded-3xl"][class*="border"]{
  background:#fff!important;
  box-shadow:0 10px 28px rgba(12,43,82,.07)!important;
}
body:not(.visual-v2) main .text-cyan-300{color:var(--atlas-blue-strong)!important}
body:not(.visual-v2) main a[class*="border"]{border-width:1.5px!important}

@media(max-width:1180px){
  .visual-v2 #prijzen .pricing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
  .visual-v2 #prijzen .pricing-plan-card{min-height:500px!important}
}
@media(max-width:700px){
  .visual-v2 #prijzen .pricing-plan-grid{grid-template-columns:1fr!important;gap:16px!important}
  .visual-v2 #prijzen .pricing-plan-card{min-height:0!important;padding:24px 20px 20px!important}
  .visual-v2 #prijzen .pricing-plan-subtitle{min-height:0!important}
  .visual-v2 #prijzen .pricing-plan-price{min-height:68px!important}
  .visual-v2 #prijzen .pricing-plan-price .text-5xl,.visual-v2 #prijzen .pricing-plan-price.text-5xl{font-size:3.15rem!important}
}


/* FINAL PRICING ALIGNMENT FIX — 2026-08-16
   Four cards are locked to one top/bottom baseline; Scan CTA is green.
*/
.visual-v2 #prijzen .pricing-plan-grid{
  align-items:stretch!important;
}
.visual-v2 #prijzen .pricing-plan-card,
.visual-v2 #prijzen article.avr-recommended-scan,
.visual-v2 #prijzen .pricing-plan-card.is-selected{
  margin-top:0!important;
  margin-bottom:0!important;
  top:auto!important;
  bottom:auto!important;
  translate:none!important;
  transform:none!important;
  align-self:stretch!important;
  height:100%!important;
}
.visual-v2 #prijzen article.avr-recommended-scan:hover,
.visual-v2 #prijzen article.avr-recommended-scan:focus,
.visual-v2 #prijzen article.avr-recommended-scan:focus-visible,
.visual-v2 #prijzen article.avr-recommended-scan.is-selected{
  translate:none!important;
  transform:none!important;
  top:auto!important;
}

/* Green conversion CTA for both free check and €29 Scan. */
.visual-v2 #prijzen .pricing-plan-free .pricing-plan-cta,
.visual-v2 #prijzen .pricing-plan-scan .pricing-plan-cta,
.visual-v2 #prijzen article.avr-recommended-scan .pricing-plan-cta,
.visual-v2 #prijzen article.avr-recommended-scan a.pricing-plan-cta{
  background:#27a844!important;
  border-color:#23943d!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(39,168,68,.20)!important;
}

/* Never render decorative arrows after pricing CTAs. */
.visual-v2 #prijzen .pricing-plan-cta::before,
.visual-v2 #prijzen .pricing-plan-cta::after{
  content:none!important;
  display:none!important;
}


/* ============================================================
   SHOPPING FLOW PRO — isolated component styling only
   Scope: Product → AI Understanding → Comparison → Recommendation
   IMPORTANT: no #prijzen selectors here; pricing remains untouched.
   ============================================================ */
.visual-v2 .shopping-flow-pro{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  margin-top:34px!important;
  position:relative!important;
}

.visual-v2 .shopping-flow-pro::before{
  content:""!important;
  position:absolute!important;
  left:4%!important;
  right:4%!important;
  top:30px!important;
  height:2px!important;
  background:#c9d8e8!important;
  z-index:0!important;
}

.visual-v2 .shopping-flow-pro .flow-stage{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  height:100%!important;
  padding:28px 24px 26px!important;
  border:1.5px solid #bfd1e4!important;
  border-radius:20px!important;
  background:#ffffff!important;
  box-shadow:0 12px 28px rgba(7,31,77,.09)!important;
  color:#071a38!important;
}

.visual-v2 .shopping-flow-pro .flow-stage:nth-child(2){
  background:#f8fbff!important;
}
.visual-v2 .shopping-flow-pro .flow-stage:nth-child(3){
  background:#fbfcfe!important;
}
.visual-v2 .shopping-flow-pro .flow-stage:nth-child(4){
  background:#f7fcf9!important;
  border-color:#aad6b8!important;
}

.visual-v2 .shopping-flow-pro .flow-index{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  margin:-4px 0 16px!important;
  border-radius:16px!important;
  background:#0b397d!important;
  color:#ffffff!important;
  font-size:1.35rem!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 7px 16px rgba(11,57,125,.18)!important;
}

.visual-v2 .shopping-flow-pro .flow-stage:nth-child(4) .flow-index{
  background:#27a844!important;
}

.visual-v2 .shopping-flow-pro .flow-label{
  margin-bottom:8px!important;
  color:#0b58bd!important;
  font-size:.78rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

.visual-v2 .shopping-flow-pro h3{
  margin:0 0 22px!important;
  color:#071a38!important;
  font-size:1.3rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

.visual-v2 .shopping-flow-pro .product-record,
.visual-v2 .shopping-flow-pro .machine-signals{
  margin:0!important;
  color:#071a38!important;
}

.visual-v2 .shopping-flow-pro .product-record>div,
.visual-v2 .shopping-flow-pro .machine-signals li,
.visual-v2 .shopping-flow-pro .compare-note{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:39px!important;
  padding:8px 0!important;
  border-bottom:1px solid #dbe5ef!important;
}

.visual-v2 .shopping-flow-pro .product-record>div:last-child,
.visual-v2 .shopping-flow-pro .machine-signals li:last-child,
.visual-v2 .shopping-flow-pro .compare-note:last-child{
  border-bottom:0!important;
}

.visual-v2 .shopping-flow-pro dt,
.visual-v2 .shopping-flow-pro .machine-signals li>span,
.visual-v2 .shopping-flow-pro .compare-row>span,
.visual-v2 .shopping-flow-pro .compare-note>span{
  color:#173a63!important;
  font-size:.91rem!important;
  line-height:1.35!important;
  font-weight:750!important;
}

.visual-v2 .shopping-flow-pro dd,
.visual-v2 .shopping-flow-pro .machine-signals b,
.visual-v2 .shopping-flow-pro .compare-row>b,
.visual-v2 .shopping-flow-pro .compare-note>b{
  margin:0!important;
  color:#071a38!important;
  font-size:.93rem!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:right!important;
}

.visual-v2 .shopping-flow-pro .signal-good{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:#e7f7ec!important;
  border:1px solid #9ed8ae!important;
  color:#137b31!important;
  font-size:.78rem!important;
  font-weight:900!important;
}

.visual-v2 .shopping-flow-pro .status-dot{
  width:9px!important;
  height:9px!important;
  margin-right:7px!important;
  border-radius:999px!important;
  background:#27a844!important;
  box-shadow:0 0 0 4px rgba(39,168,68,.12)!important;
}

.visual-v2 .shopping-flow-pro .compare-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px 14px!important;
  align-items:center!important;
  padding:8px 0 11px!important;
}

.visual-v2 .shopping-flow-pro .compare-row i{
  grid-column:1/-1!important;
  display:block!important;
  width:100%!important;
  height:8px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#e2eaf2!important;
  position:relative!important;
}

.visual-v2 .shopping-flow-pro .compare-row i::before{
  content:""!important;
  display:block!important;
  height:100%!important;
  width:var(--score)!important;
  border-radius:inherit!important;
  background:#0b397d!important;
}

.visual-v2 .shopping-flow-pro .compare-row.is-you{
  margin:0 -8px 3px!important;
  padding:10px 8px 13px!important;
  border-radius:12px!important;
  background:#eef8f1!important;
}

.visual-v2 .shopping-flow-pro .compare-row.is-you>span,
.visual-v2 .shopping-flow-pro .compare-row.is-you>b{
  color:#116d2c!important;
  font-weight:900!important;
}

.visual-v2 .shopping-flow-pro .compare-row.is-you i::before{
  background:#27a844!important;
}

.visual-v2 .shopping-flow-pro .recommendation-status{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:8px 12px!important;
  border:1px solid #9ed8ae!important;
  border-radius:999px!important;
  background:#e7f7ec!important;
  color:#137b31!important;
  font-size:.78rem!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}

.visual-v2 .shopping-flow-pro .recommendation-stage>p{
  margin:0 0 22px!important;
  color:#173a63!important;
  font-size:.98rem!important;
  line-height:1.6!important;
  font-weight:700!important;
}

/* Visual hero: 87 Selection Readiness */
.visual-v2 .shopping-flow-pro .recommendation-score{
  --selection-score:87;
  position:relative!important;
  width:178px!important;
  height:178px!important;
  margin:18px auto 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center,#ffffff 0 61%,transparent 62%),
    conic-gradient(from -90deg,#27a844 0 calc(var(--selection-score)*1%),#e1e8ef calc(var(--selection-score)*1%) 100%)!important;
  box-shadow:0 10px 25px rgba(7,31,77,.10)!important;
}

.visual-v2 .shopping-flow-pro .recommendation-score::after{
  content:""!important;
  position:absolute!important;
  inset:13px!important;
  border-radius:50%!important;
  border:1px solid #d7e1eb!important;
  pointer-events:none!important;
}

.visual-v2 .shopping-flow-pro .recommendation-score>span{
  position:relative!important;
  z-index:1!important;
  color:#071a38!important;
  font-size:4.35rem!important;
  line-height:.9!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
}

.visual-v2 .shopping-flow-pro .recommendation-score>small{
  position:relative!important;
  z-index:1!important;
  margin-top:12px!important;
  max-width:115px!important;
  color:#173a63!important;
  font-size:.66rem!important;
  line-height:1.25!important;
  font-weight:900!important;
  text-align:center!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}

@media(max-width:1050px){
  .visual-v2 .shopping-flow-pro{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .visual-v2 .shopping-flow-pro::before{display:none!important}
}
@media(max-width:650px){
  .visual-v2 .shopping-flow-pro{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .visual-v2 .shopping-flow-pro .flow-stage{
    padding:22px 20px!important;
  }
  .visual-v2 .shopping-flow-pro .recommendation-score{
    width:160px!important;
    height:160px!important;
  }
  .visual-v2 .shopping-flow-pro .recommendation-score>span{
    font-size:3.9rem!important;
  }
}


/* FINAL CTA COLOR OVERRIDE — pricing only
   Free = deep blue, Scan = green, Pro/Complete = deep blue.
   No layout, spacing or sizing changes.
*/
.visual-v2 #prijzen .pricing-plan-free .pricing-plan-cta{
  background:#0b397d!important;
  border-color:#0b397d!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(11,57,125,.20)!important;
}

.visual-v2 #prijzen .pricing-plan-scan .pricing-plan-cta,
.visual-v2 #prijzen article.avr-recommended-scan .pricing-plan-cta,
.visual-v2 #prijzen article.avr-recommended-scan a.pricing-plan-cta{
  background:#27a844!important;
  border-color:#23943d!important;
  color:#ffffff!important;
  box-shadow:0 8px 18px rgba(39,168,68,.20)!important;
}

/* =========================================================
   UNIVERSAL SITE HEADER — DEFINITIEF
   Bron van waarheid voor alle publieke Atlas-pagina's.
   ========================================================= */

html body.visual-v2 > header.atlas-site-header,
html body > header.atlas-site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 8px rgba(15,23,42,.04) !important;
  -webkit-backdrop-filter: none !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
}

html body.visual-v2 > header.atlas-site-header > .atlas-header-inner,
html body > header.atlas-site-header > .atlas-header-inner {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: calc(100% - 40px) !important;
  max-width: 1280px !important;
  min-height: 72px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-header-brand,
html body > header.atlas-site-header .atlas-header-brand {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #061426 !important;
  text-decoration: none !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-brand-lockup,
html body > header.atlas-site-header .atlas-brand-lockup {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #061426 !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-brand-mark,
html body > header.atlas-site-header .atlas-brand-mark {
  display: block !important;
  width: 34px !important;
  height: 40px !important;
  flex: 0 0 34px !important;
  color: #178bff !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-brand-copy,
html body > header.atlas-site-header .atlas-brand-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-brand-copy strong,
html body > header.atlas-site-header .atlas-brand-copy strong {
  margin: 0 !important;
  color: #061426 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
}

html body.visual-v2 > header.atlas-site-header .atlas-brand-copy span,
html body > header.atlas-site-header .atlas-brand-copy span {
  margin-top: 4px !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .13em !important;
}

html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav,
html body > header.atlas-site-header nav.atlas-main-nav {
  align-items: center !important;
  gap: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 768px) {
  html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav,
  html body > header.atlas-site-header nav.atlas-main-nav {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a,
html body > header.atlas-site-header nav.atlas-main-nav > a {
  margin: 0 !important;
  padding: 8px 0 !important;
  color: #334155 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a:hover,
html body > header.atlas-site-header nav.atlas-main-nav > a:hover {
  color: #178bff !important;
}

html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta,
html body > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 18px !important;
  color: #ffffff !important;
  background: #22c55e !important;
  border: 1px solid #22c55e !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta:hover,
html body > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta:hover {
  color: #ffffff !important;
  background: #16a34a !important;
  border-color: #16a34a !important;
}

html body.visual-v2 > header.atlas-site-header button.atlas-nav-toggle,
html body > header.atlas-site-header button.atlas-nav-toggle {
  display: none !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  html body.visual-v2 > header.atlas-site-header > .atlas-header-inner,
  html body > header.atlas-site-header > .atlas-header-inner {
    position: relative !important;
    width: calc(100% - 28px) !important;
    min-height: 64px !important;
  }

  html body.visual-v2 > header.atlas-site-header button.atlas-nav-toggle,
  html body > header.atlas-site-header button.atlas-nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav,
  html body > header.atlas-site-header nav.atlas-main-nav {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    display: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 14px 30px rgba(15,23,42,.10) !important;
  }

  html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav.flex,
  html body > header.atlas-site-header nav.atlas-main-nav.flex {
    display: flex !important;
  }

  html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a,
  html body > header.atlas-site-header nav.atlas-main-nav > a {
    width: 100% !important;
    padding: 11px 12px !important;
    color: #334155 !important;
    border-radius: 8px !important;
  }

  html body.visual-v2 > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta,
  html body > header.atlas-site-header nav.atlas-main-nav > a.atlas-header-cta {
    margin-top: 4px !important;
    color: #ffffff !important;
    background: #22c55e !important;
    text-align: center !important;
  }
}

/* Services: badge altijd leesbaar */
html body.visual-v2 #prijzen .pricing-plan-pro > div.absolute,
html body #prijzen .pricing-plan-pro > div.absolute,
html body .services-home-pricing-mirror .pricing-plan-pro > div.absolute {
  color: #ffffff !important;
}

/* =========================================================
   FINAL VISUAL CORRECTIONS — HEADER + HERO SECONDARY CTAS
   2026-08-22
   ========================================================= */

/* 1. Alle publieke headers dezelfde container / linker lijn */
html body > header.atlas-site-header > .atlas-header-inner,
html body > header.sticky > div.mx-auto {
  box-sizing: border-box !important;
  width: calc(100% - 40px) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* 2. Logo exact dezelfde maat als Services */
html body > header .atlas-brand-lockup {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

html body > header .atlas-brand-mark {
  display: block !important;
  width: 39px !important;
  height: 45px !important;
  min-width: 39px !important;
  max-width: 39px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  flex: 0 0 39px !important;
}

html body > header .atlas-brand-copy strong {
  font-size: 1.14rem !important;
  line-height: .93 !important;
  font-weight: 800 !important;
  letter-spacing: .055em !important;
}

html body > header .atlas-brand-copy span {
  font-size: .77rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .24em !important;
  margin-top: 4px !important;
}

/* 3. Gratis AI Check exact hetzelfde groen als de grote hero-CTA */
html body > header a.atlas-header-cta,
html body > header nav#nav > a[href="/gratis-check.html"],
html body > header nav#nav > a[href="/gratis-check"],
html body > header nav#nav > a[href="/en/free-check.html"],
html body > header nav#nav > a[href="/en/free-check"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#1d4ed8,#4f46e5) !important;
  background-color: #1d4ed8 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 26px rgba(29,78,216,.26) !important;
  opacity: 1 !important;
}

html body > header a.atlas-header-cta:hover,
html body > header nav#nav > a[href="/gratis-check.html"]:hover,
html body > header nav#nav > a[href="/gratis-check"]:hover,
html body > header nav#nav > a[href="/en/free-check.html"]:hover,
html body > header nav#nav > a[href="/en/free-check"]:hover {
  background: linear-gradient(135deg,#1a45c0,#4338ca) !important;
  background-color: #1a45c0 !important;
  border-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 4. Twee secundaire hero-links als volwaardige knoppen onder elkaar */
html body.visual-v2 .avr-secondary-links {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 430px !important;
  margin-top: 14px !important;
  align-items: stretch !important;
}

html body.visual-v2 .avr-secondary-links > a.avr-tertiary-link,
html body.visual-v2 .avr-secondary-links > a.avr-transparency-pill {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 1px solid #cfead7 !important;
  border-radius: 9px !important;
  background: var(--atlas-soft-green,#eefaf1) !important;
  color: var(--atlas-green-dark,#137a38) !important;
  -webkit-text-fill-color: var(--atlas-green-dark,#137a38) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.visual-v2 .avr-secondary-links > a.avr-tertiary-link:hover,
html body.visual-v2 .avr-secondary-links > a.avr-transparency-pill:hover {
  border-color: #a9dbb7 !important;
  background: #e4f7e9 !important;
  color: #0f6b32 !important;
  -webkit-text-fill-color: #0f6b32 !important;
}

html body.visual-v2 .avr-secondary-links > a.avr-transparency-pill span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 900 !important;
}

/* 5. Meest gekozen altijd leesbaar */
html body #prijzen .pricing-plan-pro > div.absolute,
html body .services-home-pricing-mirror .pricing-plan-pro > div.absolute {
  background: #2563eb !important;
  background-color: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

html body #prijzen .pricing-plan-pro > div.absolute *,
html body .services-home-pricing-mirror .pricing-plan-pro > div.absolute * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 767px) {
  html body > header.atlas-site-header > .atlas-header-inner,
  html body > header.sticky > div.mx-auto {
    width: calc(100% - 28px) !important;
  }

  html body > header .atlas-brand-mark {
    width: 34px !important;
    height: 40px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    flex-basis: 34px !important;
  }

  html body > header .atlas-brand-copy strong {
    font-size: 1rem !important;
  }

  html body > header .atlas-brand-copy span {
    font-size: .67rem !important;
  }

  html body.visual-v2 .avr-secondary-links {
    max-width: none !important;
  }
}



/* De header is sticky; zonder deze regel landt een anker als #prijzen
   onder de balk en lijkt de sectie half afgesneden. */
section[id],div[id],h2[id]{scroll-margin-top:96px}
@media (max-width:768px){section[id],div[id],h2[id]{scroll-margin-top:76px}}


/* =========================================================
   DONKERE SECTIES UIT HET OUDE THEMA
   Veel pagina's dragen nog achtergrondkleuren van vóór de lichte huisstijl:
   #04101e, #081a30, #07172a, #08182b en bg-slate-950. De regel voor
   main > section raakt die niet als ze dieper genest zitten of een eigen
   Tailwind-klasse hebben, waardoor er losse donkere stroken tussen de
   lichte secties blijven staan. Hieronder worden ze omgezet, zodat een
   nieuwe pagina er ook niet meer doorheen kan glippen.
   ========================================================= */
[class*="bg-[#04101e]"],[class*="bg-[#081a30]"],[class*="bg-[#07172a]"],
[class*="bg-[#08182b]"],[class*="bg-[#061426]"],[class*="bg-[#03101d]"],
.bg-slate-950,.bg-slate-900{
  background:#f6f9ff!important;
  border-color:var(--atlas-line)!important;
}
/* Tekst die op die donkere vlakken wit was, moet mee terug naar donker. */
[class*="bg-[#04101e]"] .text-white,[class*="bg-[#081a30]"] .text-white,
[class*="bg-[#07172a]"] .text-white,[class*="bg-[#08182b]"] .text-white,
.bg-slate-950 .text-white,.bg-slate-900 .text-white{color:var(--atlas-ink)!important}
/* Randen van wit-op-transparant worden onzichtbaar op licht. */
[class*="border-white/"]{border-color:var(--atlas-line)!important}