/* A single, source-backed visual companion for the quote-calculator page. */
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.7fr);align-items:end;gap:clamp(32px,6vw,92px)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-copy{min-width:0}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-copy h1{max-width:11ch}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:20px;padding:clamp(22px,2.8vw,34px);border:1px solid var(--lijn-dark);border-radius:16px;background:linear-gradient(145deg,rgba(101,88,255,.24),rgba(23,28,40,.96) 52%,rgba(9,11,18,.99))}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process:after{content:"";position:absolute;right:-58px;bottom:-64px;width:205px;aspect-ratio:1;border:1px solid rgba(201,255,69,.44);border-radius:50%;z-index:-1}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top{display:flex;align-items:center;gap:10px;color:var(--volt)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top>span{position:relative;display:block;width:32px;height:32px}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top i{position:absolute;display:block;border:1px solid currentColor;border-radius:50%}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top i:nth-child(1){width:28px;height:28px;right:0;top:0}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top i:nth-child(2){width:18px;height:18px;right:9px;top:9px;border-color:rgba(255,254,250,.74)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top i:nth-child(3){width:8px;height:8px;right:14px;top:14px;background:var(--volt);border-color:var(--volt)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process-top p{margin:0;color:inherit;font:800 .72rem/1.3 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process h2{max-width:16ch;margin:0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.05;letter-spacing:-.025em}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process ol{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--lijn-dark)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--lijn-dark)}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li>b{color:var(--volt);font:.7rem/1.4 var(--font-mono);letter-spacing:.05em}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li>div{display:grid;gap:3px}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li strong{font-size:.87rem}
body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li span{max-width:31ch;color:var(--mist);font-size:.79rem;line-height:1.42}
@media (max-width:700px){body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-wrap{grid-template-columns:1fr;gap:24px}body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-copy h1{max-width:12ch;font-size:clamp(2rem,10vw,2.62rem);line-height:1.02}body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process{gap:16px;padding:20px}body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process h2{font-size:1.42rem}body[data-public-page="offertecalculator-laten-maken"] .seo-money-hero-process li{padding:11px 0}}