.atlas-deck-canvas {
  --slide-bg: #ffffff;
  --blue: #3b5edb;
  --blue-dark: #2d4ab8;
  --blue-light: #eef2ff;
  --blue-soft: #eef2ff;
  --gray-bg: #f5f7fa;
  --gray-line: #e2e8f0;
  --text-dark: #1a1a2e;
  --text-medium: #64748b;
  --text-light: #94a3b8;
  --ink: var(--text-dark);
  --muted: var(--text-medium);
  --faint: var(--text-light);
  --line: var(--gray-line);
  --soft: var(--gray-bg);
  --gold: #b0892f;
  --green: #1f9f6b;
  --doe-green: #3f7d20;
  --doe-orange: #a85a00;
  --doe-blue: #3f6f9f;
  --white: #ffffff;
  --font-display: "Inter", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "Inter", sans-serif;
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

.atlas-deck-canvas *,
.atlas-deck-canvas *::before,
.atlas-deck-canvas *::after { box-sizing: border-box; }

.atlas-deck-canvas .slide {
  position: absolute;
  inset: 0;
  display: block;
  visibility: hidden;
  width: 1920px;
  height: 1080px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: var(--white);
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.atlas-deck-canvas .slide[data-active="true"] {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.atlas-presentation[data-presentation-mode="fullscreen"] .atlas-deck-canvas .slide {
  transition: none;
}

.atlas-deck-canvas .slide-blue { background: var(--blue); color: var(--white); }
.atlas-deck-canvas .slide-gray { background: var(--gray-bg); }

.atlas-deck-canvas img,
.atlas-deck-canvas svg { max-width: 100%; max-height: 100%; }

.atlas-deck-canvas .content {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 84px 136px;
  text-align: left;
}

.atlas-deck-canvas .content.tight { padding: 76px 122px; }
.atlas-deck-canvas .content.center-stack { display: flex; flex-direction: column; align-items: stretch; justify-content: center; }

.atlas-deck-canvas .slide-chrome {
  position: absolute;
  top: 84px;
  left: 136px;
  right: 136px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.atlas-deck-canvas .slide-chrome .slide-number {
  position: static;
  color: var(--faint);
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 600;
}

.atlas-deck-canvas .slide-blue .slide-chrome .slide-number { color: rgba(255, 255, 255, 0.42); }

.atlas-deck-canvas .kicker {
  margin: 0;
  color: var(--blue);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 3px;
  line-height: normal;
  text-transform: uppercase;
}

.atlas-deck-canvas .slide-blue .kicker { color: rgba(255, 255, 255, 0.72); }
.atlas-deck-canvas .kicker + h1,
.atlas-deck-canvas .kicker + h2 { margin-top: 24px; }

.atlas-deck-canvas h1,
.atlas-deck-canvas h2,
.atlas-deck-canvas h3,
.atlas-deck-canvas p { font-family: var(--font-body); text-align: left; }
.atlas-deck-canvas h1 { margin: 0; font-size: 72px; font-weight: 800; letter-spacing: 0; line-height: 1.08; }
.atlas-deck-canvas h2 { max-width: 1180px; margin: 0; font-size: 56px; font-weight: 700; letter-spacing: 0; line-height: 1.15; }
.atlas-deck-canvas h3 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: 0; line-height: 1.25; }

.atlas-deck-canvas .subhead { margin: 0; color: var(--muted); font-size: 28px; font-weight: 600; line-height: 1.4; }
.atlas-deck-canvas .slide-blue .subhead { color: rgba(255, 255, 255, 0.82); }
.atlas-deck-canvas .body-text { margin: 0; color: var(--text-medium); font-size: 20px; font-weight: 400; line-height: 1.6; }
.atlas-deck-canvas .slide-blue .body-text { color: rgba(255, 255, 255, 0.8); }

.atlas-deck-canvas .divider { width: 76px; height: 6px; margin: 32px 0; border-radius: 999px; background: var(--blue); }
.atlas-deck-canvas .slide-blue .divider { background: rgba(255, 255, 255, 0.76); }

.atlas-deck-canvas .card {
  border: 1px solid rgba(124, 139, 163, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 16px 38px rgba(33, 44, 75, 0.09);
}

.atlas-deck-canvas .slide-blue .card { border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.1); box-shadow: none; }
.atlas-deck-canvas .image-card { overflow: hidden; border: 1px solid rgba(124, 139, 163, 0.22); border-radius: 8px; background: var(--white); box-shadow: 0 22px 52px rgba(33, 44, 75, 0.13); }
.atlas-deck-canvas .big-number { color: var(--blue); font-family: var(--font-mono); font-size: 70px; font-weight: 700; line-height: 1; }
.atlas-deck-canvas .slide-blue .big-number { color: var(--white); }

.atlas-deck-canvas .title-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 86px; align-items: center; }
.atlas-deck-canvas .title-copy { display: flex; flex-direction: column; gap: 22px; }
.atlas-deck-canvas .title-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 22px; color: rgba(255, 255, 255, 0.58); font-size: 20px; line-height: 1.5; }
.atlas-deck-canvas .title-image { transform: translateY(14px); }
.atlas-deck-canvas .slide-atlas-title { background: linear-gradient(135deg, #075fca 0%, #0f6fe5 48%, #074ead 100%); }
.atlas-deck-canvas .accent-block { position: absolute; top: -160px; right: -120px; width: 640px; height: 1240px; background: rgba(255, 255, 255, 0.06); transform: rotate(12deg); }
.atlas-deck-canvas .slide-atlas-title .accent-block { background: rgba(255, 255, 255, 0.08); }
.atlas-deck-canvas .atlas-cover-frame { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 18px; background: rgba(255, 255, 255, 0.08); box-shadow: 0 32px 72px rgba(7, 33, 82, 0.34); }
.atlas-deck-canvas .atlas-cover-frame img { display: block; width: 100%; height: 560px; object-fit: cover; object-position: center; }

.atlas-deck-canvas .tiny-label { margin: 0; color: var(--blue-dark); font-size: 13px; font-weight: 800; letter-spacing: 2px; line-height: normal; text-transform: uppercase; }
.atlas-deck-canvas .cause-layout { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 78px; align-items: center; height: 100%; }
.atlas-deck-canvas .cause-rails { position: relative; min-height: 540px; }
.atlas-deck-canvas .rail { position: relative; display: grid; grid-template-columns: 250px 1fr; gap: 22px; align-items: center; min-height: 250px; padding: 28px; }
.atlas-deck-canvas .rail + .rail { margin-top: 32px; }
.atlas-deck-canvas .rail-image { overflow: hidden; height: 178px; border: 1px solid rgba(124, 139, 163, 0.22); border-radius: 8px; background: #111827; }
.atlas-deck-canvas .rail-image img { width: 100%; height: 100%; object-fit: cover; }
.atlas-deck-canvas .rail-image.old img { object-position: 18% 16%; }
.atlas-deck-canvas .rail-image.kendo img { object-position: center; }
.atlas-deck-canvas .rail h3 { margin-bottom: 10px; }
.atlas-deck-canvas .split-marker { position: absolute; left: 50%; top: 260px; display: grid; place-items: center; width: 156px; height: 54px; border-radius: 999px; background: var(--ink); color: var(--white); font-size: 16px; font-weight: 800; text-align: center; transform: translateX(-50%); box-shadow: 0 12px 28px rgba(26, 26, 46, 0.18); }

.atlas-deck-canvas .source-diagram-layout { display: flex; justify-content: center; margin-top: 46px; }
.atlas-deck-canvas .source-diagram-asset { display: block; width: 1600px; max-height: 700px; object-fit: contain; }

.atlas-deck-canvas .notification-process { display: grid; grid-template-columns: minmax(0, 1.16fr) 104px minmax(0, 0.62fr); gap: 28px; align-items: center; margin-top: 42px; }
.atlas-deck-canvas .notification-group { display: grid; gap: 18px; min-width: 0; }
.atlas-deck-canvas .notification-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.atlas-deck-canvas .notification-relation { display: grid; justify-items: center; gap: 12px; color: var(--blue-dark); font-family: var(--font-mono); font-size: 15px; font-weight: 700; }
.atlas-deck-canvas .notification-arrow { position: relative; width: 86px; height: 3px; border-radius: 999px; background: var(--blue); }
.atlas-deck-canvas .notification-arrow::after { content: ""; position: absolute; right: -1px; top: 50%; width: 14px; height: 14px; border-right: 3px solid var(--blue); border-top: 3px solid var(--blue); transform: translateY(-50%) rotate(45deg); }
.atlas-deck-canvas .notification-shot { overflow: hidden; display: flex; flex-direction: column; height: 470px; padding: 22px; }
.atlas-deck-canvas .notification-shot h3 { margin-bottom: 14px; }
.atlas-deck-canvas .notification-shot .shot-window { overflow: hidden; display: grid; place-items: center; height: 210px; border: 1px solid rgba(124, 139, 163, 0.2); border-radius: 8px; background: var(--white); }
.atlas-deck-canvas .notification-shot img { width: 78%; max-width: 320px; height: auto; object-fit: contain; }
.atlas-deck-canvas .notification-shot.new img { width: 84%; }
.atlas-deck-canvas .comparison-cue { margin: 18px 0 0; color: var(--muted); font-size: 22px; font-weight: 600; line-height: 1.35; }
.atlas-deck-canvas .diff-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.atlas-deck-canvas .diff-tag { border-radius: 999px; background: var(--blue-soft); color: var(--blue-dark); font-size: 14px; font-weight: 700; padding: 8px 12px; }

.atlas-deck-canvas .decision-layout { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 70px; align-items: center; height: 100%; }
.atlas-deck-canvas .decision-stack { display: grid; gap: 20px; }
.atlas-deck-canvas .decision-row { display: grid; grid-template-columns: max-content 1fr; gap: 24px; align-items: center; padding: 22px 26px; }
.atlas-deck-canvas .decision-chip { display: inline-flex; align-items: center; justify-content: center; width: max-content; border-radius: 999px; color: var(--white); font-family: var(--font-mono); font-size: 14px; font-weight: 700; line-height: 1.1; padding: 8px 12px; }
.atlas-deck-canvas .chip-carry { background: var(--doe-green); }
.atlas-deck-canvas .chip-adjust { background: var(--doe-orange); }
.atlas-deck-canvas .chip-default { background: var(--doe-blue); }

.atlas-deck-canvas .audit-layout { display: block; margin-top: 42px; }
.atlas-deck-canvas .audit-table { overflow: hidden; margin-top: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--white); }
.atlas-deck-canvas .audit-row { display: grid; grid-template-columns: 0.85fr 1.16fr 1.16fr 1.16fr 0.7fr; min-height: 82px; border-bottom: 1px solid var(--line); }
.atlas-deck-canvas .audit-row:last-child { border-bottom: 0; }
.atlas-deck-canvas .audit-cell { display: flex; align-items: center; border-right: 1px solid var(--line); color: var(--muted); font-size: 19px; font-weight: 600; line-height: 1.28; padding: 20px; }
.atlas-deck-canvas .audit-cell:last-child { border-right: 0; }
.atlas-deck-canvas .audit-head .audit-cell { background: var(--blue-soft); color: var(--blue-dark); font-size: 12px; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; }
.atlas-deck-canvas .audit-row:not(.audit-head):not(.audit-more) .audit-cell:first-child { color: #475569; }
.atlas-deck-canvas .audit-row.audit-more .audit-cell { min-height: 70px; background: linear-gradient(180deg, rgba(248, 250, 252, 0.72), rgba(248, 250, 252, 0.28)); color: rgba(100, 116, 139, 0.72); font-style: italic; }
.atlas-deck-canvas .audit-more-dots { color: rgba(59, 94, 219, 0.48); font-size: 24px; font-weight: 800; letter-spacing: 3px; }

.atlas-deck-canvas .evidence-layout { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 46px; align-items: center; height: 100%; }
.atlas-deck-canvas .evidence-layout > div:first-child h2 { max-width: 670px; }
.atlas-deck-canvas .evidence-layout > div:first-child .body-text { max-width: 700px; }
.atlas-deck-canvas .variables-shot { height: 610px; }
.atlas-deck-canvas .variables-shot img { object-fit: cover; object-position: 64% 38%; }
.atlas-deck-canvas .code-panel { padding: 34px; background: #121724; color: rgba(255, 255, 255, 0.82); font-family: var(--font-body); font-size: 21px; line-height: 1.7; }
.atlas-deck-canvas .code-panel .dim { color: rgba(255, 255, 255, 0.48); }
.atlas-deck-canvas .code-panel .key { color: #8bb4ff; }
.atlas-deck-canvas .code-panel .value { color: #b9f6ca; }
.atlas-deck-canvas .evidence-code-panel { position: absolute; left: -96px; bottom: 72px; width: 430px; padding: 22px 26px; background: #121724; font-size: 18px; line-height: 1.48; box-shadow: 0 18px 44px rgba(18, 23, 36, 0.18); }

.atlas-deck-canvas .flow-layout { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; margin-top: 72px; }
.atlas-deck-canvas .flow-layout::before { position: absolute; left: 120px; right: 120px; top: 80px; height: 4px; background: linear-gradient(90deg, var(--blue), var(--gold), var(--green)); content: ""; }
.atlas-deck-canvas .flow-step { position: relative; min-height: 330px; padding: 30px; }
.atlas-deck-canvas .flow-index { display: grid; place-items: center; width: 66px; height: 66px; margin-bottom: 58px; border-radius: 50%; background: var(--blue); color: var(--white); font-size: 20px; font-weight: 800; }
.atlas-deck-canvas .flow-step:nth-child(2) .flow-index { background: var(--gold); }
.atlas-deck-canvas .flow-step:nth-child(3) .flow-index { background: var(--green); }
.atlas-deck-canvas .flow-step:nth-child(4) .flow-index { background: var(--ink); }
.atlas-deck-canvas .flow-step p { margin-top: 12px; }

.atlas-deck-canvas .result-layout { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 58px; align-items: center; height: 100%; }
.atlas-deck-canvas .result-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px; }
.atlas-deck-canvas .result-stat { min-height: 138px; padding: 22px; }
.atlas-deck-canvas .result-stat strong { display: block; color: var(--blue); font-size: 36px; font-weight: 800; }
.atlas-deck-canvas .result-stat span { display: block; margin-top: 8px; color: var(--muted); font-size: 17px; font-weight: 600; line-height: 1.28; }
.atlas-deck-canvas .result-shot { height: 610px; }
.atlas-deck-canvas .result-shot img { object-fit: cover; object-position: 51% 18%; }
.atlas-deck-canvas .result-caption { margin: 16px 0 0; color: var(--muted); font-size: 15px; font-weight: 600; line-height: 1.35; }

.atlas-deck-canvas .ihms-delivery-layout { display: grid; grid-template-columns: 0.76fr 1.24fr; gap: 74px; align-items: center; height: 100%; }
.atlas-deck-canvas .ihms-delivery-copy h2 { max-width: 760px; }
.atlas-deck-canvas .ihms-delivery-copy .body-text { max-width: 620px; }
.atlas-deck-canvas .ihms-proof-stack { position: relative; display: block; min-width: 0; min-height: 610px; }
.atlas-deck-canvas .ihms-main-shot { display: block; width: 94%; margin-left: 0; filter: drop-shadow(0 18px 28px rgba(33, 44, 75, 0.18)); }
.atlas-deck-canvas .ihms-feedback-image { position: absolute; right: 0; top: 448px; display: block; width: 82%; filter: drop-shadow(0 16px 24px rgba(33, 44, 75, 0.16)); }

.atlas-deck-canvas .impact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 66px; }
.atlas-deck-canvas .impact-card { min-height: 360px; padding: 36px; }
.atlas-deck-canvas .impact-card h3 { margin-top: 26px; font-size: 34px; }
.atlas-deck-canvas .impact-card p { margin: 18px 0 0; color: var(--muted); font-size: 22px; line-height: 1.35; }
.atlas-deck-canvas .slide-blue .impact-card p { color: rgba(255, 255, 255, 0.76); }

@media (prefers-reduced-motion: reduce) {
  .atlas-deck-canvas .slide { transition-duration: 0.01ms; }
}