@layer components{.hero{position:relative;padding:4.5rem 0 3.5rem;border-bottom:1px solid var(--border);background:radial-gradient(48rem 24rem at 50% -10rem, var(--hero-glow), transparent 72%), var(--hero-bg);overflow:hidden;.wrap{display:grid;gap:1.35rem;justify-items:start;max-width:62rem}}.hero h1{font-size:clamp(2rem, 1.35rem + 2.6vw, 2.8rem);font-weight:800;line-height:1.14;letter-spacing:-.028em}.hero .sub{color:var(--muted);font-size:1.1rem;max-width:42rem}.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted)}b{color:var(--fg);font-weight:600}}.steps{counter-reset:step;display:grid;gap:1rem;grid-template-columns:1fr;padding:0;margin:0;@media (width >= 900px){&{grid-template-columns:repeat(3, 1fr)}}li{list-style:none;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;align-content:start;column-gap:.8rem;row-gap:.6rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem 1.4rem 1.5rem;box-shadow:var(--shadow-xs);transition:box-shadow .18s, transform .18s, border-color .18s;&:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-line)}&::before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:10px;background:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-line);font-size:.98rem;font-weight:700}h3{margin-bottom:0}p{grid-column:1 / -1;color:var(--muted);font-size:.95rem}}}.steps.steps-4{@media (width >= 900px){&{grid-template-columns:repeat(2, 1fr)}}@media (width >= 1160px){&{grid-template-columns:repeat(4, 1fr)}}}}