:root {
  --bg:        #edf8f4;
  --bg-warm:   #dff0ea;
  --cream:     #f4efd9;
  --ink:       #10282d;
  --charcoal:  #243a3d;
  --muted:     #5f706d;
  --light-muted:#8da19c;
  --copper:    #a86635;
  --gold:      #d3ad4f;
  --teal:      #176f68;
  --peacock-ink:    #031a22;
  --peacock-navy:   #062a35;
  --peacock-green:  #0d6f64;
  --peacock-blue:   #1f55b5;
  --peacock-teal:   #008a7a;
  --peacock-cyan:   #18cdda;
  --peacock-emerald:#0a9f72;
  --peacock-light:  rgba(0,138,122,0.14);
  --surface:        #fbfffc;
  --surface-tint:   #e6f4ef;
  --surface-deep:   #082e38;
  --line:           rgba(6,42,53,0.12);
  --peacock-gradient: linear-gradient(135deg, var(--peacock-blue) 0%, var(--peacock-teal) 58%, var(--peacock-emerald) 100%);
  --peacock-shine: linear-gradient(90deg, var(--peacock-blue), var(--peacock-teal), var(--peacock-cyan), var(--gold));
  --ease:      cubic-bezier(0.23, 1, 0.32, 1);
}

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

html { scroll-behavior: auto; scroll-padding-top: 80px; }
body {
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.65;
  color: var(--ink);
  background:
    linear-gradient(115deg, rgba(24,205,218,.12) 0%, transparent 32%),
    linear-gradient(245deg, rgba(211,173,79,.10) 0%, transparent 38%),
    linear-gradient(180deg, #f8fcf9 0%, var(--bg) 55%, var(--surface-tint) 100%);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: none; }
input, textarea, select { font: inherit; }

.preloader {
  position: fixed; inset: 0; z-index: 2000;
  background: var(--surface);
  display: none;
  align-items: center; justify-content: center;
}
.preloader.active { display: flex; }
.preloader.done { opacity: 0; pointer-events: none; transition: opacity .6s ease-out; }
.preloader-line {
  width: 120px; height: 2px; background: var(--peacock-shine);
  transform-origin: left; transform: scaleX(0);
}
/* CSS fallback: force hide preloader after 3s no matter what */
@keyframes preloader-hide {
  0%, 99% { opacity: 1; }
  100% { opacity: 0; pointer-events: none; }
}
.preloader.active {
  animation: preloader-hide .6s ease-out 3s forwards;
}


.eyebrow {
  font-size: .75rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase;
  color: var(--peacock-teal); margin-bottom: 16px;
}

.gradient-text {
  background: linear-gradient(135deg, var(--peacock-cyan) 0%, var(--peacock-teal) 35%, var(--peacock-blue) 70%, var(--gold) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (prefers-reduced-motion: reduce) {
  .preloader { display: none !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}