:root{
--spa-primary:#052649;--spa-primary-hover:#0a3768;--spa-accent:#d3a240;
--spa-background:#f7f3ea;--spa-surface:#fff;--spa-text:#17242d;
--spa-muted:#67737c;--spa-border:#dfe5e9;--spa-success:#2f6f35;--spa-danger:#b92025;
--spa-navy:var(--spa-primary);--spa-gold:var(--spa-accent);--spa-cream:var(--spa-background);
--spa-ink:var(--spa-text);--spa-line:var(--spa-border);--spa-white:var(--spa-surface);
--spa-card-radius:24px;--spa-button-radius:999px;--spa-card-shadow:0 18px 50px rgba(5,38,73,.08)
}
.spa-app{max-width:1080px;margin:0 auto;padding:32px 20px 56px;color:var(--spa-ink);font-family:inherit}
.spa-app *{box-sizing:border-box}
.spa-hero,.spa-card,.spa-score-card{background:var(--spa-white);border:1px solid rgba(5,38,73,.08);border-radius:24px;box-shadow:0 18px 50px rgba(5,38,73,.08)}
.spa-hero{padding:clamp(28px,5vw,64px);background:linear-gradient(145deg,var(--spa-cream),#fff)}
.spa-hero h1,.spa-card h2,.spa-score-card h2{color:var(--spa-navy);line-height:1.08}
.spa-hero h1{font-size:clamp(2.1rem,5vw,4rem);max-width:820px;margin:12px 0 18px}
.spa-hero p{font-size:1.12rem;max-width:760px}
.spa-hero ul{margin:24px 0;columns:2;gap:36px}.spa-hero li{margin-bottom:10px}
.spa-kicker{color:var(--spa-gold);font-weight:800;letter-spacing:.12em;font-size:.78rem}
.spa-small{font-size:.88rem!important;color:var(--spa-muted)}
.spa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;border:1px solid transparent;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s ease}
.spa-btn-primary{background:var(--spa-navy);color:#fff}.spa-btn-primary:hover{transform:translateY(-1px);background:#0a3768;color:#fff}
.spa-btn-secondary{background:#fff;border-color:var(--spa-line);color:var(--spa-navy)}.spa-btn:disabled{opacity:.6;cursor:wait}
.spa-progress{height:8px;background:#e9eef2;border-radius:999px;overflow:hidden;margin-bottom:10px}.spa-progress span{display:block;height:100%;width:0;background:var(--spa-gold);transition:width .25s ease}
.spa-step-meta{color:var(--spa-muted);font-size:.9rem;margin-bottom:18px}
.spa-card{padding:clamp(22px,4vw,42px);margin-bottom:22px}
.spa-field{margin:22px 0}.spa-field>label,.spa-lead-form label{display:block;font-weight:700;margin-bottom:8px}
.spa-field select,.spa-field textarea,.spa-lead-form input{width:100%;border:1px solid #cfd8de;border-radius:12px;padding:13px 14px;font:inherit;background:#fff}
.spa-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.spa-check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--spa-line);border-radius:12px;padding:12px;font-weight:500!important}
.spa-question{border:0;padding:0;margin:30px 0}.spa-question legend{font-size:1.05rem;font-weight:800;color:var(--spa-navy);margin-bottom:12px}
.spa-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spa-scale input{position:absolute;opacity:0;pointer-events:none}
.spa-scale label span{display:flex;flex-direction:column;min-height:92px;padding:14px;border:1px solid var(--spa-line);border-radius:14px;cursor:pointer;transition:.2s ease}
.spa-scale label span:hover{border-color:var(--spa-gold)}.spa-scale input:checked+span{border-color:var(--spa-gold);background:#fff8e8;box-shadow:0 0 0 2px rgba(211,162,64,.18)}
.spa-scale small{color:var(--spa-muted);margin-top:6px;line-height:1.25}
.spa-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.spa-error,.spa-submit-message{color:#8b1e1e;background:#fff0f0;border-radius:10px;padding:12px 14px;margin-bottom:16px}
.spa-result{display:grid;gap:22px}.spa-score-card{padding:38px;text-align:center;background:linear-gradient(145deg,var(--spa-navy),#0b3b6e);color:#fff}
.spa-score-card h2,.spa-score-card .spa-kicker{color:#fff}.spa-score{font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:1;margin:12px 0}.spa-score small{font-size:.32em}
.spa-domain-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,2fr) 58px;align-items:center;gap:16px;margin:14px 0}.spa-domain-row>span{font-weight:700}
.spa-bar{height:12px;background:#e7edf1;border-radius:999px;overflow:hidden}.spa-bar i{display:block;height:100%;background:var(--spa-gold);border-radius:inherit}
.spa-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.spa-priority-grid article{background:var(--spa-cream);border-radius:16px;padding:20px}
.spa-priority-grid article>span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--spa-navy);color:#fff;border-radius:50%;font-weight:800}
.spa-priority-grid h3{color:var(--spa-navy);font-size:1.05rem}.spa-lead-card{border-top:5px solid var(--spa-gold)}
.spa-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.spa-consent{display:flex!important;gap:10px;align-items:flex-start;margin:18px 0;font-weight:500!important}.spa-consent input{width:auto;margin-top:4px}
.spa-honeypot{position:absolute!important;left:-9999px!important}.spa-success{text-align:center;padding:12px}.spa-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){.spa-hero ul{columns:1}.spa-scale{grid-template-columns:1fr 1fr}.spa-check-grid,.spa-two-cols,.spa-priority-grid{grid-template-columns:1fr}.spa-domain-row{grid-template-columns:1fr 52px;gap:8px}.spa-domain-row .spa-bar{grid-column:1/-1;grid-row:2}}
@media print{.spa-navigation,.spa-lead-card{display:none!important}.spa-card,.spa-score-card{box-shadow:none;break-inside:avoid}}

.spa-result-visual{overflow:hidden}
.spa-result-visual img{max-width:100%}
@media(max-width:700px){.spa-result-visual{padding:8px}}