.howto-hero-guide{padding:78px 0;background:linear-gradient(135deg,var(--brand-primary-dark),var(--brand-primary) 58%,var(--brand-secondary))}.howto-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,44%);grid-gap:42px;gap:42px;align-items:center}.howto-hero-grid img{width:100%;aspect-ratio:9/7;border-radius:var(--brand-radius);-o-object-fit:cover;object-fit:cover;background:rgba(255,255,255,.16);box-shadow:0 24px 70px rgba(0,0,0,.24)}.howto-roadmap{background:var(--brand-bg)}.howto-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.howto-timeline article{min-height:300px;padding:26px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);box-shadow:var(--shadow-card)}.howto-timeline span{display:inline-flex;margin-bottom:14px;color:var(--brand-secondary);font-weight:900;text-transform:uppercase}.howto-counters,.howto-showcase{background:var(--brand-bg-alt)}.howto-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:22px;gap:22px}.howto-feature-grid article{min-height:260px;padding:26px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);box-shadow:var(--shadow-card)}.howto-feature-grid strong{display:inline-flex;margin-top:10px;color:var(--brand-primary-dark);font-size:1.1rem}.resource-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:22px;gap:22px}.resource-logo-grid article{min-height:210px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.howto-counter-row{display:flex;flex-wrap:nowrap;gap:0;justify-content:space-between;text-align:center}.howto-counter-row div{flex:1 1 0;min-width:0;padding:16px;border-right:1px solid var(--brand-border)}.howto-counter-row div:last-child{border-right:0}.howto-counter-row strong{display:block;color:var(--brand-primary-dark);font-size:max(2rem, min(4vw, 3.4rem));line-height:1}.howto-counter-row span{color:var(--brand-text);font-weight:800}@media (max-width:991px){.howto-feature-grid,.howto-hero-grid,.howto-timeline,.resource-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.howto-hero-grid{grid-template-columns:1fr}.howto-counter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.howto-counter-row div{border-right:0}}@media (max-width:575px){.howto-counter-row,.howto-feature-grid,.howto-timeline,.resource-logo-grid{grid-template-columns:1fr}}