/* Approved autumn content hub; canonical palette and typography come from style.css. */
.sp-start{background:var(--siili-grey-50);color:var(--siili-ink);padding:80px 32px}
.sp-start-inner{max-width:1180px;margin:0 auto}
.sp-start-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.sp-start h2{font-family:var(--font-headline);font-size:clamp(30px,4vw,48px);text-transform:uppercase;line-height:1.1;margin:0 0 22px;text-wrap:balance}
.sp-start-intro{font-size:18px;line-height:1.65;max-width:720px;margin:0 0 36px}
.sp-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sp-start-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:var(--siili-white);border:1px solid var(--siili-grey-200);border-radius:var(--r-md);color:var(--siili-ink);text-decoration:none}
.sp-start-card>span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sp-start-card h3{font-family:var(--font-headline);text-transform:uppercase;font-size:22px;line-height:1.25;margin:18px 0 14px;text-wrap:balance}
.sp-start-card p{font-size:16px;line-height:1.6;margin:0 0 24px}
.sp-start-card b{margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.sp-start-card:hover{background:var(--siili-green-tint)}
.sp-start-card:focus-visible{outline:3px solid var(--siili-black);outline-offset:4px}
@media(max-width:900px){.sp-start-grid{grid-template-columns:1fr}.sp-start{padding:56px 24px}}