.tk-band{position:relative;isolation:isolate;overflow:hidden;border-radius:2rem;border:1px solid rgba(255,255,255,.12);background:radial-gradient(30% 48% at 89% 1%,rgba(255,214,234,.5) 0,rgba(255,122,190,.3) 34%,transparent 70%),radial-gradient(52% 74% at 92% -4%,rgba(255,106,174,.28) 0,rgba(236,58,145,.08) 48%,transparent 76%),var(--night-ground);box-shadow:0 40px 100px -40px color-mix(in srgb,var(--night-4) 85%,transparent)}.tk-band:before{content:"";position:absolute;inset-inline:14%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.tk-inner{position:relative;padding:2.5rem 1.5rem 2.75rem}@media (min-width:1024px){.tk-inner{padding:4rem 3.5rem}}.tk-head{display:grid;gap:1rem;align-items:end}@media (min-width:1024px){.tk-head{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:3rem}}.tk-lede{font-size:1rem;line-height:1.6;color:rgba(255,255,255,.78);text-wrap:pretty}@media (min-width:1024px){.tk-lede{font-size:1.0625rem}}.tk-stage{display:grid;gap:2rem;margin-top:2.5rem}@media (min-width:1024px){.tk-stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3.5rem;align-items:center;margin-top:3.5rem}}.tk-deck-wrap{display:grid;place-items:center;perspective:1400px}.tk-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem;width:min(100%,26rem);padding:1rem;border-radius:1.5rem;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.12);transform-style:preserve-3d}@media (min-width:1024px){.tk-deck{width:min(100%,30rem);gap:1.125rem;padding:1.5rem;transform:rotateX(34deg) rotate(-12deg)}}.tk-key{--tk-face:#fff;--tk-ink:var(--night-2);position:relative;aspect-ratio:1;min-width:44px;min-height:44px;border:0;padding:0;border-radius:9999px;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,.7,.3,1)}.tk-key-face{place-items:center;width:100%;height:100%;color:var(--tk-ink);background:var(--tk-face);box-shadow:0 8px 0 0 color-mix(in srgb,var(--tk-face) 70%,var(--night-4)),0 22px 40px -16px rgba(0,0,0,.6),inset 0 -2px 0 rgba(0,0,0,.06);transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s cubic-bezier(.2,.7,.3,1),background-color .3s ease-out,color .3s ease-out}.tk-key-face,.tk-key-n{display:grid;border-radius:9999px}.tk-key-n{position:absolute;right:-2px;top:-2px;place-items:center;width:1.125rem;height:1.125rem;font-family:var(--font-mono);font-size:9.5px;color:rgba(255,255,255,.8);background:var(--night-4);box-shadow:0 0 0 1px rgba(255,255,255,.15)}.tk-key:hover .tk-key-face{transform:translateY(-3px)}.tk-key[data-on="1"]{--tk-face:var(--color-primary);--tk-ink:#fff}.tk-key[data-on="1"] .tk-key-face{transform:translateY(5px);box-shadow:0 3px 0 0 color-mix(in srgb,var(--color-primary) 65%,var(--night-4)),0 0 0 8px color-mix(in srgb,var(--color-primary) 22%,transparent),0 22px 40px -14px color-mix(in srgb,var(--color-primary) 70%,transparent)}.tk-key:focus-visible{outline:none}.tk-key:focus-visible .tk-key-face{box-shadow:0 8px 0 0 color-mix(in srgb,var(--tk-face) 70%,var(--night-4)),0 0 0 3px var(--night-4),0 0 0 5px var(--brand-aqua-mist,#67c6cc)}.tk-display{min-width:0}.tk-display-index{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,.7)}.tk-progress{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}.tk-progress>span{display:block;height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-secondary));transform-origin:left;transform:scaleX(0)}.tk-display-name{margin-top:1.25rem;font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#fff}@media (min-width:1024px){.tk-display-name{font-size:3rem}}.tk-display-desc{margin-top:.875rem;max-width:30rem;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.82);text-wrap:pretty}.tk-points{display:grid;gap:.5rem;margin:1.125rem 0 0;padding:0;list-style:none}.tk-points li{display:flex;align-items:center;gap:.625rem;font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:#fff}.tk-point-check{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:9999px;color:var(--deep-4);background:var(--brand-aqua-mist,#67c6cc);flex-shrink:0}.tk-link{display:inline-flex;align-items:center;gap:.375rem;margin-top:1.25rem;font-family:var(--font-ui);font-size:.875rem;font-weight:700;color:#ff7fb8}.tk-index{display:flex;flex-wrap:wrap;gap:.25rem 1.125rem;margin:1.75rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.12);list-style:none}.tk-index button{display:inline-flex;align-items:center;gap:.375rem;border:0;padding:.125rem 0;background:transparent;font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.55);cursor:pointer;transition:color .25s ease-out}.tk-index button i{width:5px;height:5px;border-radius:9999px;background:rgba(255,255,255,.3);transition:background-color .25s ease-out}.tk-index li[data-on="1"] button{color:#fff}.tk-index li[data-on="1"] button i{background:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}