.timeline.svelte-42ejcu{max-width:1200px;margin:0 auto;padding:0 1.25rem clamp(3rem,7vw,5rem)}.timeline.svelte-42ejcu>ol:where(.svelte-42ejcu){list-style:none;margin:0;padding:0}.timeline.svelte-42ejcu>ol:where(.svelte-42ejcu)>li:where(.svelte-42ejcu){display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1.4rem}.rail.svelte-42ejcu{position:relative;display:flex;justify-content:center}.rail.svelte-42ejcu:after{content:"";position:absolute;top:3rem;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--line) 0 6px,transparent 6px 12px)}.timeline.svelte-42ejcu>ol:where(.svelte-42ejcu)>li:where(.svelte-42ejcu):last-child .rail:where(.svelte-42ejcu):after{display:none}.dot.svelte-42ejcu{position:relative;z-index:1;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--violet);color:#fff;font-family:var(--font-display);font-weight:700;font-size:1.2rem}.stage.svelte-42ejcu{padding-bottom:clamp(2.5rem,5vw,3.5rem);max-width:44rem}.when.svelte-42ejcu{font-size:1.35rem;color:var(--violet);margin:.2rem 0 0}h2.svelte-42ejcu{font-size:clamp(1.9rem,3.8vw,3rem);margin:.1rem 0 1rem}.stage.svelte-42ejcu ul:where(.svelte-42ejcu){margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.stage.svelte-42ejcu ul:where(.svelte-42ejcu) li:where(.svelte-42ejcu){position:relative;padding-left:1.4rem;line-height:1.6;color:var(--slate)}.stage.svelte-42ejcu ul:where(.svelte-42ejcu) li:where(.svelte-42ejcu):before{content:"";position:absolute;left:0;top:.6em;width:.55rem;height:2px;border-radius:2px;background:var(--marigold)}.keys.svelte-42ejcu{background:var(--ink);color:#eef0fb}.keys-inner.svelte-42ejcu{max-width:1200px;margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 1.25rem}.keys.svelte-42ejcu h2:where(.svelte-42ejcu){color:#fff}.keys.svelte-42ejcu .lead:where(.svelte-42ejcu){color:#b9bdd8;max-width:38rem}.keys-head.svelte-42ejcu{position:relative;margin-bottom:2.4rem}.try.svelte-42ejcu{display:flex;align-items:end;gap:1rem;margin-top:1.4rem}.try.svelte-42ejcu .hand{color:var(--marigold)}.try.svelte-42ejcu path{stroke:var(--marigold)}.held.svelte-42ejcu{display:flex;gap:.4rem}kbd.svelte-42ejcu{display:inline-grid;place-items:center;min-width:2.2rem;padding:.3rem .6rem;border-radius:9px;background:#23264a;border:1.5px solid #3a3e6b;border-bottom-width:3.5px;font-family:var(--font-body, inherit);font-size:.85rem;font-weight:800;color:#fff;transition:transform .12s ease,border-bottom-width .12s ease,background .12s ease}kbd.down.svelte-42ejcu{transform:translateY(2px);border-bottom-width:1.5px;background:var(--violet);border-color:var(--violet)}.sheet.svelte-42ejcu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem}.grp.svelte-42ejcu h3:where(.svelte-42ejcu){font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--marigold);margin:0 0 .5rem}.row.svelte-42ejcu{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1rem;align-items:center;padding:.65rem .7rem;margin:0 -.7rem;border-radius:12px;transition:background .3s ease}.row.svelte-42ejcu+.row:where(.svelte-42ejcu){border-top:1px solid #2c2f57}.row.lit.svelte-42ejcu{background:#6b4eff59}.row.lit.svelte-42ejcu kbd:where(.svelte-42ejcu){background:var(--violet);border-color:#8f78ff}.combo.svelte-42ejcu{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.combo.svelte-42ejcu i:where(.svelte-42ejcu){font-style:normal;color:#7d82ad;font-size:.8rem}.does.svelte-42ejcu{color:#d6d9ee;line-height:1.45}.mac.svelte-42ejcu{margin-top:2rem;font-size:.9rem;color:#9a9ec2}.tips.svelte-42ejcu{max-width:1200px;margin:0 auto;padding:clamp(3.5rem,8vw,6rem) 1.25rem}.tip-grid.svelte-42ejcu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:1.2rem 0 2.4rem;border-top:1.5px solid var(--line)}.tip.svelte-42ejcu{padding:1.4rem 0;border-bottom:1.5px solid var(--line)}.tip.svelte-42ejcu h3:where(.svelte-42ejcu){font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:0 0 .4rem}.tip.svelte-42ejcu p:where(.svelte-42ejcu){color:var(--slate);line-height:1.6}.ctas.svelte-42ejcu{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:900px){.sheet.svelte-42ejcu,.tip-grid.svelte-42ejcu{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.row.svelte-42ejcu{grid-template-columns:minmax(0,1fr);gap:.4rem}.timeline.svelte-42ejcu>ol:where(.svelte-42ejcu)>li:where(.svelte-42ejcu){grid-template-columns:2.4rem minmax(0,1fr);gap:1rem}.dot.svelte-42ejcu{width:2.4rem;height:2.4rem;font-size:1rem}.rail.svelte-42ejcu:after{top:2.4rem}}