.sp-landing{background:var(--brand-background)}
.sp-landing .nav-logo{width:205px;height:auto}
.sp-landing .sp-navbar__inner{justify-content:space-between}
.sp-landing .nav-actions{display:flex;gap:10px}
.sp-hero{overflow:hidden;padding:100px 0 84px;background:radial-gradient(circle at 88% 12%,rgba(46,204,155,.16),transparent 32%),radial-gradient(circle at 9% 85%,rgba(232,131,58,.13),transparent 28%),var(--brand-background)}
.sp-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.sp-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-surface);box-shadow:var(--shadow-sm);color:var(--brand-secondary-text);font-size:13px;font-weight:700;letter-spacing:.01em}
.sp-hero h1{font-size:clamp(2.7rem,6vw,4.9rem);line-height:1.02;letter-spacing:var(--tracking-tight);margin:22px 0 20px;color:var(--brand-primary);font-weight:700}
.sp-hero p{font-size:18px;color:var(--brand-text-muted);line-height:1.75;max-width:720px}
.sp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.sp-hero__visual{position:relative;padding:14px;background:linear-gradient(165deg,var(--brand-surface),var(--brand-background));box-shadow:var(--shadow-xl)}
.sp-hero__visual img{width:100%;height:auto;display:block;border-radius:calc(var(--radius-lg) - 6px);box-shadow:0 1px 0 rgba(17,24,39,.04)}
.sp-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.sp-proof div{padding:14px;border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);transition:box-shadow var(--transition-base)}
.sp-proof div:hover{box-shadow:var(--shadow-sm)}
.sp-proof b{display:block;font-size:18px;letter-spacing:var(--tracking-tight)}
.sp-proof span{font-size:12px;color:var(--brand-text-muted)}
.sp-section{padding:84px 0}
.sp-section--white{background:var(--brand-surface)}
.sp-section__head{max-width:720px;margin-bottom:34px}
.sp-section__head h2{font-size:var(--fs-h2);line-height:1.15;letter-spacing:var(--tracking-tight);margin:0 0 10px;color:var(--brand-primary);font-weight:700}
.sp-section__head p{margin:0;color:var(--brand-text-muted);line-height:1.7}
.sp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sp-feature{padding:25px}
.sp-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.sp-feature__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand-success-bg);color:var(--brand-secondary-text);font-weight:800;margin-bottom:16px}
.sp-feature h3{margin:0 0 8px;letter-spacing:var(--tracking-tight)}
.sp-feature p{margin:0;color:var(--brand-text-muted);font-size:14px;line-height:1.65}
.sp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sp-step{padding:22px;position:relative}
.sp-step strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand-primary);color:#fff;margin-bottom:16px;font-weight:700}
.sp-step h3{font-size:16px;margin:0 0 8px}
.sp-step p{font-size:13px;color:var(--brand-text-muted);margin:0;line-height:1.6}
.sp-cta{padding:36px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:space-between;gap:24px}
.sp-cta h2{margin:0 0 8px;letter-spacing:var(--tracking-tight)}
.sp-cta p{margin:0;color:var(--brand-text-on-dark-muted)}
.sp-cta .sp-btn--secondary{flex-shrink:0}
.sp-lang{font-size:14px;font-weight:700;color:var(--brand-primary)}
@media(max-width:900px){.sp-hero__grid{grid-template-columns:1fr}.sp-hero__visual{max-width:650px}.sp-feature-grid{grid-template-columns:repeat(2,1fr)}.sp-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.sp-hero{padding:60px 0}.sp-hero h1{font-size:2.7rem}.sp-feature-grid,.sp-steps,.sp-proof{grid-template-columns:1fr}.sp-cta{align-items:stretch;flex-direction:column}.nav-actions .sp-btn--ghost{display:none}.sp-landing .nav-logo{width:165px}}
