#install .keyfine code{overflow-wrap:anywhere}.hero{padding-top:28px}.hero .eyebrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;position:relative}.chip{display:inline-flex;align-items:center;gap:8px;padding:3px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-text) 50%,transparent);color:var(--accent-text);letter-spacing:.06em}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.hero h1{font-size:clamp(2.5rem,4.6vw,3.75rem);margin-bottom:14px}.hero .sub{max-width:46rem;text-wrap:balance;color:color-mix(in srgb,var(--text) 82%,var(--bg))}.hero .sub{margin-bottom:22px}@media(max-width:520px){.hero .eyebrow-sub{display:none}}.stage.tabbed{margin-top:30px;max-width:1180px}.cards.paths{grid-template-columns:1fr}@media(min-width:900px){.cards.paths{grid-template-columns:repeat(3,1fr)}}.paths .card{display:flex;flex-direction:column}.paths .card ul{margin:14px 0 0;padding-left:1.2em;color:var(--muted)}.paths .card li{margin:.45em 0}.paths .card ul{border-top:1px solid var(--line);padding-top:4px}.paths .card .links{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:0 22px;margin-top:auto;padding-top:12px}.paths .card h3{text-wrap:balance;margin-bottom:.5em}.paths .card .links .more{margin-top:0}.safeband{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:22px 28px}@media(min-width:700px){.safeband{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.safeband{grid-template-columns:repeat(3,1fr);gap:32px 40px}}.safeband li{font-size:1rem;color:color-mix(in srgb,var(--text) 85%,transparent);border-left:2px solid var(--line);padding-left:16px}.safeband b{display:block;color:var(--text);font-size:1.1rem;margin-bottom:4px}.storefig{max-width:64rem;margin:40px auto 0}.band .note{color:var(--muted);font-size:.95rem;margin:28px auto 0;max-width:42rem;text-wrap:balance}#store .after a+a{margin-left:28px}.pair.tight .frame img{aspect-ratio:16 / 10;object-fit:cover;object-position:50% 50%;transform:scale(2.1);transform-origin:100% 0}@media(max-width:700px){.pair.tight .pair-l{display:none}:root[data-theme=light] .pair.tight .pair-d{display:none}:root[data-theme=light] .pair.tight .pair-l{display:block}}@media(max-width:700px)and (prefers-color-scheme:light){:root:not([data-theme=dark]) .pair.tight .pair-d{display:none}:root:not([data-theme=dark]) .pair.tight .pair-l{display:block}}.keysalone .keys,.keysrow{margin-top:40px}.keysrow .keys{margin-top:0}.keysalone .keys{max-width:42rem;margin-inline:auto}.fit li b,.fitnote li b{color:var(--text);font-weight:600}.fitnote{display:grid;gap:20px;margin-top:20px}.fitnote>div{padding:26px;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius)}@media(min-width:800px){.fitnote{grid-template-columns:1fr 1fr}}.fitnote h3{font-size:1.2rem;font-weight:600;margin-bottom:.5em}.fitnote p,.fitnote li{color:var(--muted)}.fitnote p{margin:0}.fitnote ul{margin:0;padding-left:1.2em}.fitnote li{margin:.45em 0}.faq{max-width:46rem;margin:40px auto 0}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;font-weight:600;font-size:1.1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-size:1.5rem;font-weight:400;color:var(--muted)}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 18px;color:var(--muted);max-width:62ch}@media(min-width:900px){.two.installband{grid-template-columns:1fr 1.7fr;gap:56px;align-items:start}}.installband .needs{color:var(--muted);font-size:.95rem;margin:18px 0 22px;max-width:40rem}.installband .needs code{background:var(--bg-sunk);padding:1px 6px;border-radius:6px;font-size:.9em}.editions .plus a{font-weight:600;text-decoration:none}.editions .plus a:after{content:" →";white-space:pre}.editions .plus a:hover{text-decoration:underline}.pillars .card .body p{text-wrap:balance}#install .fine a{font-weight:600}.releasebox{margin-top:56px}.releasebox .eyebrow{margin-bottom:4px}.release a{align-items:baseline}.release a>span:nth-of-type(1){flex:1 1 24rem}.release .next{white-space:nowrap}@media(min-width:700px){.cards.four{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.cards.four{grid-template-columns:repeat(4,1fr)}}.codeleft pre.code{font-size:.8rem;--code-bg: var(--bg-raised)}.codeleft pre.code{background:linear-gradient(to right,var(--code-bg) 30%,transparent) left center / 28px 100% no-repeat local,linear-gradient(to left,var(--code-bg) 30%,transparent) right center / 28px 100% no-repeat local,linear-gradient(to right,color-mix(in srgb,var(--text) 22%,transparent),transparent) left center / 14px 100% no-repeat scroll,linear-gradient(to left,color-mix(in srgb,var(--text) 22%,transparent),transparent) right center / 14px 100% no-repeat scroll,var(--code-bg)}@media(max-width:600px){.codeleft pre.code{font-size:.78rem;padding:18px 16px}}.pillars{grid-template-columns:1fr;gap:28px}.pillars .frame img{aspect-ratio:var(--ar, auto);object-fit:initial}.pillars .card .body{display:flex;flex-direction:column;justify-content:center}.pillars .card .body h3{font-size:1.5rem}.pillars .card .body p{font-size:1.1rem}@media(min-width:900px){.pillars .card{display:grid;grid-template-columns:2fr 1fr;align-items:center}.pillars .card .body{padding:36px}.pillars .card:nth-child(2n){grid-template-columns:1fr 2fr}.pillars .card:nth-child(2n) .frame{order:2}.pillars .card .frame{border-right:1px solid var(--line)}.pillars .card:nth-child(2n) .frame{border-right:0;border-left:1px solid var(--line)}}@media(max-width:899px){.pillars .card .frame{border-bottom:1px solid var(--line)}}@media(max-width:700px){.safeband,.keysalone .keys,.keysrow,.faq{margin-top:28px}.safeband{gap:18px}.fitnote{margin-top:20px;gap:20px}.releasebox{margin-top:36px}.pillars{gap:22px}.pillars .card .body{padding:20px 22px 24px}.faq summary{min-height:52px}.hero{padding-bottom:0}}