/* GMAIPL Static Styles */
:root{
  --bg:#0B1220;
  --panel: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.12);
  --text:#ffffff;
  --muted: rgba(255,255,255,0.75);
  --muted2: rgba(255,255,255,0.60);
  --accent1:#6ee7e7; /* teal-300 */
  --accent2:#7aa2ff; /* indigo/blue */
  --radius: 16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,Arial,Helvetica,sans-serif;
  line-height:1.5;
}
.container{max-width:1120px;margin:0 auto;padding:0 16px}

.nav{
  position:sticky;top:0;z-index:100;
  backdrop-filter:saturate(120%) blur(10px);
  background:rgba(11,18,32,0.82);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 0;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);}
.logo{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg, rgba(110,231,231,0.9), rgba(122,162,255,0.9));display:inline-block}
.brand-text{font-weight:600;letter-spacing:0.2px}
.menu{display:none;gap:18px}
.menu a{color:var(--muted);text-decoration:none}
.menu a:hover{color:var(--text)}
@media(min-width:820px){.menu{display:flex}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, #23d5ab, #7aa2ff);
  color:#0B1220;text-decoration:none;border-radius:14px;
  padding:10px 16px;font-weight:600;border:1px solid transparent;
  transition:transform .12s ease, opacity .2s ease;
}
.btn:hover{transform:translateY(-1px);opacity:.95}
.btn-outline{
  background:transparent;color:var(--text);
  border-color:var(--border);
}
.btn-secondary{
  background:#fff;color:#000;border-color:transparent;
}
.btn-lg{padding:14px 18px;border-radius:16px;font-size:16px}

.hero{position:relative;padding:80px 0}
.hero-inner{display:grid;gap:28px;align-items:center}
@media(min-width:920px){.hero-inner{grid-template-columns:1.1fr 0.9fr}}
.hero-copy h1{font-size:44px;line-height:1.1;margin:0}
@media(min-width:920px){.hero-copy h1{font-size:60px}}
.gradient{background:linear-gradient(90deg, #a7fff6, #9fb8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{color:var(--muted);margin-top:14px}
.narrow{max-width:760px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.buyers{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.chip{
  border:1px solid var(--border);background:var(--panel);color:var(--muted);
  padding:6px 10px;border-radius:999px;font-size:12px
}

.hero-card{
  background:var(--panel);border:1px solid var(--border);
  border-radius:20px;padding:18px;
}
.card-title{margin:0 0 8px 0;color:#e9f7ff;font-weight:600}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
@media(min-width:920px){.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
.metric{background:rgba(255,255,255,0.06);border:1px solid var(--border);border-radius:14px;padding:12px}
.metric-value{font-size:24px;font-weight:600}
.metric-label{font-size:12px;color:var(--muted2);margin-top:4px}
.fine{font-size:11px;color:var(--muted2);margin-top:10px}

.section{padding:64px 0}
.section.alt{background:rgba(255,255,255,0.04)}
.grid-2{display:grid;gap:22px}
@media(min-width:920px){.grid-2{grid-template-columns:1fr 1fr}}
h2{font-size:28px;margin:0}
.list{margin:16px 0 0 0;color:var(--muted)}
.list li{margin:8px 0}
.list.tight li{margin:6px 0}

.card{
  background:var(--panel);border:1px solid var(--border);
  border-radius:18px;padding:18px
}
.card-text{color:var(--muted)}

.cards-4{display:grid;gap:16px;margin-top:18px}
@media(min-width:960px){.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

.diagram{
  white-space:pre-wrap;background:#0B1220;border:1px solid var(--border);
  padding:12px;border-radius:12px;color:var(--muted);font-size:13px
}

.metrics-grid{display:grid;gap:16px;margin-top:16px}
@media(min-width:920px){.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.metric-card{
  background:var(--panel);border:1px solid var(--border);
  border-radius:16px;padding:18px
}

.pilot-grid{display:grid;gap:16px;margin-top:18px}
@media(min-width:920px){.pilot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.contact{text-align:center}

.footer{border-top:1px solid var(--border);padding:18px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted2)}
.footer a{color:var(--muted2);text-decoration:none}
.footer a:hover{color:#fff}

.bg-blur{position:absolute;filter:blur(100px);opacity:.45}
.bg-1{top:-80px;left:-80px;width:520px;height:520px;background:radial-gradient(circle at 30% 30%, #40e0d0, transparent 60%), radial-gradient(circle at 70% 70%, #7aa2ff, transparent 60%)}
.bg-2{right:-120px;bottom:-120px;width:480px;height:480px;background:radial-gradient(circle at 30% 30%, #77bfff, transparent 60%), radial-gradient(circle at 70% 70%, #a7fff6, transparent 60%)}