/*
Theme Name: YITH Wonder Child
Template: yith-wonder
Version: 1.0.0
*/

:root {
  --sb-bg: #0a0a0a;
  --sb-text: #f5f5f5;
  --sb-muted: #b8b8b8;
  --sb-accent: #ff5a1f;
  --sb-accent-2: #ff8a3d;
}

body { background: var(--sb-bg); color: var(--sb-text); }

.sb-hero, .sb-section { max-width: 1100px; margin: 0 auto; padding: 64px 20px; }
.sb-kicker { color: var(--sb-accent); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.sb-title { font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.05; margin: 12px 0 18px; font-weight: 800; }
.sb-sub { font-size: 1.1rem; color: var(--sb-muted); max-width: 760px; }
.sb-cta-row { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 28px; }
.sb-btn { display:inline-block; padding:14px 22px; border-radius:10px; text-decoration:none; font-weight:700; }
.sb-btn-primary { background: linear-gradient(135deg,var(--sb-accent),var(--sb-accent-2)); color:#111; }
.sb-btn-secondary { border:1px solid #666; color:#f5f5f5; }
.sb-grid-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; margin-top:28px; }
.sb-card { background:#141414; border:1px solid #262626; border-radius:14px; padding:20px; }
.sb-card h3 { margin:0 0 8px; font-size:1.15rem; }
.sb-card p { margin:0; color:var(--sb-muted); }
.sb-proof { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-top:22px; }
.sb-proof .stat { background:#111; border:1px solid #2a2a2a; border-radius:12px; padding:14px; text-align:center; }
.sb-proof .num { font-size:1.5rem; font-weight:800; color:var(--sb-accent); display:block; }
.sb-steps { counter-reset:step; display:grid; gap:12px; margin-top:20px; }
.sb-step { background:#121212; border:1px solid #252525; border-radius:12px; padding:14px 16px; }
.sb-step strong { color:#fff; }