.scan{max-width:1040px;margin:0 auto;text-align:left}.scan-form{max-width:680px;margin:0 auto}.scan-label{display:block;font-size:.82rem;font-weight:600;color:var(--slate);margin-bottom:8px}.scan-hero .scan-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.scan-field{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line-strong);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:0 14px 34px -18px #12252c59;transition:border-color .15s,box-shadow .15s}.scan-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #07cebe2e,0 14px 34px -18px #12252c59}.scan-field-icon{color:var(--teal-deep);flex:none}.scan-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--ink);padding:10px 4px}.scan-input::placeholder{color:var(--slate-faint)}.scan-submit{flex:none;white-space:nowrap}.scan-submit:disabled{opacity:.75;cursor:progress;transform:none}.scan-note{margin-top:10px;font-size:.84rem;color:var(--slate-soft);text-align:center}.scan-error{margin-top:10px;font-size:.9rem;font-weight:600;color:var(--danger);text-align:center}.scan-result{margin-top:32px;scroll-margin-top:96px}.scan-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--slate);font-weight:500;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.scan-spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--teal-tint-2,#c9efeb);border-top-color:var(--teal);animation:scanDraai .8s linear infinite}@keyframes scanDraai{to{transform:rotate(360deg)}}.scan-summary{display:flex;align-items:center;gap:28px;padding:28px 32px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px -30px #12252c66;position:relative;overflow:hidden}.scan-summary:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--scan-kleur)}.scan-summary.is-good{--scan-kleur:#14a37f}.scan-summary.is-mid{--scan-kleur:#d89614}.scan-summary.is-bad{--scan-kleur:var(--danger)}.scan-gauge{position:relative;width:132px;height:132px;flex:none}.scan-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.scan-gauge circle{fill:none;stroke-width:11}.scan-gauge-bg{stroke:var(--paper-alt)}.scan-gauge-fg{stroke:var(--scan-kleur);stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.scan-gauge-num{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:44px}.scan-gauge-num strong{font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;color:var(--ink);line-height:1}.scan-gauge-num span{font-size:.9rem;color:var(--slate-soft);margin-left:2px}.scan-summary-text h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--scan-kleur);margin:4px 0 6px}.scan-summary-text p{color:var(--slate);max-width:620px}.scan-domain{font-size:.85rem;font-weight:600;color:var(--slate-soft)}.scan-time{display:block;margin-top:10px;font-size:.75rem;color:var(--slate-faint)}.scan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:16px}.scan-tile{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--tegel)}.scan-tile.is-ok{--tegel:#14a37f;--tegel-bg:#e3f6ef}.scan-tile.is-warn{--tegel:#d89614;--tegel-bg:#fdf1d8}.scan-tile.is-bad{--tegel:var(--danger);--tegel-bg:var(--danger-bg)}.scan-tile.is-info{--tegel:var(--slate-faint);--tegel-bg:var(--paper-alt)}.scan-tile header{display:flex;gap:12px;align-items:flex-start}.scan-tile h3{font-size:1.05rem;line-height:1.25}.scan-tile header p{font-size:.84rem;color:var(--slate-soft);line-height:1.4;margin-top:2px}.scan-tile-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--tegel-bg);color:var(--tegel)}.scan-pill{align-self:flex-start;font-family:JetBrains Mono,monospace;font-size:.76rem;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--tegel-bg);color:var(--tegel)}.scan-tile.is-warn .scan-pill{color:#8a5c08}.scan-tile-text{font-size:.9rem;color:var(--slate);line-height:1.6}.scan-tile details{margin-top:auto}.scan-tile summary{cursor:pointer;font-size:.84rem;font-weight:600;color:var(--teal-ink)}.scan-tile details code{display:block;margin-top:8px;padding:10px 12px;background:var(--paper-alt);border-radius:8px;font-size:.78rem;word-break:break-all;white-space:pre-wrap;color:var(--ink)}.scan-mx{display:flex;flex-direction:column;gap:6px}.scan-mx li{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;background:var(--paper-alt);border-radius:8px;font-size:.8rem}.scan-mx li .mono{word-break:break-all;color:var(--ink)}.scan-mx-pref{font-family:JetBrains Mono,monospace;color:var(--slate-soft);flex:none}.scan-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:16px}.scan-advice{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.scan-advice h2,.scan-cta h2{font-size:1.2rem;margin-bottom:14px}.scan-advice ol{list-style:none;display:flex;flex-direction:column;gap:10px;counter-reset:advies}.scan-advice li{counter-increment:advies;position:relative;padding:12px 14px 12px 50px;border-radius:10px;background:var(--paper-alt);font-size:.92rem;color:var(--ink);line-height:1.55;display:flex;flex-direction:column;gap:4px}.scan-advice li:before{content:counter(advies);position:absolute;left:14px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem;color:#fff;background:var(--slate-faint)}.scan-advice li.lvl-0:before{background:var(--danger)}.scan-advice li.lvl-1:before{background:#d89614}.scan-advice li.lvl-2:before{background:var(--teal-deep)}.scan-advice li a{font-size:.86rem;font-weight:600;color:var(--teal-ink)}.scan-cta{background:var(--ink);color:#d7e4e6;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative;overflow:hidden}.scan-cta:after{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(7,206,190,.35),transparent 70%);pointer-events:none}.scan-cta h2{color:#fff;margin:0;word-break:break-word}.scan-cta p{font-size:.92rem;line-height:1.6;color:#b9cdd0}.scan-cta-sub{font-size:.8rem;color:#8fa9ad;margin-top:-4px}.scan-cta-demo{font-size:.88rem;font-weight:600;color:var(--teal)}.scan-again{margin:20px auto 0;display:flex}@media (max-width:760px){.scan-summary{flex-direction:column;text-align:center;padding:24px 20px}.scan-summary:before{inset:0 0 auto;width:auto;height:6px}.scan-bottom,.scan-grid{grid-template-columns:1fr}}@media (max-width:520px){.scan-field{flex-wrap:wrap;padding:8px}.scan-field-icon{display:none}.scan-input{width:100%;flex-basis:100%;padding:8px 6px}.scan-submit{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.scan-gauge-fg{transition:none}.scan-spinner{animation-duration:2s}}