.sp-page{background:linear-gradient(180deg,#f7faff,#fff 44%,#f4f7fc);}.sp-hero{padding:76px 0 42px;background:radial-gradient(circle at 20% 0,rgba(130,61,244,.16),transparent 32%),radial-gradient(circle at 85% 0,rgba(47,102,232,.18),transparent 34%)}.sp-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:28px;align-items:center}.sp-hero h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.07em;line-height:.98;margin:18px 0}.sp-hero p{font-size:1.12rem;color:#4b5a70;max-width:760px}.sp-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.sp-hero aside{background:#fff;border:1px solid #dbe5f4;border-radius:28px;padding:24px;box-shadow:0 18px 50px rgba(18,47,99,.12)}.sp-hero aside strong{display:block;font-size:1.4rem}.sp-hero aside span{display:block;margin-top:8px;color:#66738a}.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sp-card{background:#fff;border:1px solid #dbe5f4;border-radius:28px;padding:24px;box-shadow:0 14px 36px rgba(18,47,99,.09);display:flex;flex-direction:column;min-height:500px}.sp-card.self{border-color:#bfdbfe}.sp-card.enterprise{background:linear-gradient(180deg,#fff,#f8fafc)}.sp-card span{font-weight:950;color:#1d4ed8;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}.sp-card strong{font-size:2.4rem;letter-spacing:-.06em;margin:10px 0}.sp-card p{color:#66738a;margin:0 0 18px}.sp-card ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px;color:#34445a}.sp-card li:before{content:'✓';font-weight:950;color:#16a34a;margin-right:8px}.sp-card .btn{margin-top:auto}.sp-note{background:#fff;border:1px solid #dbe5f4;border-radius:34px;padding:32px;box-shadow:0 18px 50px rgba(18,47,99,.1)}.sp-note h2{font-size:2.2rem;margin:0 0 22px;letter-spacing:-.05em}.sp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sp-steps div{background:#f8fbff;border:1px solid #dbeafe;border-radius:22px;padding:18px}.sp-steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#823df4,#2f66e8);color:#fff;margin-bottom:10px}.sp-steps strong{display:block}.sp-steps span{display:block;color:#66738a;font-size:.9rem;margin-top:6px}@media(max-width:960px){.sp-hero-grid,.sp-grid{grid-template-columns:1fr}.sp-steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sp-hero{padding:44px 0 28px}.sp-grid,.sp-steps{grid-template-columns:1fr}.sp-card{min-height:0}.sp-actions .btn{width:100%}}