.howto{max-width:900px;margin:0 auto;padding:48px 24px 80px}.howto__hero{text-align:center;margin-bottom:40px}.howto__logo{width:120px;height:auto;margin-bottom:12px}.howto__hero h1{font-family:var(--font-display);margin:0 0 12px;font-size:clamp(28px,4vw,42px);font-weight:700}.howto__hero p{color:var(--color-ink-muted);max-width:620px;margin:0 auto 24px;line-height:1.6}.howto__steps{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:860px;margin:0 auto 28px;padding:0;list-style:none;display:grid}.howto__steps li{border-radius:var(--rounded-lg);background:var(--color-surface);border:1px solid var(--color-hairline);flex-direction:column;gap:6px;padding:18px 18px 20px;display:flex}.howto__step-no{border-radius:var(--rounded-pill);background:var(--gradient-brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:4px;font-weight:700;display:flex}.howto__steps strong{font-family:var(--font-display);font-size:18px}.howto__steps span:last-child{color:var(--color-ink-muted);font-size:15px;line-height:1.55}.howto__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:40px;display:grid}.howto__card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:24px}.howto__card h2{font-family:var(--font-display);margin:0 0 12px;font-size:19px}.howto__card ul{color:var(--color-ink-muted);margin:0;padding-left:18px;line-height:1.7}.howto__examples h2,.howto__cta h2{font-family:var(--font-display);margin:0 0 8px;font-size:26px}.howto__hint{color:var(--color-ink-muted);margin:0 0 16px}.howto__q{text-align:left;border-radius:var(--rounded-md);border:1px solid var(--color-hairline);background:var(--color-surface);width:100%;min-height:64px;color:var(--color-ink);font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:14px 20px;font-size:17px;font-weight:600;display:flex}.howto__q:hover{border-color:#b9a3e8}.howto__q.is-open{border-color:var(--color-primary);border-radius:var(--rounded-md) var(--rounded-md) 0 0}.howto__chevron{color:var(--color-primary);flex:none;font-size:24px;font-weight:400}.howto__a{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:0 0 var(--rounded-md) var(--rounded-md);color:#4a4366;border-top:0;padding:4px 20px 18px;line-height:1.65}.howto__a p{margin:0}.howto__cta{text-align:center;border-radius:var(--rounded-xl);background:var(--color-surface);border:1px solid var(--color-hairline);margin-top:40px;padding:36px 24px}.howto__cta p{color:var(--color-ink-muted);margin:0 0 20px}