@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');

* { margin:0; padding:0; box-sizing:border-box; }
html, body { background:#080C16; }

.sp-funnel {
    --sp-bg:#080C16; --sp-bg-card:rgba(15,23,42,0.75); --sp-border:rgba(30,41,59,0.8);
    --sp-red:#B62424; --sp-red-glow:rgba(182,36,36,0.4); --sp-white:#F8FAFC;
    --sp-muted:#94A3B8; --sp-blur:blur(14px); --sp-ease:cubic-bezier(0.4,0,0.2,1); --sp-r:1.25rem;
    font-family:'Inter',system-ui,sans-serif; color:var(--sp-white);
    background-color:var(--sp-bg); -webkit-font-smoothing:antialiased; line-height:1.6;
}
.sp-funnel *,.sp-funnel *::before,.sp-funnel *::after { box-sizing:border-box; }
.sp-funnel .sp-inner { max-width:1200px; margin:0 auto; padding:0 2rem; width:100%; }
.sp-funnel .sp-section { padding:6rem 0; background:var(--sp-bg); }
.sp-funnel .sp-section--alt { background:linear-gradient(180deg,var(--sp-bg) 0%,rgba(182,36,36,0.05) 50%,var(--sp-bg) 100%); }
.sp-funnel h1,.sp-funnel h2,.sp-funnel h3 { font-weight:800; letter-spacing:-0.03em; line-height:1.1; color:var(--sp-white); margin:0; }
.sp-funnel p { color:var(--sp-muted); margin:0; }
.sp-funnel .sp-gradient { background:linear-gradient(135deg,#ff7a7a 0%,var(--sp-red) 60%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.sp-funnel .sp-badge { display:inline-block; padding:0.35rem 0.9rem; border-radius:9999px; background:rgba(182,36,36,0.12); border:1px solid rgba(182,36,36,0.4); font-size:0.72rem; font-weight:700; color:var(--sp-red); letter-spacing:0.1em; text-transform:uppercase; }
.sp-funnel .sp-card { background:var(--sp-bg-card); backdrop-filter:var(--sp-blur); -webkit-backdrop-filter:var(--sp-blur); border:1px solid var(--sp-border); border-radius:var(--sp-r); padding:1.75rem; transition:border-color .3s var(--sp-ease),transform .3s var(--sp-ease),box-shadow .3s var(--sp-ease); }
.sp-funnel .sp-card:hover { border-color:rgba(182,36,36,0.45); transform:translateY(-4px); box-shadow:0 24px 48px rgba(0,0,0,0.45); }
.sp-funnel .sp-btn { display:inline-flex; align-items:center; justify-content:center; padding:0.8rem 1.9rem; border-radius:9999px; font-family:'Inter',sans-serif; font-weight:700; font-size:1rem; text-decoration:none; cursor:pointer; transition:transform .2s var(--sp-ease),box-shadow .2s var(--sp-ease); white-space:nowrap; border:none; line-height:1; }
.sp-funnel .sp-btn--red { background:var(--sp-red); color:#fff; box-shadow:0 0 36px var(--sp-red-glow); }
.sp-funnel .sp-btn--red:hover { transform:scale(1.04); box-shadow:0 0 60px rgba(182,36,36,0.6); text-decoration:none; color:#fff; }
.sp-funnel .sp-btn--ghost { background:transparent; color:var(--sp-white); border:1.5px solid rgba(255,255,255,0.18); }
.sp-funnel .sp-btn--ghost:hover { border-color:var(--sp-red); color:var(--sp-red); text-decoration:none; }
.sp-funnel .sp-btn--ghost-sm { background:transparent; color:var(--sp-white); border:1.5px solid rgba(255,255,255,0.18); padding:0.5rem 1.2rem; font-size:0.875rem; }
.sp-funnel .sp-btn--ghost-sm:hover { border-color:var(--sp-red); color:var(--sp-red); text-decoration:none; }
.sp-funnel .sp-nav { position:sticky; top:0; z-index:999; background:rgba(8,12,22,0.88); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(30,41,59,0.6); padding:0.9rem 0; }
.sp-funnel .sp-nav__row { display:flex; justify-content:space-between; align-items:center; }
.sp-funnel .sp-logo { display:flex; align-items:center; gap:0.5rem; font-weight:800; font-size:1.05rem; color:var(--sp-white); text-decoration:none; letter-spacing:0.02em; }
.sp-funnel .sp-logo span { color:var(--sp-red); }
.sp-funnel .sp-nav__links { display:flex; align-items:center; gap:0.5rem; }
.sp-funnel .sp-hero { padding:7rem 0 6rem; background:radial-gradient(ellipse 70% 60% at 90% -5%,rgba(182,36,36,0.2) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 5% 100%,rgba(182,36,36,0.1) 0%,transparent 65%),var(--sp-bg); }
.sp-funnel .sp-hero__grid { display:grid; grid-template-columns:1.2fr 0.8fr; gap:4rem; align-items:center; }
.sp-funnel .sp-hero__h1 { font-size:clamp(2.6rem,4.5vw,4.2rem); margin-bottom:1.2rem; }
.sp-funnel .sp-hero__sub { font-size:1.1rem; margin-bottom:2.25rem; max-width:460px; }
.sp-funnel .sp-hero__ctas { display:flex; gap:0.875rem; flex-wrap:wrap; }
.sp-funnel .sp-hero__visual { height:360px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.sp-funnel .sp-hero__glow { position:absolute; width:200px; height:200px; background:var(--sp-red); filter:blur(80px); border-radius:50%; opacity:0.3; animation:sp-float 6s ease-in-out infinite; }
.sp-funnel .sp-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.sp-funnel .sp-icon-box { width:42px; height:42px; background:rgba(182,36,36,0.1); border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem; }
.sp-funnel .sp-card h3 { font-size:1.05rem; margin-bottom:0.6rem; }
.sp-funnel .sp-pricing-wrap { max-width:520px; margin:0 auto; }
.sp-funnel .sp-pricing-card { border-color:rgba(182,36,36,0.5); text-align:center; position:relative; overflow:hidden; padding:2.5rem 2rem; }
.sp-funnel .sp-pricing-card__blob { position:absolute; top:-60px; right:-60px; width:140px; height:140px; background:var(--sp-red); opacity:0.07; border-radius:50%; }
.sp-funnel .sp-price { font-size:3.75rem; font-weight:800; color:var(--sp-white); line-height:1; margin:0.75rem 0; }
.sp-funnel .sp-price span { font-size:1rem; font-weight:400; color:var(--sp-muted); }
.sp-funnel .sp-check-list { list-style:none; padding:0; margin:0 0 2rem; text-align:left; display:inline-block; }
.sp-funnel .sp-check-list li { padding:0.45rem 0; color:var(--sp-white); display:flex; align-items:center; gap:0.6rem; font-size:0.95rem; }
.sp-funnel .sp-check-list li::before { content:'✓'; color:var(--sp-red); font-weight:700; }
.sp-funnel .sp-demo-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.sp-funnel .sp-orb { width:170px; height:170px; border-radius:50%; border:2px solid var(--sp-red); margin:0 auto; display:flex; align-items:center; justify-content:center; position:relative; }
.sp-funnel .sp-orb__ring { position:absolute; width:100%; height:100%; border-radius:50%; background:var(--sp-red); opacity:0.1; animation:sp-pulse 2.4s ease-in-out infinite; }
.sp-funnel .sp-sh { text-align:center; }
.sp-funnel .sp-sh__title { font-size:clamp(1.9rem,3vw,2.75rem); margin:0.6rem 0; }
.sp-funnel .sp-sh__sub { font-size:1rem; }
.sp-funnel .sp-footer { padding:3rem 0; border-top:1px solid var(--sp-border); background:var(--sp-bg); text-align:center; }
@keyframes sp-pulse { 0%{transform:scale(1);opacity:.1} 50%{transform:scale(1.65);opacity:0} 100%{transform:scale(1);opacity:.1} }
@keyframes sp-float { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-20px,20px)} }
@keyframes sp-in { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
.sp-funnel .sp-anim { opacity:0; animation:sp-in 0.7s ease forwards; }
.sp-funnel .sp-anim-d1 { animation-delay:0.12s; }
.sp-funnel .sp-anim-d2 { animation-delay:0.24s; }
.sp-funnel .sp-anim-d3 { animation-delay:0.38s; }
@media(max-width:900px) {
    .sp-funnel .sp-hero__grid,.sp-funnel .sp-demo-grid { grid-template-columns:1fr; text-align:center; }
    .sp-funnel .sp-grid-3 { grid-template-columns:1fr; }
    .sp-funnel .sp-hero__ctas { justify-content:center; }
    .sp-funnel .sp-hero__sub { max-width:100%; }
    .sp-funnel .sp-hero__visual { height:260px; }
    .sp-funnel .sp-nav__links .sp-btn--ghost-sm:first-child,.sp-funnel .sp-nav__links .sp-btn--ghost-sm:nth-child(2) { display:none; }
}
@media(max-width:600px) {
    .sp-funnel .sp-section { padding:4rem 0; }
    .sp-funnel .sp-hero { padding:4rem 0 3.5rem; }
    .sp-funnel .sp-inner { padding:0 1.25rem; }
    .sp-funnel .sp-grid-3 { grid-template-columns:1fr; }
}