.kl-social-page,.kl-social-dash{--social-ink:#071b33;--social-blue:#145cff;--social-mint:#baf5df;--social-yellow:#ffd06a;color:var(--social-ink)}
.kl-social-page{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:64px 0 100px}.kl-social-hero{min-height:570px;display:grid;grid-template-columns:1.18fr .82fr;background:var(--social-ink);color:#fff;border-radius:24px;overflow:hidden;box-shadow:12px 14px 0 var(--social-blue)}.kl-social-hero>div{padding:68px 64px;display:flex;flex-direction:column;justify-content:center}.kl-social-hero .kl-kicker{color:#86a8ff}.kl-social-hero h1{margin:18px 0 24px;font:900 clamp(56px,7vw,92px)/.85 "Arial Narrow",Arial,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.kl-social-hero h1 em{color:var(--social-yellow);font-style:normal}.kl-social-hero>div>p{max-width:690px;margin:0;color:#b7c7d9;font-size:18px;line-height:1.65}.kl-social-trust{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:30px;color:#fff;font:700 10px monospace;text-transform:uppercase}.kl-social-hero>aside{padding:48px;display:grid;place-items:center;align-content:center;background:var(--social-blue);border-left:2px solid #fff}.kl-social-hero>aside>span{font:700 10px monospace;letter-spacing:.1em}.kl-social-hero>aside>p{font-size:13px}.kl-social-dial{--social-score:0;width:220px;height:220px;margin:24px 0;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,var(--social-blue) 59%,transparent 60%),conic-gradient(var(--social-yellow) calc(var(--social-score)*1%),rgba(255,255,255,.22) 0);transform:rotate(-4deg)}.kl-social-dial strong{font:900 76px/.8 "Arial Narrow",Arial,sans-serif}.kl-social-dial small{margin-top:7px;font:700 11px monospace}.kl-social-workbench{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;margin-top:68px}.kl-social-workbench>main>header{display:grid;grid-template-columns:1fr 290px;gap:30px;align-items:end;margin-bottom:25px}.kl-social-workbench>main>header span,.kl-social-response>div>span{color:var(--social-blue);font:700 9px monospace;letter-spacing:.1em}.kl-social-workbench h2,.kl-social-response h2{margin:10px 0 0;font:900 clamp(36px,4vw,56px)/.92 "Arial Narrow",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.kl-social-workbench>main>header p{margin:0;color:#5a6d83;font-size:13px}.kl-social-list{display:grid;gap:10px}.kl-social-check{display:grid;grid-template-columns:38px minmax(0,1fr) 34px;gap:16px;align-items:center;padding:18px 20px;background:#fff;border:2px solid #d4deea;border-radius:14px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.kl-social-check:hover{transform:translateY(-2px);border-color:var(--social-blue)}.kl-social-check input{position:absolute;opacity:0}.kl-social-check:has(input:focus-visible){outline:3px solid var(--social-yellow);outline-offset:3px}.kl-social-index{color:#91a1b4;font:700 10px monospace}.kl-social-check>span:nth-of-type(2){display:grid;gap:4px}.kl-social-check strong{font-size:15px}.kl-social-check small{color:#5d7086;font-size:12px;line-height:1.5}.kl-social-check>b{width:32px;height:32px;display:grid;place-items:center;border:2px solid #9eb0c4;border-radius:50%;color:var(--social-blue)}.kl-social-check.is-done{background:#edf9f4;border-color:#8bcdb3}.kl-social-check.is-done>b{background:#087d59;border-color:#087d59;color:#fff}.kl-social-advice{position:sticky;top:110px;align-self:start;padding:28px;background:var(--social-yellow);border:2px solid var(--social-ink);border-radius:17px;box-shadow:7px 8px 0 var(--social-ink)}.kl-social-advice>span,.kl-social-boundary b{font:800 9px monospace;letter-spacing:.08em}.kl-social-advice>div:nth-of-type(1){width:50px;height:50px;margin:25px 0;display:grid;place-items:center;background:var(--social-blue);color:#fff;border:2px solid var(--social-ink);border-radius:50%;font-size:22px}.kl-social-advice h2{font-size:34px}.kl-social-advice>p{color:#405268;font-size:13px;line-height:1.55}.kl-social-boundary{margin:23px 0;padding:16px;border-top:2px solid var(--social-ink);border-bottom:2px solid var(--social-ink);display:grid;gap:6px}.kl-social-boundary span{font-size:11px;line-height:1.5}.kl-social-advice .kl-button{width:100%;justify-content:center}.kl-social-response{margin-top:80px;padding:42px;background:#dce8ff;border:2px solid var(--social-ink);border-radius:20px;box-shadow:8px 9px 0 var(--social-ink)}.kl-social-response>div{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:end}.kl-social-response ol{list-style:none;margin:38px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--social-ink)}.kl-social-response li{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:24px 20px 5px 0}.kl-social-response li+li{padding-left:20px;border-left:1px solid #8ba1ba}.kl-social-response li>b{color:var(--social-blue);font:800 10px monospace}.kl-social-response li span{display:grid;gap:8px;color:#50627a;font-size:12px;line-height:1.5}.kl-social-response li strong{color:var(--social-ink);font-size:14px}
.kl-social-dash{width:min(1180px,calc(100% - 48px));margin:0 auto 58px;border:2px solid var(--social-ink);border-radius:19px;background:#f6f8fc;box-shadow:8px 9px 0 var(--social-blue);overflow:hidden}.kl-social-dash>header{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:30px 34px;background:var(--social-ink);color:#fff}.kl-social-dash h2{margin:10px 0 5px;font:900 clamp(36px,5vw,54px)/.9 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-social-dash header p{margin:0;color:#acbed1}.kl-social-dash .kl-social-dial{width:116px;height:116px;margin:0;background:radial-gradient(circle,var(--social-ink) 56%,transparent 57%),conic-gradient(var(--social-yellow) calc(var(--social-score)*1%),#35516e 0)}.kl-social-dash .kl-social-dial strong{font-size:42px}.kl-social-dash .kl-social-dash-body{display:grid;grid-template-columns:1fr 330px}.kl-social-dash .kl-social-list{padding:25px}.kl-social-dash .kl-social-check{padding:13px 16px}.kl-social-dash-body>aside{padding:27px;background:var(--social-mint);border-left:2px solid var(--social-ink);display:flex;flex-direction:column;justify-content:center}.kl-social-dash-body>aside>span{font:800 9px monospace;color:#087d59}.kl-social-dash-body>aside>strong{margin-top:15px;font:900 27px/.95 "Arial Narrow",Arial,sans-serif;text-transform:uppercase}.kl-social-dash-body>aside p{color:#496076;font-size:12px;line-height:1.5}.kl-social-dash-body>aside a{font-size:12px;font-weight:850}.kl-social-dash-body>aside small{margin-top:20px;color:#587064;font-size:9px}
@media(max-width:900px){.kl-social-hero{grid-template-columns:1fr}.kl-social-hero>aside{border-left:0;border-top:2px solid #fff}.kl-social-workbench{grid-template-columns:1fr}.kl-social-advice{position:static}.kl-social-dash .kl-social-dash-body{grid-template-columns:1fr}.kl-social-dash-body>aside{border-left:0;border-top:2px solid var(--social-ink)}.kl-social-response>div{grid-template-columns:1fr}}
@media(max-width:650px){.kl-social-page{width:calc(100% - 24px);padding-top:28px}.kl-social-hero{min-height:0;box-shadow:6px 7px 0 var(--social-blue)}.kl-social-hero>div,.kl-social-hero>aside{padding:36px 22px}.kl-social-hero h1{font-size:clamp(47px,15vw,68px)}.kl-social-hero>div>p{font-size:15px}.kl-social-dial{width:170px;height:170px}.kl-social-dial strong{font-size:60px}.kl-social-workbench{margin-top:48px}.kl-social-workbench>main>header{grid-template-columns:1fr}.kl-social-check{grid-template-columns:28px minmax(0,1fr) 30px;padding:15px 12px;gap:10px}.kl-social-check small{font-size:11px}.kl-social-response{margin-top:55px;padding:28px 18px;box-shadow:5px 6px 0 var(--social-ink)}.kl-social-response ol{grid-template-columns:1fr}.kl-social-response li+li{padding-left:0;border-left:0;border-top:1px solid #8ba1ba}.kl-social-dash{width:calc(100% - 24px);box-shadow:5px 6px 0 var(--social-blue)}.kl-social-dash>header{grid-template-columns:1fr;padding:25px 20px}.kl-social-dash .kl-social-list{padding:16px 12px}.kl-social-dash-body>aside{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.kl-social-check{transition:none}}