/* =========================================================
   INSIDER CALLS — design tokens
   Palette: near-black navy base, cyan/blue/violet signal glow
   Type: Space Grotesk (display) + Inter (body/UI)
   ========================================================= */

:root{
  --bg:            #05070d;
  --bg-soft:       #090c16;
  --surface:       #0c1220;
  --surface-2:     #10192c;
  --border:        #1d2740;
  --border-soft:   #161f34;

  --text:          #f2f5fa;
  --text-dim:      #aab3c5;
  --text-faint:    #6b7690;

  --cyan:          #2fd8e6;
  --cyan-soft:     rgba(47,216,230,.14);
  --blue:          #3b6bf5;
  --violet:        #7c4ff0;

  --signal: linear-gradient(120deg, var(--cyan) 0%, var(--blue) 52%, var(--violet) 100%);
  --signal-soft: linear-gradient(120deg, rgba(47,216,230,.16), rgba(59,107,245,.16) 52%, rgba(124,79,240,.16) 100%);

  --glow-1: radial-gradient(60% 50% at 18% 0%, rgba(59,107,245,.30), transparent 65%);
  --glow-2: radial-gradient(55% 45% at 85% 15%, rgba(124,79,240,.24), transparent 65%);
  --glow-3: radial-gradient(45% 40% at 50% 100%, rgba(47,216,230,.10), transparent 70%);

  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;

  --shadow-card: 0 1px 0 rgba(255,255,255,.03) inset, 0 20px 40px -24px rgba(0,0,0,.7);

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --maxw: 1120px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

.bg-glow{
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    var(--glow-1),
    var(--glow-2),
    var(--glow-3),
    var(--bg);
  pointer-events:none;
}

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

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.08;
  margin:0;
  color:var(--text);
}

p{ margin:0; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; }

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-display);
  font-size:12.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--cyan);
}
.eyebrow::before{
  content:''; width:7px; height:7px; border-radius:2px;
  background:var(--signal);
  transform:rotate(45deg);
}

.container{
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 24px;
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:15px 26px;
  border-radius:999px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:15px;
  letter-spacing:-.01em;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s cubic-bezier(.22,.61,.36,1), background .22s ease, border-color .22s ease;
  white-space:nowrap;
}
.btn:active{ transform:scale(.96); }
.btn-primary{
  background:var(--signal);
  color:#04141a;
  box-shadow:0 10px 30px -8px rgba(47,216,230,.45);
}
.btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -10px rgba(47,216,230,.6); }
.btn-primary:active{ transform:scale(.96); }
.btn-ghost{
  background:rgba(255,255,255,.03);
  border-color:var(--border);
  color:var(--text);
  backdrop-filter:blur(6px);
}
.btn-ghost:hover{ border-color:rgba(47,216,230,.5); background:rgba(47,216,230,.06); }
.btn-block{ width:100%; }

/* ---------- Nav ---------- */
.nav{
  position:sticky; top:0; z-index:50;
  border-bottom:1px solid transparent;
  transition:background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.nav.is-scrolled{
  background:rgba(5,7,13,.78);
  border-color:var(--border-soft);
  backdrop-filter:blur(14px);
}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 24px;
  max-width:var(--maxw); margin:0 auto;
}
.brand{ display:flex; align-items:center; gap:10px; }
.brand-mark{ width:26px; height:22px; display:block; }
.brand-word{ font-family:var(--font-display); font-weight:700; font-size:19px; letter-spacing:-.01em; }
.brand-word .hi{ background:var(--signal); -webkit-background-clip:text; background-clip:text; color:transparent; }

.nav-links{ display:flex; align-items:center; gap:34px; }
.nav-links a{
  font-size:14.5px; font-weight:500; color:var(--text-dim);
  position:relative; padding:6px 0; transition:color .2s ease;
}
.nav-links a:hover, .nav-links a.active{ color:var(--text); }
.nav-links a.active::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px;
  background:var(--signal); border-radius:2px;
}
.nav-cta{ display:flex; align-items:center; gap:14px; }
.btn-nav-cta{
  padding:10px 18px;
  font-size:13px;
}

.nav-toggle{
  display:none; width:42px; height:42px; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid var(--border); background:rgba(255,255,255,.02);
  cursor:pointer;
  touch-action:manipulation;
  position:relative; z-index:51;
  transition:border-color .25s ease, background .25s ease, transform .15s ease;
}
.nav-toggle:active{ transform:scale(.92); }
.nav-toggle.is-active{ border-color:rgba(47,216,230,.4); background:rgba(47,216,230,.06); }

.hamburger{ position:relative; width:18px; height:14px; display:inline-block; }
.hamburger .bar{
  position:absolute; left:0; width:18px; height:2px; border-radius:2px;
  background:var(--text);
  transition:top .32s cubic-bezier(.65,0,.35,1), transform .32s cubic-bezier(.65,0,.35,1), opacity .2s ease;
}
.bar-top{ top:0; }
.bar-mid{ top:6px; }
.bar-bot{ top:12px; }
.nav-toggle.is-active .bar-top{ top:6px; transform:rotate(45deg); }
.nav-toggle.is-active .bar-mid{ opacity:0; transform:translateX(-6px); }
.nav-toggle.is-active .bar-bot{ top:6px; transform:rotate(-45deg); }

.mobile-menu{
  display:block;
  position:fixed; inset:0; z-index:999;
  background:rgba(5,7,13,.98);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  padding:96px 28px 32px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.mobile-menu.is-open{
  opacity:1;
  pointer-events:auto;
}
.mobile-menu a{
  display:block; font-family:var(--font-display); font-size:26px; font-weight:600;
  padding:16px 0; border-bottom:1px solid var(--border-soft); color:var(--text);
}
.mobile-menu.is-open a{ }
.mobile-menu a:active{ color:var(--cyan); }
.mobile-menu .btn{
  margin-top:28px;
}

@media (max-width: 860px){
  .nav-links{ display:none; }
  .nav-cta .btn-ghost{ display:none; }
  .nav-toggle{ display:inline-flex; }
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  padding:64px 24px 40px;
  overflow:hidden;
}
.hero-inner{
  max-width:760px; margin:0 auto; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:26px;
}
.trust-row{
  display:flex; flex-direction:column; align-items:center; gap:7px;
}
.avatars{ display:flex; align-items:center; }
.avatars span{
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-size:10px; font-weight:700; color:#04141a;
  border:2px solid var(--bg);
  margin-left:-8px;
}
.avatars span:first-child{ margin-left:0; }
.avatars span:nth-child(1){ background:#2fd8e6; }
.avatars span:nth-child(2){ background:#4fc3e0; }
.avatars span:nth-child(3){ background:#6f9eea; }
.avatars span:nth-child(4){ background:#8b7cf0; }
.avatars span:nth-child(5){ background:#a56bf0; }

.trust-text{ font-size:12.5px; color:var(--text-dim); }
.trust-text b{ color:var(--text); font-weight:600; }
.stars{ color:#f7c948; letter-spacing:2px; font-size:12.5px; }

.hero h1{
  font-family:'Unbounded', var(--font-display);
  font-weight:700;
  letter-spacing:-.02em;
  font-size:clamp(2.3rem, 6.4vw, 4rem);
  background:linear-gradient(180deg, #ffffff 0%, #d7e6ea 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero h1 .accent{
  background:var(--signal); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-sub{
  font-size:clamp(1rem, 2vw, 1.15rem);
  color:var(--text-dim);
  max-width:560px;
}
.hero-sub b{ color:var(--cyan); font-weight:600; }

.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }

.hero-fineprint{
  font-size:12.5px; color:var(--text-faint); font-style:italic;
}

.hero-badges{
  display:flex; gap:22px; flex-wrap:wrap; justify-content:center;
  margin-top:6px;
  font-size:13px; color:var(--text-dim);
}
.hero-badges span{ display:inline-flex; align-items:center; gap:7px; }
.hero-badges svg{ width:15px; height:15px; color:var(--cyan); }

/* ---------- Video window (framed player) ---------- */
.video-window{
  max-width:900px; margin:44px auto 0;
}
.video-window-frame{
  position:relative;
  aspect-ratio:16/9;
  width:100%;
  border-radius:var(--radius-l);
  overflow:hidden;
  background:#000;
  border:1px solid var(--border);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.02) inset;
}
.video-window-frame video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.video-window-frame::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,7,13,.05) 0%, rgba(5,7,13,.28) 100%);
  transition:opacity .5s ease;
  pointer-events:none;
}
.video-window-frame.is-playing::after{ opacity:.35; }

/* ---------- Video play overlay (YouTube-style) ---------- */
.video-play-overlay{
  position:absolute; inset:0; z-index:5;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}
.video-play-overlay.is-hidden{ opacity:0; visibility:hidden; }
.video-play-btn{
  position:relative;
  pointer-events:auto;
  width:82px; height:82px; border-radius:50%;
  background:rgba(5,7,13,.5);
  border:2px solid rgba(255,255,255,.4);
  backdrop-filter:blur(8px);
  display:flex; align-items:center; justify-content:center;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
  box-shadow:0 12px 44px -12px rgba(0,0,0,.65);
}
.video-play-btn::after{
  content:''; position:absolute; inset:-14px; border-radius:50%;
  border:2px solid rgba(47,216,230,.45);
  animation:pulseRingBtn 2.4s ease-out infinite;
}
@keyframes pulseRingBtn{
  0%{ transform:scale(.82); opacity:.85; }
  100%{ transform:scale(1.4); opacity:0; }
}
.video-play-btn:hover{
  transform:scale(1.08);
  background:rgba(47,216,230,.28);
  border-color:var(--cyan);
  box-shadow:0 16px 50px -10px rgba(47,216,230,.55);
}
.video-play-btn svg{ width:28px; height:28px; margin-left:4px; color:#fff; }

@media (max-width:640px){
  .video-window{ margin-top:32px; }
  .video-window-frame{ border-radius:var(--radius-m); }
}


/* ---------- Sections ---------- */
section{ position:relative; padding:88px 0; }
.section-head{
  max-width:620px; margin:0 auto 48px; text-align:center;
  display:flex; flex-direction:column; align-items:center; gap:14px;
}
.section-head h2{ font-size:clamp(1.9rem, 4vw, 2.7rem); }
.section-head p{ color:var(--text-dim); font-size:1.02rem; }

/* ---------- Cards ---------- */
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
@media (max-width:860px){ .grid-3{ grid-template-columns:1fr; } .grid-2{ grid-template-columns:1fr; } }

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  padding:30px;
  box-shadow:var(--shadow-card);
  transition:border-color .3s cubic-bezier(.22,.61,.36,1), transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s cubic-bezier(.22,.61,.36,1);
}
.card:hover{ border-color:rgba(47,216,230,.35); transform:translateY(-3px); }
.card-icon{
  width:46px; height:46px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--signal-soft);
  border:1px solid var(--border-soft);
  margin-bottom:18px;
  font-size:20px;
}
.card h3{ font-size:1.15rem; margin-bottom:10px; }
.card p{ color:var(--text-dim); font-size:.96rem; }

/* ---------- Stats ---------- */
.stats-bar{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:28px;
  padding:38px 32px;
  border:1px solid var(--border);
  border-radius:var(--radius-l);
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}
.stat{ flex:1; min-width:120px; text-align:center; }
.stat b{
  display:block; font-family:var(--font-display); font-size:2.1rem; font-weight:700;
  background:var(--signal); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stat span{ font-size:13px; color:var(--text-dim); }

/* ---------- Steps ---------- */
.steps{ display:flex; flex-direction:column; gap:0; }
.step{
  display:flex; gap:22px; padding:26px 0; border-bottom:1px solid var(--border-soft);
}
.step:last-child{ border-bottom:none; }
.step-num{
  font-family:var(--font-display); font-weight:700; font-size:14px;
  width:38px; height:38px; flex:none; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:var(--surface-2); border:1px solid var(--border); color:var(--cyan);
}
.step h4{ font-size:1.05rem; margin-bottom:6px; }
.step p{ color:var(--text-dim); font-size:.95rem; }

/* ---------- FAQ / accordion ---------- */
.faq-list{ display:flex; flex-direction:column; gap:12px; }
.faq-item{
  border:1px solid var(--border);
  border-radius:var(--radius-m);
  background:var(--surface);
  overflow:hidden;
  transition:border-color .3s ease;
}
.faq-item.is-open{ border-color:rgba(47,216,230,.4); }
.faq-q{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; text-align:left;
  padding:20px 22px;
  background:none; border:none; color:var(--text);
  font-family:var(--font-display); font-size:1rem; font-weight:600;
  cursor:pointer;
  transition:color .25s ease;
}
.faq-item.is-open .faq-q{ color:var(--cyan); }
.faq-q .chev{
  flex:none; width:18px; height:18px; color:var(--text-faint);
  transition:transform .35s cubic-bezier(.65,0,.35,1), color .25s ease;
}
.faq-item.is-open .faq-q .chev{ transform:rotate(180deg); color:var(--cyan); }
.faq-a{
  max-height:0; overflow:hidden; transition:max-height .38s cubic-bezier(.22,.61,.36,1);
}
.faq-a-inner{ padding:0 22px 22px; color:var(--text-dim); font-size:.95rem; line-height:1.65; }

/* ---------- Testimonials ---------- */
.testi{
  border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-m);
  padding:26px; display:flex; flex-direction:column; gap:14px;
}
.testi .stars{ font-size:13px; }
.testi p{ color:var(--text-dim); font-size:.95rem; }
.testi-user{ display:flex; align-items:center; gap:10px; margin-top:auto; }
.testi-avatar{
  width:34px; height:34px; border-radius:50%; background:var(--signal);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display); font-weight:700; font-size:12px; color:#04141a;
}
.testi-user b{ font-size:.86rem; display:block; }
.testi-user span{ font-size:.78rem; color:var(--text-faint); }

/* ---------- CTA band ---------- */
.cta-band{
  position:relative;
  border-radius:var(--radius-l);
  border:1px solid var(--border);
  padding:56px 40px;
  text-align:center;
  overflow:hidden;
  background:var(--surface);
}
.cta-band::before{
  content:''; position:absolute; inset:0;
  background:var(--glow-1), var(--glow-2);
  opacity:.7;
}
.cta-band > *{ position:relative; }
.cta-band h2{ font-size:clamp(1.7rem,4vw,2.3rem); margin-bottom:14px; }
.cta-band p{ color:var(--text-dim); max-width:480px; margin:0 auto 26px; }

/* ---------- Forms ---------- */
.form-card{
  border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-l);
  padding:36px;
}
.field{ display:flex; flex-direction:column; gap:8px; margin-bottom:20px; }
.field label{ font-size:13px; font-weight:600; color:var(--text-dim); }
.field input, .field textarea, .field select{
  background:var(--surface-2); border:1px solid var(--border); border-radius:var(--radius-s);
  padding:13px 15px; color:var(--text); font-family:var(--font-body); font-size:14.5px;
  outline:none; transition:border-color .2s ease, box-shadow .2s ease;
}
.field input:focus, .field textarea:focus, .field select:focus{
  border-color:var(--cyan); box-shadow:0 0 0 3px rgba(47,216,230,.15);
}
.field textarea{ resize:vertical; min-height:120px; }
.form-note{ font-size:12.5px; color:var(--text-faint); margin-top:14px; text-align:center; }
.form-status{ font-size:13.5px; margin-top:14px; text-align:center; min-height:18px; }
.form-status.ok{ color:var(--cyan); }

.contact-info{ display:flex; flex-direction:column; gap:20px; }
.contact-row{
  display:flex; gap:16px; align-items:flex-start;
  border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-m);
  padding:20px;
}
.contact-row .card-icon{ margin-bottom:0; }
.contact-row h4{ font-size:.98rem; margin-bottom:4px; }
.contact-row p, .contact-row a{ color:var(--text-dim); font-size:.92rem; }
.contact-row a:hover{ color:var(--cyan); }

/* ---------- Footer ---------- */
footer{ border-top:1px solid var(--border-soft); padding:52px 0 30px; }
.footer-top{
  display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap;
  padding-bottom:36px;
}
.footer-brand p{ color:var(--text-dim); font-size:.9rem; max-width:280px; margin-top:12px; }
.footer-cols{ display:flex; gap:56px; flex-wrap:wrap; }
.footer-col h5{
  font-family:var(--font-display); font-size:13px; text-transform:uppercase; letter-spacing:.08em;
  color:var(--text-faint); margin-bottom:14px;
}
.footer-col a{
  display:block; color:var(--text-dim); font-size:.9rem; padding:6px 0; transition:color .2s ease;
}
.footer-col a:hover{ color:var(--cyan); }
.footer-bottom{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  padding-top:24px; border-top:1px solid var(--border-soft);
  font-size:12.5px; color:var(--text-faint);
}
.footer-legal-note{ max-width:640px; }

/* ---------- Page hero (inner pages) ---------- */
.page-hero{ padding:64px 0 20px; text-align:center; }
.page-hero .eyebrow{ justify-content:center; display:flex; margin-bottom:16px; }
.page-hero h1{ font-size:clamp(2.2rem,5vw,3.4rem); }
.page-hero p{ color:var(--text-dim); max-width:560px; margin:16px auto 0; }

.badge-pill{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--border); background:var(--surface);
  padding:8px 16px; border-radius:999px; font-size:13px; color:var(--text-dim);
  transition:border-color .2s ease, color .2s ease;
}
a.badge-pill:hover{ border-color:rgba(47,216,230,.5); color:var(--cyan); }
.dot-live{
  width:7px; height:7px; border-radius:50%; background:#3ee08c;
  box-shadow:0 0 0 3px rgba(62,224,140,.2);
}

@media (max-width:600px){
  .hero{ padding-top:40px; }
  section{ padding:64px 0; }
  .stats-bar{ padding:28px 20px; }
  .form-card{ padding:24px; }
  .footer-top{ flex-direction:column; }
}

/* =========================================================
   Motion layer — scroll reveals, ticker, glow drift, pulses
   ========================================================= */

@keyframes drift{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(-2%,3%) scale(1.06); }
}
.bg-glow{ background-size:140% 140%, 140% 140%, 140% 140%, auto; animation:drift 22s ease-in-out infinite; }

.reveal{
  opacity:0; transform:translateY(22px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible{ opacity:1; transform:translateY(0); }
.reveal-stagger > *{ opacity:0; transform:translateY(22px); transition:opacity .6s ease, transform .6s ease; }
.reveal-stagger.is-visible > *{ opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(1){ transition-delay:.05s; }
.reveal-stagger.is-visible > *:nth-child(2){ transition-delay:.15s; }
.reveal-stagger.is-visible > *:nth-child(3){ transition-delay:.25s; }
.reveal-stagger.is-visible > *:nth-child(4){ transition-delay:.35s; }

@keyframes pulseGlow{
  0%,100%{ box-shadow:0 10px 30px -8px rgba(47,216,230,.45); }
  50%{ box-shadow:0 14px 42px -6px rgba(47,216,230,.75); }
}
.btn-pulse{ animation:pulseGlow 2.6s ease-in-out infinite; }

@keyframes shimmer{
  0%{ background-position:0% 50%; }
  100%{ background-position:200% 50%; }
}
.text-shimmer{
  background-size:220% auto;
  animation:shimmer 5s linear infinite;
}

.marquee{
  position:relative; overflow:hidden;
  border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft);
  background:rgba(255,255,255,.015);
  padding:16px 0;
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.marquee-track{
  display:flex; gap:40px; width:max-content;
  animation:marqueeScroll 26s linear infinite;
}
.marquee:hover .marquee-track{ animation-play-state:paused; }
@keyframes marqueeScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}
.ticker-item{
  display:flex; align-items:center; gap:8px;
  font-family:var(--font-display); font-size:14px; font-weight:600;
  color:var(--text-dim); white-space:nowrap;
}
.ticker-item b{ color:var(--text); }
.ticker-up{ color:#3ee08c; font-weight:700; }
.ticker-dot{ width:4px; height:4px; border-radius:50%; background:var(--border-strong,#2a3552); }

.press-bar{
  border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft);
  background:rgba(255,255,255,.015);
  padding:20px 24px;
  display:flex; align-items:center; justify-content:center; gap:22px;
  flex-wrap:wrap;
}
.press-label{
  font-family:var(--font-display); font-size:11.5px; font-weight:600; letter-spacing:.06em;
  text-transform:uppercase; color:var(--text-faint);
}
.press-logos{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.press-item{
  font-family:var(--font-display); font-size:14px; font-weight:600; color:var(--text-dim);
  opacity:.75; transition:opacity .2s ease;
}
.press-item:hover{ opacity:1; color:var(--cyan); }

.counter{ font-variant-numeric:tabular-nums; }

@keyframes floatY{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}
.float{ animation:floatY 4.5s ease-in-out infinite; }

.card, .testi, .contact-row{
  transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.card:hover{ box-shadow:0 22px 48px -22px rgba(47,216,230,.28); }

.avatars span{ transition:transform .25s ease; }
.avatars:hover span{ transform:translateY(-3px); }

.stat{ transition:transform .25s ease; }
.stats-bar:hover .stat{ transform:none; }
.stat:hover{ transform:translateY(-4px); }

.nav-links a{ }
.nav-links a::before{
  content:''; position:absolute; left:0; bottom:-2px; height:2px; width:0;
  background:var(--signal); border-radius:2px; transition:width .25s ease;
}
.nav-links a:hover::before{ width:100%; }
.nav-links a.active::before{ display:none; }

@media (prefers-reduced-motion: reduce){
  .bg-glow, .btn-pulse, .text-shimmer, .marquee-track, .float{ animation:none !important; }
  .reveal, .reveal-stagger > *{ opacity:1 !important; transform:none !important; }
}

/* ---------- Pricing cards ---------- */
.price-card{
  position:relative;
  border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-l);
  padding:34px; display:flex; flex-direction:column; gap:18px;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.price-card:hover{ transform:translateY(-4px); box-shadow:0 24px 50px -22px rgba(47,216,230,.3); }
.price-card.is-featured{ border:1px solid rgba(47,216,230,.5); background:linear-gradient(180deg, rgba(47,216,230,.05), var(--surface) 40%); }
.price-badge{
  position:absolute; top:-12px; left:28px;
  background:var(--signal); color:#04141a;
  font-family:var(--font-display); font-weight:700; font-size:11.5px; letter-spacing:.04em;
  padding:5px 12px; border-radius:999px;
}
.price-top{ display:flex; align-items:baseline; gap:8px; }
.price-amount{ font-family:var(--font-display); font-size:2rem; font-weight:700; }
.price-period{ color:var(--text-dim); font-size:.9rem; }
.price-features{ display:flex; flex-direction:column; gap:10px; margin:4px 0 6px; }
.price-features li{ display:flex; align-items:center; gap:10px; font-size:.92rem; color:var(--text-dim); }
.price-features svg{ width:16px; height:16px; color:var(--cyan); flex:none; }
.pay-methods{
  display:flex; align-items:center; gap:10px; justify-content:center;
  margin-top:6px; font-size:12px; color:var(--text-faint);
}
.pay-chip{
  border:1px solid var(--border); border-radius:6px; padding:3px 8px;
  font-family:var(--font-display); font-weight:600; font-size:11px; color:var(--text-dim);
}

/* ---------- Minimal option list (VIP access page) ---------- */
.option-list{
  max-width:640px; margin:0 auto;
  border:1px solid var(--border); border-radius:var(--radius-l);
  background:var(--surface);
  overflow:hidden;
}
.option-row{
  position:relative;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:24px 26px;
  border-bottom:1px solid var(--border-soft);
  flex-wrap:wrap;
  transition:background .2s ease;
}
.option-row:last-child{ border-bottom:none; }
.option-row:hover{ background:rgba(255,255,255,.015); }
.option-row.is-highlight{
  background:linear-gradient(180deg, rgba(47,216,230,.07), transparent 60%);
}
.option-badge{
  position:absolute; top:-1px; right:26px;
  transform:translateY(-50%);
  background:var(--signal); color:#04141a;
  font-family:var(--font-display); font-weight:700; font-size:11.5px; letter-spacing:.02em;
  padding:5px 12px; border-radius:999px;
  box-shadow:0 6px 18px -6px rgba(47,216,230,.6);
}
.option-info{ display:flex; align-items:center; gap:14px; }
.option-icon{
  width:42px; height:42px; border-radius:11px; flex:none;
  display:flex; align-items:center; justify-content:center;
  background:var(--signal-soft); border:1px solid var(--border-soft);
  font-size:18px;
}
.option-info h3{ font-size:.98rem; margin-bottom:3px; }
.option-info p{ font-size:.84rem; color:var(--text-dim); }
.option-action{ display:flex; align-items:center; gap:16px; }
.option-price{
  font-family:var(--font-display); font-weight:700; font-size:1.25rem; color:var(--text);
  white-space:nowrap;
}
.option-price span{ font-family:var(--font-body); font-weight:500; font-size:.72rem; color:var(--text-faint); display:block; margin-top:1px; }

@media (max-width:520px){
  .option-row{ flex-direction:column; align-items:flex-start; }
  .option-row .btn{ width:100%; }
  .option-action{ width:100%; justify-content:space-between; }
}

/* ---------- Animated diagrams ---------- */
.chart-card{
  border:1px solid var(--border); background:var(--surface); border-radius:var(--radius-l);
  padding:32px 28px 20px;
  box-shadow:var(--shadow-card);
}
.chart-card-head{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
  margin-bottom:18px;
}
.chart-card-head h3{ font-size:1.05rem; }
.chart-svg{ width:100%; height:auto; display:block; overflow:visible; }

.draw-path{
  stroke-dasharray:100; stroke-dashoffset:100;
  transition:stroke-dashoffset 1.8s cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible .draw-path{ stroke-dashoffset:0; }

.chart-fill{ opacity:0; transition:opacity 1.2s ease .6s; }
.reveal.is-visible .chart-fill{ opacity:1; }

.chart-marker{
  opacity:0; transform:scale(.4); transform-box:fill-box; transform-origin:center;
  transition:opacity .5s ease, transform .5s cubic-bezier(.34,1.56,.64,1);
}
.reveal.is-visible .chart-marker{ opacity:1; transform:scale(1); }
.reveal.is-visible .chart-marker.m1{ transition-delay:.5s; }
.reveal.is-visible .chart-marker.m2{ transition-delay:1s; }
.reveal.is-visible .chart-marker.m3{ transition-delay:1.6s; }

.chart-tag{
  opacity:0; transform:translateY(6px);
  transition:opacity .5s ease, transform .5s ease;
}
.reveal.is-visible .chart-tag{ opacity:1; transform:translateY(0); }
.reveal.is-visible .chart-tag.m1{ transition-delay:.6s; }
.reveal.is-visible .chart-tag.m2{ transition-delay:1.1s; }
.reveal.is-visible .chart-tag.m3{ transition-delay:1.7s; }

@keyframes pulseDot{
  0%,100%{ r:5; opacity:1; }
  50%{ r:8; opacity:.6; }
}
.chart-live-dot{ animation:pulseDot 1.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }

@keyframes pulseRing{
  0%{ transform:scale(.6); opacity:.9; }
  100%{ transform:scale(2.6); opacity:0; }
}
.chart-live-ring{
  transform-box:fill-box; transform-origin:center;
  animation:pulseRing 1.8s ease-out infinite;
}

/* ---------- Flow / steps diagram ---------- */
.steps{ position:relative; }
.steps::before{
  content:''; position:absolute; left:19px; top:6px; bottom:6px; width:2px;
  background:var(--border-soft); z-index:0;
}
.steps::after{
  content:''; position:absolute; left:19px; top:6px; width:2px; height:0;
  background:var(--signal); z-index:0;
  transition:height 1.6s cubic-bezier(.22,.61,.36,1) .2s;
}
.reveal-stagger.is-visible.steps::after{ height:calc(100% - 12px); }
.step{ position:relative; z-index:1; }
.step-num{ background:var(--surface-2); }

/* ---------- Bar chart (growth) ---------- */
.bars{
  display:flex; align-items:flex-end; gap:12px; height:150px; padding-top:10px;
}
.bars .bar{
  flex:1; min-width:0; border-radius:7px 7px 2px 2px;
  background:var(--signal-soft); border:1px solid var(--border);
  position:relative;
  transform:scaleY(0); transform-origin:bottom;
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.reveal.is-visible .bars .bar{ transform:scaleY(1); }
.reveal.is-visible .bars .bar:nth-child(1){ transition-delay:.05s; }
.reveal.is-visible .bars .bar:nth-child(2){ transition-delay:.15s; }
.reveal.is-visible .bars .bar:nth-child(3){ transition-delay:.25s; }
.reveal.is-visible .bars .bar:nth-child(4){ transition-delay:.35s; }
.reveal.is-visible .bars .bar:nth-child(5){ transition-delay:.45s; }
.reveal.is-visible .bars .bar:nth-child(6){ transition-delay:.55s; }
.bars .bar.is-peak{ background:var(--signal); border-color:transparent; }
.bars-labels{ display:flex; gap:12px; margin-top:10px; }
.bars-labels span{ flex:1; text-align:center; font-size:11.5px; color:var(--text-faint); }
.bar-value{
  position:absolute; top:-22px; left:0; right:0; text-align:center;
  font-family:var(--font-display); font-size:11.5px; font-weight:600; color:var(--text-dim);
  opacity:0; transition:opacity .4s ease .7s;
}
.reveal.is-visible .bar-value{ opacity:1; }

@keyframes dotPulseBadge{
  0%,100%{ box-shadow:0 0 0 3px rgba(62,224,140,.2); }
  50%{ box-shadow:0 0 0 7px rgba(62,224,140,.06); }
}
.dot-live{ animation:dotPulseBadge 1.8s ease-in-out infinite; }

/* ---------- Art frame (decorative imagery) ---------- */
.art-frame{
  position:relative;
  border-radius:var(--radius-l);
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--shadow-card);
  aspect-ratio:3/4;
}
.art-frame img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s ease;
}
.art-frame:hover img{ transform:scale(1.04); }
.art-frame::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(5,7,13,0) 45%, rgba(5,7,13,.85) 100%),
             linear-gradient(90deg, rgba(5,7,13,.25), transparent 30%);
}
.art-frame-caption{
  position:absolute; left:22px; right:22px; bottom:20px; z-index:2;
  font-family:var(--font-display); font-size:.92rem; font-weight:600; color:var(--text);
  line-height:1.4;
}
.art-frame-caption span{ display:block; font-family:var(--font-body); font-weight:400; font-size:.78rem; color:var(--text-dim); margin-top:4px; }
.art-frame.is-wide{ aspect-ratio:16/7; }

@media (max-width:760px){
  .art-frame{ aspect-ratio:16/10; }
}

/* ---------- Proof CTA (Telegram results button) ---------- */
.proof-cta{
  text-align:center;
  margin-top:36px;
}
.btn-proof{
  padding:18px 32px;
  font-size:16px;
  gap:12px;
  background:linear-gradient(120deg, #29A9EB 0%, #1c8ad1 100%);
  color:#ffffff;
  box-shadow:0 14px 38px -10px rgba(41,169,235,.55);
  border:1px solid rgba(255,255,255,.15);
}
.btn-proof:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 44px -8px rgba(41,169,235,.7);
}
.btn-proof .proof-cta-arrow{
  transition:transform .2s ease;
}
.btn-proof:hover .proof-cta-arrow{ transform:translateX(4px); }
.proof-cta-sub{
  margin-top:12px;
  font-size:12.5px;
  color:var(--text-faint);
}
@keyframes pulseGlowBlue{
  0%,100%{ box-shadow:0 14px 38px -10px rgba(41,169,235,.55); }
  50%{ box-shadow:0 18px 50px -6px rgba(41,169,235,.85); }
}
.btn-proof.btn-pulse{ animation:pulseGlowBlue 2.6s ease-in-out infinite; }

@media (max-width:520px){
  .btn-proof{ width:100%; padding:16px 20px; font-size:14.5px; }
  .btn-proof span:not(.proof-cta-arrow){ white-space:normal; }
}

/* ---------- Compare grid (with/without VIP) ---------- */
.compare-grid{
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
  margin-top:8px;
}
.compare-col{
  border:1px solid var(--border); border-radius:var(--radius-m);
  padding:22px 20px;
  background:var(--surface-2);
}
.compare-col-head{
  font-family:var(--font-display); font-weight:700; font-size:1rem;
  margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--border-soft);
}
.compare-col-head.is-off{ color:var(--text-faint); }
.compare-col-head.is-on{ color:var(--cyan); }
.compare-item{
  display:flex; align-items:flex-start; gap:10px;
  font-size:.88rem; color:var(--text-dim);
  padding:9px 0;
}
.compare-icon{
  flex:none; width:20px; height:20px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700; margin-top:1px;
}
.compare-icon.is-off{ background:rgba(255,255,255,.06); color:var(--text-faint); }
.compare-icon.is-on{ background:var(--signal-soft); color:var(--cyan); }

@media (max-width:640px){
  .compare-grid{ grid-template-columns:1fr; }
}

/* ---------- Polish: selection, scrollbar, focus, page fade-in ---------- */
::selection{
  background:rgba(47,216,230,.28);
  color:#ffffff;
}

html{
  scrollbar-color:#2a3552 var(--bg);
  scrollbar-width:thin;
}
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--bg); }
::-webkit-scrollbar-thumb{
  background:#232e49;
  border-radius:8px;
  border:2px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover{ background:#31406a; }

:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
  border-radius:4px;
}
.btn:focus-visible{ outline-offset:4px; }
a:focus-visible{ outline-offset:2px; }

body{
  animation:pageFadeIn .5s ease both;
}
@keyframes pageFadeIn{
  from{ opacity:0; }
  to{ opacity:1; }
}

@media (prefers-reduced-motion: reduce){
  body{ animation:none; }
}

/* Slightly refined link underline for inline text links (not nav/buttons) */
.legal-body a, .card p a, .faq-a-inner a{
  text-decoration:underline;
  text-decoration-color:rgba(47,216,230,.35);
  text-underline-offset:3px;
  transition:text-decoration-color .2s ease;
}
.legal-body a:hover, .card p a:hover, .faq-a-inner a:hover{
  text-decoration-color:rgba(47,216,230,.9);
}