/* ═══════════════════════════════════════════════════════════════════
   SOULSYNC ™ — DESTINY INTELLIGENCE PLATFORM v3.0
   Premium Landing Page — Apple × Tinder × Google Design Language
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════ TOKENS ═══════ */
:root {
  --ss-bg:#050508;--ss-surface:rgba(14,14,22,0.65);--ss-glass:rgba(255,255,255,0.03);--ss-glass-h:rgba(255,255,255,0.06);
  --ss-border:rgba(255,255,255,0.06);--ss-border-h:rgba(255,255,255,0.12);
  --ss-text-1:#F5F5F7;--ss-text-2:#A1A1AA;--ss-text-3:#71717A;--ss-text-4:#52525B;
  --ss-rose:#FC5C7C;--ss-rose-2:#FF8FA3;--ss-rose-soft:rgba(252,92,124,0.08);
  --ss-gold:#E0A526;--ss-gold-2:#FFD700;--ss-gold-soft:rgba(224,165,38,0.08);
  --ss-purple:#A78BFA;--ss-purple-2:#7C3AED;--ss-purple-soft:rgba(167,139,250,0.08);
  --ss-teal:#4CDBC4;--ss-green:#22C55E;--ss-red:#EF4444;
  --ss-grad-love:linear-gradient(135deg,#FC5C7C 0%,#E0A526 50%,#A78BFA 100%);
  --ss-grad-rose:linear-gradient(135deg,#FC5C7C,#FF8FA3);
  --ss-grad-gold:linear-gradient(135deg,#E0A526,#FFD700);
  --ss-font:'Space Grotesk',sans-serif;--ss-body:'Inter',sans-serif;--ss-mono:'JetBrains Mono',monospace;
  --ss-radius:20px;--ss-radius-sm:12px;--ss-radius-xs:8px;
  --ss-ease:cubic-bezier(0.16,1,0.3,1);--ss-ease2:cubic-bezier(0.34,1.56,0.64,1);
}

/* ═══════ RESET ═══════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;}
body{font-family:var(--ss-body);color:var(--ss-text-1);background:var(--ss-bg);line-height:1.6;overflow-x:hidden;min-height:100vh;}
a{text-decoration:none;color:inherit;transition:color 0.2s;}
button{border:none;background:none;cursor:pointer;font-family:var(--ss-body);color:var(--ss-text-1);}
img{max-width:100%;display:block;}
.ss-wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.ss-full{width:100%;justify-content:center;}

/* ═══════ UTILITIES ═══════ */
.ss-gradient-text{background:var(--ss-grad-love);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.ss-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ss-rose);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:16px;}
.ss-label::before{content:'';width:20px;height:1px;background:var(--ss-rose);opacity:0.5;}
.ss-dot{color:var(--ss-text-4);margin:0 4px;}

/* ═══════ BACKGROUND EFFECTS ═══════ */
.ss-bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);
  background-size:60px 60px;opacity:0.4;
}
#ss-particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.5;}
.ss-nebula{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(120px);opacity:0;animation:ssNeb 3s ease forwards;}
.ss-nebula-1{width:600px;height:600px;top:-10%;left:-10%;background:radial-gradient(circle,rgba(252,92,124,0.08),transparent 70%);animation-delay:0.5s;}
.ss-nebula-2{width:500px;height:500px;top:20%;right:-15%;background:radial-gradient(circle,rgba(167,139,250,0.06),transparent 70%);animation-delay:1s;}
.ss-nebula-3{width:700px;height:700px;bottom:10%;left:30%;background:radial-gradient(circle,rgba(224,165,38,0.05),transparent 70%);animation-delay:1.5s;}
@keyframes ssNeb{to{opacity:1;}}

/* ═══════ NAV ═══════ */
#ss-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:all 0.5s var(--ss-ease);}
#ss-nav.scrolled{background:rgba(5,5,8,0.9);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--ss-border);padding:10px 0;}
#ss-nav .ss-wrap{display:flex;align-items:center;justify-content:space-between;}
.ss-logo{display:flex;align-items:center;gap:8px;}
.ss-logo-icon{font-size:22px;filter:drop-shadow(0 0 8px rgba(252,92,124,0.4));}
.ss-logo-text{font-family:var(--ss-font);font-weight:800;font-size:20px;letter-spacing:-0.02em;}
.ss-soul{color:#FFFFFF;}.ss-sync{color:#F7C948;}
.ss-by{font-size:9px;color:var(--ss-text-4);letter-spacing:0.06em;text-transform:uppercase;}
.ss-nav-r{display:flex;align-items:center;gap:28px;}
.ss-nav-link{font-size:13px;font-weight:500;color:var(--ss-text-3);transition:all 0.3s;position:relative;}
.ss-nav-link::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--ss-grad-love);transition:all 0.4s var(--ss-ease);transform:translateX(-50%);border-radius:2px;}
.ss-nav-link:hover{color:var(--ss-text-1);}.ss-nav-link:hover::after{width:100%;}

/* CTA Button */
.ss-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;background:var(--ss-grad-love);font-weight:600;font-size:13px;color:white;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(252,92,124,0.25);transition:all 0.4s var(--ss-ease);}
.ss-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(252,92,124,0.4);}
.ss-cta-pulse{position:absolute;inset:-2px;border-radius:14px;border:2px solid var(--ss-rose);animation:ssPulse 2s ease-in-out infinite;pointer-events:none;}
@keyframes ssPulse{0%,100%{opacity:0;transform:scale(1);}50%{opacity:0.5;transform:scale(1.05);}}

/* ═══════ HERO — SPLIT GRID ═══════ */
#ss-hero{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0 40px;overflow:hidden;}
.ss-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;position:relative;z-index:5;}
.ss-hero-left{text-align:left;margin-top:-30px;}

/* Cosmic Wedding Ring SVG */
.ss-hero-right{display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;margin:10px -30px -10px 0;}
.ss-cosmic-ring-svg{width:115%;max-width:680px;height:auto;filter:drop-shadow(0 0 80px rgba(252,92,124,0.14)) drop-shadow(0 0 140px rgba(167,139,250,0.1)) drop-shadow(0 20px 80px rgba(0,0,0,0.25));transform:scale(1.05);transition:transform 0.8s var(--ss-ease),filter 0.8s var(--ss-ease);}
.ss-cosmic-ring-svg:hover{transform:scale(1.08);filter:drop-shadow(0 0 100px rgba(252,92,124,0.22)) drop-shadow(0 0 160px rgba(167,139,250,0.16)) drop-shadow(0 20px 80px rgba(0,0,0,0.3));}
.ss-diamond-pulse{animation:ssDiamondPulse 3s ease-out infinite;}
@keyframes ssDiamondPulse{0%{r:50;opacity:0.3;}100%{r:140;opacity:0;}}
.ss-planet-orbit{animation:ssOrbitSpin 80s linear infinite;}.ss-planet-orbit.r2{animation:ssOrbitSpin 100s linear infinite reverse;}
@keyframes ssOrbitSpin{to{transform:rotate(360deg);}}
.ss-ring-shimmer{animation:ssRingShimmer 20s linear infinite;transform-origin:350px 395px;}
@keyframes ssRingShimmer{to{transform:rotate(360deg);}}

/* Hero content */
.ss-hero-content{position:relative;z-index:5;}
.ss-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:50px;font-size:11px;font-weight:600;color:var(--ss-rose);background:var(--ss-rose-soft);border:1px solid rgba(252,92,124,0.12);margin-bottom:14px;animation:ssBadge 3s ease-in-out infinite;}
@keyframes ssBadge{0%,100%{box-shadow:0 0 0 0 rgba(252,92,124,0.2);}50%{box-shadow:0 0 0 8px rgba(252,92,124,0);}}
.ss-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--ss-rose);animation:ssDot 2s ease-in-out infinite;}
@keyframes ssDot{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.7);}}
.ss-badge-live{font-size:9px;font-weight:800;color:#fff;background:var(--ss-rose);padding:2px 6px;border-radius:4px;letter-spacing:0.08em;}

.ss-h1-line{display:block;font-family:var(--ss-font);font-size:clamp(30px,4.5vw,56px);font-weight:800;letter-spacing:-0.04em;line-height:1.1;}
.ss-h1-gradient{background:var(--ss-grad-love);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
#ss-hero h1{margin-bottom:0;}

.ss-hero-sub{font-size:14px;color:var(--ss-text-2);max-width:420px;margin:14px 0 20px;line-height:1.65;}
.ss-hero-sub strong{color:var(--ss-text-1);}.ss-hero-sub em{color:var(--ss-rose);font-style:normal;font-weight:500;}
.ss-stat-highlight{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:rgba(34,197,94,0.1);color:var(--ss-green);font-weight:600;font-size:13px;}

/* Hero CTA */
.ss-hero-cta-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px;}
.ss-btn-hero{position:relative;display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:14px;background:var(--ss-grad-love);color:#fff;font-family:var(--ss-font);font-weight:700;font-size:14px;overflow:hidden;box-shadow:0 8px 32px rgba(252,92,124,0.3),0 0 60px rgba(252,92,124,0.08);transition:all 0.5s var(--ss-ease);}
.ss-btn-hero:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px rgba(252,92,124,0.4),0 0 100px rgba(252,92,124,0.12);}
.ss-btn-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.2) 50%,transparent 60%);transform:translateX(-100%);animation:ssShimmer 3s ease-in-out infinite;}
@keyframes ssShimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
.ss-btn-arrow{transition:transform 0.3s;}.ss-btn-hero:hover .ss-btn-arrow{transform:translateX(4px);}
.ss-hero-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ss-text-3);flex-wrap:wrap;}

/* Live Counter — Enhanced Trust Band */
.ss-live-counter{display:inline-flex;align-items:center;gap:14px;padding:14px 24px;border-radius:14px;background:rgba(14,14,22,0.6);backdrop-filter:blur(24px);border:1px solid transparent;background-clip:padding-box;position:relative;flex-wrap:wrap;}
.ss-live-counter::before{content:'';position:absolute;inset:-1px;border-radius:15px;padding:1px;background:linear-gradient(135deg,rgba(252,92,124,0.25),rgba(167,139,250,0.15),rgba(255,215,0,0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.ss-live-counter::after{content:'';position:absolute;inset:-8px;border-radius:22px;background:linear-gradient(135deg,rgba(252,92,124,0.06),rgba(167,139,250,0.04),rgba(255,215,0,0.05));filter:blur(12px);z-index:-1;pointer-events:none;}
.ss-lc-item{display:flex;flex-direction:column;align-items:center;gap:2px;}
.ss-lc-icon{font-size:14px;margin-bottom:2px;animation:ssIconPulse 3s ease-in-out infinite;}
@keyframes ssIconPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}
.ss-lc-num{font-family:var(--ss-font);font-size:18px;font-weight:800;letter-spacing:-0.02em;}
.ss-lc-num.ss-highlight{color:var(--ss-rose);}
.ss-lc-label{font-size:8px;color:var(--ss-text-4);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;}
.ss-lc-sep{width:1px;height:32px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.08),transparent);}

/* Scroll Hint — Enhanced with animated chevrons */
.ss-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;z-index:10;}
.ss-scroll-text{font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;background:linear-gradient(90deg,#FF6B8A,#C4B5FD,#FFD700);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0.5;transition:opacity 0.3s;}
.ss-scroll-hint:hover .ss-scroll-text{opacity:1;}
.ss-scroll-chevrons{display:flex;flex-direction:column;align-items:center;gap:-4px;margin-top:2px;}
.ss-chevron{opacity:0.35;animation:ssChevronBounce 2s ease-in-out infinite;}
.ss-chevron-2{margin-top:-8px;opacity:0.2;animation-delay:0.15s;}
.ss-scroll-hint:hover .ss-chevron{opacity:0.8;}
.ss-scroll-hint:hover .ss-chevron-2{opacity:0.5;}
@keyframes ssChevronBounce{0%,100%{transform:translateY(0);opacity:0.35;}50%{transform:translateY(4px);opacity:0.6;}}

/* ═══════ SECTION HEADERS ═══════ */
.ss-section-head{text-align:center;margin-bottom:56px;}
.ss-section-head h2{font-family:var(--ss-font);font-size:clamp(28px,4.5vw,48px);font-weight:800;letter-spacing:-0.04em;line-height:1.12;margin-bottom:12px;}
.ss-section-head p{font-size:15px;color:var(--ss-text-2);max-width:500px;margin:0 auto;line-height:1.7;}

/* ═══════ HOW IT WORKS ═══════ */
#ss-how{position:relative;z-index:2;padding:100px 0;}
.ss-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;}
.ss-step{flex:1;max-width:300px;text-align:center;padding:0 16px;}
.ss-step-num{margin-bottom:12px;}
.ss-step-num span{font-family:var(--ss-font);font-size:11px;font-weight:800;color:var(--ss-text-4);letter-spacing:0.1em;text-transform:uppercase;padding:4px 12px;border-radius:6px;background:linear-gradient(135deg,rgba(252,92,124,0.08),rgba(167,139,250,0.06));border:1px solid rgba(252,92,124,0.12);}
.ss-step-visual{display:flex;justify-content:center;margin-bottom:20px;}
.ss-step-orb{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;}
.ss-orb-inner{width:56px;height:56px;border-radius:50%;background:rgba(167,139,250,0.1);border:1px solid rgba(167,139,250,0.15);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;z-index:2;transition:transform 0.4s,box-shadow 0.4s;}
.ss-step:hover .ss-orb-inner{transform:scale(1.1);box-shadow:0 0 30px rgba(167,139,250,0.2);}
.ss-step-orb.gold .ss-orb-inner{background:rgba(224,165,38,0.1);border-color:rgba(224,165,38,0.15);}
.ss-step-orb.gold:hover .ss-orb-inner{box-shadow:0 0 30px rgba(224,165,38,0.2);}
.ss-step-orb.rose .ss-orb-inner{background:rgba(252,92,124,0.1);border-color:rgba(252,92,124,0.15);}
.ss-step-orb.rose:hover .ss-orb-inner{box-shadow:0 0 30px rgba(252,92,124,0.2);}
.ss-orb-ring-svg{position:absolute;inset:-10px;width:120px;height:120px;}
.ss-step h3{font-family:var(--ss-font);font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-0.01em;}
.ss-step p{font-size:13px;color:var(--ss-text-3);line-height:1.6;}
.ss-step-tag{display:inline-block;margin-top:10px;font-size:10px;font-weight:600;color:var(--ss-gold);padding:3px 10px;border-radius:20px;background:var(--ss-gold-soft);border:1px solid rgba(224,165,38,0.12);}
.ss-step-tag.rose{color:var(--ss-rose);background:var(--ss-rose-soft);border-color:rgba(252,92,124,0.12);}
.ss-step-connector{display:flex;align-items:center;padding-top:60px;width:60px;flex-shrink:0;}
.ss-connector-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--ss-border-h),transparent);position:relative;}
.ss-connector-line::after{content:'→';position:absolute;right:-4px;top:-8px;font-size:12px;color:var(--ss-text-4);}
.ss-connector-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--ss-rose);top:-1.5px;left:0;animation:ssConnectorFlow 2s linear infinite;}
@keyframes ssConnectorFlow{0%{left:0;opacity:0;}20%{opacity:1;}80%{opacity:1;}100%{left:100%;opacity:0;}}

.ss-spin-slow{animation:ssSpin 60s linear infinite;transform-origin:60px 60px;}
.ss-spin-reverse{animation:ssSpin 80s linear infinite reverse;transform-origin:60px 60px;}

/* ═══════ FEATURES BENTO ═══════ */
#ss-features{position:relative;z-index:2;padding:100px 0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(252,92,124,0.03),transparent);}
.ss-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-bento-card{padding:28px 24px;border-radius:var(--ss-radius);background:var(--ss-surface);border:1px solid var(--ss-border);backdrop-filter:blur(20px);transition:all 0.5s var(--ss-ease);position:relative;overflow:hidden;cursor:default;}
.ss-bento-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--ss-grad-love);opacity:0;transition:opacity 0.5s;}
.ss-bento-card:hover{border-color:rgba(252,92,124,0.2);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 40px rgba(252,92,124,0.05);}
.ss-bento-card:hover::before{opacity:1;}
.ss-bento-card.large{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:36px 32px;}
.ss-bc-glow{position:absolute;top:-50%;right:-30%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(252,92,124,0.06),transparent 70%);pointer-events:none;}
.ss-bc-badge{font-size:9px;font-weight:700;color:var(--ss-gold);text-transform:uppercase;letter-spacing:0.1em;padding:3px 8px;border-radius:4px;background:var(--ss-gold-soft);border:1px solid rgba(224,165,38,0.12);margin-bottom:12px;display:inline-block;}
.ss-bc-icon{font-size:28px;margin-bottom:12px;transition:transform 0.4s;}
.ss-bento-card:hover .ss-bc-icon{transform:scale(1.15) translateY(-2px);}
.ss-bento-card h3{font-family:var(--ss-font);font-size:16px;font-weight:700;margin-bottom:8px;letter-spacing:-0.01em;}
.ss-bento-card p{font-size:13px;color:var(--ss-text-3);line-height:1.6;}
.ss-bento-card p em{color:var(--ss-rose);font-style:normal;font-weight:500;}
.ss-bc-tag{display:inline-block;margin-top:12px;font-size:9px;font-weight:700;color:var(--ss-gold);text-transform:uppercase;letter-spacing:0.1em;padding:3px 8px;border-radius:4px;background:var(--ss-gold-soft);border:1px solid rgba(224,165,38,0.12);}
.ss-bc-visual{display:flex;justify-content:center;align-items:center;min-height:120px;}
.ss-dna-radar{opacity:0.85;transition:opacity 0.4s;}
.ss-bento-card:hover .ss-dna-radar{opacity:1;}
.ss-radar-shape{animation:ssRadarPulse 3s ease-in-out infinite;}
@keyframes ssRadarPulse{0%,100%{opacity:0.85;}50%{opacity:1;}}

/* Trust Metrics Row */
.ss-trust-metrics{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:48px;padding:24px 36px;border-radius:16px;background:var(--ss-surface);border:1px solid var(--ss-border);backdrop-filter:blur(20px);}
.ss-trust-item{display:flex;flex-direction:column;align-items:center;gap:4px;}
.ss-trust-num{font-family:var(--ss-font);font-size:28px;font-weight:800;letter-spacing:-0.02em;color:var(--ss-text-1);}
.ss-trust-num.gold{color:var(--ss-gold);}
.ss-trust-num.purple{color:var(--ss-purple);}
.ss-trust-num.rose{color:var(--ss-rose);}
.ss-trust-label{font-size:10px;color:var(--ss-text-3);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;}
.ss-trust-sep{width:1px;height:36px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.06),transparent);}

/* DNA Helix animation */
.ss-dna-helix{position:relative;width:120px;height:120px;}
.ss-dna-strand{position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed rgba(252,92,124,0.2);}
.ss-dna-strand.s1{animation:ssSpin 8s linear infinite;}
.ss-dna-strand.s2{animation:ssSpin 12s linear infinite reverse;border-color:rgba(224,165,38,0.15);transform:rotateX(60deg);}
.ss-dna-strand.s3{animation:ssSpin 10s linear infinite;border-color:rgba(167,139,250,0.15);transform:rotateX(-60deg);}

/* ═══════ DEMO ═══════ */
#ss-demo{position:relative;z-index:2;padding:100px 0;}
.ss-demo-card{position:relative;padding:36px 32px;border-radius:24px;background:rgba(14,14,22,0.65);border:1px solid var(--ss-border);backdrop-filter:blur(24px);overflow:hidden;transition:all 0.6s var(--ss-ease);}
.ss-demo-card:hover{border-color:rgba(252,92,124,0.15);box-shadow:0 24px 80px rgba(0,0,0,0.35),0 0 60px rgba(252,92,124,0.04);}

/* SVG Background */
.ss-demo-bg-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.6;}
.ss-demo-pulse-ring{animation:ssDemoPulse 4s ease-in-out infinite;}
.ss-demo-pulse-ring.ss-d2{animation-delay:2s;animation-duration:5s;}
@keyframes ssDemoPulse{0%,100%{transform:scale(1);opacity:0.04;}50%{transform:scale(1.08);opacity:0.08;}}

/* Hero Row — profiles + beam + ring */
.ss-demo-hero-row{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px;position:relative;z-index:1;}
.ss-demo-profile{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;position:relative;z-index:2;}
.ss-demo-avatar-wrap{position:relative;width:72px;height:72px;}
.ss-demo-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;position:absolute;top:4px;left:4px;border:2px solid rgba(255,255,255,0.08);z-index:1;}
.ss-demo-avatar-ring{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.ss-demo-avatar-wrap.you .ss-demo-avatar-img{box-shadow:0 0 24px rgba(252,92,124,0.2);}
.ss-demo-avatar-wrap.match .ss-demo-avatar-img{box-shadow:0 0 24px rgba(167,139,250,0.2);}
.ss-demo-name{font-family:var(--ss-font);font-size:13px;font-weight:700;}
.ss-demo-sign{font-size:10px;color:var(--ss-text-3);}

/* Energy beam */
.ss-demo-beam-wrap{flex:1;max-width:140px;height:40px;position:relative;z-index:1;}
.ss-demo-beam{width:100%;height:100%;}

/* Central ring */
.ss-demo-center-ring{position:relative;width:110px;height:110px;flex-shrink:0;z-index:2;}
.ss-demo-ring-svg{width:100%;height:100%;transform:rotate(-90deg);}
.ss-demo-ring-fill{transition:stroke-dashoffset 2.5s cubic-bezier(0.16,1,0.3,1);}
.ss-demo-ring-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ss-demo-ring-pct{font-family:var(--ss-font);font-size:32px;font-weight:800;background:var(--ss-grad-love);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.ss-demo-ring-label{font-size:8px;font-weight:700;letter-spacing:0.15em;color:var(--ss-text-3);text-transform:uppercase;margin-top:2px;}

/* Bottom Section — bars + AI */
.ss-demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;position:relative;z-index:1;}

/* Bars */
.ss-demo-bars{display:flex;flex-direction:column;gap:6px;}
.ss-bar-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,0.015);border:1px solid rgba(255,255,255,0.03);transition:all 0.3s;position:relative;overflow:hidden;}
.ss-bar-row::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(252,92,124,0.02),transparent);opacity:0;transition:opacity 0.3s;}
.ss-bar-row:hover{border-color:rgba(252,92,124,0.1);transform:translateX(4px);}.ss-bar-row:hover::before{opacity:1;}
.ss-bar-row.active{border-color:rgba(34,197,94,0.12);background:rgba(34,197,94,0.02);}
.ss-bar-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center;}
.ss-bar-name{font-size:12px;color:var(--ss-text-2);width:100px;flex-shrink:0;}
.ss-bar-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,0.04);overflow:hidden;position:relative;}
.ss-bar-fill{height:100%;border-radius:3px;transition:width 2s var(--ss-ease);width:0;position:relative;}
.ss-bar-fill.rose{background:linear-gradient(90deg,var(--ss-rose),var(--ss-rose-2));box-shadow:0 0 12px rgba(252,92,124,0.2);}
.ss-bar-fill.gold{background:linear-gradient(90deg,var(--ss-gold),var(--ss-gold-2));box-shadow:0 0 12px rgba(224,165,38,0.2);}
.ss-bar-fill.purple{background:linear-gradient(90deg,var(--ss-purple),#C4B5FD);box-shadow:0 0 12px rgba(167,139,250,0.2);}
.ss-bar-fill.teal{background:linear-gradient(90deg,var(--ss-teal),#6EE7B7);box-shadow:0 0 12px rgba(76,219,196,0.2);}
.ss-bar-fill.green{background:var(--ss-green);box-shadow:0 0 12px rgba(34,197,94,0.2);}
.ss-bar-val{font-family:var(--ss-font);font-size:14px;font-weight:800;color:var(--ss-text-2);min-width:40px;text-align:right;}
.ss-active-tag{font-size:11px;color:var(--ss-green);font-weight:700;background:rgba(34,197,94,0.1);padding:2px 8px;border-radius:4px;}

/* AI Card — glassmorphism with gradient border */
.ss-demo-intel{display:flex;flex-direction:column;gap:14px;}
.ss-ai-card{padding:20px;border-radius:16px;background:rgba(167,139,250,0.04);border:1px solid rgba(167,139,250,0.1);position:relative;overflow:hidden;}
.ss-ai-card::before{content:'';position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,rgba(167,139,250,0.2),rgba(252,92,124,0.1),rgba(255,215,0,0.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.ss-ai-header{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:var(--ss-purple);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:10px;}
.ss-ai-dot{width:6px;height:6px;border-radius:50%;background:#22C55E;animation:ssDot 1.5s ease-in-out infinite;}
.ss-ai-dot.d2{background:#FFD700;animation-delay:0.3s;opacity:0.8;}
.ss-ai-dot.d3{background:#FC5C7C;animation-delay:0.6s;opacity:0.6;}
.ss-ai-card p{font-size:13px;color:var(--ss-text-2);line-height:1.7;}.ss-ai-card strong{color:var(--ss-purple);}
.ss-ai-cursor{display:inline;font-size:13px;color:var(--ss-purple);animation:ssCursorBlink 1s steps(2) infinite;}
@keyframes ssCursorBlink{0%{opacity:1;}100%{opacity:0;}}

/* Trust chips */
.ss-demo-trust-row{display:flex;gap:6px;flex-wrap:wrap;}
.ss-trust-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:10px;font-weight:600;color:var(--ss-text-3);background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);transition:all 0.3s;}
.ss-trust-chip:hover{border-color:rgba(167,139,250,0.15);color:var(--ss-text-2);transform:translateY(-1px);}
.ss-trust-chip span{font-size:13px;}

/* ═══════ STORIES ═══════ */
#ss-stories{position:relative;z-index:2;padding:100px 0;}
.ss-stories-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-story{padding:28px;border-radius:var(--ss-radius);background:var(--ss-surface);border:1px solid var(--ss-border);backdrop-filter:blur(20px);transition:all 0.4s var(--ss-ease);position:relative;overflow:hidden;}
.ss-story::before{content:'“';position:absolute;top:60px;left:18px;font-size:48px;font-weight:800;color:rgba(252,92,124,0.06);font-family:Georgia,serif;line-height:1;pointer-events:none;}
.ss-story:hover{border-color:rgba(252,92,124,0.2);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.35),0 0 40px rgba(252,92,124,0.04);}
.ss-story-top{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.ss-story-avatars{display:flex;}.ss-sa{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;border:2px solid var(--ss-bg);}
.ss-sa:nth-child(2){margin-left:-10px;}.ss-sa.a{background:var(--ss-grad-love);}.ss-sa.b{background:linear-gradient(135deg,#A78BFA,#7C3AED);}
.ss-story-name{font-family:var(--ss-font);font-size:14px;font-weight:700;}
.ss-story-meta{font-size:11px;color:var(--ss-text-3);margin-top:2px;}
.ss-story-score{margin-left:auto;font-family:var(--ss-font);font-weight:800;font-size:14px;color:var(--ss-rose);padding:4px 10px;border-radius:8px;background:var(--ss-rose-soft);border:1px solid rgba(252,92,124,0.15);}
.ss-story-stars{font-size:11px;letter-spacing:2px;margin-bottom:8px;}
.ss-story p{font-size:13px;color:var(--ss-text-2);line-height:1.6;font-style:italic;margin-bottom:12px;}
.ss-story-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;}
.ss-story-tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--ss-green);padding:4px 10px;border-radius:6px;background:rgba(34,197,94,0.08);border:1px solid rgba(34,197,94,0.12);}
.ss-story-verified{font-size:10px;font-weight:700;color:var(--ss-teal);letter-spacing:0.04em;}
.ss-story-img-wrap{width:100%;height:160px;border-radius:12px;overflow:hidden;margin-bottom:14px;}
.ss-story-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ss-ease);}
.ss-story:hover .ss-story-img{transform:scale(1.05);}

/* ═══════ PRICING ═══════ */
#ss-pricing{position:relative;z-index:2;padding:100px 0;}
.ss-pricing-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:24px;max-width:920px;margin:0 auto;align-items:start;}

/* Card base */
.ss-plan-card{padding:28px 24px;border-radius:20px;background:rgba(14,14,22,0.6);border:1px solid var(--ss-border);backdrop-filter:blur(24px);position:relative;overflow:hidden;transition:all 0.5s var(--ss-ease);}
.ss-plan-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.35);}
.ss-plan-card.free:hover{border-color:rgba(76,219,196,0.2);box-shadow:0 20px 60px rgba(0,0,0,0.35),0 0 40px rgba(76,219,196,0.05);}
.ss-plan-card.destiny{border-color:rgba(252,92,124,0.2);box-shadow:0 0 60px rgba(252,92,124,0.06),0 4px 30px rgba(0,0,0,0.2);padding-top:56px;}
.ss-plan-card.destiny:hover{border-color:rgba(252,92,124,0.35);box-shadow:0 24px 70px rgba(0,0,0,0.4),0 0 80px rgba(252,92,124,0.1),0 0 120px rgba(167,139,250,0.04);}
.ss-plan-card.destiny::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ss-grad-love);}
.ss-plan-card.destiny::after{content:'';position:absolute;inset:-1px;border-radius:21px;padding:1px;background:linear-gradient(135deg,rgba(252,92,124,0.3),rgba(167,139,250,0.15),rgba(255,215,0,0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0;}

/* SVG background layer */
.ss-card-bg-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0.7;transition:opacity 0.5s;}
.ss-plan-card:hover .ss-card-bg-svg{opacity:1;}
.ss-card-inner{position:relative;z-index:1;}

/* SVG floating dots */
.ss-svg-float{animation:ssSvgFloat 4s ease-in-out infinite;}
.ss-svg-d2{animation-delay:1.2s;animation-duration:5s;}
.ss-svg-d3{animation-delay:2.4s;animation-duration:3.5s;}
@keyframes ssSvgFloat{0%,100%{transform:translateY(0) scale(1);opacity:0.6;}50%{transform:translateY(-6px) scale(1.3);opacity:1;}}

/* SVG orbit rings */
.ss-orbit-ring{animation:ssOrbit 12s linear infinite;transform-origin:390px 90px;}
.ss-orbit-r2{animation-duration:18s;animation-direction:reverse;}
@keyframes ssOrbit{to{transform:rotate(360deg);}}

/* Popular badge */
.ss-plan-popular{position:absolute;top:12px;right:14px;font-size:10px;font-weight:800;color:var(--ss-gold);background:var(--ss-gold-soft);border:1px solid rgba(224,165,38,0.2);padding:3px 10px;border-radius:6px;letter-spacing:0.06em;animation:ssPulseGlow 2s ease-in-out infinite;z-index:2;}
@keyframes ssPulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(224,165,38,0.15);}50%{box-shadow:0 0 12px 4px rgba(224,165,38,0.1);}}

/* Badge + Price + Period */
.ss-plan-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px;display:inline-block;}
.ss-plan-badge.free{color:var(--ss-teal);}.ss-plan-badge.destiny{color:var(--ss-rose);}
.ss-plan-price{font-family:var(--ss-font);font-size:44px;font-weight:800;letter-spacing:-0.04em;line-height:1;margin-bottom:2px;}
.ss-plan-card.destiny .ss-plan-price{background:var(--ss-grad-love);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ss-plan-price small{font-size:15px;font-weight:400;color:var(--ss-text-3);-webkit-text-fill-color:var(--ss-text-3);}
.ss-plan-period{font-size:12px;color:var(--ss-text-3);margin-bottom:16px;}

/* Feature list (Free card) */
.ss-plan-features{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:18px;}
.ss-plan-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ss-text-2);transition:transform 0.2s,color 0.2s;}
.ss-plan-features li:hover{transform:translateX(4px);color:var(--ss-text-1);}
.ss-plan-features li::before{content:'✓';width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;background:rgba(34,197,94,0.1);color:var(--ss-green);}
.ss-plan-features li.no{color:var(--ss-text-4);}.ss-plan-features li.no::before{content:'✗';background:rgba(255,255,255,0.03);color:var(--ss-text-4);}
.ss-plan-features li.no:hover{color:var(--ss-text-4);transform:none;}

/* Buttons */
.ss-plan-btn{width:100%;padding:13px;border-radius:12px;font-family:var(--ss-font);font-weight:700;font-size:14px;transition:all 0.4s var(--ss-ease);position:relative;overflow:hidden;}
.ss-plan-btn.primary{background:var(--ss-grad-love);color:#fff;box-shadow:0 4px 20px rgba(252,92,124,0.25);}
.ss-plan-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(252,92,124,0.4);}
.ss-plan-btn.outline{border:1px solid var(--ss-border);color:var(--ss-text-2);background:var(--ss-glass);}
.ss-plan-btn.outline:hover{border-color:rgba(76,219,196,0.2);color:var(--ss-text-1);background:rgba(76,219,196,0.04);}
.ss-plan-guarantee{text-align:center;font-size:11px;color:var(--ss-text-3);margin-top:10px;}
.ss-pricing-social{text-align:center;margin-top:24px;font-size:13px;color:var(--ss-text-3);display:flex;align-items:center;justify-content:center;gap:6px;}

/* ─── Ribbon ─── */
.ss-plan-ribbon{position:absolute;top:36px;left:0;right:0;text-align:center;font-size:10px;font-weight:800;color:#fff;letter-spacing:0.08em;text-transform:uppercase;padding:5px 0;background:linear-gradient(90deg,#FC5C7C,#E0A526,#A78BFA,#FC5C7C);background-size:300% 100%;animation:ssRibbonFlow 4s linear infinite;z-index:2;}
@keyframes ssRibbonFlow{0%{background-position:0% 50%;}100%{background-position:300% 50%;}}

/* ─── Price Row ─── */
.ss-plan-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.ss-plan-mrp{font-family:var(--ss-font);font-size:32px;font-weight:700;color:var(--ss-text-3);position:relative;opacity:0.65;}
.ss-plan-mrp::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:var(--ss-red);transform:rotate(-8deg);border-radius:2px;}
.ss-plan-offer{font-family:var(--ss-font);font-size:56px;font-weight:800;letter-spacing:-0.04em;line-height:1;background:var(--ss-grad-love);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ss-plan-per{font-size:16px;color:var(--ss-text-3);font-weight:400;margin-left:-4px;}
.ss-plan-off-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-family:var(--ss-font);font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,#22C55E,#16A34A);letter-spacing:0.06em;box-shadow:0 2px 12px rgba(34,197,94,0.3);animation:ssPillPulse 2s ease-in-out infinite;align-self:center;}
@keyframes ssPillPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);box-shadow:0 4px 20px rgba(34,197,94,0.5);}}

/* ─── Info Chips ─── */
.ss-plan-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.ss-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--ss-text-2);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);transition:all 0.3s;}
.ss-chip:hover{border-color:rgba(255,255,255,0.12);transform:translateY(-1px);}
.ss-chip.green{color:var(--ss-green);background:rgba(34,197,94,0.06);border-color:rgba(34,197,94,0.12);}
.ss-chip.green:hover{border-color:rgba(34,197,94,0.25);box-shadow:0 0 12px rgba(34,197,94,0.08);}
.ss-chip.gold{color:var(--ss-gold);background:var(--ss-gold-soft);border-color:rgba(224,165,38,0.12);}
.ss-chip.gold:hover{border-color:rgba(224,165,38,0.25);box-shadow:0 0 12px rgba(224,165,38,0.08);}

/* ─── Features Grid 3-col with SVG checks ─── */
.ss-plan-features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 8px;margin-bottom:16px;}
.ss-pf-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ss-text-2);padding:4px 0;transition:color 0.2s,transform 0.2s;}
.ss-pf-item:hover{color:var(--ss-text-1);transform:translateX(2px);}
.ss-pf-svg{width:16px;height:16px;flex-shrink:0;transition:transform 0.3s;}
.ss-pf-item:hover .ss-pf-svg{transform:scale(1.2);}

/* ─── Bottom Row ─── */
.ss-plan-bottom-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:10.5px;color:var(--ss-text-4);margin-top:10px;}
.ss-plan-sub-sep{color:var(--ss-text-4);font-size:8px;}
.ss-plan-spots{color:var(--ss-red);font-weight:700;animation:ssUrgencyPulse 3s ease-in-out infinite;}
@keyframes ssUrgencyPulse{0%,100%{opacity:0.7;}50%{opacity:1;}}

/* ═══════ FINAL CTA ═══════ */
#ss-final{position:relative;z-index:2;padding:100px 0 80px;text-align:center;min-height:480px;background:radial-gradient(ellipse 50% 45% at 30% 50%,rgba(252,92,124,0.04),transparent),radial-gradient(ellipse 45% 40% at 70% 50%,rgba(167,139,250,0.03),transparent);}
.ss-final-content{max-width:600px;margin:0 auto;position:relative;}
.ss-final-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(252,92,124,0.06),rgba(167,139,250,0.03),transparent 70%);pointer-events:none;z-index:-1;}
#ss-final h2{font-family:var(--ss-font);font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-0.04em;margin-bottom:16px;line-height:1.15;min-height:2.4em;}
#ss-final p{color:var(--ss-text-2);font-size:16px;margin-bottom:32px;line-height:1.7;}
.ss-final-trust{margin-top:24px;font-size:13px;color:var(--ss-text-3);display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);}
.ss-final-trust strong{color:var(--ss-gold);font-weight:700;}

/* ═══════ FOOTER ═══════ */
#ss-footer{position:relative;z-index:2;padding:48px 0 24px;}
.ss-foot-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(252,92,124,0.15),rgba(167,139,250,0.12),rgba(255,215,0,0.1),transparent);}
.ss-foot-grid{display:flex;justify-content:space-between;gap:40px;padding-bottom:28px;}
.ss-foot-brand{display:flex;flex-direction:column;gap:6px;max-width:300px;}
.ss-foot-logo{font-family:var(--ss-font);font-weight:700;font-size:20px;}
.ss-foot-badge{font-size:11px;color:var(--ss-rose);font-weight:600;letter-spacing:0.03em;}
.ss-foot-brand>p{font-size:11px;color:var(--ss-text-3);}
.ss-foot-tagline{font-size:12px;color:var(--ss-text-3);line-height:1.5;margin-top:4px;}
.ss-foot-app-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.ss-foot-app-chip{font-size:10px;padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:var(--ss-text-3);font-weight:500;}
.ss-foot-cols{display:flex;gap:36px;}
.ss-foot-cols div{display:flex;flex-direction:column;gap:8px;}
.ss-foot-cols h4{font-size:10px;font-weight:700;color:var(--ss-text-1);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:4px;}
.ss-foot-cols a{font-size:12px;color:var(--ss-text-3);transition:color 0.3s,transform 0.3s;}
.ss-foot-cols a:hover{color:var(--ss-text-1);transform:translateX(3px);}

/* Trust Badges */
.ss-foot-trust{display:flex;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.03);}
.ss-foot-trust-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ss-text-3);font-weight:500;}
.ss-foot-trust-item span{font-size:14px;}

/* Disclaimer */
.ss-foot-disclaimer{margin-top:24px;padding:20px 24px;border-radius:14px;background:rgba(255,255,255,0.01);border:1px solid rgba(255,255,255,0.04);position:relative;}
.ss-foot-disclaimer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,rgba(252,92,124,0.15),rgba(167,139,250,0.1),rgba(255,215,0,0.08));}
.ss-foot-disclaimer-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:12px;}
.ss-foot-disclaimer p{font-size:10px;color:rgba(255,255,255,0.3);line-height:1.7;margin-bottom:8px;}
.ss-foot-disclaimer p:last-child{margin-bottom:0;}
.ss-foot-disclaimer strong{color:rgba(255,255,255,0.45);font-weight:600;}

/* Bottom Bar */
.ss-foot-bottom{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.04);display:flex;justify-content:space-between;align-items:center;}
.ss-foot-bottom p{font-size:10px;color:var(--ss-text-4);}
.ss-foot-social{display:flex;gap:12px;}
.ss-foot-social a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--ss-glass);border:1px solid var(--ss-border);transition:all 0.3s;}
.ss-foot-social a:hover{border-color:rgba(252,92,124,0.25);background:rgba(252,92,124,0.06);box-shadow:0 0 16px rgba(252,92,124,0.1);transform:translateY(-2px);}

/* ═══════ BUTTONS ═══════ */
.ss-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:14px;border:none;cursor:pointer;background:var(--ss-grad-love);font-weight:600;font-size:14px;color:white;font-family:var(--ss-body);box-shadow:0 4px 20px rgba(252,92,124,0.25);transition:all 0.4s var(--ss-ease);}
.ss-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(252,92,124,0.4);}

/* ═══════ REVEAL ANIMS ═══════ */
.ss-reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s var(--ss-ease),transform 0.8s var(--ss-ease);}
.ss-reveal.visible{opacity:1;transform:translateY(0);}
.ss-reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.8s var(--ss-ease),transform 0.8s var(--ss-ease);}
.ss-reveal-left.visible{opacity:1;transform:translateX(0);}
.ss-reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.8s var(--ss-ease),transform 0.8s var(--ss-ease);}
.ss-reveal-right.visible{opacity:1;transform:translateX(0);}
.ss-d1{transition-delay:0.1s;}.ss-d2{transition-delay:0.2s;}.ss-d3{transition-delay:0.3s;}.ss-d4{transition-delay:0.4s;}.ss-d5{transition-delay:0.5s;}.ss-d6{transition-delay:0.6s;}

/* ═══════ WIZARD STEP ANIMATION (NEW) ═══════ */
.ss-wiz-step-anim{position:relative;width:80px;height:80px;margin:0 auto 16px;}
.ss-wiz-anim-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(252,92,124,0.15);animation:ssWizRing 4s ease-in-out infinite;}
.ss-wiz-anim-ring.gold{border-color:rgba(224,165,38,0.15);}
.ss-wiz-anim-ring.purple{border-color:rgba(167,139,250,0.15);}
.ss-wiz-anim-ring.teal{border-color:rgba(76,219,196,0.15);}
.ss-wiz-anim-ring.rose{border-color:rgba(252,92,124,0.15);}
@keyframes ssWizRing{0%,100%{transform:scale(1) rotate(0deg);opacity:0.5;}50%{transform:scale(1.15) rotate(180deg);opacity:1;}}
.ss-wiz-anim-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:1024px){
  .ss-hero-grid{grid-template-columns:1fr;text-align:center;}
  .ss-hero-left{text-align:center;}
  .ss-hero-left .ss-hero-cta-group{align-items:center;}
  .ss-hero-left .ss-hero-sub{margin-left:auto;margin-right:auto;}
  .ss-hero-left .ss-live-counter{justify-content:center;}
  .ss-hero-right{max-width:480px;margin:0 auto;}
  .ss-stories-row{grid-template-columns:1fr;}
  .ss-demo-hero-row{flex-wrap:wrap;gap:12px;}
  .ss-demo-beam-wrap{max-width:80px;}
  .ss-demo-bottom{grid-template-columns:1fr;}
  .ss-pricing-grid{grid-template-columns:1fr;max-width:480px;}
  .ss-bento{grid-template-columns:1fr 1fr;}
  .ss-bento-card.large{grid-column:1/-1;grid-template-columns:1fr;}
  .ss-steps{flex-direction:column;align-items:center;gap:8px;}
  .ss-step-connector{width:auto;height:40px;padding-top:0;}
  .ss-connector-line{width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--ss-border-h),transparent);}
  .ss-connector-line::after{content:'↓';right:auto;top:auto;bottom:-4px;left:-4px;}
}
@media(max-width:768px){
  .ss-bento{grid-template-columns:1fr;}
  .ss-h1-line{font-size:clamp(28px,8vw,48px);}
  .ss-foot-grid{flex-direction:column;}
  .ss-foot-cols{flex-wrap:wrap;gap:24px;}
  .ss-foot-bottom{flex-direction:column;gap:12px;text-align:center;}
  .ss-foot-disclaimer{padding:16px 16px;}
  .ss-foot-trust{gap:12px;}
  .ss-live-counter{gap:12px;padding:16px 20px;}
  .ss-lc-sep{display:none;}
}
@media(max-width:600px){
  .ss-nav-link{display:none;}
  .ss-btn-hero{padding:16px 32px;font-size:15px;}
  .ss-demo-card{padding:20px 16px;overflow:hidden;}
  .ss-demo-hero-row{gap:8px;}
  .ss-demo-center-ring{width:80px;height:80px;}
  .ss-demo-ring-pct{font-size:24px;}
  .ss-demo-avatar-wrap{width:60px;height:60px;}
  .ss-demo-avatar-img{width:52px;height:52px;top:4px;left:4px;}
}
@media(max-width:480px){
  .ss-wrap{padding:0 16px;}
  .ss-foot-grid{gap:20px;}
  .ss-foot-cols{flex-direction:column;gap:20px;}
  .ss-trust-metrics{flex-wrap:wrap;gap:16px;padding:16px 20px;}
  .ss-trust-sep{display:none;}
  .ss-hero-sub{font-size:13px;}
  .ss-plan-features-grid{grid-template-columns:1fr 1fr;}
  .ss-bar-name{width:70px;font-size:11px;}
  .ss-live-counter{gap:8px;padding:12px 14px;}
  .ss-lc-num{font-size:15px;}
}
@media(max-width:375px){
  .ss-h1-line{font-size:clamp(24px,7vw,36px);}
  .ss-hero-sub{font-size:12px;max-width:300px;}
  .ss-btn-hero{padding:14px 24px;font-size:14px;}
  .ss-live-counter{flex-direction:column;align-items:center;}
  .ss-plan-features-grid{grid-template-columns:1fr;}
}