:root{--sp-primary: #4f46e5;--sp-primary-light: #818cf8;--sp-accent: #7c3aed;--sp-surface: #ffffff;--sp-bg: #f8fafc;--sp-bg-alt: #f1f5f9;--sp-text: #1e293b;--sp-text-muted: #64748b;--sp-border: #e2e8f0;--sp-radius: 16px;--sp-radius-sm: 12px;--sp-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--sp-shadow-md: 0 4px 20px rgba(0,0,0,.07);--sp-shadow-lg: 0 10px 40px rgba(0,0,0,.1);--sp-shadow-glow: 0 8px 40px rgba(99,102,241,.22);--sp-transition: .25s cubic-bezier(.4,0,.2,1);--sp-wrap: 1200px}.sp{background:var(--sp-bg);min-height:100vh;overflow-x:hidden}.sp-wrap{max-width:var(--sp-wrap);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}.sp-section{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(1rem,3vw,2rem)}.sp-section__h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;color:var(--sp-text);text-align:center;margin:0 0 .4rem;line-height:1.2}.sp-section__sub{text-align:center;color:var(--sp-text-muted);font-size:clamp(.95rem,1.5vw,1.1rem);margin:0 0 2.5rem}.sp-hero{position:relative;text-align:center;padding:clamp(3.5rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem);overflow:hidden}.sp-hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(99,102,241,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none}.sp-pill{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.6px;padding:.4rem 1.3rem;border-radius:50px;margin-bottom:1.6rem;box-shadow:0 4px 16px #6366f14d}.sp-hero__h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;line-height:1.12;margin:0 0 1.2rem;color:var(--sp-text)}.sp-hero__h1-accent{background:linear-gradient(135deg,var(--sp-primary) 0%,var(--sp-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-hero__sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--sp-text-muted);max-width:620px;margin:0 auto 2.2rem;line-height:1.65}.sp-sub-status{display:inline-block;padding:.5rem 1.2rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.sp-sub-status--active{background:#dcfce7;color:#166534}.sp-sub-status--expired{background:#fef2f2;color:#991b1b}.sp-sub-status--pending{background:#fef9c3;color:#854d0e}.sp-sub-status--failed{background:#fef2f2;color:#991b1b}.sp-trust-strip{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.4rem;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:50px;padding:.65rem 1.8rem;box-shadow:var(--sp-shadow-sm)}.sp-trust-strip__item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--sp-text-muted);white-space:nowrap}.sp-trust-strip__icon{font-size:1rem}.sp-trust-strip__dot{width:4px;height:4px;border-radius:50%;background:var(--sp-border)}@media (max-width: 640px){.sp-trust-strip__dot{display:none}.sp-trust-strip{gap:.5rem .8rem;padding:.6rem 1.2rem}}.sp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1100px;margin:0 auto}@media (max-width: 1024px){.sp-cards{grid-template-columns:repeat(2,1fr);max-width:700px}}@media (max-width: 600px){.sp-cards{grid-template-columns:1fr;max-width:420px}}.sp-card{background:var(--sp-surface);border-radius:var(--sp-radius);padding:2.2rem 1.5rem 1.5rem;position:relative;transition:transform var(--sp-transition),box-shadow var(--sp-transition);border:1.5px solid var(--sp-border);box-shadow:var(--sp-shadow-sm);display:flex;flex-direction:column;height:100%}.sp-card:hover{transform:translateY(-4px);box-shadow:var(--sp-shadow-md)}.sp-card--recommended{border:2px solid #7c3aed;box-shadow:0 10px 30px #7c3aed26;z-index:1}.sp-card--recommended:hover{box-shadow:0 12px 48px #7c3aed47}@media (min-width: 1025px){.sp-card--recommended{transform:scale(1.04)}.sp-card--recommended:hover{transform:scale(1.04) translateY(-4px)}}.sp-card--value{border:2px solid #10b981}.sp-card--value:hover{box-shadow:0 8px 32px #10b9812e}.sp-card--locked{opacity:.45;pointer-events:none;filter:grayscale(.3)}.sp-card--locked:hover{transform:none;box-shadow:var(--sp-shadow-sm)}.sp-card__lock-overlay{position:absolute;top:.8rem;right:.8rem;width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:1.5px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;z-index:2;pointer-events:auto}.sp-downgrade-banner{display:flex;align-items:center;gap:.6rem;max-width:1100px;margin:0 auto 1.5rem;padding:.85rem 1.2rem;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:.88rem;line-height:1.5}.sp-downgrade-banner svg{flex-shrink:0;color:#3b82f6}.sp-downgrade-banner strong{font-weight:700}.sp-card__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:1px;padding:.35rem 1.2rem;border-radius:50px;white-space:nowrap;text-transform:uppercase}.sp-card__badge--popular{background:#7c3aed;box-shadow:0 4px 14px #7c3aed59}.sp-card__badge--value{background:#10b981;box-shadow:0 4px 14px #10b98159}.sp-card__head{margin-bottom:1.2rem}.sp-card__label{font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--sp-text-muted)}.sp-card__label--accent{color:#7c3aed}.sp-card__label--emerald{color:#059669}.sp-card__price-row{display:flex;align-items:baseline;gap:.2rem;margin-top:.25rem}.sp-card__price{font-size:2.5rem;font-weight:800;line-height:1;color:var(--sp-text)}.sp-card__period{font-size:.9rem;color:var(--sp-text-muted);font-weight:500}.sp-card__tagline{font-size:.82rem;color:var(--sp-text-muted);margin:.3rem 0 0;line-height:1.4}.sp-card__tagline--accent{color:#7c3aed;font-weight:600}.sp-card__tagline--emerald{color:#059669;font-weight:600}.sp-card__top-icon{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sp-card__top-icon--blue{background-color:#eff6ff}.sp-card__top-icon--green{background-color:#ecfdf5}.sp-card__highlight{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;padding:.6rem .8rem;border-radius:8px;margin-top:.8rem}.sp-card__highlight--green{background-color:#ecfdf5;color:#065f46;border:1px solid #d1fae5}.sp-card__highlight--grey{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}.sp-card__highlight--blue{background-color:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.sp-card__btn-container{margin-top:auto;padding-top:1.5rem}.sp-btn{display:block;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:700;border:none;border-radius:var(--sp-radius-sm);cursor:pointer;text-align:center;text-decoration:none;transition:all var(--sp-transition);margin-bottom:0}.sp-btn--outline{background:#ffffff;color:#2563eb;border:1.5px solid #dbeafe}.sp-btn--outline:hover{background:#eff6ff;border-color:#2563eb}.sp-btn--solid{background:#7c3aed;color:#fff;box-shadow:0 4px 18px #7c3aed4d}.sp-btn--solid:hover{box-shadow:0 8px 28px #7c3aed73;transform:translateY(-2px)}.sp-btn--emerald{background:#10b981;color:#fff;box-shadow:0 4px 18px #10b9814d}.sp-btn--emerald:hover{box-shadow:0 8px 28px #10b98166;transform:translateY(-2px)}.sp-btn--sky{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;box-shadow:0 4px 18px #0ea5e94d}.sp-btn--sky:hover{box-shadow:0 8px 28px #0ea5e966;transform:translateY(-2px)}.sp-btn--lg{padding:1rem 2rem;font-size:1.08rem;width:auto;display:inline-flex;align-items:center;justify-content:center}.sp-btn--done{background:#10b981!important;box-shadow:0 4px 14px #10b9814d!important;cursor:default}.sp-btn--done:hover{transform:none!important}.sp-btn:disabled{opacity:.7;cursor:not-allowed}.sp-card__features{list-style:none;padding:0;margin:0;padding-top:.8rem}.sp-card__features li{display:flex;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.85rem;color:var(--sp-text);line-height:1.4}.sp-card__includes{text-align:center;font-size:.78rem;color:var(--sp-text-muted);margin-top:.3rem;font-style:italic}.sp-icon{flex-shrink:0;width:18px;height:18px}.sp-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 860px){.sp-value-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.sp-value-grid{grid-template-columns:1fr}}.sp-vcard{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:1.8rem 1.4rem;text-align:center;transition:transform var(--sp-transition),box-shadow var(--sp-transition)}.sp-vcard:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-md)}.sp-vcard__icon{font-size:2rem;display:block;margin-bottom:.8rem}.sp-vcard__title{font-size:1rem;font-weight:700;color:var(--sp-text);margin:0 0 .45rem}.sp-vcard__desc{font-size:.88rem;color:var(--sp-text-muted);line-height:1.55;margin:0}.sp-comp{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;box-shadow:var(--sp-shadow-sm)}.sp-comp__table{width:100%;border-collapse:collapse;min-width:680px}.sp-comp__table thead{position:sticky;top:0;z-index:1}.sp-comp__th-feat,.sp-comp__th-plan{padding:.85rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--sp-text-muted);background:var(--sp-bg-alt);border-bottom:1px solid var(--sp-border)}.sp-comp__th-feat{text-align:left;width:36%}.sp-comp__th-plan{text-align:center;width:16%}.sp-comp__th-plan--rec{color:var(--sp-accent);background:rgba(124,58,237,.06)}.sp-comp__section-row td{font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--sp-accent);background:rgba(124,58,237,.04);padding:.55rem 1rem;border-bottom:1px solid var(--sp-border)}.sp-comp__row{transition:background var(--sp-transition)}.sp-comp__row:hover{background:var(--sp-bg)}.sp-comp__feat{padding:.65rem 1rem;font-size:.88rem;color:var(--sp-text);border-bottom:1px solid var(--sp-border);display:flex;align-items:center;gap:.45rem}.sp-comp__feat-icon{font-size:.95rem}.sp-comp__cell{padding:.65rem 1rem;text-align:center;border-bottom:1px solid var(--sp-border);vertical-align:middle}.sp-comp__cell--rec{background:rgba(124,58,237,.03)}.sp-comp__yes{display:inline-block;vertical-align:middle}.sp-comp__no{color:#cbd5e1;font-size:1.1rem;font-weight:600}.sp-comp__val{color:var(--sp-text-muted);font-size:.82rem;font-weight:500}.sp-comp__val--accent{color:var(--sp-primary);font-weight:700;font-size:.82rem}@media (max-width: 700px){.sp-comp{overflow-x:auto;-webkit-overflow-scrolling:touch}}.sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width: 640px){.sp-stats{grid-template-columns:repeat(2,1fr)}}.sp-stat{text-align:center;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:1.6rem 1rem;transition:transform var(--sp-transition)}.sp-stat:hover{transform:translateY(-2px)}.sp-stat__num{display:block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--sp-primary);line-height:1.1}.sp-stat__label{display:block;font-size:.82rem;color:var(--sp-text-muted);margin-top:.3rem;text-transform:capitalize}.sp-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 780px){.sp-testimonials{grid-template-columns:1fr}}.sp-testi{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:1.6rem 1.5rem;transition:transform var(--sp-transition),box-shadow var(--sp-transition)}.sp-testi:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow-md)}.sp-testi__text{font-size:.92rem;color:var(--sp-text);line-height:1.6;margin:0 0 1rem;font-style:italic}.sp-testi__author{display:flex;flex-direction:column}.sp-testi__name{font-weight:700;font-size:.88rem;color:var(--sp-text)}.sp-testi__tag{font-size:.78rem;color:var(--sp-accent);font-weight:600}.sp-faq{max-width:720px;margin:0 auto}.sp-faq__item{border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);background:var(--sp-surface);margin-bottom:.75rem;overflow:hidden;transition:box-shadow var(--sp-transition)}.sp-faq__item:hover{box-shadow:var(--sp-shadow-sm)}.sp-faq__item--open{box-shadow:var(--sp-shadow-md);border-color:var(--sp-primary-light)}.sp-faq__q{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.1rem 1.3rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--sp-text);text-align:left;line-height:1.4;gap:1rem}.sp-faq__q:hover{color:var(--sp-primary)}.sp-faq__chevron{flex-shrink:0;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--sp-transition)}.sp-faq__item--open .sp-faq__chevron{transform:rotate(-135deg)}.sp-faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 1.3rem}.sp-faq__item--open .sp-faq__a{max-height:300px;padding:0 1.3rem 1.1rem}.sp-faq__a p{margin:0;font-size:.9rem;color:var(--sp-text-muted);line-height:1.6}.sp-bottom-cta{text-align:center;padding:clamp(3rem,6vw,5rem) 0;background:linear-gradient(160deg,rgba(99,102,241,.04) 0%,rgba(139,92,246,.06) 100%);border-top:1px solid var(--sp-border);margin-top:1rem}.sp-bottom-cta__h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:var(--sp-text);margin:0 0 .5rem}.sp-bottom-cta__sub{font-size:1.05rem;color:var(--sp-text-muted);margin:0 0 1.8rem}.sp-bottom-cta__btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.sp-sticky-cta{display:none}@media (max-width: 740px){.sp-sticky-cta{display:block;position:fixed;bottom:0;left:0;right:0;z-index:90;padding:.8rem 1rem;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--sp-border);box-shadow:0 -4px 20px #00000014}.sp-sticky-cta__btn{display:block;width:100%;padding:.85rem;font-size:1rem;font-weight:700;border:none;border-radius:var(--sp-radius-sm);cursor:pointer;background:linear-gradient(135deg,var(--sp-primary),var(--sp-accent));color:#fff;box-shadow:0 4px 14px #6366f14d}.sp{padding-bottom:4.5rem}}.sp-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sp-spin .6s linear infinite;margin-right:.45rem;vertical-align:middle}@keyframes sp-spin{to{transform:rotate(360deg)}}