.sp-hero{padding:160px 0 80px;position:relative;overflow:hidden}.sp-hero-inner{max-width:1080px;margin:0 auto;padding:0 48px;position:relative;z-index:1}.sp-hero-glow{position:absolute;width:820px;height:600px;top:-120px;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(61,130,255,.16) 0%,transparent 70%);pointer-events:none;z-index:0}.sp-kicker{display:inline-block;font-family:var(--ff-m);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);padding:5px 14px;border:1px solid rgba(34,211,238,.22);background:#22d3ee0d;border-radius:20px;margin-bottom:24px}.sp-title{font-family:var(--ff-h);font-size:60px;font-weight:700;letter-spacing:-.025em;line-height:1.06;color:var(--text-1);margin:0 0 18px;max-width:920px}.sp-tagline{font-family:var(--ff-b);font-size:18px;color:var(--text-2);margin:0 0 28px}.sp-hero-lead{font-family:var(--ff-b);font-size:18px;line-height:1.7;color:var(--text-2);max-width:720px;margin:0}.sp-mockup{margin:56px auto 0;max-width:960px;background:var(--bg-1);border:1px solid var(--border-br);border-radius:16px;overflow:hidden;box-shadow:0 0 60px #3d82ff14,0 44px 80px #000000b3}.sp-mockup-chrome{padding:11px 18px;border-bottom:1px solid var(--border);background:var(--bg-2);display:flex;align-items:center;gap:12px}.sp-mockup-traffic{display:flex;gap:6px}.sp-mockup-traffic span{width:10px;height:10px;border-radius:50%;background:#ffffff2e}.sp-mockup-url{flex:1;text-align:center;font-family:var(--ff-m);font-size:11px;color:var(--text-2)}.sp-mockup-body{padding:28px}.sp-section{padding:80px 0;position:relative}.sp-section+.sp-section{border-top:1px solid var(--border)}.sp-section-inner{max-width:1080px;margin:0 auto;padding:0 48px}.sp-h2{font-family:var(--ff-h);font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-1);margin:0 0 18px}.sp-prose{font-family:var(--ff-b);font-size:17px;line-height:1.7;color:var(--text-2);max-width:760px;margin:0}.sp-prose strong{color:var(--text-1);font-weight:600}.sp-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px}.sp-step{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px 24px}.sp-step-title{font-family:var(--ff-h);font-size:17px;font-weight:700;color:var(--text-1);margin:0 0 8px;letter-spacing:-.01em}.sp-step-body{font-family:var(--ff-b);font-size:15px;line-height:1.6;color:var(--text-2);margin:0}.sp-examples{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}.sp-examples li{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:8px;padding:12px 18px;font-family:var(--ff-b);font-size:15px;color:var(--text-2);line-height:1.5}.sp-cta{padding:100px 0;text-align:center;position:relative;overflow:hidden}.sp-cta-inner{max-width:720px;margin:0 auto;padding:0 48px;position:relative;z-index:1}.sp-cta h2{font-family:var(--ff-h);font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--text-1);margin:0 0 14px}.sp-cta p{font-family:var(--ff-b);font-size:17px;color:var(--text-2);margin:0 0 32px}.sp-related{border-top:1px solid var(--border);padding:80px 0;background:var(--bg-1)}.sp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.sp-related-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;transition:all .15s;display:block;color:inherit}.sp-related-card:hover{border-color:var(--border-br);background:var(--card-h);transform:translateY(-2px)}.sp-related-icon{font-family:var(--ff-m);font-size:22px;color:var(--cyan);margin-bottom:14px}.sp-related-title{font-family:var(--ff-h);font-size:17px;font-weight:700;color:var(--text-1);margin:0 0 6px}.sp-related-tagline{font-family:var(--ff-b);font-size:14px;color:var(--text-3);margin:0}.sp-glossary-toc{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 56px}.sp-glossary-toc a{font-family:var(--ff-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border);background:var(--card);border-radius:20px;padding:7px 14px;transition:all .15s}.sp-glossary-toc a:hover{border-color:var(--border-br);color:var(--text-1)}.sp-glossary-cat{margin-bottom:64px}.sp-glossary-cat h3{font-family:var(--ff-h);font-size:24px;font-weight:700;color:var(--text-1);margin:0 0 22px;padding-bottom:12px;border-bottom:1px solid var(--border);scroll-margin-top:80px}.sp-glossary-entry{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:14px;scroll-margin-top:80px}.sp-glossary-entry h4{font-family:var(--ff-h);font-size:18px;font-weight:700;color:var(--text-1);margin:0 0 4px;letter-spacing:-.01em}.sp-glossary-entry .sp-glossary-long{font-family:var(--ff-m);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 10px}.sp-glossary-entry p{font-family:var(--ff-b);font-size:15px;line-height:1.65;color:var(--text-2);margin:0}.sp-res-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .15s;display:block;color:inherit;height:100%}.sp-res-card:hover{border-color:var(--border-br);background:var(--card-h);transform:translateY(-2px)}.sp-res-icon{font-family:var(--ff-m);font-size:28px;color:var(--cyan);margin-bottom:18px}.sp-res-card h3{font-family:var(--ff-h);font-size:22px;font-weight:700;color:var(--text-1);margin:0 0 8px;letter-spacing:-.01em}.sp-res-card p{font-family:var(--ff-b);font-size:15px;line-height:1.6;color:var(--text-2);margin:0 0 16px}.sp-res-meta{font-family:var(--ff-m);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.sp-pains,.sp-solution{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.sp-pain{background:#ef44440a;border:1px solid rgba(239,68,68,.18);border-radius:14px;padding:22px 24px}.sp-pain h3{font-family:var(--ff-h);font-size:16px;font-weight:700;color:var(--text-1);margin:0 0 6px}.sp-pain p{font-family:var(--ff-b);font-size:14.5px;line-height:1.55;color:var(--text-2);margin:0}.sp-workflow{list-style:none;margin:28px 0 0;padding:0;counter-reset:step}.sp-workflow li{counter-increment:step;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px 16px 56px;margin-bottom:10px;font-family:var(--ff-b);font-size:15px;line-height:1.6;color:var(--text-2);position:relative}.sp-workflow li:before{content:counter(step);position:absolute;left:20px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--blue-dim);border:1px solid rgba(61,130,255,.35);color:var(--text-1);font-family:var(--ff-m);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.sp-hero-inner,.sp-section-inner,.sp-cta-inner{padding:0 24px}.sp-title{font-size:40px}.sp-h2{font-size:28px}.sp-cta h2{font-size:32px}.sp-steps,.sp-pains,.sp-solution{grid-template-columns:1fr}.sp-related-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.sp-title{font-size:32px}.sp-hero{padding:120px 0 60px}.sp-section{padding:60px 0}.sp-related-grid{grid-template-columns:1fr}}