@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{
	--dwv-ink:#333;--dwv-violet:#3d4166;--dwv-violet-deep:#282b47;--dwv-lavender:#a8a6c9;
	--dwv-lavender-soft:#d8d6e6;--dwv-orange:#f28c28;--dwv-paper:#f7f7f6;--dwv-white:#fff;
	--dwv-line:rgba(61,65,102,.16);--dwv-ok:#2f6b4f;--dwv-warn:#8a6d1d;--dwv-bad:#8a3030;--dwv-na:#666;
}
.dwv-radar{color:var(--dwv-ink);font-family:"Montserrat",Arial,sans-serif;line-height:1.6;max-width:min(1180px,100%);margin-inline:auto;padding:clamp(16px,3vw,36px) clamp(16px,3vw,28px) 64px;box-sizing:border-box}
.dwv-radar *,.dwv-radar *::before,.dwv-radar *::after{box-sizing:border-box}
.dwv-radar h1,.dwv-radar h2,.dwv-radar h3{color:var(--dwv-violet);line-height:1.15;margin-top:0}
.dwv-radar h1{font-size:clamp(1.9rem,4vw,3.4rem);letter-spacing:-.04em;max-width:18ch}
.dwv-radar h2{font-size:clamp(1.35rem,2.4vw,2rem)}
.dwv-radar a{color:var(--dwv-violet)}
.dwv-radar__eyebrow{color:var(--dwv-orange);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .6rem}
.dwv-radar__stage{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;margin-bottom:28px}
.dwv-radar__atmosphere{position:absolute;inset:0;pointer-events:none;background:
	radial-gradient(520px 360px at 90% 10%,rgba(242,140,40,.1),transparent 60%),
	radial-gradient(560px 400px at 8% 90%,rgba(61,65,102,.1),transparent 62%),
	radial-gradient(circle,rgba(168,166,201,.35) 0 1.2px,transparent 1.2px) 0 0/24px 24px,
	linear-gradient(180deg,#fbfbfd,var(--dwv-paper))}
.dwv-radar__hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.7fr);gap:clamp(24px,5vw,56px);align-items:center;padding:clamp(24px,4vw,48px)}
.dwv-radar__form label{display:block;font-weight:600;margin-bottom:8px}
.dwv-radar__field-row{display:flex;flex-wrap:wrap;gap:10px}
.dwv-radar__field-row input{flex:1 1 220px;min-height:48px;padding:12px 14px;border:1px solid var(--dwv-line);border-radius:10px;font:inherit;background:var(--dwv-white)}
.dwv-radar__field-row input:focus{outline:2px solid var(--dwv-orange);outline-offset:2px;border-color:var(--dwv-orange)}
.dwv-radar__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:10px;border:1px solid var(--dwv-violet);background:var(--dwv-white);color:var(--dwv-violet);font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.dwv-radar__btn--primary{background:var(--dwv-violet);color:#fff;border-color:var(--dwv-violet)}
.dwv-radar__btn--primary:hover{background:var(--dwv-violet-deep)}
.dwv-radar__btn--ghost{background:transparent}
.dwv-radar__btn:focus-visible{outline:2px solid var(--dwv-orange);outline-offset:2px}
.dwv-radar__help{font-size:.92rem;color:#555;margin:.6rem 0 0}
.dwv-radar__error{color:var(--dwv-bad);font-weight:600}
.dwv-radar__flash{background:#fff;border-left:3px solid var(--dwv-orange);padding:12px 14px;margin-top:14px}
.dwv-radar__viz{justify-self:end;width:100%;max-width:340px}
.dwv-radar__svg{width:100%;height:auto;display:block;color:var(--dwv-violet)}
.dwv-radar__ring{fill:none;stroke:rgba(168,166,201,.45);stroke-width:1}
.dwv-radar__ring--mid{stroke-dasharray:4 6}
.dwv-radar__ring--in{stroke-dasharray:2 5;opacity:.7}
.dwv-radar__sweep{stroke:var(--dwv-orange);stroke-width:2;transform-origin:160px 160px}
.dwv-radar__core{fill:var(--dwv-orange)}
.dwv-radar__nodes{fill:var(--dwv-violet);font-family:inherit;font-weight:600}
@media(min-width:768px){
	.dwv-radar__sweep{animation:dwv-sweep 6s linear infinite}
	.dwv-radar__ring--mid{animation:dwv-spin 48s linear infinite reverse;transform-origin:160px 160px}
}
@keyframes dwv-sweep{to{transform:rotate(360deg)}}
@keyframes dwv-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
	.dwv-radar__sweep,.dwv-radar__ring--mid{animation:none!important}
}
.dwv-radar__progress,.dwv-radar__results{margin-top:28px}
.dwv-radar__stages{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.dwv-radar__stages li{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#fff;border:1px solid var(--dwv-line);border-radius:10px}
.dwv-radar__stages li[data-status="done"]{border-color:rgba(47,107,79,.35)}
.dwv-radar__stages li[data-status="running"]{border-color:var(--dwv-orange)}
.dwv-radar__stages li[data-status="error"]{border-color:rgba(138,48,48,.4)}
.dwv-radar__stage-mark{width:10px;height:10px;border-radius:50%;background:var(--dwv-lavender);flex:0 0 auto}
.dwv-radar__stages li[data-status="done"] .dwv-radar__stage-mark{background:var(--dwv-ok)}
.dwv-radar__stages li[data-status="running"] .dwv-radar__stage-mark{background:var(--dwv-orange)}
.dwv-radar__stages li[data-status="error"] .dwv-radar__stage-mark{background:var(--dwv-bad)}
.dwv-radar__bar{height:8px;background:var(--dwv-lavender-soft);border-radius:999px;overflow:hidden}
.dwv-radar__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--dwv-violet),var(--dwv-orange));transition:width .35s ease}
.dwv-radar__summary{font-size:1.1rem;font-weight:600;color:var(--dwv-violet)}
.dwv-radar__disclaimer{font-size:.9rem;color:#555;max-width:70ch}
.dwv-radar__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}
.dwv-radar__card{background:#fff;border:1px solid var(--dwv-line);border-radius:12px;padding:14px}
.dwv-radar__card h3{font-size:1rem;margin:0 0 6px}
.dwv-radar__status-text{font-weight:600}
.dwv-radar__card.status-ok .dwv-radar__status-text{color:var(--dwv-ok)}
.dwv-radar__card.status-improve .dwv-radar__status-text{color:var(--dwv-warn)}
.dwv-radar__card.status-important .dwv-radar__status-text,.dwv-radar__card.status-critical .dwv-radar__status-text{color:var(--dwv-bad)}
.dwv-radar__card.status-na .dwv-radar__status-text,.dwv-radar__card.status-error .dwv-radar__status-text{color:var(--dwv-na)}
.dwv-radar__detail details{background:#fff;border:1px solid var(--dwv-line);border-radius:12px;padding:12px 14px;margin:8px 0}
.dwv-radar__detail summary{cursor:pointer;font-weight:600;color:var(--dwv-violet)}
.dwv-radar__check{display:grid;gap:4px;padding:10px 0;border-top:1px solid var(--dwv-line)}
.dwv-radar__check:first-child{border-top:0}
.dwv-radar__actions,.dwv-radar__monitor,.dwv-radar__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.dwv-radar__monitor,.dwv-radar__cta{display:block;background:#fff;border:1px solid var(--dwv-line);border-radius:14px;padding:18px}
.dwv-radar__lead{font-size:clamp(1.05rem,1.5vw,1.2rem);max-width:640px;margin:.1rem 0 1rem}
.dwv-radar__seo-block{margin-top:2.5rem;max-width:760px}
.dwv-radar__seo-block h2{margin-bottom:.65rem}
.dwv-radar__seo-steps{padding-left:1.2rem}
.dwv-radar__seo-links{padding-left:1.2rem}
.dwv-radar__faq-item{border-bottom:1px solid var(--dwv-line);padding:.75rem 0}
.dwv-radar__faq-item summary{cursor:pointer;font-weight:600;color:var(--dwv-violet)}
.dwv-radar__faq-item p{margin:.5rem 0 0}
.dwv-radar__code{white-space:pre-wrap;background:#fff;border:1px solid var(--dwv-line);padding:12px;border-radius:10px;font-size:.85rem;overflow:auto}
.dwv-radar-teaser{max-width:720px;margin:24px auto;padding:20px;border:1px solid var(--dwv-line);border-radius:14px;background:linear-gradient(180deg,#fff,var(--dwv-paper));font-family:"Montserrat",Arial,sans-serif}
.dwv-radar-teaser__label{color:var(--dwv-orange);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:760px){
	.dwv-radar__hero{grid-template-columns:1fr}
	.dwv-radar__viz{justify-self:center;max-width:260px}
}
@media print{
	.dwv-radar__atmosphere,.dwv-radar__viz,.dwv-radar__monitor,.dwv-radar__form,.dwv-radar__actions{display:none!important}
	.dwv-radar{padding:0}
}
