:root{
  --background:0 0% 99%;
  --foreground:212 71% 18%;
  --card:0 0% 100%;
  --card-foreground:212 71% 18%;
  --primary:212 71% 24%;
  --primary-foreground:0 0% 99%;
  --secondary:220 20% 97%;
  --secondary-foreground:212 71% 24%;
  --muted:220 20% 96%;
  --muted-foreground:213 25% 42%;
  --accent:40 51% 56%;
  --accent-foreground:212 71% 15%;
  --border:213 25% 90%;
  --input:213 25% 88%;
  --ring:40 51% 56%;
  --radius:.5rem;
  --font-heading:"Satoshi","Inter",ui-sans-serif,system-ui,sans-serif;
}
*{border-color:hsl(var(--border))}
html{scroll-behavior:smooth}
body{
  background:hsl(var(--background));
  color:hsl(var(--foreground));
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.font-heading{font-family:var(--font-heading)}
.glass-nav{background:rgba(253,253,253,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}

/* scroll reveal */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
[data-reveal].is-in{opacity:1;transform:none}
[data-reveal="hero-1"]{transform:translateY(20px)}
[data-reveal="hero-2"]{transform:translateY(32px)}
[data-reveal="hero-4"]{transform:translateY(24px)}
[data-reveal="hero-5"]{transform:none}
[data-reveal="hero-img"]{transform:translateY(24px) scale(.96)}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;transform:none!important;transition:none}
  html{scroll-behavior:auto}
}