:root {
  --color-primary: #0F766E;
  --color-secondary: #1E3A8A;
  --color-accent: #D4AF37;
  --color-background: #F8FAFC;
  --color-text-primary: #0F172A;
  --color-text-secondary: #475569;
  --color-border: #E2E8F0;
  --color-success: #16A34A;
}

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

body {
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--color-text-primary);
  background:
    radial-gradient(circle at 20% -10%, rgba(15,118,110,.16), transparent 36%),
    radial-gradient(circle at 88% 8%, rgba(30,58,138,.14), transparent 30%),
    linear-gradient(180deg, #f5f9ff 0%, var(--color-background) 40%, #f3f8fc 100%);
  overflow-x: hidden;
  min-height: 100vh;
}

.orb { position: fixed; border-radius: 50%; filter: blur(18px); z-index: -1; opacity: .34; animation: drift 12s ease-in-out infinite; }
.orb.one { width: 260px; height: 260px; background: rgba(15,118,110,.35); top: 8%; left: -60px; }
.orb.two { width: 320px; height: 320px; background: rgba(30,58,138,.30); top: 58%; right: -100px; animation-delay: 2s; }
.orb.three { width: 200px; height: 200px; background: rgba(212,175,55,.24); top: 34%; right: 18%; animation-delay: 3.2s; }
@keyframes drift { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(12px,-18px) scale(1.05)} }

.container { width: min(1140px, 92%); margin-inline: auto; }
header {
  position: sticky; top: 0; z-index: 30;
  border-bottom: 1px solid rgba(226,232,240,.7);
  background: rgba(248,250,252,.64);
  backdrop-filter: blur(12px);
}
.nav { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { text-decoration: none; display: inline-flex; align-items: center; gap: .58rem; }
.brand-logo {
  width: 46px;
  height: 46px;
  display: block;
  object-fit: contain;
}
.brand-name {
  width: 238px;
  height: 44px;
  display: block;
  object-fit: contain;
}
nav { display: flex; gap: 1rem; align-items: center; }
nav a { text-decoration: none; color: var(--color-text-secondary); font-weight: 600; }
nav a:hover { color: var(--color-primary); }

.btn {
  display: inline-flex; align-items: center; justify-content: center; text-decoration: none;
  border-radius: 14px; padding: .82rem 1.15rem; font-weight: 700;
  transition: transform .24s ease, box-shadow .24s ease; position: relative; overflow: hidden;
}
.btn.primary { color: #fff; background: linear-gradient(130deg, var(--color-primary), #0f5d84); box-shadow: 0 12px 30px rgba(15,118,110,.32); }
.btn.primary::before {
  content: ""; position: absolute; top: 0; left: -140%; width: 70%; height: 100%; transform: skewX(-24deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); transition: left .55s ease;
}
.btn.primary:hover::before { left: 160%; }
.btn.primary:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(15,118,110,.42); }
.btn.ghost { border: 1px solid rgba(30,58,138,.25); color: var(--color-secondary); background: rgba(255,255,255,.7); }
.btn.ghost:hover { transform: translateY(-2px); }

.hero { padding: 5rem 0 3.5rem; }
.hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.3rem; align-items: center; }
.eyebrow { color: var(--color-primary); text-transform: uppercase; letter-spacing: .9px; font-weight: 700; font-size: .86rem; margin-bottom: .8rem; }
h1 { font-size: clamp(2.1rem, 4.2vw, 3.7rem); line-height: 1.06; max-width: 14ch; margin-bottom: .95rem; }
.lead { color: var(--color-text-secondary); max-width: 58ch; font-size: 1.03rem; margin-bottom: 1.6rem; }
.actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.45rem; }

.stats { display: grid; grid-template-columns: repeat(3, minmax(90px,1fr)); gap: .72rem; }
.stat {
  background: rgba(255,255,255,.78); border: 1px solid rgba(226,232,240,.92); border-radius: 14px;
  box-shadow: 0 14px 32px rgba(15,23,42,.05); padding: .9rem; animation: rise .7s forwards; opacity: 0; transform: translateY(14px);
}
.stat:nth-child(2){animation-delay:.12s}.stat:nth-child(3){animation-delay:.24s}
.stat strong { display: block; color: var(--color-secondary); font-size: 1.1rem; }
.stat span { color: var(--color-text-secondary); font-size: .83rem; }

.panel {
  border: 1px solid rgba(226,232,240,.92);
  background: linear-gradient(155deg, rgba(255,255,255,.86), rgba(255,255,255,.58)), linear-gradient(130deg, rgba(15,118,110,.11), rgba(30,58,138,.11));
  border-radius: 24px; padding: 1.2rem; box-shadow: 0 20px 50px rgba(15,23,42,.08);
}
.panel-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: .7rem; }
.chip { font-size: .74rem; font-weight: 700; color: #0f5e58; background: rgba(15,118,110,.12); border: 1px solid rgba(15,118,110,.3); border-radius: 999px; padding: .23rem .55rem; }
.status { font-size: .74rem; font-weight: 700; color: #14532d; background: #ecfdf5; border: 1px solid #bbf7d0; border-radius: 999px; padding: .22rem .55rem; }
.timeline { list-style: none; display: grid; gap: .62rem; }
.timeline li { color: var(--color-text-secondary); font-size: .93rem; padding: .45rem .5rem; border-radius: 10px; transition: .2s ease; }
.timeline li:hover { background: rgba(255,255,255,.72); transform: translateX(6px); }

section { padding: 2.6rem 0; }
h2 { color: var(--color-secondary); font-size: clamp(1.4rem, 3.2vw, 2.2rem); margin-bottom: .4rem; }
.section-lead { color: var(--color-text-secondary); margin-bottom: 1rem; }
.grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: .92rem; }
.card {
  background: linear-gradient(170deg, rgba(255,255,255,.92), rgba(255,255,255,.76));
  border: 1px solid rgba(226,232,240,.94); border-radius: 18px; padding: 1rem;
  box-shadow: 0 14px 36px rgba(15,23,42,.06); transition: .25s ease;
}
.card:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(15,23,42,.16); border-color: rgba(15,118,110,.35); }
.step { width: 29px; height: 29px; border-radius: 50%; display: inline-grid; place-content: center; color: #fff; font-weight: 700; margin-bottom: .5rem; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); }
.card h3 { margin-bottom: .35rem; }
.card p { color: var(--color-text-secondary); font-size: .93rem; }

.band {
  width: min(1140px, 92%); margin: .8rem auto; padding: 1.15rem;
  border-radius: 24px; border: 1px solid rgba(226,232,240,.95);
  background: linear-gradient(120deg, rgba(15,118,110,.12), rgba(30,58,138,.14)), rgba(255,255,255,.75);
  display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem;
}
.band-item { background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.95); border-radius: 14px; padding: .9rem; }
.band-item strong { display:block; color: var(--color-secondary); margin-bottom: .2rem; }
.band-item span { color: var(--color-text-secondary); font-size: .9rem; }

.cta-wrap {
  background: linear-gradient(140deg, rgba(255,255,255,.94), rgba(255,255,255,.8)); border: 1px solid rgba(226,232,240,.95);
  border-radius: 24px; padding: 1.7rem 1rem; text-align: center;
}
form { max-width: 860px; margin: 1rem auto 0; display: grid; grid-template-columns: 1fr 1fr auto; gap: .72rem; }
input { border: 1px solid rgba(226,232,240,.95); background: rgba(255,255,255,.85); border-radius: 14px; padding: .88rem .85rem; font: inherit; }
input:focus { outline: none; border-color: rgba(15,118,110,.55); box-shadow: 0 0 0 3px rgba(15,118,110,.14); }
footer { border-top: 1px solid rgba(226,232,240,.9); padding: 1.3rem 0 1.8rem; color: var(--color-text-secondary); font-size: .9rem; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.reveal.show { opacity: 1; transform: translateY(0); }
@keyframes rise { to { opacity: 1; transform: translateY(0); } }

@media (max-width: 980px) {
  .hero-grid, .grid3, .band { grid-template-columns: 1fr; }
  form { grid-template-columns: 1fr; }
  h1 { max-width: 100%; }
}
@media (max-width: 760px) {
  nav a:not(.btn){display:none}
  .brand-logo { width: 40px; height: 40px; }
  .brand-name { width: 190px; height: 36px; }
  .stats { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}