.what-you-need-card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:.5rem;background:var(--background);padding:1.25rem 1.35rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.what-you-need-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent-teal) 35%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--foreground) 7%,transparent)}.what-you-need-card .layer-step{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.what-you-need-card .layer-icon{font-size:1.5rem;margin-top:.5rem;line-height:1}.what-you-need-card .layer-name{margin-top:.65rem;font-size:1.0625rem;font-weight:600;line-height:1.3}.what-you-need-card .layer-subtitle{margin-top:.2rem;font-size:.75rem;color:var(--muted)}.what-you-need-card .layer-summary{margin-top:.75rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.what-you-need-card .layer-examples{margin:.85rem 0 0;padding-left:1.1rem;font-size:.8125rem;line-height:1.55;color:var(--muted)}.what-you-need-card .layer-examples li{margin-bottom:.35rem}.what-you-need-badge{display:inline-block;margin-top:auto;padding-top:1rem}.what-you-need-badge span{display:inline-block;border-radius:9999px;background:#16a34a;color:#fff;font-size:.6875rem;font-weight:600;line-height:1.35;padding:.35rem .65rem}.what-you-need-page-root{background:var(--background);color:var(--foreground)}.what-you-need-page-hero{text-align:center;padding:3.5rem 1.5rem 2rem;border-bottom:1px solid var(--border)}.what-you-need-page-hero .eyebrow{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.what-you-need-page-hero h1{font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;max-width:44rem;margin:0 auto 1rem}.what-you-need-page-hero .subtitle{font-size:.9375rem;color:var(--muted);max-width:40rem;margin:0 auto;line-height:1.65}.what-you-need-cta{margin-top:3rem;padding:2rem 1.5rem;text-align:center;border-top:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.what-you-need-cta h2{font-size:1.25rem;font-weight:600;max-width:32rem;margin:0 auto 1.25rem;line-height:1.4}.what-you-need-back{display:inline-block;margin-top:2rem;font-size:.875rem;font-weight:500;color:var(--accent-teal)}.what-you-need-back:hover{text-decoration:underline}