.howto{max-width:900px;padding:var(--spacing-xxl) var(--spacing-xl) 80px;margin:0 auto}.howto__hero{text-align:center;margin-bottom:var(--spacing-xxl)}.howto__logo{width:88px;height:auto;margin-bottom:var(--spacing-md)}.howto__hero h1{margin:0 0 var(--spacing-sm);font-family:var(--font-display);background:var(--gradient-text);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,4vw,40px);font-weight:800}.howto__hero p{color:var(--color-ink-muted);max-width:620px;margin:0 auto var(--spacing-xl)}.howto__grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xxl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.howto__card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--rounded-lg);padding:var(--spacing-xl)}.howto__card h2{margin:0 0 var(--spacing-md);font-family:var(--font-display);font-size:18px}.howto__card ul{color:var(--color-ink-muted);margin:0;padding-left:18px}.howto__examples h2,.howto__cta h2{font-family:var(--font-display)}.howto__hint{color:var(--color-ink-muted);margin-top:0}.howto__q{justify-content:space-between;align-items:center;gap:var(--spacing-md);text-align:left;width:100%;margin-top:var(--spacing-sm);border-radius:var(--rounded-md);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;border:1px solid #d1208a59;padding:14px 16px;display:flex}.howto__q.is-open{border-color:var(--color-cyan);box-shadow:var(--glow-cyan)}.howto__a{border-left:3px solid var(--color-magenta);border-radius:0 var(--rounded-sm) var(--rounded-sm) 0;color:var(--color-ink-muted);background:#12182bb3;margin-top:4px;padding:14px 16px}.howto__cta{margin-top:var(--spacing-xxl);text-align:center;padding:var(--spacing-xxl);border-radius:var(--rounded-xl);background:var(--color-surface);border:1px solid var(--color-hairline)}.howto__cta p{color:var(--color-ink-muted)}