.feature-index-main{padding-top:44px}.index-hero{max-width:800px;padding-bottom:40px;border-bottom:1px solid var(--line)}.index-hero h1{margin:0;font-size:clamp(40px,7vw,70px);line-height:1.03;letter-spacing:-.055em}.index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}.index-card{position:relative;display:block;min-height:245px;padding:24px 24px 54px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 12px 38px rgba(35,31,72,.05);color:inherit;text-decoration:none;transition:transform 180ms ease,border-color 180ms ease}.index-card>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-weight:900}.index-card h2{margin:18px 0 0;font-size:18px;line-height:1.25;letter-spacing:-.025em}.index-card p{margin:10px 0 0;color:var(--muted);font-size:14px}.index-card:after{position:absolute;right:22px;bottom:18px;color:var(--accent);content:"→";font-size:19px;font-weight:900;transition:transform 180ms ease}.index-card:hover{transform:translateY(-4px);border-color:var(--accent)}.index-card:hover:after{transform:translateX(4px)}.index-card:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.index-actions{justify-content:center}
@media(max-width:880px){.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.feature-index-main{padding-top:28px}.index-grid{grid-template-columns:1fr}.index-card{min-height:0}.index-actions{display:grid}}