.sf-hero { padding: var(--sp-7) 0 var(--sp-5); max-width: 820px; }
.sf-hero h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(38px, 5.5vw, 64px); line-height: 1.02; margin: 8px 0 16px; }
.sf-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-4); }
.sf-3 .n { font-family: var(--font-mono); color: var(--c-accent); font-size: var(--fs-2xl); }
.sf-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--sp-6); align-items: start; }
.faq details { border-bottom: 1px solid var(--line); padding: var(--sp-3) 0; }
.faq summary { cursor: pointer; font-weight: 600; }
@media (max-width: 860px) { .sf-3, .sf-split { grid-template-columns: 1fr; } }