.how-page{gap:2.2rem;padding-block:2rem 3rem;display:grid}.how-hero{gap:.7rem;max-width:52rem;display:grid}.how-lead{color:var(--color-muted);margin:0;font-size:1rem;line-height:1.6}.how-jump{flex-wrap:wrap;gap:.45rem;margin-top:.4rem;display:flex}.how-jump a{border:1px solid var(--color-line);color:var(--color-cream);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700;transition:border-color .15s,background-color .15s;display:inline-flex}.how-jump a:hover{border-color:rgba(var(--accent-rgb), .45);background:rgba(var(--accent-rgb), .08)}.how-jump .ui-icon{width:1rem;height:1rem}.how-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.how-steps li{border:1px solid var(--color-line);background:linear-gradient(160deg, rgba(var(--accent-rgb), .07), #ffffff03);border-radius:0;gap:.35rem;padding:1.1rem 1.1rem 1.2rem;display:grid;position:relative}.how-steps li span{color:var(--color-gold);font-family:var(--font-display);font-size:1.8rem;font-weight:800;line-height:1}.how-steps li strong{font-size:1rem}.how-steps li p{color:var(--color-muted);margin:0;font-size:.86rem;line-height:1.5}.how-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.how-path{align-content:start;gap:1rem;scroll-margin-top:9rem;display:grid}.how-path header{align-items:flex-start;gap:.8rem;display:flex}.how-path h2{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:1.5rem}.how-path header p{color:var(--color-muted);margin:.2rem 0 0;font-size:.88rem}.how-path-icon{border:1px solid rgba(var(--accent-rgb), .35);background:rgba(var(--accent-rgb), .1);border-radius:0;flex:none;place-items:center;width:3rem;height:3rem;display:grid}.how-path-icon .ui-icon{width:1.6rem;height:1.6rem}.how-path ol{gap:.5rem;max-width:30rem;margin:0;padding:0;list-style:none;display:grid}.how-path li{align-items:center;gap:.6rem;font-size:.9rem;display:flex}.how-path li b{background:var(--color-gold);width:1.6rem;height:1.6rem;color:var(--color-gold-ink);border-radius:999px;flex:none;place-items:center;font-size:.78rem;display:grid}.how-path .btn{justify-self:start}.how-block{gap:.8rem;scroll-margin-top:9rem;display:grid}.how-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.4rem;display:grid}.how-feature{border:1px solid var(--color-line);background:#ffffff05;border-radius:0;gap:.4rem;padding:1rem;transition:transform .18s,border-color .18s;display:grid}.how-feature:hover{border-color:rgba(var(--accent-rgb), .4);transform:translateY(-2px)}.how-feature span{background:rgba(var(--accent-rgb), .1);border-radius:0;place-items:center;width:2.4rem;height:2.4rem;display:grid}.how-feature span .ui-icon{width:1.3rem;height:1.3rem}.how-feature h3{margin:0;font-size:.98rem}.how-feature p{color:var(--color-muted);margin:0;font-size:.85rem;line-height:1.5}.how-faq{gap:.5rem;max-width:52rem;display:grid}.how-faq details{border:1px solid var(--color-line);background:#ffffff05;border-radius:0}.how-faq summary{cursor:pointer;padding:.85rem 1rem;font-weight:700}.how-faq details[open] summary{color:var(--color-gold)}.how-faq p{color:var(--color-muted);margin:0;padding:0 1rem 1rem;font-size:.9rem;line-height:1.6}.how-more{flex-wrap:wrap;gap:.5rem;display:flex}.how-more .btn{align-items:center;gap:.4rem;display:inline-flex}html.theme-light .how-path li b{color:#fff;background:#4f6b0a}@media (max-width:900px){.how-paths,.how-features,.how-steps{grid-template-columns:minmax(0,1fr)}}