@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;600;700&family=Work+Sans:wght@300;400;500;600&display=swap');

:root {
  --void:       #080E14;
  --surface:    #0D1A26;
  --surface2:   #132233;
  --border:     #1E3347;
  --blue:       #006EA7;
  --blue-b:     #0A8FD4;
  --green:      #A4CA67;
  --green-d:    #6E9944;
  --gold:       #D2A844;
  --cream:      #F1DEB8;
  --grey-m:     #4A6278;
  --grey-l:     #A8BDD0;
  --text:       #EAF2F8;
  --text2:      #A8BDD0;
  --glow-b:     0 0 60px rgba(0,110,167,0.22);
  --glow-g:     0 0 30px rgba(164,202,103,0.15);
}

.reveal { font-family: 'Work Sans', sans-serif; background: var(--void); }
.reveal .slides section { height: 100%; box-sizing: border-box; }

.reveal h1, .reveal h2, .reveal h3 { font-family: 'Raleway', sans-serif; color: var(--text); text-transform: none; letter-spacing: -0.01em; margin-top: 0; }
.reveal h1 { font-size: 2.8em; font-weight: 300; line-height: 1.15; }
.reveal h2 { font-size: 1.9em; font-weight: 700; color: var(--text); }
.reveal h3 { font-size: 1.25em; font-weight: 600; color: var(--text2); }
.reveal p { font-family: 'Work Sans', sans-serif; color: var(--text2); font-size: 0.78em; line-height: 1.65; margin: 0 0 16px; }
.reveal ul { margin: 0 0 0 20px; padding: 0; color: var(--text2); font-size: 0.78em; line-height: 1.65; }
.reveal li { margin-bottom: 8px; list-style: none; position: relative; }
.reveal li::before { content: '■ '; color: var(--green); font-size: 0.65em; position: absolute; left: -18px; top: 3px; }
.reveal strong { color: var(--text); font-weight: 600; }

.rule { display: block; width: 56px; height: 2px; background: var(--gold); margin: 14px 0 22px; }
.rule-green { background: var(--green); }
.logo { height: 38px; display: block; }
.cover-logo-wrap { position: absolute; top: 44px; left: 80px; z-index: 3; }

.glow-orb::after {
  content: ''; position: absolute; top: -120px; right: -120px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(0,110,167,0.20) 0%, transparent 65%); pointer-events: none;
}

.cover-inner {
  position: relative; z-index: 2; text-align: left; padding: 60px 80px; height: 100%;
  display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;
  background: linear-gradient(155deg, rgba(8,14,20,0.88) 45%, rgba(0,110,167,0.30) 100%);
}
.cover-tag { font-family: 'Work Sans', sans-serif; font-size: 0.55em; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green); margin-bottom: 18px; }
.cover-title { font-size: 2.8em; font-weight: 200; color: var(--text); line-height: 1.1; margin: 0 0 16px; }
.cover-sub { font-size: 0.82em; color: var(--text2); max-width: 600px; line-height: 1.6; margin: 0 0 32px; }

.content-inner { padding: 52px 72px; height: 100%; display: flex; flex-direction: column; position: relative; text-align: left; box-sizing: border-box; }
.content-title-wrap { margin-bottom: 16px; }

.two-col { display: flex; gap: 48px; flex: 1; align-items: stretch; margin-top: 24px; }
.three-col { display: flex; gap: 24px; flex: 1; align-items: stretch; margin-top: 24px; }
.col { flex: 1; display: flex; flex-direction: column; }

.card {
  border-radius: 12px; padding: 28px 24px;
  border: 1px solid var(--border); background: var(--surface);
  box-shadow: var(--glow-b); display: flex; flex-direction: column; flex: 1;
}
.card h3 { margin-top: 0; margin-bottom: 16px; font-size: 1.0em; color: var(--blue-b); }
.card p { font-size: 0.70em; margin-bottom: 12px; }
.card .tag { display: inline-block; padding: 4px 10px; background: rgba(164,202,103,0.1); color: var(--green); border: 1px solid rgba(164,202,103,0.3); border-radius: 4px; font-size: 0.55em; margin-bottom: 12px; font-weight: 600; text-transform: uppercase;}
.card .highlight-box { margin-top: auto; background: var(--surface2); padding: 12px 16px; border-radius: 8px; font-size: 0.65em; border-left: 2px solid var(--blue-b); color: var(--text); }

.stat-grid { display: flex; gap: 0; flex: 1; margin-top: 60px; }
.stat-block { flex: 1; text-align: center; padding: 0 32px; border-right: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; }
.stat-block:last-child { border-right: none; }
.stat-icon { font-size: 2em; margin-bottom: 12px; }
.stat-label { font-family: 'Raleway', sans-serif; font-size: 0.85em; font-weight: 700; text-transform: uppercase; color: var(--text); line-height: 1.3; margin-bottom: 12px; }
.stat-desc { font-size: 0.7em; color: var(--grey-l); }

.callout-bar { background: var(--surface); border: 1px solid var(--blue); padding: 16px 24px; border-radius: 8px; font-size: 0.75em; text-align: center; color: var(--text); margin-top: 24px; box-shadow: var(--glow-b); }

.footer-bar { position: absolute; bottom: 24px; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--blue) 0%, var(--green) 60%, transparent 100%); }

.reveal .progress { height: 3px; background: var(--surface2); }
.reveal .progress span { background: linear-gradient(90deg, var(--blue), var(--green)); }
.reveal .controls { color: var(--blue-b); }