@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap');

:root {
  --white:    #FFFFFF;
  --off:      #F3F5F7;
  --black:    #090A0B;
  --black-2:  #111416;
  --black-3:  #181C1F;
  --cyan:     #3CCAD8;
  --cyan-lt:  #B8E8EE;
  --cyan-dk:  #1AA8B8;
  --gray:     #8A9BA6;
  --gray-lt:  #CBD5DB;
  --coal:     #111416;
  --off-white:#F3F5F7;
  --stone:    rgba(0,0,0,0.03);
  --ink:      #090A0B;
  --ink-soft: #111416;
  --gold:     #3CCAD8;
  --gold-light:rgba(60,202,216,0.12);
  --cyan-dim: rgba(60,202,216,0.12);
  --border:   rgba(0,0,0,0.07);
  --border-light:rgba(255,255,255,0.1);
  --muted:    #8A9BA6;
  --muted-light:#CBD5DB;
  --shadow-sm:0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:0 8px 32px rgba(0,0,0,0.10);
  --shadow-lg:0 24px 64px rgba(0,0,0,0.14);
  --r:2px;--r-md:4px;
  --transition:0.28s cubic-bezier(0.4,0,0.2,1);
  --font-display:'Outfit',system-ui,sans-serif;
  --font-body:'DM Sans',system-ui,sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;scroll-behavior:smooth;}

body{
  font-family:var(--font-body);
  font-size:15px;line-height:1.6;
  color:var(--black);background:var(--white);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

/* Outfit for all headings — readable, geometric, premium B2B */
h1,h2,h3{
  font-family:var(--font-display);
  font-weight:700;letter-spacing:-0.02em;line-height:1.1;
}
h1{font-size:clamp(36px,5vw,68px);}
h2{font-size:clamp(26px,3.2vw,44px);}
h3{font-size:clamp(18px,2vw,26px);}

.label{
  font-family:var(--font-body);font-size:10px;font-weight:600;
  letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);
}
.label-cyan{color:var(--cyan);}
.label-gold{color:var(--cyan);}

a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}

/* Animations */
.anim-fade{opacity:0;transition:opacity 0.7s ease,transform 0.7s ease;}
.anim-up{opacity:0;transform:translateY(28px);transition:opacity 0.7s ease,transform 0.7s ease;}
.anim-left{opacity:0;transform:translateX(-28px);transition:opacity 0.7s ease,transform 0.7s ease;}
.anim-right{opacity:0;transform:translateX(28px);transition:opacity 0.7s ease,transform 0.7s ease;}
.anim-scale{opacity:0;transform:scale(0.96);transition:opacity 0.7s ease,transform 0.7s ease;}
.anim-delay-1{transition-delay:0.1s;}
.anim-delay-2{transition-delay:0.2s;}
.anim-delay-3{transition-delay:0.3s;}
.anim-delay-4{transition-delay:0.4s;}
.anim-visible{opacity:1!important;transform:none!important;}