.kc{--ink:#1e1238;--ink-2:#5f5877;--violet:#7b5bc0;--violet-d:#5a3ea0;--violet-t:#f0ebfa;--lilac:#b8a6e6;--gold:#f2b400;--gold-d:#8a5f00;--gold-t:#fff4cc;--line:#1e123829;--signal:#e4572e;--rail:72px;--gut:72px;--ease:cubic-bezier(.23,1,.32,1);color:var(--ink)}.kc *{box-sizing:border-box;margin:0;padding:0}.kc ul,.kc ol{list-style:none}.kc img,.kc svg{display:block}.kc .disp{font-family:var(--font-display),sans-serif;letter-spacing:-.015em;font-weight:300}.kc .mono{font-family:var(--font-mono),monospace}.kc .page{padding-left:var(--rail);padding-right:var(--gut);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><rect x='10' y='10' width='4' height='4' fill='%231E1238' fill-opacity='0.05'/></svg>");position:relative}.kc .ruler{border-right:1px solid var(--line);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='80'><g fill='%231E1238' fill-opacity='0.35'><rect x='34' y='0' width='10' height='1'/><rect x='38' y='16' width='6' height='1'/><rect x='38' y='32' width='6' height='1'/><rect x='38' y='48' width='6' height='1'/><rect x='38' y='64' width='6' height='1'/></g></svg>");background-repeat:repeat-y;width:44px;position:absolute;top:0;bottom:0;left:0}.kc .hud{z-index:20;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#fff;align-items:baseline;gap:10px;padding:8px 12px;display:flex;position:fixed;bottom:20px;left:56px}.kc .hud span{color:var(--ink-2)}.kc .hud b{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.kc .hud em{color:var(--violet-d);white-space:nowrap;text-overflow:ellipsis;max-width:22ch;font-style:normal;overflow:hidden}.kc .sec{border-top:1px solid var(--ink);padding:96px 0;position:relative}.kc .sec:first-of-type{border-top:0}.kc .label{font:400 12px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:14px;margin-bottom:28px;display:flex}.kc .label b{color:var(--violet-d);font-weight:500}.kc h2.disp{max-width:20ch;font-size:clamp(42px,5vw,68px);line-height:.98}.kc h2.disp em{color:var(--violet);font-style:normal}.kc .prose p{color:#3a3150;max-width:40em;font-size:19px;line-height:1.6}.kc .prose p+p{margin-top:20px}.kc .prose a,.kc .note a{color:var(--violet-d);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.kc .prose a:hover,.kc .note a:hover{text-decoration-thickness:2px}.kc .prose strong{color:var(--ink);font-weight:600}.kc .two{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:56px;display:grid}.kc .btn{background:var(--violet);color:#fff;border:1px solid var(--ink);min-height:52px;box-shadow:4px 4px 0 var(--ink);align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:600;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end);display:inline-flex}.kc .btn b{font:400 16px var(--font-mono),monospace}.kc .btn:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}.kc .link{border-bottom:2px solid;align-items:center;gap:8px;padding-bottom:2px;font-weight:600;display:inline-flex}.kc .link b{font:400 16px var(--font-mono),monospace;color:var(--violet-d)}@media (hover:hover) and (pointer:fine){.kc .btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.kc .link:hover b{transform:translate(3px)}}.kc .link b{transition:transform .2s var(--ease);display:inline-block}.kc .btn:focus-visible,.kc .link:focus-visible{outline:2px solid var(--violet);outline-offset:4px}.kc .hero{padding-top:72px;padding-bottom:88px}.kc .hero-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:48px;display:grid}.kc .hero h1{font-size:clamp(50px,6vw,88px);line-height:.95}.kc .hero h1 em{color:var(--violet);font-style:normal}.kc .hero .sub{max-width:32em;color:var(--ink-2);margin-top:28px;font-size:20px;line-height:1.5}.kc .hero .actions{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:34px;display:flex}.kc .scene{border:1px solid var(--ink);box-shadow:8px 8px 0 var(--violet-t);background:#fff;position:relative}.kc .scene-svg{cursor:crosshair;touch-action:pan-y;width:100%;height:auto}.kc .scene-hud{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);pointer-events:none;align-items:baseline;gap:10px;display:flex;position:absolute;bottom:10px;right:12px}.kc .scene-hud b{color:var(--gold-d);font-size:16px;font-weight:500}.kc .cloud{animation:26s steps(52,end) infinite alternate kc-drift}.kc .cloud.c2{animation-duration:34s;animation-delay:-9s}.kc .cloud.c3{animation-duration:30s;animation-delay:-16s}@keyframes kc-drift{0%{transform:translate(-26px)}to{transform:translate(52px)}}.kc .short{border-top:1px solid var(--ink);margin-top:44px}.kc .short li{border-bottom:1px solid var(--line);letter-spacing:-.005em;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:20px;max-width:none;padding:24px 0;font-size:clamp(20px,1.9vw,26px);line-height:1.35;display:grid}.kc .short li span{font:500 12px var(--font-mono),monospace;letter-spacing:.08em;color:var(--gold-d)}.kc .short li::marker{content:""}.kc .habits{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;display:grid}.kc .habit{padding:28px 28px 30px 0}.kc .habit+.habit{border-left:1px solid var(--line);padding-left:28px}.kc .hv{border:1px solid var(--line);background:#fff;height:130px;position:relative;overflow:hidden}.kc .habit p{font:300 30px/1.05 var(--font-display),sans-serif;letter-spacing:-.01em;margin-top:18px}.kc .habit small{font:400 11px var(--font-mono),monospace;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-top:8px;display:block}.kc .h1 .stair{align-items:flex-end;gap:0;display:flex;position:absolute;bottom:22px;left:24px}.kc .h1 .stair i{background:var(--ink);width:34px;display:block}.kc .h1 .stair i:first-child{height:16px}.kc .h1 .stair i:nth-child(2){height:32px}.kc .h1 .stair i:nth-child(3){height:48px}.kc .h1 .stair i:nth-child(4){height:64px}.kc .h1 .walker{background:var(--violet);border:2px solid var(--ink);width:14px;height:20px;animation:3.2s steps(16,end) infinite kc-skip;position:absolute;bottom:84px;left:22px}@keyframes kc-skip{0%{transform:translateY(48px)}20%{transform:translate(34px,32px)}30%{transform:translate(34px,16px)}45%{transform:translate(128px,-16px)}70%{transform:translate(128px,-16px)}to{transform:translateY(48px)}}.kc .h1 .clock{font:500 11px var(--font-mono),monospace;color:var(--signal);letter-spacing:.06em;animation:1.2s step-end infinite kc-blink;position:absolute;top:14px;right:16px}@keyframes kc-blink{50%{opacity:.25}}.kc .h2 .sw{border:2px solid var(--ink);background:var(--violet);width:84px;height:40px;margin:-24px 0 0 -42px;position:absolute;top:50%;left:50%}.kc .h2 .sw:after{content:"";border:2px solid var(--ink);background:#fff;width:28px;height:28px;animation:4s steps(8,end) infinite kc-knob;position:absolute;top:4px;left:4px}@keyframes kc-knob{0%,35%{transform:translate(42px)}45%,90%{transform:translate(0)}to{transform:translate(42px)}}.kc .h2 .sw{animation:4s step-end infinite kc-swbg}@keyframes kc-swbg{0%,40%{background:var(--violet)}41%,92%{background:#d9d4e6}93%,to{background:var(--violet)}}.kc .h2 .lab{text-align:center;font:500 11px var(--font-mono),monospace;letter-spacing:.1em;color:var(--ink-2);position:absolute;bottom:12px;left:0;right:0}.kc .h3 .bar{border:1.5px solid var(--ink);height:26px;font:400 11px/23px var(--font-mono),monospace;color:var(--ink-2);white-space:nowrap;background:#fff;padding:0 8px;position:absolute;top:20px;left:16px;right:16px;overflow:hidden}.kc .h3 .ln{font:500 13px var(--font-mono),monospace;color:var(--violet-d);text-decoration:underline;position:absolute;top:70px;left:28px}.kc .h3 .cur{background:var(--ink);clip-path:polygon(0 0,100% 55%,55% 62%,40% 100%);width:14px;height:14px;animation:3s steps(12,end) infinite kc-click;position:absolute;top:96px;left:150px}@keyframes kc-click{0%,15%{transform:translate(0)}40%,60%{transform:translate(-100px,-26px)}50%{transform:translate(-100px,-24px)}75%,to{transform:translate(0)}}.kc .note{border-left:3px solid var(--gold);max-width:50em;color:var(--ink-2);margin-top:34px;padding-left:20px;font-size:17px;line-height:1.55}.kc .versus{border:1px solid var(--ink);grid-template-columns:minmax(0,4fr) minmax(0,6fr);margin-top:56px;display:grid}.kc .stamp{border-right:1px solid var(--ink);background:#fff;padding:34px 32px}.kc .stamp .k{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.kc .stamp .n{font:300 clamp(84px,10vw,132px)/.85 var(--font-display),sans-serif;letter-spacing:-.03em;margin-top:14px}.kc .stamp .n span{color:var(--violet);font-size:.4em}.kc .stamp .ok{align-items:center;gap:10px;margin-top:18px;font-weight:600;display:inline-flex}.kc .stamp .ok i{background:var(--ink);color:#fff;width:20px;height:20px;font:400 13px var(--font-mono),monospace;place-items:center;font-style:normal;display:grid}.kc .stamp small{color:var(--ink-2);margin-top:16px;font-size:14px;display:block}.kc .unseen{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M0 12L12 0' stroke='%231E1238' stroke-opacity='0.14' stroke-width='1'/></svg>");min-height:260px;padding:34px 32px;position:relative}.kc .unseen .k{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.kc .unseen h3{max-width:16ch;font:300 clamp(32px,3.4vw,46px)/1 var(--font-display),sans-serif;letter-spacing:-.01em;margin-top:14px}.kc .unseen .nm{font:500 12px var(--font-mono),monospace;letter-spacing:.06em;color:var(--signal);text-transform:uppercase;align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;left:32px}.kc .unseen .nm:after{content:"";background:var(--signal);width:9px;height:16px;animation:1s step-end infinite kc-blink}.kc .statement{font:300 clamp(34px,4.4vw,60px)/1.02 var(--font-display),sans-serif;letter-spacing:-.015em;max-width:22ch;margin-top:56px}.kc .statement em{color:var(--violet);font-style:normal}.kc .gates{--gap:28px;--stride:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n) + var(--gap));gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:64px;padding-top:78px;display:grid;position:relative}.kc .gline{border-top:2px solid var(--ink);position:absolute;top:64px;left:0;right:0}.kc .gkite{top:2px;left:calc(var(--pos) * var(--stride));z-index:3;filter:none;transition:left .8s steps(8,end);position:absolute}.kc .gates[data-snap] .gkite{transition:none}.kc .gates:not([data-motion]) .gkite{display:none}.kc .gates li{border-top:0;padding:22px 18px 22px 0;position:relative}.kc .gpost{background:var(--ink);width:2px;height:30px;position:absolute;top:-14px;left:0}.kc .gpost:after{content:"";background:var(--ink);width:18px;height:12px;transition:background-color .15s steps(2,end);position:absolute;top:0;left:2px}.kc .gn{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;color:var(--ink-2);margin-top:6px;display:block}.kc .gq{font:300 clamp(26px,2.4vw,34px)/1.05 var(--font-display),sans-serif;letter-spacing:-.01em;color:var(--ink);transition:color .2s var(--ease);margin-top:10px}.kc .gpause{font:500 11px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease);align-items:center;gap:5px;margin-top:16px;display:inline-flex;transform:translateY(4px)}.kc .gpause i{background:var(--gold);border:1.5px solid var(--ink);width:5px;height:14px}.kc .gpause i+i{margin-right:6px}.kc .gates li.on .gq{color:var(--violet-d)}.kc .gates li.on .gpost:after{background:var(--gold)}.kc .gates li.on .gpause,.kc .gates:not([data-motion]) .gpause{opacity:1;transform:none}.kc .after{margin-top:36px}.kc .sec.dark{background:var(--ink);color:#fff;margin:0 calc(-1 * var(--gut)) 0 calc(-1 * var(--rail));padding-left:var(--rail);padding-right:var(--gut);border-top:1px solid var(--ink)}.kc .dark .label{color:#c9c2dc}.kc .dark .label b,.kc .dark h2.disp em{color:var(--gold)}.kc .dark .prose p{color:#d8d2e8}.kc .dark .prose a,.kc .dark .note a{color:#fff;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.kc .dark .prose strong{color:#fff}.kc .slip{color:var(--ink);border:2px solid var(--gold);box-shadow:8px 8px 0 var(--gold);background:#fff;padding:26px 26px 28px;position:sticky;top:100px}.kc .slip-h{font:500 11px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.kc .slip-h em{color:var(--gold-d);margin-left:auto;font-style:normal}.kc .slip-q{font:300 clamp(28px,2.6vw,36px)/1.08 var(--font-display),sans-serif;letter-spacing:-.01em;margin-top:20px}.kc .slip-who{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;padding:14px 0;display:grid}.kc .slip-who span{font:400 10px var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px;display:block}.kc .redact{background:var(--ink);height:14px;display:block}.kc .slip[data-answered] .redact{animation:.5s steps(5,end) kc-lock}@keyframes kc-lock{0%{background:var(--gold)}to{background:var(--ink)}}.kc .slip-a{grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;display:grid}.kc .slip-a button{min-height:56px;font:600 18px var(--font-sans),sans-serif;color:var(--ink);border:2px solid var(--ink);cursor:pointer;transition:background-color .15s var(--ease),transform .15s var(--ease);background:#fff}.kc .slip-a button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.kc .slip-a button:hover{background:var(--gold)}}.kc .slip-a button:focus-visible,.kc .slip-links a:focus-visible,.kc .slip-links button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.kc .slip-done{animation:kc-in .3s var(--ease);margin-top:20px}@keyframes kc-in{0%{opacity:0;transform:translateY(6px)}}.kc .slip-done p{font-size:16.5px;line-height:1.5}.kc .slip-done b{font-weight:700}.kc .slip-links{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:16px;display:flex}.kc .slip-links a{border-bottom:2px solid var(--ink);font-weight:600}.kc .slip-links a span{font-family:var(--font-mono),monospace;color:var(--violet-d);font-weight:400}.kc .slip-links button{font:500 15px var(--font-sans),sans-serif;color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.kc .slip-done .slip-note{font:400 12px/1.5 var(--font-mono),monospace;color:var(--ink-2);margin-top:14px}.kc .spools{border-top:1px solid #ffffff40;margin-top:44px}.kc .spools li{font:300 clamp(24px,2.4vw,32px)/1.12 var(--font-display),sans-serif;letter-spacing:-.005em;color:#fff;border-bottom:1px solid #ffffff2e;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:16px;padding:22px 0;display:grid}.kc .spools svg{margin-top:4px}.kc .gap{margin-top:72px}.kc .gap h3{font:300 clamp(30px,3.4vw,44px)/1.02 var(--font-display),sans-serif;letter-spacing:-.01em;max-width:24ch}.kc .gap .ill{font:400 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-top:10px}.kc .gaprows{border-top:1px solid #ffffff4d;margin-top:30px}.kc .gr{border-bottom:1px solid #ffffff29;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:28px;padding:20px 0;display:grid}.kc .gr .t{font-size:17px;font-weight:500}.kc .tracks{gap:10px;display:grid}.kc .trk{font:400 10px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:#c9c2dc;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;display:grid}.kc .cells{grid-template-columns:repeat(20,1fr);gap:3px;display:grid}.kc .cells i{background:0 0;border:1px solid #ffffff47;height:14px}.kc .cells i.f{background:var(--lilac);border-color:var(--lilac)}.kc .cells i.d{background:var(--gold);border-color:var(--gold)}.kc .cells i.g{border:1px dashed var(--gold)}.kc .page[data-js] .cells i.f,.kc .page[data-js] .cells i.d{transform-origin:bottom;opacity:.2;transform:scaleY(.2)}.kc .page[data-js] .gr.in .cells i.f,.kc .page[data-js] .gr.in .cells i.d{opacity:1;transition:transform .3s var(--ease),opacity .3s var(--ease);transition-delay:calc(var(--k) * 28ms);transform:none}.kc .gapnote{color:#c9c2dc;margin-top:12px;font-size:14px}.kc .fair{border:1px dashed var(--gold);color:#fff;max-width:56ch;margin-top:44px;padding:16px 18px;font-size:16px;line-height:1.55}.kc .paths{margin:0}.kc .paths-svg{border:1px solid var(--ink);background:#fff;width:100%;height:auto}.kc .paths-t{font:500 10px var(--font-mono),monospace;letter-spacing:.1em;fill:var(--ink)}.kc .paths figcaption{margin-top:16px}.kc .paths-btn{min-height:48px;font:600 15px var(--font-sans),sans-serif;color:var(--ink);border:2px solid var(--ink);cursor:pointer;transition:background-color .15s var(--ease),transform .15s var(--ease);background:#fff;align-items:center;gap:10px;padding:0 20px;display:inline-flex}.kc .paths-btn span{font-family:var(--font-mono),monospace;color:var(--violet-d);font-weight:400}.kc .paths-btn:active{transform:scale(.97)}.kc .paths-btn[aria-pressed=true]{background:var(--violet-t)}@media (hover:hover) and (pointer:fine){.kc .paths-btn:hover{background:var(--violet-t)}}.kc .paths-btn:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.kc .fence{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;margin-top:56px;display:grid}.kc .fence h3{font:300 clamp(34px,3.6vw,50px)/1 var(--font-display),sans-serif;letter-spacing:-.01em;margin-bottom:22px}.kc .fence ul li{border-top:1px solid var(--line);padding:14px 0;font-size:18px;line-height:1.4}.kc .fence ul li:last-child{border-bottom:1px solid var(--line)}.kc .fence .neg{color:var(--ink-2)}.kc .fence .neg span{background:linear-gradient(var(--signal),var(--signal)) 0 55%/0 2px no-repeat}.kc .page[data-js] .fence li.neg span{transition:background-size .5s var(--ease) .3s}.kc .page[data-js] .fence.in li.neg span,.kc .page:not([data-js]) .fence .neg span{background-size:100% 2px}.kc .fence .mid{justify-content:center;display:flex;position:relative}.kc .fence .mid:before{content:"";border-left:2px dashed var(--ink);position:absolute;top:8px;bottom:8px;left:50%}.kc .fence .post{background:var(--gold);border:2px solid var(--ink);width:14px;height:14px;margin-left:-7px;position:absolute;left:50%}.kc .fence .post.a{top:0}.kc .fence .post.b{bottom:0}.kc .fence .right h3 em{color:var(--violet);font-style:normal}.kc .stairs{--rise:46px;--gap:20px;--stride:calc((100% - (var(--n) - 1) * var(--gap)) / var(--n) + var(--gap));gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));margin-top:56px;padding-top:72px;display:grid;position:relative}.kc .stairs li{margin-top:calc((var(--n) - 1 - var(--i)) * var(--rise));display:flex}.kc .step{border-top:3px solid var(--ink);border-left:1px solid var(--line);opacity:.7;transition:transform .22s var(--ease),opacity .22s var(--ease),box-shadow .22s var(--ease);background:#fff;flex:1;padding:18px 18px 26px;position:relative}.kc .step:before{content:"";background:var(--gold-t);clip-path:inset(0 100% 0 0);z-index:0;position:absolute;inset:0}.kc .step>*{z-index:1;position:relative}.kc .sn{font:500 11px var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.kc .step h3{font:300 clamp(40px,4vw,56px)/.95 var(--font-display),sans-serif;letter-spacing:-.015em;margin-top:12px}.kc .st{color:var(--ink-2);margin-top:14px;font-size:16px;line-height:1.5}.kc .stairs li.on .step{opacity:1;box-shadow:6px 6px 0 var(--ink);transform:translateY(-6px)}.kc .stairs li.on .step:before{animation:.5s steps(8,end) both kc-sweep}.kc .stairs li.on .sn{color:var(--gold-d)}@keyframes kc-sweep{to{clip-path:inset(0)}}@media (hover:hover) and (pointer:fine){.kc .stairs li:hover .step{opacity:1}}.kc .skite{z-index:3;top:calc(var(--rise) * (var(--n) - 1 - var(--pos)) + 8px);left:calc(var(--pos) * var(--stride) + 10px);transition:left .9s steps(9,end),top .9s steps(9,end);position:absolute}.kc .stairs[data-snap] .skite{transition:none}.kc .stairs:not([data-motion]) .skite{display:none}.kc .stairs:not([data-motion]) .step{opacity:1}.kc .badges-h{font:300 clamp(30px,3.4vw,44px)/1.02 var(--font-display),sans-serif;letter-spacing:-.01em;margin-top:88px}.kc .badges{border-top:1px solid var(--ink);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:30px;display:grid}.kc .badges li{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:22px 16px 22px 0;display:flex}.kc .tile{border:2px solid var(--ink);background:var(--violet-t);width:56px;height:56px;transition:transform .2s var(--ease),background-color .2s var(--ease);flex:none;place-items:center;display:grid;position:relative}.kc .tile:after{content:"";background:var(--gold);border:2px solid var(--ink);width:10px;height:10px;position:absolute;top:-6px;right:-6px}.kc .tile svg{width:26px;height:26px}.kc .badges li span{font-size:16px;font-weight:500;line-height:1.25}@media (hover:hover) and (pointer:fine){.kc .badges li:hover .tile{background:var(--gold-t);transform:translateY(-4px)}}.kc .try{background:var(--ink);color:#fff;margin:0 calc(-1 * var(--gut)) 0 calc(-1 * var(--rail));padding:0 var(--gut) 0 var(--rail);border-top:1px solid var(--ink);position:relative;overflow:hidden}.kc .try .in{z-index:2;max-width:760px;padding:96px 0 104px;position:relative}.kc .try .label{color:#c9c2dc}.kc .try .label b{color:var(--gold)}.kc .try h2{font:300 clamp(46px,6vw,84px)/.95 var(--font-display),sans-serif;letter-spacing:-.015em}.kc .try h2 em{color:var(--gold);font-style:normal}.kc .try p.t{color:#d8d2e8;max-width:36em;margin-top:26px;font-size:19px;line-height:1.55}.kc .try .actions{flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:36px;display:flex}.kc .try .btn{background:var(--gold);color:var(--ink);border-color:#fff;box-shadow:4px 4px #fff}.kc .try .btn:active{box-shadow:0 0 #fff}.kc .try .link{color:#fff}.kc .try .link b{color:var(--gold)}@media (hover:hover) and (pointer:fine){.kc .try .btn:hover{box-shadow:2px 2px #fff}}.kc .try .where{font:400 12px var(--font-mono),monospace;letter-spacing:.06em;color:#c9c2dc;margin-top:30px}.kc .fly{z-index:1;opacity:.95;margin-top:-90px;animation:6s steps(12,end) infinite kc-bob;position:absolute;top:50%;right:6%}@keyframes kc-bob{0%,to{transform:translate(0)}50%{transform:translate(-22px,-26px)}}.kc .fly .tail{margin-left:-4px;position:absolute;top:100%;left:50%}.kc .fly .tail i{background:#ffc531;border:2px solid #8c5a20;width:10px;height:10px;position:absolute}.kc .fly .tail i:nth-child(2n){background:#f5902a}.kc .page[data-js] .rv{opacity:0;transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(var(--d,0) * 60ms);transform:translateY(14px)}.kc .page[data-js] .rv.in{opacity:1;transform:none}@media (max-width:1100px){.kc{--gut:32px}.kc .hero-grid,.kc .two{grid-template-columns:minmax(0,1fr);gap:40px}.kc .slip{position:static}.kc .versus{grid-template-columns:minmax(0,1fr)}.kc .stamp{border-right:0;border-bottom:1px solid var(--ink)}.kc .gates{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.kc .gline,.kc .gkite{display:none}.kc .gates{padding-top:24px}.kc .gpost{display:none}.kc .fence{grid-template-columns:minmax(0,1fr)}.kc .fence .mid{height:40px}.kc .fence .mid:before{border-left:0;border-top:2px dashed var(--ink);inset:50% 8px auto}.kc .fence .post{margin-top:-7px;top:50%!important;bottom:auto!important}.kc .fence .post.a{margin-left:0;left:8px}.kc .fence .post.b{margin-left:0;left:auto;right:8px}.kc .stairs{grid-template-columns:minmax(0,1fr);padding-top:0}.kc .stairs li{margin-top:0!important}.kc .skite{display:none}.kc .badges{grid-template-columns:repeat(2,minmax(0,1fr))}.kc .gr{grid-template-columns:minmax(0,1fr);gap:12px}.kc .hud,.kc .fly{display:none}}@media (max-width:760px){.kc{--rail:36px;--gut:20px}.kc .ruler{background-position:100%;width:20px}.kc .sec{padding:64px 0}.kc .hero{padding-top:44px}.kc .short li{grid-template-columns:44px minmax(0,1fr);gap:12px}.kc .habits{grid-template-columns:minmax(0,1fr)}.kc .habit,.kc .habit+.habit{border-left:0;padding:24px 0}.kc .habit+.habit{border-top:1px solid var(--line)}.kc .gates,.kc .badges{grid-template-columns:minmax(0,1fr)}.kc .trk{grid-template-columns:72px minmax(0,1fr)}.kc .try .in{padding:64px 0 72px}}@media (prefers-reduced-motion:reduce){.kc *,.kc :before,.kc :after{transition:none!important;animation:none!important}.kc .page[data-js] .rv,.kc .page[data-js] .cells i.f,.kc .page[data-js] .cells i.d{opacity:1;transform:none}.kc .step{opacity:1}}