.cito-check [hidden]{display:none!important}
.cito-check{max-width:920px;margin:2rem auto;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;color:#20242a}
.cito-check *{box-sizing:border-box}
.cito-hero,.cito-form,.cito-result{display:block!important;height:auto!important;min-height:0!important;background:#fff;border-radius:24px;padding:clamp(24px,5vw,56px);box-shadow:0 12px 42px rgba(0,0,0,.1)}
.cito-kicker{color:var(--cito-brand);font-weight:800;letter-spacing:.08em}
.cito-check h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:.3em 0}
.cito-check h1:empty,.cito-intro:empty{display:none}
.cito-check h2{line-height:1.2;margin-top:1.5em}
.cito-intro,.cito-lead{font-size:1.15rem}
.cito-button{display:inline-block;border:0;border-radius:999px;background:var(--cito-brand);color:#fff!important;padding:14px 24px;font-weight:800;text-decoration:none;cursor:pointer;margin-top:1rem}
.cito-button:disabled{opacity:.6}
.cito-secondary{background:#e9ecef;color:#222!important}
.cito-progress{height:9px;background:#e9ecef;border-radius:9px;overflow:hidden}
.cito-progress div{height:100%;background:var(--cito-brand);transition:width .25s}
.cito-step-label{text-align:right;color:#667}
.cito-step fieldset{border:0;padding:0;margin:2rem 0}
.cito-step legend{font-size:1.1rem;font-weight:750;margin-bottom:.8rem}
.cito-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cito-options label{position:relative}
.cito-options input{position:absolute;opacity:0}
.cito-options span{display:block;padding:13px 15px;border:2px solid #dde1e5;border-radius:12px;cursor:pointer}
.cito-options input:checked+span{border-color:var(--cito-brand);background:color-mix(in srgb,var(--cito-brand) 13%,white)}
.cito-options input:focus-visible+span{outline:3px solid #111;outline-offset:2px}
.cito-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cito-grid-3 label,.cito-mailbox>label{font-weight:700}
.cito-grid-3 input,.cito-mailbox input[type=text],.cito-mailbox input[type=email]{display:block;width:100%;margin-top:6px;padding:12px;border:2px solid #dde1e5;border-radius:10px;font:inherit}
.cito-range{width:100%;accent-color:var(--cito-brand)}
.cito-range-labels{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cito-range-labels output{font-size:1.8rem;font-weight:800;color:var(--cito-brand)}
.cito-mailbox{margin-top:2rem;padding:22px;background:#f4f6f7;border-radius:16px}
.cito-mailbox>label{display:block;margin:12px 0}
.cito-consent{display:flex!important;gap:10px;align-items:flex-start}
.cito-consent input{margin-top:6px}
.cito-nav{display:flex;justify-content:space-between;gap:10px}
.cito-score{width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem auto;color:#fff}
.cito-score strong{font-size:4rem;line-height:1}
.cito-green,.cito-bg-green{background:#3e9b4f}
.cito-orange,.cito-bg-orange{background:#e58a1f}
.cito-red,.cito-bg-red{background:#cf3f3f}
.cito-profile>div{display:grid;grid-template-columns:120px 1fr 150px;gap:14px;align-items:center;padding:9px 0}
.cito-bar{height:12px;background:#e7e9eb;border-radius:12px;overflow:hidden}
.cito-bar i{display:block;height:100%;border-radius:12px}
.cito-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2rem 0}
.cito-focus{display:grid;gap:16px}
.cito-metrics>div,.cito-focus section{padding:20px;background:#f4f6f7;border-radius:16px}
.cito-metrics span,.cito-metrics small{display:block}
.cito-metrics strong{font-size:2rem}
.cito-next{margin-top:2rem;padding:clamp(22px,4vw,40px);background:#20242a;color:#fff;border-radius:20px}
.cito-disclaimer,.cito-notice{margin:1.5rem 0;padding:15px;border-left:5px solid var(--cito-brand);background:#f4f6f7}
.cito-restart{display:inline-block;margin-top:1rem}
.cito-footer{text-align:center;padding:24px}
.cito-footer a{margin:0 8px;color:var(--cito-brand)!important;font-weight:600;text-decoration:none}
.cito-footer a:hover,.cito-footer a:focus{text-decoration:underline}
.cito-footer nav{margin-bottom:8px}
@media(max-width:650px){.cito-options,.cito-grid-3,.cito-metrics{grid-template-columns:1fr}
.cito-profile>div{grid-template-columns:90px 1fr}
.cito-profile>div strong{grid-column:2}
.cito-nav .cito-button{padding:12px 18px}
.cito-check{margin:1rem auto}
}