/* =====================================================================
   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;
  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{color:var(--atlas-ink)!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:1px solid #249947!important;border-radius:9px!important;background:linear-gradient(180deg,#36b85c,#2ca84f)!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(180deg,#36b85c,#2ca84f)!important;border-color:#249947!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;
}