/* Free SEO + AI visibility check · Oct 29 2026 */
.ck{background:#000;color:#F5F5F7}
.ck *{box-sizing:border-box}
.ck-hero{position:relative;overflow:hidden;padding:110px 20px 120px;text-align:center;background:radial-gradient(50% 60% at 50% 0%,rgba(108,92,231,.32),transparent 70%),radial-gradient(40% 50% at 50% 100%,rgba(184,230,46,.16),transparent 70%),#000}
.ck-hero .eb{margin:0;font-size:17px;font-weight:700;color:#A9A7C2}
.ck-hero h1{margin:10px auto 0;max-width:980px;font-size:clamp(44px,7vw,96px);line-height:.98;font-weight:800;letter-spacing:-.055em;color:#F5F5F7;background:none;-webkit-text-fill-color:#F5F5F7}
.ck .gwd{background:linear-gradient(95deg,#E2F98C 0%,#B8E62E 38%,#A99BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ck-hero .sub{margin:22px auto 0;max-width:640px;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#C9C7E0}
.ck-form{position:relative;margin:40px auto 0;max-width:680px;display:flex;gap:10px;padding:8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px rgba(108,92,231,.6)}
.ck-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:600 18px Manrope,system-ui,sans-serif;padding:0 20px}
.ck-form input::placeholder{color:#8C8AA8}
.ck-form button{flex:0 0 auto;border:0;cursor:pointer;padding:16px 26px;border-radius:999px;background:#B8E62E;color:#0B0A1F;font:800 17px Manrope,system-ui,sans-serif;box-shadow:0 14px 30px -12px rgba(184,230,46,.8)}
.ck-form button:disabled{opacity:.6;cursor:default}
.ck-note{margin:16px 0 0;font-size:14px;color:#8C8AA8}
.ck-eng{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px}
.ck-eng span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:700;color:#D9D8E6}

/* scanning */
.ck-scan{display:none;margin:56px auto 0;max-width:760px}
.ck.scanning .ck-scan{display:block}
.radar{position:relative;width:220px;height:220px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,rgba(184,230,46,.08) 0 30%,transparent 31%),repeating-radial-gradient(circle,rgba(255,255,255,.08) 0 1px,transparent 1px 36px);border:1px solid rgba(255,255,255,.14);overflow:hidden}
.radar:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(184,230,46,.55),rgba(184,230,46,0) 25%,transparent);animation:sweep 2.2s linear infinite}
.radar i{position:absolute;width:8px;height:8px;border-radius:50%;background:#B8E62E;box-shadow:0 0 16px #B8E62E;opacity:0;animation:blip 2.2s ease-out infinite}
.radar i:nth-child(1){left:62%;top:30%;animation-delay:.3s}.radar i:nth-child(2){left:30%;top:58%;animation-delay:1.1s;background:#A99BFF;box-shadow:0 0 16px #A99BFF}.radar i:nth-child(3){left:70%;top:68%;animation-delay:1.7s}
@keyframes sweep{to{transform:rotate(360deg)}}
@keyframes blip{0%,10%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}80%,100%{opacity:0}}
.ck-steps{list-style:none;margin:34px auto 0;padding:0;max-width:440px;text-align:left;display:flex;flex-direction:column;gap:10px}
.ck-steps li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#6C6A84;transition:color .3s}
.ck-steps li i{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}
.ck-steps li.on{color:#fff}
.ck-steps li.on i{border-color:#B8E62E;border-top-color:transparent;animation:spin .8s linear infinite}
.ck-steps li.done{color:#C9C7E0}
.ck-steps li.done i{border-color:#B8E62E;background:#B8E62E;color:#0B0A1F;animation:none}
@keyframes spin{to{transform:rotate(360deg)}}

/* results */
.ck-res{display:none;padding:0 20px 120px;background:#000}
.ck.done .ck-res{display:block}
.ck.done .ck-scan{display:none}
.ck-res .w{max-width:1120px;margin:0 auto}
.ck-sum{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:28px;align-items:center;padding:40px;border-radius:36px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12)}
.ring{--v:0;--c:#B8E62E;position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*1%),rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;transition:--v 1.4s}
.ring:before{content:"";position:absolute;inset:9%;border-radius:50%;background:#0B0A1F}
.ring b{position:relative;font-size:clamp(46px,6vw,84px);font-weight:800;letter-spacing:-.05em;line-height:1}
.ring small{position:absolute;bottom:26%;font-size:14px;font-weight:700;color:#A9A7C2}
.ck-sum h2{margin:0;font-size:clamp(30px,3.6vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:#fff;background:none;-webkit-text-fill-color:#fff}
.ck-sum p{margin:14px 0 0;font-size:18px;line-height:1.5;color:#C9C7E0}
.ck-site{display:inline-block;margin-top:14px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:14px;font-weight:700;color:#D9D8E6;word-break:break-all}
.ck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.ck-tile{padding:26px 22px;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}
.ck-tile .ring{max-width:120px;margin:0 auto}
.ck-tile .ring b{font-size:34px}
.ck-tile .ring small{display:none}
.ck-tile h3{margin:16px 0 0;font-size:18px;font-weight:800;color:#fff}
.ck-tile p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#A9A7C2}
.ck-fix{margin-top:20px;padding:32px;border-radius:32px;background:#fff;color:#12102E}
.ck-fix h3{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;color:#12102E}
.ck-fix ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ck-fix li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#F5F5F7;font-size:16px;line-height:1.45;color:#4E4C63}
.ck-fix li b{display:block;color:#12102E}
.ck-fix li i{flex:0 0 28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px;background:#FFE3E0;color:#C0392B}
.ck-fix li.ok i{background:#EAF7C8;color:#4D7A0A}
.ck-lead{margin-top:20px;display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;padding:40px;border-radius:36px;background:radial-gradient(60% 80% at 100% 0%,rgba(108,92,231,.4),transparent 70%),radial-gradient(50% 70% at 0% 100%,rgba(184,230,46,.2),transparent 70%),#100E2C;border:1px solid rgba(255,255,255,.12)}
.ck-lead h3{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.05;font-weight:800;letter-spacing:-.04em;color:#fff}
.ck-lead p{margin:12px 0 0;font-size:17px;line-height:1.5;color:#C9C7E0}
.ck-lead form{display:flex;flex-direction:column;gap:10px}
.ck-lead input{width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font:600 16px Manrope,system-ui,sans-serif;outline:0}
.ck-lead input:focus{border-color:#B8E62E}
.ck-lead button{margin-top:4px;border:0;cursor:pointer;padding:17px;border-radius:999px;background:#B8E62E;color:#0B0A1F;font:800 17px Manrope,system-ui,sans-serif;box-shadow:0 14px 30px -12px rgba(184,230,46,.8)}
.ck-src{margin:22px 0 0;text-align:center;font-size:13px;color:#6C6A84}
.ck-err{display:none;margin:40px auto 0;max-width:640px;padding:22px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#D9D8E6;font-size:16px;line-height:1.5}
.ck.err .ck-err{display:none}
/* what we check */
.ck-what{padding:120px 20px;background:#F5F5F7;color:#12102E}
.ck-what .w{max-width:1120px;margin:0 auto}
.ck-what h2{margin:0;text-align:center;font-size:clamp(36px,5vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.045em;color:#12102E}
.ck-what .sub{margin:16px auto 0;max-width:620px;text-align:center;font-size:19px;line-height:1.5;color:#6C6A84}
@media (max-width:900px){.ck-sum,.ck-lead{grid-template-columns:1fr}.ck-sum .ring{max-width:240px;margin:0 auto}.ck-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ck-form{flex-direction:column;border-radius:28px}.ck-form input{padding:14px 12px}.ck-sum,.ck-lead,.ck-fix{padding:26px 20px}}
.ck-lead form{background:none !important;padding:0 !important;box-shadow:none !important;border:0 !important;margin:0 !important}
.ck-lead input{background:rgba(255,255,255,.07) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;box-shadow:none !important}
.ck-lead input::placeholder{color:#A9A7C2}
.ck-sum .ring{max-width:300px}
.ck.err .ck-grid,.ck.err #rAll{display:none}
.ck.err .ck-sum{grid-template-columns:1fr;text-align:center}
.ck.err .ck-sum p{max-width:640px;margin-left:auto;margin-right:auto}
