.ck-hero::before,.ck-hero::after{content:"";position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;z-index:-1;pointer-events:none}
.ck-hero::before{box-shadow:
  4vw 84px 0 0 rgba(220,235,250,.6),9vw 108px 0 0 rgba(220,235,250,.36),15vw 76px 0 .5px rgba(111,175,240,.62),
  21vw 120px 0 0 rgba(220,235,250,.4),27vw 92px 0 0 rgba(220,235,250,.7),33vw 112px 0 0 rgba(220,235,250,.34),
  38vw 80px 0 0 rgba(220,235,250,.5),44vw 102px 0 .5px rgba(220,235,250,.66),50vw 124px 0 0 rgba(111,175,240,.5),
  55vw 78px 0 0 rgba(220,235,250,.44),61vw 96px 0 0 rgba(220,235,250,.74),66vw 116px 0 0 rgba(220,235,250,.38),
  71vw 86px 0 .5px rgba(220,235,250,.8),76vw 106px 0 0 rgba(111,175,240,.56),81vw 74px 0 0 rgba(220,235,250,.6),
  86vw 100px 0 0 rgba(220,235,250,.5),91vw 122px 0 0 rgba(220,235,250,.4),96vw 90px 0 .5px rgba(220,235,250,.7)}
.ck-hero::after{display:none}
@media (min-width:1000px){.ck-hero::after{display:block;box-shadow:
  71vw 150px 0 0 rgba(220,235,250,.6),74vw 212px 0 .5px rgba(220,235,250,.74),77vw 174px 0 0 rgba(111,175,240,.6),
  80vw 286px 0 0 rgba(220,235,250,.4),83vw 138px 0 0 rgba(220,235,250,.7),86vw 244px 0 0 rgba(220,235,250,.5),
  89vw 190px 0 .5px rgba(220,235,250,.8),92vw 320px 0 0 rgba(220,235,250,.34),95vw 160px 0 0 rgba(220,235,250,.62),
  97vw 268px 0 0 rgba(111,175,240,.46),72vw 330px 0 0 rgba(220,235,250,.3),75vw 392px 0 0 rgba(220,235,250,.26),
  79vw 228px 0 0 rgba(220,235,250,.56),82vw 362px 0 0 rgba(220,235,250,.3),85vw 300px 0 .5px rgba(111,175,240,.5),
  88vw 420px 0 0 rgba(220,235,250,.24),91vw 136px 0 0 rgba(220,235,250,.66),94vw 384px 0 0 rgba(220,235,250,.28),
  73vw 262px 0 0 rgba(220,235,250,.44),78vw 318px 0 0 rgba(220,235,250,.36),84vw 196px 0 0 rgba(220,235,250,.6),
  90vw 250px 0 0 rgba(220,235,250,.48),96vw 214px 0 .5px rgba(220,235,250,.58),87vw 166px 0 0 rgba(111,175,240,.54)}}

.ck h1,.ck h2,.ck h3,.ck-qt,.ck-bandh{text-wrap:balance}

.ck-hero{padding-top:clamp(140px,19vh,176px);padding-bottom:clamp(18px,3vw,36px)}
.ck-tag{display:flex;align-items:center;gap:10px;margin-bottom:18px;font:600 var(--fs-13)/1 var(--sans);letter-spacing:var(--track-label-13);text-transform:uppercase;color:var(--blue-text)}
.ck-tag i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--blue-text)}
.ck-go{margin-top:clamp(20px,3vw,28px)}
.ck-hero .cta-note{max-width:44ch;margin-top:14px}

.ck-how{padding-block:clamp(28px,5vw,64px)}

.ck-how .container{max-width:calc(680px + 2 * var(--gutter))}
.ck-steps{list-style:none;counter-reset:ck;display:grid;gap:22px;max-width:660px}
.ck-steps li{counter-increment:ck;position:relative;padding-left:58px;color:var(--mute);font-size:var(--fs-16);line-height:1.55}
.ck-steps li::before{content:counter(ck);position:absolute;left:0;top:-5px;width:38px;height:38px;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--stroke-strong);border-radius:50%;background:var(--bg1);color:var(--ice);font:400 var(--fs-20)/1 var(--display)}
.ck-steps li::after{content:"";position:absolute;left:19px;top:37px;bottom:-22px;width:1px;background:var(--stroke-strong)}
.ck-steps li:last-child::after{display:none}
.ck-steps b{color:var(--text);font-weight:600}

.ck-sec{padding-bottom:var(--pad-loud)}
.ck-wrap{max-width:calc(680px + 2 * var(--gutter))}
.ck-keys{font-size:var(--fs-14);line-height:1.5;color:var(--faint)}
.ck-sec:not(.ck-on) .ck-js{display:none}

.ck-panel{margin-top:20px;padding:clamp(18px,4.5vw,30px);border:1px solid color-mix(in srgb,var(--blue) 42%,transparent);border-radius:var(--r-card);background:var(--surface-lit)}
.ck-prog{display:flex;align-items:center;gap:12px;margin-bottom:24px;font:600 var(--fs-11)/1 var(--sans);letter-spacing:var(--track-label-11);text-transform:uppercase;color:var(--faint)}
.ck-bar{flex:1;height:2px;border-radius:2px;background:var(--stroke-strong);overflow:hidden}
.ck-bar i{display:block;height:100%;background:var(--blue-text);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-move) var(--ease-set)}

.ck-q{min-width:0;margin:0;padding:0;border:0}
.ck-q+.ck-q{margin-top:36px}
.ck-on .ck-q{display:none;margin-top:0}
.ck-on .ck-q.is-cur{display:block}
.ck-q legend{display:block;width:100%;padding:0}
.ck-q legend:focus{outline:none}
.ck-n{display:block;margin-bottom:10px;font:600 var(--fs-12)/1 var(--sans);letter-spacing:var(--track-label-13);text-transform:uppercase;color:var(--blue-text)}
.ck-qt{display:block;font:400 1.55rem/1.2 var(--display);letter-spacing:-.02em;color:var(--text)}
.ck-opts{position:relative;display:grid;gap:10px;margin-top:18px}
.ck-opts input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

.ck-opts label{position:relative;display:flex;align-items:center;min-height:56px;box-sizing:border-box;padding:12px 16px 12px 46px;border:1px solid var(--stroke-strong);border-radius:var(--r-btn);background:var(--bg1);color:var(--text);font-size:var(--fs-16);line-height:1.35;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--dur-micro) var(--ease-set),background var(--dur-micro) var(--ease-set)}
.ck-opts label::before{content:"";position:absolute;left:16px;top:50%;width:16px;height:16px;margin-top:-8px;box-sizing:border-box;border:1.5px solid var(--faint);border-radius:50%}
.ck-opts input:checked+label{border-color:var(--blue-text);background:color-mix(in srgb,var(--blue) 24%,var(--bg1))}
.ck-opts input:checked+label::before{border-color:var(--ice);background:radial-gradient(circle,var(--ice) 0 3.5px,transparent 4.5px)}
.ck-opts input:focus-visible+label{outline:2px solid var(--blue);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.ck-opts label:hover{border-color:var(--stroke-hover)}}
.ck-nav{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:18px}
.ck-sec:not(.ck-on) .ck-nav{display:none}

#ck-q1:not(.is-ans) .ck-nav{display:none}
.ck-back{display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-14)}
.ck-next{margin-left:auto;visibility:hidden}
.ck-q.is-ans .ck-next{visibility:visible}
@keyframes ck-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ck-rise{animation:ck-rise var(--dur-move) var(--ease-set) both}
.ck-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.ck-result{margin-top:28px}
.ck-on:not(.is-done) .ck-result{display:none}
.ck-on.is-done .ck-panel,.ck-on.is-done .ck-keys{display:none}
.ck-result h3{font-size:1.55rem}
#ck-rh{font:600 var(--fs-12)/1 var(--sans);letter-spacing:var(--track-label-13);text-transform:uppercase;color:var(--blue-text)}
#ck-rh:focus{outline:none}
.ck-score{display:flex;align-items:baseline;gap:14px;margin:10px 0 12px}
.ck-num{font:400 clamp(6rem,27vw,9rem)/.84 var(--display);letter-spacing:-.04em;color:var(--ice)}
.ck-of{font:400 var(--fs-20)/1.2 var(--sans);color:var(--mute)}
.ck-band{display:none}
.ck-result[data-band=low] .ck-band[data-b=low],.ck-result[data-band=mid] .ck-band[data-b=mid],.ck-result[data-band=high] .ck-band[data-b=high]{display:block}
.ck-bandh{font:400 var(--fs-32)/1.1 var(--display);letter-spacing:-.02em;color:var(--text)}
.ck-band p+p{max-width:50ch;margin-top:8px;color:var(--mute)}
.ck-fine{max-width:50ch;margin-top:14px;font-size:var(--fs-14);line-height:1.5;color:var(--faint)}

.ck-path{list-style:none;display:grid;grid-template-columns:4fr 2fr 4fr;gap:6px;margin:28px 0 0}
.ck-path li{font:600 var(--fs-11)/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.ck-path i{position:relative;display:block;height:6px;margin-bottom:9px;border-radius:3px;background:var(--stroke-strong);overflow:hidden}
.ck-path i::after{content:"";position:absolute;inset:0;background:var(--blue-text);transform:scaleX(var(--share,0));transform-origin:0 50%;transition:transform var(--dur-arrive) var(--ease-set)}
.ck-look{margin-top:36px}
.ck-noscript,.ck-allhold{margin-top:10px;color:var(--mute)}
.ck-allhold{display:none}
.ck-result.is-allhold .ck-allhold{display:block}
.ck-leaks{list-style:none;counter-reset:lk;margin-top:16px;border-top:1px solid var(--stroke-strong)}
.ck-leaks li{counter-increment:lk;position:relative;padding:20px 0 20px 46px;border-bottom:1px solid var(--stroke-strong)}
.ck-leaks li::before{content:counter(lk);position:absolute;left:0;top:15px;font:400 var(--fs-32)/1 var(--display);color:var(--blue-text)}
.ck-leaks li.is-hold::before{color:var(--faint)}

.ck-result.is-allhold .ck-leaks li,.ck-sec:not(.ck-on) .ck-leaks li{padding-left:0}
.ck-result.is-allhold .ck-leaks li::before,.ck-sec:not(.ck-on) .ck-leaks li::before{display:none}
.ck-ln{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--text);font-weight:600}
.ck-pts{font:400 var(--fs-14)/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mute)}
.ck-said,.ck-gap,.ck-hold{margin-top:8px;font-size:var(--fs-16);line-height:1.55;color:var(--mute)}
.ck-said{font-size:var(--fs-14);color:var(--faint)}
.ck-hold{display:none}
.ck-leaks li.is-hold .ck-gap{display:none}
.ck-leaks li.is-hold .ck-hold{display:block}
.ck-ctx{margin-top:36px}
.ck-ctx dt{margin-top:14px;font:600 var(--fs-12)/1.3 var(--sans);letter-spacing:var(--track-label-13);text-transform:uppercase;color:var(--faint)}
.ck-ctx dd{margin:4px 0 0;color:var(--text)}
.ck-ctx p{max-width:54ch;margin-top:16px;font-size:var(--fs-16);color:var(--mute)}
.ck-acts2{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:28px}
.ck-quiet{margin-top:14px;font-size:var(--fs-13);color:var(--faint)}

.ck-ask{margin-top:clamp(40px,7vw,72px);padding-top:clamp(32px,5vw,56px);border-top:1px solid var(--stroke-strong)}
.ck-ask h2{max-width:20ch;margin-bottom:0}
.ck-score-note{display:none}
.ck-sec.is-done .ck-score-note{display:block}

@media (prefers-reduced-motion:reduce){.ck-rise{animation:none}}
@media print{.ck-hero::before,.ck-hero::after,.ck-nav,.ck-acts2,.ck-prog{display:none !important}}