/* ============================================================
   FXCRM – Premium Conversion Landing Page — STYLES
   ============================================================ */

:root {
  --bg:       #040810;
  --bg-soft:  #0a1020;
  --surface:  #0e1530;
  --glass:    rgba(12,18,38,.6);
  --glass-b:  rgba(255,255,255,.06);
  --text:     #eaf1ff;
  --muted:    #8a9cc0;
  --primary:  #4f8cff;
  --primary-d:#2d6ce5;
  --accent:   #00d7b9;
  --purple:   #6c5ce7;
  --pink:     #fd79a8;
  --orange:   #ff9f43;
  --danger:   #ff6b6b;
  --border:   rgba(255,255,255,.06);
  --radius:   16px;
  --radius-sm:10px;
}

/* ========== RESET ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.6;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}

/* ========== NOISE OVERLAY ========== */
.noise{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:128px 128px;
}

.container{width:min(1160px,90%);margin:0 auto}

/* ========== GRADIENT TEXT ========== */
.gradient-text{
  background:linear-gradient(135deg,#4f8cff,#00d7b9,#6c5ce7);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ========== GRADIENT BORDER (animated) ========== */
.gradient-border{position:relative;overflow:hidden}
.gradient-border::before{
  content:'';position:absolute;inset:-1px;z-index:-1;
  border-radius:inherit;
  background:conic-gradient(from var(--angle,0deg),#4f8cff,#6c5ce7,#00d7b9,#ff9f43,#4f8cff);
  animation:spin-border 6s linear infinite;
  opacity:.35;
}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin-border{to{--angle:360deg}}
@keyframes spin{to{transform:rotate(360deg)}}
.gradient-border::after{
  content:'';position:absolute;inset:1px;z-index:-1;
  border-radius:inherit;
  background:var(--surface);
}

/* ========== GLASS CARD ========== */
.glass-card{
  background:var(--glass);
  backdrop-filter:blur(18px) saturate(1.5);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  border:1px solid var(--glass-b);
  border-radius:var(--radius);
}
.card-hover{transition:transform .3s,box-shadow .3s,border-color .3s}
.card-hover:hover{
  transform:translateY(-6px);
  box-shadow:0 0 40px rgba(79,140,255,.2),0 0 80px rgba(108,92,231,.08);
  border-color:rgba(79,140,255,.2);
}

/* ========== HEADER ========== */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  backdrop-filter:blur(20px) saturate(1.6);
  -webkit-backdrop-filter:blur(20px) saturate(1.6);
  background:rgba(4,8,16,.6);
  border-bottom:1px solid var(--border);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px}
.brand{display:flex;align-items:center;gap:0;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.2rem}
.brand-icon{display:flex}
.brand-icon img{height:auto;width:auto;max-height:44px;object-fit:contain}
.nav-links{display:flex;gap:26px}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:12px}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){
  .hamburger{display:flex}
  .nav-links{position:fixed;top:68px;left:0;right:0;flex-direction:column;gap:0;background:rgba(4,8,16,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .4s}
  .nav-links.open{max-height:400px}
  .nav-links a{display:block;padding:16px 5%;border-bottom:1px solid var(--border);font-size:1rem}
}

/* ========== HERO ========== */
.hero{position:relative;padding:140px 0 80px;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}

/* orbs */
.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}
.orb-1{width:650px;height:650px;background:radial-gradient(circle,#4f8cff 0%,transparent 70%);top:-200px;left:-150px;animation:float 12s ease-in-out infinite}
.orb-2{width:550px;height:550px;background:radial-gradient(circle,#6c5ce7 0%,transparent 70%);top:80px;right:-220px;animation:float 16s ease-in-out 2s infinite}
.orb-3{width:450px;height:450px;background:radial-gradient(circle,#00d7b9 0%,transparent 70%);bottom:-120px;left:30%;animation:float 14s ease-in-out 4s infinite}
@keyframes float{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-30px) scale(1.05)}
  66%{transform:translate(-20px,20px) scale(.96)}
}

/* floating shapes */
.shape{position:absolute;border-radius:50%;opacity:.12;pointer-events:none}
.shape-1{width:18px;height:18px;background:#4f8cff;top:20%;left:8%;animation:shape-float 8s ease-in-out infinite}
.shape-2{width:12px;height:12px;background:#00d7b9;top:35%;right:12%;animation:shape-float 10s ease-in-out 1s infinite}
.shape-3{width:24px;height:24px;border:2px solid #6c5ce7;top:60%;left:15%;animation:shape-float 12s ease-in-out 3s infinite}
.shape-4{width:14px;height:14px;border:2px solid #ff9f43;top:25%;right:25%;animation:shape-float 9s ease-in-out 2s infinite}
@keyframes shape-float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-20px) rotate(180deg)}
}

/* grid overlay */
.grid-overlay{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 30%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 40%,black 30%,transparent 100%);
}

.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}

/* badge */
.badge{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:#a4f1e6;background:rgba(0,215,185,.08);border:1px solid rgba(0,215,185,.3);padding:7px 14px;border-radius:999px;margin-bottom:20px}
.live-dot{width:8px;height:8px;border-radius:50%;background:#00d7b9;box-shadow:0 0 6px #00d7b9;animation:pulse-dot 2s ease infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}

h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(2.1rem,3.4vw,3.2rem);font-weight:800;line-height:1.1;margin-bottom:18px;letter-spacing:-.02em}
h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700;line-height:1.18;letter-spacing:-.01em}
h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.lead{font-size:1.05rem;color:var(--muted);margin-bottom:22px;max-width:540px}
.lead strong{color:var(--text)}
.ticks{list-style:none;margin-bottom:6px}
.ticks li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;color:#c0d0f0}
.tick-circle{width:22px;height:22px;border-radius:50%;background:rgba(0,215,185,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tick-circle svg{width:14px;height:14px}
.hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 28px}
.trust-row{display:flex;align-items:center;gap:14px}
.trust-avatars{display:flex;align-items:center}
.trust-avatars img{width:34px;height:34px;border-radius:50%;border:2px solid var(--bg);margin-left:-8px;object-fit:cover}
.trust-avatars img:first-child{margin-left:0}
.avatar-more{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4f8cff,#6c5ce7);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;margin-left:-8px;border:2px solid var(--bg)}
.stars{color:#ffc107;font-size:.82rem;letter-spacing:1px}
.stars span{color:var(--text);font-weight:700;margin-left:4px}
.trust-text{font-size:.78rem;color:var(--muted)}

/* ========== MOCK DASHBOARD ========== */
.hero-visual{position:relative}
.dashboard-mock{
  background:linear-gradient(160deg,#0c1525 0%,#111d38 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 20px 80px rgba(0,0,0,.5),0 0 0 1px rgba(79,140,255,.08);
}
.dash-topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;
  background:rgba(255,255,255,.03);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.dash-dots{display:flex;gap:6px}
.dash-dots span{width:10px;height:10px;border-radius:50%}
.dash-dots span:nth-child(1){background:#ff5f57}
.dash-dots span:nth-child(2){background:#febc2e}
.dash-dots span:nth-child(3){background:#28c840}
.dash-title{font-size:.75rem;font-weight:600;color:var(--muted);letter-spacing:.5px}
.dash-live{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:#00d7b9}
.dash-body{padding:16px}
.dash-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.dash-stat{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);
  border-radius:10px;padding:12px;text-align:center;
}
.ds-label{display:block;font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ds-value{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:800}
.ds-green{color:#00d7b9}.ds-blue{color:#4f8cff}.ds-purple{color:#6c5ce7}
.ds-change{display:block;font-size:.65rem;margin-top:2px}
.ds-change.positive{color:#00d7b9}

/* dashboard chart */
.dash-chart{
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);
  border-radius:10px;padding:12px;margin-bottom:12px;
}
.dash-chart-label{display:block;font-size:.68rem;color:var(--muted);margin-bottom:10px;font-weight:500}
.chart-bars{display:flex;align-items:flex-end;gap:6px;height:80px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.bar-col span{font-size:.58rem;color:var(--muted)}
.bar{
  width:100%;border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,#4f8cff,rgba(79,140,255,.3));
  height:0;transition:height 1.2s cubic-bezier(.16,1,.3,1);
}
.bar-col.highlight .bar{background:linear-gradient(180deg,#00d7b9,rgba(0,215,185,.3))}

/* dashboard activity */
.dash-activity{
  background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);
  border-radius:10px;padding:12px;
}
.act-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.75rem;color:#b8c8e8}
.act-row+.act-row{border-top:1px solid rgba(255,255,255,.04)}
.act-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.act-dot.green{background:#00d7b9}.act-dot.blue{background:#4f8cff}.act-dot.purple{background:#6c5ce7}
.act-text{flex:1}
.act-text strong{color:var(--text)}
.act-time{font-size:.65rem;color:var(--muted);white-space:nowrap}

/* floating notification cards */
.float-card{
  position:absolute;display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  animation:card-float 6s ease-in-out infinite;
  z-index:5;
}
.fc-1{top:-12px;right:-16px;animation-delay:0s}
.fc-2{bottom:25%;right:-20px;animation-delay:2s}
.fc-3{bottom:-8px;left:-12px;animation-delay:4s}
@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fc-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}
.fc-icon.green{background:rgba(0,215,185,.15);color:#00d7b9}
.fc-icon.blue{background:rgba(79,140,255,.15);color:#4f8cff}
.fc-icon.purple{background:rgba(108,92,231,.15);color:#6c5ce7}
.float-card div strong{display:block;font-size:.88rem}
.float-card div span{font-size:.68rem;color:var(--muted)}

/* ========== MARQUEE ========== */
.marquee-wrap{border-top:1px solid rgba(79,140,255,.15);border-bottom:1px solid rgba(79,140,255,.15);background:linear-gradient(90deg,rgba(79,140,255,.06),rgba(0,215,185,.06),rgba(108,92,231,.06),rgba(79,140,255,.06));background-size:300% 100%;animation:marquee-bg 8s ease infinite;overflow:hidden;padding:16px 0}
@keyframes marquee-bg{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.marquee-track{display:flex;gap:0;white-space:nowrap;animation:marquee 30s linear infinite;width:max-content}
.marquee-track span{font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:0 14px;background:linear-gradient(135deg,#4f8cff,#00d7b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.1)}
.marquee-track .sep{-webkit-text-fill-color:#00d7b9;color:#00d7b9;opacity:.8;text-shadow:0 0 8px rgba(0,215,185,.5);filter:none;background:none;-webkit-background-clip:unset;background-clip:unset}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ========== STATS ========== */
.stats-section{padding:56px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-card{padding:28px 16px;text-align:center}
.stat-number,.stat-prefix,.stat-suffix{
  font-family:'Space Grotesk',sans-serif;font-weight:800;
  background:linear-gradient(135deg,#4f8cff,#00d7b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.stat-number{font-size:clamp(1.8rem,2.8vw,2.5rem)}
.stat-prefix,.stat-suffix{font-size:clamp(1.2rem,1.8vw,1.6rem)}
.stat-label{display:block;font-size:.76rem;color:var(--muted);margin-top:6px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
@media(max-width:640px){.stats-grid{grid-template-columns:1fr 1fr}}

/* ========== SECTIONS ========== */
.section{padding:80px 0;position:relative}
.section-dark{background:linear-gradient(180deg,rgba(10,16,32,.5),rgba(4,8,16,.5));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-head{text-align:center;margin-bottom:48px}
.section-tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;color:var(--primary);background:rgba(79,140,255,.08);border:1px solid rgba(79,140,255,.2);padding:5px 14px;border-radius:999px;margin-bottom:16px}
.section-head h2{margin-bottom:0}

/* ========== BEFORE / AFTER ========== */
.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch}
.compare-col{padding:32px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:var(--glass)}
.compare-before{border-color:rgba(255,107,107,.15)}
.compare-after{border-color:rgba(0,215,185,.15)}
.compare-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.compare-header h3{font-size:1.15rem}
.compare-list{list-style:none;margin-bottom:24px}
.compare-list li{padding:8px 0;font-size:.92rem;display:flex;align-items:flex-start;gap:10px;color:#c0d0f0}
.compare-list li+li{border-top:1px solid rgba(255,255,255,.04)}
.x-mark{color:#ff6b6b;font-weight:700;font-size:1rem;flex-shrink:0;width:20px;text-align:center}
.check-mark{color:#00d7b9;font-weight:700;font-size:1rem;flex-shrink:0;width:20px;text-align:center}
.compare-metric{margin-top:auto}
.cm-label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:8px;font-weight:500}
.metric-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.metric-fill{height:100%;border-radius:99px;width:0;transition:width 1.5s cubic-bezier(.16,1,.3,1)}
.danger-fill{background:linear-gradient(90deg,#ff6b6b,#ff9f43)}
.success-fill{background:linear-gradient(90deg,#00d7b9,#4f8cff)}
.cm-value{display:block;margin-top:6px;font-size:.85rem;font-weight:700}
.danger-text{color:#ff6b6b}.success-text{color:#00d7b9}
.compare-vs{display:flex;align-items:center;justify-content:center}
.compare-vs span{
  width:48px;height:48px;border-radius:50%;
  background:linear-gradient(135deg,#4f8cff,#6c5ce7);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:.85rem;
  box-shadow:0 0 30px rgba(79,140,255,.3);
}
@media(max-width:780px){
  .compare-grid{grid-template-columns:1fr;gap:16px}
  .compare-vs{padding:4px 0}
  .compare-vs span{width:36px;height:36px;font-size:.75rem}
}

/* ========== FEATURES ========== */
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{padding:28px;display:flex;flex-direction:column}
.feature-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:16px}
.feature-icon-wrap.cyan{background:rgba(0,215,185,.1);color:#00d7b9}
.feature-icon-wrap.purple{background:rgba(108,92,231,.1);color:#6c5ce7}
.feature-icon-wrap.green{background:rgba(0,215,185,.1);color:#00d7b9}
.feature-icon-wrap.orange{background:rgba(255,159,67,.1);color:#ff9f43}
.feature-icon-wrap.pink{background:rgba(253,121,168,.1);color:#fd79a8}
.feature-icon-wrap.blue{background:rgba(79,140,255,.1);color:#4f8cff}
.feature-card p{color:var(--muted);font-size:.92rem;margin-bottom:16px;flex:1}

/* feature mini-visuals */
.feature-visual{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.04)}

/* mini bars */
.mini-bars{display:flex;align-items:flex-end;gap:4px;height:44px}
.mb{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#4f8cff,rgba(79,140,255,.2));height:var(--h);transition:height .8s ease}

/* IB tree */
.ib-tree{text-align:center}
.ib-node{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;background:rgba(108,92,231,.12);color:#b4a8ff;border:1px solid rgba(108,92,231,.2)}
.ib-node.main{background:rgba(108,92,231,.2);color:#d0c8ff;margin-bottom:8px}
.ib-branches{display:flex;gap:6px;justify-content:center}

/* auto flow */
.auto-flow{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.af-step{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:600;background:rgba(0,215,185,.08);color:#7ce8d6;border:1px solid rgba(0,215,185,.15)}
.af-step.glow{background:rgba(0,215,185,.2);box-shadow:0 0 12px rgba(0,215,185,.3)}
.af-arrow{color:var(--muted);font-size:.75rem}

/* geo dots */
.geo-dots{position:relative;height:44px;background:rgba(255,255,255,.02);border-radius:8px;overflow:hidden}
.geo-dots span{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff9f43;top:var(--y);left:var(--x);animation:geo-ping 3s ease-in-out infinite;box-shadow:0 0 8px rgba(255,159,67,.4)}
.geo-dots span:nth-child(2n){animation-delay:1s;background:#4f8cff;box-shadow:0 0 8px rgba(79,140,255,.4)}
@keyframes geo-ping{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}

/* score bars */
.score-bars{display:flex;flex-direction:column;gap:6px}
.sb{display:flex;align-items:center;gap:8px}
.sb-label{font-size:.65rem;color:var(--muted);width:36px;font-weight:600}
.sb-track{flex:1;height:8px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}
.sb-fill{height:100%;border-radius:99px;width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.sb-fill.hot{background:linear-gradient(90deg,#ff6b6b,#ff9f43)}
.sb-fill.warm{background:linear-gradient(90deg,#ff9f43,#ffc107)}
.sb-fill.cold{background:linear-gradient(90deg,#4f8cff,#6c5ce7)}

/* donut */
.donut-chart{position:relative;width:80px;height:80px;margin:0 auto}
.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}
.donut-seg{stroke-dashoffset:88;transition:stroke-dashoffset 1.5s cubic-bezier(.16,1,.3,1)}
.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:800;color:var(--text)}

/* ========== STEPS ========== */
.steps-track{position:relative;display:flex;gap:0;justify-content:center}
.steps-line{position:absolute;top:28px;left:15%;right:15%;height:2px;background:rgba(255,255,255,.06)}
.steps-line-fill{height:100%;width:0;background:linear-gradient(90deg,#4f8cff,#00d7b9);transition:width 1.5s cubic-bezier(.16,1,.3,1);border-radius:2px}
.step-item{flex:1;max-width:300px;text-align:center;position:relative;z-index:2}
.step-circle{
  width:56px;height:56px;border-radius:50%;margin:0 auto 16px;
  background:linear-gradient(135deg,#4f8cff,#6c5ce7);
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1.1rem;
  box-shadow:0 0 24px rgba(79,140,255,.3);
  border:3px solid var(--bg);
}
.step-body{padding:20px;margin:0 8px}
.step-body p{color:var(--muted);font-size:.92rem}
@media(max-width:780px){
  .steps-track{flex-direction:column;align-items:center;gap:16px}
  .steps-line{display:none}
  .step-item{max-width:100%}
}

/* ========== VIDEO ========== */
.video-wrapper{max-width:900px;margin:0 auto}
.video-container{position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.5)}
.video-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;z-index:2;background:#000}
.video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-poster-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.orb-vid-1{width:350px;height:350px;background:radial-gradient(circle,rgba(79,140,255,.5),transparent 70%);top:-100px;right:-50px}
.orb-vid-2{width:300px;height:300px;background:radial-gradient(circle,rgba(108,92,231,.5),transparent 70%);bottom:-80px;left:-50px}

/* fake UI inside video poster */
.video-fake-ui{position:absolute;inset:40px;z-index:1;opacity:.15;pointer-events:none}
.vfu-row{display:flex;gap:12px;margin-bottom:20px}
.vfu-box{flex:1;height:40px;border-radius:8px;background:rgba(255,255,255,.15)}
.vfu-chart{display:flex;align-items:flex-end;gap:8px;height:60%}
.vfu-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(79,140,255,.4),rgba(79,140,255,.1));height:var(--h)}

.play-btn{
  position:relative;z-index:3;
  width:80px;height:80px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;cursor:pointer;
  background:rgba(79,140,255,.15);
  border:2px solid rgba(255,255,255,.2);
  transition:transform .3s,box-shadow .3s;
}
.play-btn:hover{transform:scale(1.1);box-shadow:0 0 40px rgba(79,140,255,.4)}
.play-ring{
  position:absolute;inset:-12px;border-radius:50%;
  border:2px solid rgba(79,140,255,.3);
  animation:ring-pulse 2s ease-out infinite;
}
@keyframes ring-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.video-label{position:relative;z-index:3;margin-top:16px;font-size:.9rem;color:var(--muted);font-weight:500}
.video-frame{position:absolute;inset:0;width:100%;height:100%;border:none}
.video-frame.hidden{display:none}

/* ========== RESULTS METRICS ========== */
.results-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.rm-card{padding:28px;text-align:center}
.rm-icon{font-size:2rem;display:block;margin-bottom:8px}
.rm-value{font-family:'Space Grotesk',sans-serif;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#4f8cff,#00d7b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}
.rm-desc{font-size:.88rem;color:var(--muted);margin-bottom:16px}
.rm-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.rm-bar-fill{height:100%;border-radius:99px;width:0;background:linear-gradient(90deg,#4f8cff,#00d7b9);transition:width 1.5s cubic-bezier(.16,1,.3,1)}
@media(max-width:780px){.results-metrics{grid-template-columns:1fr}}

/* ========== TESTIMONIALS ========== */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-card{padding:28px;display:flex;flex-direction:column}
.tc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.stars-sm{color:#ffc107;font-size:.85rem;letter-spacing:2px}
.verified-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;color:#00d7b9;text-transform:uppercase;letter-spacing:.5px}
.quote{flex:1;font-size:.98rem;line-height:1.65;color:var(--text);margin-bottom:18px}
.quote strong{color:#fff}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-author img{width:42px;height:42px;border-radius:50%;border:2px solid rgba(79,140,255,.25);object-fit:cover}
.testimonial-author strong{display:block;font-size:.92rem}
.testimonial-author span{font-size:.78rem;color:var(--muted)}
@media(max-width:780px){.testimonials-grid{grid-template-columns:1fr}}

/* ========== CTA CARD ========== */
.section-cta{padding:40px 0}
.cta-card{position:relative;overflow:hidden;padding:60px 48px;text-align:center;border:1px solid rgba(79,140,255,.15)}
.cta-bg-effects{position:absolute;inset:0;pointer-events:none}
.orb-cta-1{width:400px;height:400px;background:radial-gradient(circle,rgba(79,140,255,.3),transparent 70%);top:-150px;right:-100px}
.orb-cta-2{width:350px;height:350px;background:radial-gradient(circle,rgba(108,92,231,.3),transparent 70%);bottom:-150px;left:-80px}
.cta-content{position:relative;z-index:2}
.cta-content p{color:var(--muted);max-width:560px;margin:12px auto 24px;font-size:1rem}

/* ========== PLATFORMS ========== */
.platforms-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.platform-badge{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s}
.platform-badge:hover{transform:translateY(-3px);box-shadow:0 4px 24px rgba(79,140,255,.12)}

/* ========== FAQ ========== */
.faq-container{max-width:720px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{padding:0 24px;border-radius:var(--radius)!important;overflow:hidden}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;cursor:pointer;font-size:1rem;font-weight:600;list-style:none;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-chevron{transition:transform .3s;flex-shrink:0;color:var(--muted)}
.faq-item[open] .faq-chevron{transform:rotate(180deg);color:var(--primary)}
.faq-item p{padding-bottom:18px;color:var(--muted);font-size:.94rem;line-height:1.6}

/* ========== FORM SECTION ========== */
.section-form{padding:80px 0;background:linear-gradient(180deg,rgba(10,16,32,.5),rgba(4,8,16,.8));border-top:1px solid var(--border)}
.form-section-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.form-section-left .lead{max-width:420px}
.form-benefits{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.fb{display:flex;align-items:center;gap:10px;font-size:.92rem;color:#c0d0f0}
.form-card-big{padding:32px}
.form-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.form-header h3{font-size:1.25rem;margin-bottom:0}
.slots-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#ff9f43;background:rgba(255,159,67,.1);border:1px solid rgba(255,159,67,.25);padding:4px 10px;border-radius:999px}
label{display:block;margin-bottom:14px}
.label-text{display:block;font-size:.82rem;font-weight:600;color:#b0c0e0;margin-bottom:6px}
input,select{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:rgba(4,8,16,.7);color:var(--text);font-size:.93rem;outline:none;transition:border-color .2s,box-shadow .2s}
input::placeholder{color:#4a5f80}
input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
select option{background:var(--bg)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.phone-input-group{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}
.phone-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,140,255,.15)}
.phone-input-group .country-code-select{width:110px;min-width:110px;flex-shrink:0;border:none;border-right:1px solid var(--border);border-radius:0;padding:10px 6px 10px 10px;font-size:.85rem;background:rgba(255,255,255,.03)}
.phone-input-group .country-code-select:focus{box-shadow:none;border-color:var(--border)}
.phone-input-group input[type="tel"]{flex:1;border:none;border-radius:0}
.phone-input-group input[type="tel"]:focus{box-shadow:none}
.form-footer-text{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);margin-top:12px}
.form-msg{min-height:22px;margin-top:8px;font-size:.88rem;font-weight:500}
@media(max-width:780px){
  .form-section-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
}

/* ========== FINAL CTA ========== */
.section-final-cta{text-align:center;padding:80px 0 100px}
.section-final-cta .lead{max-width:520px;margin:12px auto 28px}

/* ========== FOOTER ========== */
.site-footer{border-top:1px solid var(--border);padding:56px 0 28px;background:rgba(4,8,16,.6)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.footer-brand p{color:var(--muted);font-size:.85rem;margin-top:10px;max-width:260px}
.footer-address{font-style:normal;color:var(--muted);font-size:.82rem;margin-top:12px;line-height:1.6;max-width:260px}
.footer-social{display:flex;gap:12px;margin-top:14px}
.footer-social a{color:#6a7ea0;transition:color .25s,transform .25s}
.footer-social a:hover{color:var(--accent);transform:translateY(-2px)}
.footer-links h4{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px}
.footer-links a{display:block;font-size:.88rem;color:#6a7ea0;padding:4px 0;transition:color .2s}
.footer-links a:hover{color:var(--text)}
.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--border)}
.footer-bottom p{font-size:.78rem;color:#3d5070}
@media(max-width:780px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}

/* ========== FLOATING WHATSAPP ========== */
.whatsapp-float{
  position:fixed; bottom:28px; right:28px; z-index:9990;
  width:60px; height:60px; border-radius:50%;
  background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.4), 0 0 40px rgba(37,211,102,.15);
  transition:transform .3s, box-shadow .3s;
  cursor:pointer;
}
.whatsapp-float:hover{
  transform:scale(1.1) translateY(-2px);
  box-shadow:0 6px 28px rgba(37,211,102,.55), 0 0 60px rgba(37,211,102,.2);
}

/* pulse ring */
.wa-pulse{
  position:absolute; inset:-6px; border-radius:50%;
  border:2px solid rgba(37,211,102,.5);
  animation:wa-ring 2s ease-out infinite;
}
@keyframes wa-ring{
  0%{transform:scale(.9);opacity:1}
  100%{transform:scale(1.5);opacity:0}
}

/* tooltip */
.wa-tooltip{
  position:absolute; right:72px; top:50%; transform:translateY(-50%);
  padding:8px 16px; border-radius:8px;
  background:rgba(10,16,32,.92); border:1px solid rgba(37,211,102,.3);
  color:#fff; font-size:.82rem; font-weight:600;
  white-space:nowrap; pointer-events:none;
  opacity:0; transition:opacity .3s, transform .3s;
  transform:translateY(-50%) translateX(8px);
  backdrop-filter:blur(8px);
}
.wa-tooltip::after{
  content:''; position:absolute; top:50%; right:-6px;
  transform:translateY(-50%);
  border:6px solid transparent; border-left-color:rgba(10,16,32,.92);
}
.whatsapp-float:hover .wa-tooltip{
  opacity:1; transform:translateY(-50%) translateX(0);
}

@media(max-width:640px){
  .whatsapp-float{bottom:90px; right:16px; width:54px; height:54px}
  .whatsapp-float svg{width:28px; height:28px}
  .wa-tooltip{display:none}
}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}

/* ========== BUTTONS ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;font-weight:700;font-size:.93rem;border:none;cursor:pointer;transition:transform .15s,filter .2s,box-shadow .2s;color:#fff;text-decoration:none}
.btn-glow{background:linear-gradient(135deg,#4f8cff 0%,#6c5ce7 100%);box-shadow:0 4px 24px rgba(79,140,255,.35)}
.btn-glow:hover{transform:translateY(-2px);box-shadow:0 6px 36px rgba(79,140,255,.5);filter:brightness(1.08)}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text)}
.btn-ghost:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.2)}
.btn-sm{padding:10px 18px;font-size:.86rem}
.btn-lg{padding:16px 32px;font-size:1.02rem}
.btn-block{width:100%}

/* ========== STICKY CTA ========== */
.sticky-cta{position:fixed;bottom:16px;left:50%;transform:translateX(-50%) translateY(100px);z-index:90;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 18px;background:rgba(10,16,32,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(79,140,255,.18);border-radius:999px;box-shadow:0 8px 32px rgba(0,0,0,.35);transition:transform .4s ease}
.sticky-cta.visible{transform:translateX(-50%) translateY(0)}
.sticky-cta p{display:flex;align-items:center;gap:6px;font-size:.84rem;color:#b0c0e0;white-space:nowrap}

/* ========== TOAST ========== */
.toast{position:fixed;bottom:80px;left:20px;z-index:80;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(12,18,38,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);transform:translateX(-120%);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.toast.show{transform:translateX(0)}
.toast-avatar img{width:36px;height:36px;border-radius:50%}
.toast-body strong{display:block;font-size:.86rem}
.toast-body span{font-size:.75rem;color:var(--muted)}
.toast-badge{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7rem;background:#00d7b9;color:#fff;font-weight:700}

/* ========== REVEAL ========== */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s ease}
.reveal.reveal-right{transform:translateX(36px) translateY(0)}
.reveal.visible{opacity:1;transform:translate(0,0)}

/* ========== RESPONSIVE ========== */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .features-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .hero{padding-top:110px;padding-bottom:40px}
  .section{padding:52px 0}
  .features-grid{grid-template-columns:1fr}
  .sticky-cta{width:calc(100% - 24px);border-radius:16px;justify-content:space-between}
  .toast{left:12px;right:12px;bottom:90px}
  .cta-card{padding:36px 20px}
}

/* ============================================================
   RESELLER / PARTNER PROGRAM SECTION
   ============================================================ */
.section-reseller {
  background: linear-gradient(180deg, var(--bg) 0%, #080e1e 40%, #0c1228 100%);
  position: relative;
  overflow: hidden;
}
.section-reseller::before {
  content: '';
  position: absolute;
  top: -120px; left: 50%; transform: translateX(-50%);
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(79,140,255,.08) 0%, transparent 70%);
  pointer-events: none;
}

/* promo floating badge */
.reseller-promo-badge {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 0 auto 28px; padding: 10px 24px;
  background: linear-gradient(135deg, rgba(255,159,67,.12), rgba(253,121,168,.12));
  border: 1px solid rgba(255,159,67,.25);
  border-radius: 50px; font-size: .88rem; font-weight: 600;
  color: #ffb86c;
  animation: promo-glow 2.5s ease-in-out infinite alternate;
  text-align: center;
  width: fit-content;
}
.section-reseller .container { display: flex; flex-direction: column; align-items: center; }
@keyframes promo-glow {
  0%  { box-shadow: 0 0 15px rgba(255,159,67,.1); }
  100%{ box-shadow: 0 0 30px rgba(255,159,67,.22); }
}
.section-reseller .section-head { text-align: center; }
.section-reseller .section-sub {
  max-width: 600px; margin: 12px auto 0; color: var(--muted); font-size: 1.05rem; line-height: 1.65;
}

/* Why resell grid */
.reseller-why-grid {
  display: grid; grid-template-columns: repeat(4,1fr); gap: 20px;
  margin: 48px 0 56px; width: 100%;
}
.rw-card {
  padding: 28px 22px; text-align: center;
  transition: transform .3s, box-shadow .3s;
}
.rw-card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(0,0,0,.3); }
.rw-icon { margin-bottom: 14px; }
.rw-card h4 { font-family: 'Space Grotesk',sans-serif; font-size: 1.05rem; margin-bottom: 8px; }
.rw-card p  { font-size: .88rem; color: var(--muted); line-height: 1.55; }

/* Pricing tiers — removed, keeping CTA row */
.reseller-cta-row {
  text-align: center; margin: 8px 0 0;
}
.reseller-cta-sub {
  margin-top: 14px; font-size: .9rem; color: var(--muted);
}

/* trust row */
.reseller-trust {
  display: flex; justify-content: center; gap: 36px; flex-wrap: wrap;
  margin-top: 42px; padding-top: 28px; width: 100%;
  border-top: 1px solid var(--border);
}
.rt-item {
  display: flex; align-items: center; gap: 8px;
  font-size: .85rem; color: var(--muted);
}

/* ===== RESELLER RESPONSIVE ===== */
@media(max-width:980px) {
  .reseller-why-grid { grid-template-columns: repeat(2,1fr); }
  .reseller-tiers { grid-template-columns: 1fr; max-width: 420px; margin-left: auto; margin-right: auto; }
  .tier-featured { transform: scale(1); }
  .tier-featured:hover { transform: translateY(-8px); }
}
@media(max-width:640px) {
  .reseller-why-grid { grid-template-columns: 1fr; }
  .reseller-trust { flex-direction: column; align-items: center; gap: 16px; }
  .tier-amount { font-size: 2.2rem; }
  .tier-licenses { font-size: 2.2rem; }
}

/* ============================================================
   EXIT-INTENT POPUP
   ============================================================ */
.exit-popup-overlay {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
}
.exit-popup-overlay.active { opacity: 1; visibility: visible; }

.exit-popup {
  position: relative;
  max-width: 480px; width: 90%; padding: 44px 36px;
  text-align: center;
  animation: popup-in 0.5s cubic-bezier(0.16,1,0.3,1);
  border: 1px solid rgba(79,140,255,0.15);
}
@keyframes popup-in {
  0% { transform: scale(0.85) translateY(20px); opacity: 0; }
  100% { transform: scale(1) translateY(0); opacity: 1; }
}

.exit-popup-close {
  position: absolute; top: 12px; right: 16px;
  background: none; border: none; color: var(--muted);
  font-size: 1.8rem; cursor: pointer; transition: color 0.2s;
  line-height: 1; padding: 4px;
}
.exit-popup-close:hover { color: var(--text); }

.exit-popup-icon { font-size: 3.5rem; display: block; margin-bottom: 18px; }

.exit-popup h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.35rem; margin-bottom: 10px;
}
.exit-popup p {
  color: var(--muted); font-size: 0.95rem;
  margin-bottom: 22px; line-height: 1.6;
}
.exit-popup p strong { color: var(--text); }

.exit-popup-form { display: flex; flex-direction: column; gap: 10px; }
.exit-popup-form input { text-align: center; }

.exit-popup-subtext {
  font-size: 0.75rem; color: var(--muted); margin-top: 12px;
}

/* ============================================================
   COUNTDOWN TIMER BADGE
   ============================================================ */
.countdown-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 0.72rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.6px;
  color: #ff9f43;
  background: rgba(255,159,67,0.1);
  border: 1px solid rgba(255,159,67,0.25);
  padding: 5px 12px; border-radius: 999px;
}
.countdown-badge strong {
  font-family: 'Space Grotesk', sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.5px;
}

/* ============================================================
   CASE STUDIES SECTION
   ============================================================ */
.cs-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.cs-card {
  padding: 32px; position: relative;
  display: flex; flex-direction: column; gap: 14px;
}
.cs-badge {
  display: inline-block; width: fit-content;
  padding: 4px 12px; border-radius: 999px; font-size: 0.7rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.5px;
  background: rgba(79,140,255,0.12); color: #4f8cff; border: 1px solid rgba(79,140,255,0.2);
}
.cs-card h3 { font-size: 1.1rem; line-height: 1.3; }
.cs-challenge { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }
.cs-results-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
  padding: 16px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);
}
.cs-result { text-align: center; }
.cs-num { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 1.2rem; font-weight: 800; }
.cs-rlabel { display: block; font-size: 0.7rem; color: var(--muted); margin-top: 2px; line-height: 1.3; }
.cs-quote {
  font-size: 0.85rem; font-style: italic; color: #8aa0cc; line-height: 1.6;
  padding-left: 14px; border-left: 3px solid rgba(0,215,185,0.3); margin-top: auto;
}

@media(max-width:780px) {
  .cs-grid { grid-template-columns: 1fr; }
  .cs-results-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .cs-num { font-size: 1rem; }
}

/* ============================================================
   GDPR CONSENT CHECKBOX
   ============================================================ */
.gdpr-label {
  display: flex !important; align-items: flex-start; gap: 10px;
  cursor: pointer; margin-bottom: 16px !important;
}
.gdpr-label input[type="checkbox"] {
  width: 18px; height: 18px; min-width: 18px;
  margin-top: 2px; accent-color: var(--primary);
  cursor: pointer;
}
.gdpr-text {
  font-size: 0.8rem !important; color: var(--muted); line-height: 1.55;
  font-weight: 400 !important;
}
.gdpr-text a { color: var(--primary); text-decoration: underline; }
.gdpr-text a:hover { color: var(--accent); }