.hero{padding-top:clamp(2rem,6vw,4.5rem);padding-bottom:clamp(2rem,5vw,4rem)}.hero .lede{margin-top:1.25rem}.hero .actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem;display:flex}.preview-heading{margin-top:clamp(3.5rem,7vw,5.5rem)}.preview-heading .fine{max-width:58ch;margin-top:.75rem;display:block}.desk{margin-top:clamp(2rem,4vw,3rem);position:relative}.desk:after{content:"";background:radial-gradient(closest-side, var(--shadow), transparent);z-index:-1;border-radius:50%;height:28px;position:absolute;bottom:-6px;left:8%;right:8%}.stage-wrap{aspect-ratio:960/400;--s:1;width:100%;position:relative}.stage{width:960px;height:400px;transform:scale(var(--s));transform-origin:0 0;position:absolute;top:0;left:0}.hk{background:var(--key-side);border-radius:10px;transition:background .15s;position:absolute;top:0;left:0}.hk .cap{background:var(--key);color:var(--muted);user-select:none;border-radius:8px;place-items:center;font-size:14px;font-weight:700;line-height:1;transition:transform .1s,background .15s,color .15s;display:grid;position:absolute;inset:2px 3.5px 7px}.hk .cap.sm{font-size:10px}.hk.home .cap:after{content:"";background:var(--key-side);border-radius:1.5px;width:12px;height:3px;margin-left:-6px;position:absolute;bottom:5px;left:50%}.hk:is(:hover,.lit){background:var(--accent-side)}.hk:is(:hover,.lit) .cap{background:var(--accent);color:var(--accent-ink);transform:translateY(2px)}.picker-row{margin-top:2rem}.board-caption{text-align:center;color:var(--muted);max-width:62ch;min-height:3.2em;margin:0 auto}.board-caption strong{color:var(--ink);font-weight:700}.picker{scroll-snap-type:x proximity;scrollbar-width:thin;gap:.65rem;margin-top:1rem;padding:.4rem 2rem 1.1rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2rem calc(100% - 2rem),#0000)}.pick{scroll-snap-align:center;font:inherit;color:var(--ink);background:var(--key);border:1px solid var(--key-side);box-shadow:0 4px 0 var(--key-side);cursor:pointer;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:.35rem;padding:.55rem 1rem .5rem;font-size:.95rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex}.pick:after{content:"";background:var(--key-side);border-radius:1.5px;width:1.1rem;height:3px;transition:background .15s}.pick:first-child{margin-left:auto}.pick:last-child{margin-right:auto}.pick:hover{box-shadow:0 3px 0 var(--key-side);transform:translateY(1px)}.pick[aria-pressed=true]{border-color:var(--accent-side);box-shadow:0 1px 0 var(--accent-side);transform:translateY(3px)}.pick[aria-pressed=true]:after{background:var(--accent)}.picker-note{text-align:center;color:var(--muted);margin-top:.25rem;font-size:.88rem}.anatomy .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);margin-top:2.5rem;display:grid}.anatomy .intro{margin-top:1rem}.board{width:100%;height:auto;display:block;overflow:visible}.board .k-side{fill:var(--key-side);transition:fill .15s}.board .k-top{fill:var(--key);transition:fill .15s}.board .bump{fill:var(--key-side)}.board .leg{font-family:var(--font);fill:var(--muted);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:15px;font-weight:700;transition:fill .15s}.board .leg.sm{font-size:10.5px}.board .cap{transition:transform .1s}.board .key:hover .cap{transform:translateY(2px)}.board .key:hover .k-top{fill:var(--accent)}.board .key:hover .k-side{fill:var(--accent-side)}.board .key:hover .leg{fill:var(--accent-ink)}.anat-stage{perspective:1000px;padding:1rem 0}.anat-svg{transition:transform .6s var(--ease-out);transform-origin:50%}.anat-svg .col,.anat-svg .thumb{transition:opacity .25s}.anat-svg .guide{fill:none;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-dasharray:4 6;opacity:0;transition:opacity .3s}.anat-stage[data-show=stagger] .guide{opacity:1}.anat-stage[data-show=stagger] .thumb,.anat-stage[data-show=thumb] .col{opacity:.3}.anat-stage[data-show=count] .outer{opacity:.15}.anat-stage[data-show=tent] .anat-svg{transform:rotateY(-32deg)}.traits{gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.trait{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:block}.trait h3{color:var(--muted);align-items:center;gap:.7rem;transition:color .2s;display:flex}.trait h3:after{content:"";background:var(--accent);border-radius:1.5px;flex:none;width:0;height:3px;transition:width .25s}.trait p{color:var(--muted);opacity:.75;max-width:52ch;margin-top:.3rem;transition:opacity .2s}.trait:hover h3,.trait[aria-pressed=true] h3{color:var(--ink)}.trait[aria-pressed=true] h3:after{width:1.1rem}.trait[aria-pressed=true] p{opacity:1}.trait:focus-visible{outline:3px solid var(--focus);outline-offset:6px;border-radius:6px}@media (width<=860px){.anatomy .grid{grid-template-columns:1fr}}.split .halves{grid-template-columns:1fr clamp(1.5rem,5vw,4.5rem) 1fr;align-items:stretch;margin-top:2.5rem;display:grid}.half-panel{background:var(--surface);border:1px solid var(--line);transition:transform .35s var(--ease-out);border-radius:28px;flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,3.5vw,2.5rem);display:flex}.half-panel.left{border-top-right-radius:10px;border-bottom-right-radius:10px}.half-panel.right{border-top-left-radius:10px;border-bottom-left-radius:10px;grid-column:3}.half-panel .keycap{margin-top:auto}.half-panel h3{align-items:center;gap:.7rem;font-size:1.4rem;font-weight:800;display:flex}.half-panel h3:after{content:"";background:var(--accent);border-radius:1.5px;flex:none;width:0;height:3px;transition:width .25s}.half-panel .who{color:var(--muted);margin-top:.35rem}.half-panel ul{gap:.85rem;margin:1.5rem 0 1.75rem;padding:0;list-style:none;display:grid}.half-panel li{max-width:46ch;padding-left:1.5rem;position:relative}.half-panel li:before{content:"";background:var(--key-side);border-radius:3px;width:.6rem;height:.6rem;position:absolute;top:.62em;left:0}.half-panel:hover,.split .wrap:has(.thumb-note:hover) .half-panel{transform:scale(1.015)}.half-panel:hover h3:after,.split .wrap:has(.thumb-note:hover) .half-panel h3:after{width:1.1rem}.thumb-row{justify-content:center;margin-top:1.25rem;display:flex}.thumb-note{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:999px;max-width:44rem;padding:.85rem 1.5rem;transition:border-color .25s}.thumb-note:hover{border-color:var(--key-side)}.thumb-note strong{font-weight:700}@media (width<=640px){.split .halves{grid-template-columns:1fr;gap:1rem}.half-panel.right{grid-column:auto}.half-panel.left,.half-panel.right,.thumb-note{border-radius:22px}}.steps ol{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2.5vw,2rem);margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{cursor:default;border:1px solid #0000;border-radius:22px;padding:1.5rem;transition:background .2s,border-color .2s}.steps li:hover{background:var(--surface);border-color:var(--line)}.step-key{background:var(--key);border:1px solid var(--key-side);width:3rem;height:3rem;box-shadow:0 4px 0 var(--key-side);border-radius:11px;place-items:center;margin-bottom:1.1rem;font-size:1.15rem;font-weight:800;transition:transform .1s,box-shadow .1s,background .15s,border-color .15s,color .15s;display:grid}.steps li:hover .step-key{box-shadow:0 1px 0 var(--accent-side);background:var(--accent);border-color:var(--accent-side);color:var(--accent-ink);transform:translateY(3px)}.steps p{color:var(--muted);margin-top:.4rem}@media (width<=860px){.steps ol{grid-template-columns:1fr 1fr}}@media (width<=640px){.steps ol{grid-template-columns:1fr}}.trust .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem;margin-top:2.5rem;display:grid}.trust .item{border-top:2px solid var(--line);padding-top:1.1rem;position:relative}.trust .item:before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .45s var(--ease-out);position:absolute;top:-2px;left:0;right:0;transform:scaleX(0)}.trust .item h3{transition:color .2s}.trust .item:hover:before,.trust .item:focus-within:before{transform:scaleX(1)}.trust .item:hover h3,.trust .item:focus-within h3{color:var(--accent)}.trust .item p{color:var(--muted);max-width:48ch;margin-top:.4rem}.trust .status{color:var(--muted);text-align:center;max-width:60ch;margin:2.75rem auto 0;font-size:.95rem}@media (width<=860px){.trust .items{grid-template-columns:1fr}}.signup{padding-bottom:clamp(4rem,8vw,6rem)}.signup-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);padding:clamp(1.5rem,4vw,3.25rem);display:grid}.signup-card .lede{margin-top:1rem}.promise{max-width:44ch;margin-top:1.5rem;font-weight:500}.signup form{gap:1.25rem;display:grid}.field label,.legend{margin-bottom:.45rem;font-weight:700;display:block}.field input,.field select{width:100%;font:inherit;color:var(--ink);background:var(--key);border:1px solid var(--line);border-radius:12px;min-height:3rem;padding:.8rem 1rem}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 1.3rem) 55%,calc(100% - .95rem) 55%;background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.5rem}.field input:focus-visible,.field select:focus-visible{border-color:var(--focus);outline:3px solid var(--focus);outline-offset:1px}.field [aria-invalid=true]{border-color:var(--error)}.err{color:var(--error);margin-top:.4rem;font-size:.92rem}.signup fieldset{border:0;min-width:0;margin:0;padding:0}.toggles{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.toggle{cursor:pointer;background:var(--key);border:1px solid var(--key-side);box-shadow:0 5px 0 var(--key-side);border-radius:14px;padding:.85rem 1rem 1rem;transition:transform 80ms,box-shadow 80ms,background .15s;display:block;position:relative}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle .t{font-weight:700;display:block}.toggle .d{color:var(--muted);margin-top:.15rem;font-size:.92rem;display:block}.toggle .bump{background:var(--key-side);border-radius:2px;width:1.4rem;height:4px;margin-top:.7rem;transition:background .15s;display:block}.toggle:hover:not(:has(input:checked)){box-shadow:0 4px 0 var(--key-side);transform:translateY(1px)}.toggle:has(input:checked){border-color:var(--accent-side);box-shadow:0 1px 0 var(--accent-side);transform:translateY(4px)}.toggle:has(input:checked) .bump{background:var(--accent)}.toggle:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.submit-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.done,.signup-card.is-done form{display:none}.signup-card.is-done .done{animation:pop .4s var(--ease-out);display:block}.done h3{font-size:1.5rem;font-weight:800}.done p{color:var(--muted);max-width:44ch;margin-top:.6rem}.done .keycap{margin-top:1.5rem}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}@media (width<=860px){.signup-card{grid-template-columns:1fr}}@media (width<=640px){.toggles{grid-template-columns:1fr}}