:root{--sf-primary:#000;--sf-secondary:#6b7280;--sf-bg:#fff;--sf-surface:#f9fafb;--sf-accent:#0f6e56;--sf-accent-hover:#085041;--sf-border:#e5e7eb;--sf-success:#059669;--sf-warning:#d97706;--sf-error:#dc2626}.sf-h1{letter-spacing:-.02em;color:var(--sf-primary);font-size:36px;font-weight:600;line-height:1.2}.sf-h2{letter-spacing:-.01em;color:var(--sf-primary);font-size:28px;font-weight:600;line-height:1.3}.sf-h3{color:var(--sf-primary);font-size:20px;font-weight:500;line-height:1.4}.sf-body{color:var(--sf-primary);font-size:16px;font-weight:400;line-height:1.7}.sf-small{color:var(--sf-secondary);font-size:14px;font-weight:400;line-height:1.5}.sf-caption{color:var(--sf-secondary);font-size:12px;font-weight:400;line-height:1.4}.sf-section-white{background-color:var(--sf-bg)}.sf-section-surface{background-color:var(--sf-surface)}.sf-card{background:var(--sf-bg);border:1px solid var(--sf-border);border-radius:12px;transition:box-shadow .2s,transform .2s}.sf-card:hover{box-shadow:0 4px 12px #00000014}.sf-fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.sf-fade-in.sf-visible{opacity:1;transform:translateY(0)}.sf-header-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--sf-border);background-color:#ffffffe6}