.hero{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.25rem 3rem}.hero-intro{max-width:40rem;margin:0 auto}.hero-logo{width:auto;height:57px;margin-bottom:1rem}.hero-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.75rem;font-weight:700}.hero-description{color:var(--text-secondary);margin:0;font-size:.9375rem}.hero-actions{flex-direction:column;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.hero-actions .btn{text-decoration:none}.hero-actions .btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.hero-action-secondary{flex-direction:column;align-items:center;gap:.4rem;display:flex}.hero-action-note{max-width:22rem;color:var(--text-secondary);margin:0;font-size:.8125rem}.hero-steps,.hero-examples{margin-top:2.75rem}.hero-section-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.hero-step-list{counter-reset:hero-step;gap:.75rem;max-width:40rem;margin:0 auto;padding:0;list-style:none;display:grid}.hero-step-list li{counter-increment:hero-step;text-align:start;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;align-items:center;gap:.75rem;padding:.9rem 1rem;font-weight:600;display:flex}.hero-step-list li:before{content:counter(hero-step);background:var(--brand);width:1.75rem;height:1.75rem;color:var(--color-white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.hero-examples-note{max-width:40rem;color:var(--text-secondary);margin:0 auto 1.25rem;font-size:.9375rem}.hero-gallery{grid-template-columns:1fr;gap:1.25rem;display:grid}.hero-example{margin:0}.hero-example img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border-color);border-radius:12px;width:100%;display:block}.hero-example figcaption{color:var(--text-primary);margin-top:.5rem;font-size:.875rem;font-weight:600}@media (width>=480px){.hero-logo{height:72px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}}@media (width>=600px){.hero-gallery{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.hero{padding:2.5rem 2rem 3.5rem}.hero-logo{height:80px;margin-bottom:1.25rem}.hero-title{font-size:2.25rem}.hero-step-list{grid-template-columns:repeat(3,1fr);max-width:none}.hero-step-list li{text-align:center;flex-direction:column;padding:1.1rem .9rem}}@media (width>=1024px){.hero-logo{height:90px;margin-bottom:1.5rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.0625rem}}