/* PATH AGI — Enterprise Dark Shared Styles */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --d0: #0a1628;
  --d1: #0f1c2e;
  --d2: #152338;
  --d3: #1d2d44;
  --d4: #243450;
  --dtext:  #e8edf2;
  --dtext2: #8fa3bb;
  --dtext3: #546a82;
  --dborder: rgba(255,255,255,0.08);
  --dborder2: rgba(255,255,255,0.15);
  --orange: #EA580C;
  --mono: 'JetBrains Mono', monospace;
  --sans: 'Plus Jakarta Sans', sans-serif;
  --r: 4px; --r-sm: 3px; --r-lg: 6px;
}
html { scroll-behavior: smooth; }
body { font-family: var(--sans); background: #0f1c2e !important; color: var(--dtext) !important; overflow-x: hidden; }
::selection { background: rgba(234,88,12,0.25); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #0a1628; }
::-webkit-scrollbar-thumb { background: #243450; border-radius: 3px; }

/* ── LAYOUT ─────────────────────────────── */
.container { max-width: 1200px; margin: 0 auto; padding: 0 48px; }
.section { padding: 88px 0; background: #0f1c2e !important; }
.section-alt { padding: 88px 0; background: #152338 !important; }
.section-deep { padding: 88px 0; background: #0a1628 !important; }
.section-dark { padding: 88px 0; background: #0a1628 !important; }
.section-mid { padding: 88px 0; background: #152338 !important; }

/* ── TYPOGRAPHY ─────────────────────────── */
.h1 { font-size: clamp(36px,4.5vw,60px); font-weight:800; line-height:1.08; letter-spacing:-0.025em; color:white; }
.h2 { font-size: clamp(28px,3.5vw,44px); font-weight:700; line-height:1.12; letter-spacing:-0.02em; color:white; }
.h3 { font-size: clamp(20px,2vw,28px); font-weight:700; line-height:1.2; letter-spacing:-0.015em; color:white; }
.body-lg { font-size:17px; line-height:1.7; color:var(--dtext2); }
.body    { font-size:15px; line-height:1.7; color:var(--dtext2); }
.mono { font-family: var(--mono); }

/* ── EYEBROW ────────────────────────────── */
.eyebrow { display:inline-block; font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); margin-bottom:14px; }
.section-label { font-family:var(--mono); font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--orange); margin-bottom:14px; display:block; }

/* ── TAG ────────────────────────────────── */
.tag { display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:var(--orange); background:rgba(234,88,12,0.1); padding:4px 10px; border-radius:3px; border:1px solid rgba(234,88,12,0.25); }
.tag-dark { color:rgba(255,255,255,0.6); background:rgba(255,255,255,0.06); border-color:var(--dborder2); }

/* ── DIVIDER ────────────────────────────── */
hr.section-rule { border:none; height:1px; background:var(--dborder); margin:0; }

/* ── BUTTONS ────────────────────────────── */
.btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--orange); color:white; padding:12px 22px; border-radius:var(--r); font-family:var(--sans); font-size:14px; font-weight:600; cursor:pointer; border:none; text-decoration:none; transition:background 0.18s,transform 0.15s; letter-spacing:-0.01em; white-space:nowrap; }
.btn-primary:hover { background:#c94a09; transform:translateY(-1px); }
.btn-secondary { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,0.06); color:rgba(255,255,255,0.8); padding:11px 22px; border-radius:var(--r); font-family:var(--sans); font-size:14px; font-weight:600; cursor:pointer; border:1px solid var(--dborder2); text-decoration:none; transition:all 0.18s; letter-spacing:-0.01em; }
.btn-secondary:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.3); color:white; }
.btn-text { display:inline-flex; align-items:center; gap:6px; font-family:var(--sans); font-size:14px; font-weight:600; color:var(--orange); background:none; border:none; cursor:pointer; text-decoration:none; transition:gap 0.18s; }
.btn-text:hover { gap:10px; }
.btn-ghost { display:inline-flex; align-items:center; gap:6px; font-family:var(--sans); font-size:14px; font-weight:600; color:var(--orange); background:none; border:none; cursor:pointer; text-decoration:none; transition:gap 0.18s; }
.btn-ghost:hover { gap:10px; }

/* ── CARDS ──────────────────────────────── */
.card { background:var(--d2); border:1px solid var(--dborder); border-radius:var(--r-lg); padding:28px; transition:border-color 0.18s; }
.card:hover { border-color:rgba(234,88,12,0.4); }
.card-grid-sep { display:grid; gap:1px; background:var(--dborder); border-radius:var(--r); overflow:hidden; }
.card-grid-item { background:var(--d2); padding:28px; transition:background 0.15s; }
.card-grid-item:hover { background:var(--d3); }

/* ── NUDGE CARDS ────────────────────────── */
.nudge-card { background:rgba(255,255,255,0.93); backdropFilter:blur(20px); border:1px solid rgba(255,255,255,0.96); border-left:3px solid var(--orange); border-radius:var(--r-lg); padding:18px 20px; transition:box-shadow 0.18s; }
.nudge-card:hover { box-shadow:0 8px 28px rgba(0,0,0,0.25); }
.nudge-card.indigo { border-left-color:#6d8ecb; }
.nudge-card.amber  { border-left-color:#d97706; }
.nudge-card.rose   { border-left-color:#e05c5c; }
.nudge-card .dept  { font-family:var(--mono); font-size:9px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#546a82; margin-bottom:8px; }
.nudge-card .priority { font-family:var(--mono); font-size:9px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; padding:2px 8px; border-radius:3px; }
.nudge-card .priority.high { background:rgba(224,92,92,0.15); color:#e05c5c; border:1px solid rgba(224,92,92,0.3); }
.nudge-card .priority.med  { background:rgba(245,158,11,0.15); color:#f59e0b; border:1px solid rgba(245,158,11,0.3); }
.nudge-card .priority.low  { background:rgba(109,142,203,0.12); color:#93b0e0; border:1px solid rgba(109,142,203,0.25); }
.nudge-card .title { font-size:14px; font-weight:700; color:#0f1c2e; margin-bottom:6px; line-height:1.35; }
.nudge-card .body  { font-size:12px; color:#44505f; line-height:1.55; margin-bottom:12px; }
.nudge-card .action { display:inline-flex; align-items:center; gap:5px; font-family:var(--mono); font-size:10px; font-weight:600; color:var(--orange); background:rgba(234,88,12,0.1); border:1px solid rgba(234,88,12,0.25); padding:4px 10px; border-radius:var(--r-sm); }
.nudge-card.indigo .action { color:#6d8ecb; background:rgba(109,142,203,0.1); border-color:rgba(109,142,203,0.25); }
.nudge-card.amber  .action { color:#d97706; background:rgba(217,119,6,0.1); border-color:rgba(217,119,6,0.25); }
.nudge-card.rose   .action { color:#e05c5c; background:rgba(224,92,92,0.1); border-color:rgba(224,92,92,0.25); }

/* ── SECTION HEADING PATTERN ────────────── */
.sh-orange { color: var(--orange); }
.sh-white  { color: white; }

/* Force dark on all section types */
.section, .section-alt, .section-deep, .section-dark, .section-mid {
  background: #0f1c2e;
}
.section-alt, .section-mid { background: #152338 !important; }
.section-deep, .section-dark { background: #0a1628 !important; }

/* ── ANIMATIONS ─────────────────────────── */
@keyframes fade-up { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
@keyframes ticker  { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* ── RESPONSIVE ─────────────────────────── */
@media (max-width: 768px) {
  .container { padding: 0 20px; }
  .section,.section-alt,.section-deep,.section-dark,.section-mid { padding: 56px 0; }
  .nav-links-desktop { display: none !important; }
  .nav-cta-desktop   { display: none !important; }
  .nav-hamburger     { display: flex !important; }
  .footer-grid       { grid-template-columns: 1fr 1fr !important; }
  .footer-brand      { grid-column: 1 / -1 !important; }
}
@media (max-width: 480px) {
  .container { padding: 0 16px; }
  .footer-grid { grid-template-columns: 1fr !important; }
}