.sps-seo-check{
    --sps-primary:#16A6D9;
    --sps-secondary:#0B3A53;
    --sps-accent:#ED1E24;
    max-width:680px;margin:24px auto;background:#fff;border:1px solid #e4e9ee;border-radius:16px;
    padding:28px 26px;box-shadow:0 10px 30px rgba(11,58,83,.08);
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#1f2933;
}
.sps-seo-check *{box-sizing:border-box}
.sps-seo-check__head{margin-bottom:18px}
.sps-seo-check__title{margin:0 0 6px;font-size:22px;color:var(--sps-secondary)}
.sps-seo-check__subtitle{margin:0;font-size:14.5px;color:#52606d;line-height:1.55}
.sps-seo-check__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.sps-seo-check__row{grid-template-columns:1fr}}
.sps-seo-check label{display:block;font-size:13.5px;font-weight:600;color:#52606d;margin-top:14px}
.sps-seo-check label>span{display:block;margin-bottom:6px}
.sps-seo-check input[type=text],.sps-seo-check input[type=email]{
    width:100%;padding:11px 13px;border:1px solid #cbd5e0;border-radius:10px;font-size:15px;color:#1f2933;background:#fff;
}
.sps-seo-check input[type=text]:focus,.sps-seo-check input[type=email]:focus{
    outline:none;border-color:var(--sps-primary);box-shadow:0 0 0 3px rgba(22,166,217,.18)
}
.sps-seo-check__keywords{margin:16px 0 0;padding:14px 16px;border:1px solid #e4e9ee;border-radius:12px;background:#f7fafc}
.sps-seo-check__keywords legend{font-size:13.5px;font-weight:700;color:var(--sps-secondary);padding:0 6px}
.sps-seo-check__hint{margin:2px 0 10px;font-size:12.5px;color:#7b8794;line-height:1.5}
.sps-seo-check__kwrow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
@media(max-width:560px){.sps-seo-check__kwrow{grid-template-columns:1fr}}
.sps-seo-check__kwrow input[type=text]{margin:0}
.sps-seo-check__consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13.5px;color:#52606d;margin-top:16px}
.sps-seo-check__consent input{margin-top:3px}
.sps-seo-check__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sps-seo-check__btn{
    margin-top:20px;width:100%;border:0;border-radius:30px;background:var(--sps-primary);color:#fff;
    font-size:16px;font-weight:700;padding:14px 22px;cursor:pointer;transition:background .25s,transform .25s
}
.sps-seo-check__btn:hover{background:var(--sps-secondary);transform:translateY(-1px)}
.sps-seo-check__btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
.sps-seo-check__msg{margin:14px 0 0;font-size:14px;min-height:20px}
.sps-seo-check__msg.is-error{color:var(--sps-accent)}
.sps-seo-check__msg.is-ok{color:#0a9d58;font-weight:600}
.sps-seo-check.is-done .sps-seo-check__form>*:not(.sps-seo-check__msg){display:none}

/* ---- Sofortergebnis (Spinner + Kennzahlen) ---- */
.sps-seo-check__result{margin-top:18px}
.sps-seo-check__result:empty{margin-top:0}

.sps-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:26px 10px;text-align:center}
.sps-spinner>span{
    display:inline-block;width:12px;height:12px;margin:0 5px;border-radius:50%;
    background:var(--sps-primary);opacity:.35;animation:sps-bounce 1.2s infinite ease-in-out both
}
.sps-spinner>span:nth-child(1){animation-delay:-.24s}
.sps-spinner>span:nth-child(2){animation-delay:-.12s}
.sps-spinner__txt{width:100%;margin:16px 0 0;font-size:13.5px;color:#7b8794}
@keyframes sps-bounce{0%,80%,100%{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}

.sps-resblock{margin-top:18px}
.sps-resblock:first-child{margin-top:6px}
.sps-resblock__title{
    margin:0 0 12px;font-size:15px;font-weight:800;color:var(--sps-secondary);
    border-left:5px solid var(--sps-primary);padding-left:11px;line-height:1.3
}
.sps-resgrid{display:grid;gap:12px}
.sps-resgrid--2{grid-template-columns:repeat(2,1fr)}
.sps-resgrid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:560px){.sps-resgrid{gap:8px}.sps-seo-check .sps-rescard{padding:14px 8px}.sps-seo-check .sps-rescard__num{font-size:26px}.sps-seo-check .sps-rescard__unit{font-size:12px}}
.sps-rescard{
    border:1px solid #e4e9ee;border-top:4px solid var(--sps-secondary);border-radius:14px;
    padding:16px 12px;text-align:center;background:#fbfcfd
}
.sps-rescard__cap{margin:0 0 8px;font-size:13.5px;font-weight:700;color:var(--sps-secondary)}
.sps-rescard__num{font-size:32px;font-weight:800;line-height:1;color:var(--sps-secondary)}
.sps-rescard__unit{font-size:14px;color:#9aa5b1;font-weight:600}
.sps-rescard__bar{margin-top:10px;height:6px;border-radius:4px;background:#eef2f5;overflow:hidden}
.sps-rescard__bar>span{display:block;height:100%;border-radius:4px}
.sps-seo-check__result.is-loading{min-height:80px}