/* VTS TOKENS — design variables, resets, animations */

:root{
  --blue:#1A3C8F;
  --blue2:#1e4db7;
  --navy:#0D2260;
  --gold:#FFCC00;
  --gold2:#FFD740;
  --gold3:#E8B800;
  --bg:linear-gradient(135deg,#eef2ff 0%,#e8edff 50%,#f0ebff 100%);
  --bg-base:#eef2ff;
  --white:#ffffff;
  --ink:#080e1c;
  --ink2:rgba(8,14,28,.62);
  --ink3:rgba(8,14,28,.35);
  --ink4:rgba(8,14,28,.18);
  --gl:rgba(255,255,255,.75);
  --gl2:rgba(255,255,255,.9);
  --gl-b:rgba(26,60,143,.10);
  --gl-b2:rgba(26,60,143,.18);
  --gl-gold:rgba(255,204,0,.20);
  --gd:rgba(13,34,96,.75);
  --gd2:rgba(13,34,96,.92);
  --sh:0 8px 40px rgba(26,60,143,.10),0 2px 8px rgba(26,60,143,.06);
  --sh-lg:0 24px 72px rgba(26,60,143,.16),0 6px 20px rgba(26,60,143,.08);
  --glow-gold:0 0 36px rgba(255,204,0,.45),0 0 72px rgba(255,204,0,.14);
  --glow-blue:0 0 36px rgba(26,60,143,.38);
  --r:16px;--r-lg:24px;--r-xl:32px;--r-2xl:44px;
  --nav:72px;
  --sb:0px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;font-size:17px}
body{
  font-family:'Urbanist',sans-serif;
  background:var(--bg-base);
  background-image:var(--bg);
  background-attachment:fixed;
  color:var(--ink);
  overflow-x:hidden;
  font-size:17px;
  line-height:1.6;
}
html,body{overflow-x:hidden;max-width:100vw}

/* Animations */
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes mic-exp{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.2);opacity:0}}
@keyframes blob-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(18px,-16px) scale(1.06)}}
@keyframes orb-breathe{from{opacity:.5;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1.1)}}
@keyframes he-pulse{from{box-shadow:0 0 0 0 rgba(255,204,0,.25)}to{box-shadow:0 0 0 16px rgba(255,204,0,0)}}
@keyframes scroll-x{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes fade-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes count-up{from{opacity:0}to{opacity:1}}
@keyframes vccPulse{0%,100%{box-shadow:0 0 6px rgba(34,197,94,.8)}50%{box-shadow:0 0 16px rgba(34,197,94,1)}}

.anim-in{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.anim-in.visible{opacity:1;transform:translateY(0)}
.anim-d1{transition-delay:.05s}
.anim-d2{transition-delay:.15s}
.anim-d3{transition-delay:.25s}
.anim-d4{transition-delay:.35s}
.anim-d5{transition-delay:.45s}