/* ═══════════════════════════════════════
   BASE — reset, root vars, body, shared
   ═══════════════════════════════════════ */
:root{
  /* palette */
  --bg:#020202;
  --bg-soft:#060606;
  --bg-card:#080808;
  --text:#fff;
  --text-dim:rgba(255,255,255,0.6);
  --accent:#30C991;
  --accent-2:#34D399;
  --hairline:rgba(255,255,255,0.04);
  --hairline-strong:rgba(255,255,255,0.1);

  /* fonts */
  --font-suisse:'SuisseIntl',sans-serif;
  --font-inter:'Inter',sans-serif;

  /* radii */
  --r-lg:52px;
  --r-md:24px;

  /* layout */
  --container:1331px;
  --container-tight:1321px;
  --section-gap:120px;
  --pad-x:13px;

  /* motion */
  --ease-soft:cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

body{
  background:var(--bg);
  font-family:var(--font-inter);
  -webkit-font-smoothing:antialiased;
  color:var(--text);
  width:100%;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,
[class*="-h1"],[class*="-h2"],[class*="-h3"],[class*="-h4"],[class*="-h5"],[class*="-h6"],
[class*="-title"],[class*="-heading"]{
  font-family:var(--font-suisse);
}

/* bottom fixed blur */
.bottom-blur{
  position:fixed;
  bottom:0;left:0;right:0;
  height:250px;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0px,rgba(0,0,0,0.8) 40px,rgba(0,0,0,0.3) 100px,transparent 200px);
  mask-image:linear-gradient(to top,rgba(0,0,0,1) 0px,rgba(0,0,0,0.8) 40px,rgba(0,0,0,0.3) 100px,transparent 200px);
  pointer-events:none;
  z-index:9999;
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
}