/* ═══════════════════════════════════════════════════════════════
   PRESENTING DECK OVERRIDES
   Compensates for the density reduction in the Presenting Deck.
   Applied via body[data-deck="presenting"].
   Strategy: stretch visuals to fill the slide, enlarge text,
   remove 'margin-top:auto' pushes that created huge vertical gaps.
   ═══════════════════════════════════════════════════════════════ */

body[data-deck="presenting"] {

  /* ─── WHY NOW ─── */
  .whynow-layout {
    justify-content: space-between;
  }
  .whynow-timeline {
    margin-top: 0 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 40px 56px 56px !important;
    gap: 28px;
  }
  .wt-axis {
    height: 40px !important;
    flex-shrink: 0;
  }
  .wt-tick span {
    font-size: 18px !important;
    letter-spacing: 0.15em;
  }
  .wt-now span, .wt-window span {
    font-size: 16px !important;
    letter-spacing: 0.18em;
  }
  .wt-lane {
    flex: 1;
    min-height: 0;
    display: flex !important;
    align-items: center;
    gap: 32px;
  }
  .wt-lane-head {
    width: 220px !important;
    flex-shrink: 0 !important;
  }
  .wt-lane-lbl {
    font-size: 22px !important;
    letter-spacing: 0.2em;
  }
  .wt-lane-track {
    flex: 1;
    position: relative;
    height: 56px;
  }
  .wt-m .wt-m-d {
    font-size: 13px !important;
  }
  .wt-m .wt-m-t {
    font-size: 16px !important;
  }

  /* ─── PROBLEM ─── */
  .problem-layout {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 56px;
  }
  .problem-top .title-a {
    font-size: 64px !important;
  }
  .ledger {
    margin-top: 0 !important;
    flex: 1;
    align-self: stretch;
  }
  .ledger-item {
    padding-top: 48px !important;
    padding-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .ledger-num {
    font-size: 128px !important;
    margin-bottom: 0 !important;
  }
  .ledger-label {
    font-size: 26px !important;
    line-height: 1.35;
  }
  .ledger-tag {
    font-size: 14px !important;
    margin-top: auto;
  }

  /* ─── PRODUCT ─── */
  .product-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px;
    justify-content: flex-start !important;
  }
  .product-top .title-a {
    font-size: 64px !important;
  }
  .prod2-roles {
    flex: 1;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 24px !important;
    align-items: stretch;
    min-height: 0;
  }
  .prod2-col {
    min-height: 0;
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
  }
  .prod2-hdr {
    padding: 24px 28px !important;
    flex-shrink: 0;
  }
  .prod2-tag {
    font-size: 16px !important;
    letter-spacing: 0.22em;
  }
  .prod2-who {
    font-size: 16px !important;
  }
  .prod2-jobs {
    flex: 1;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
    gap: 10px;
    padding: 20px 28px !important;
  }
  .prod2-job {
    padding: 20px 22px !important;
  }
  .prod2-job .pj-n {
    font-size: 22px !important;
    line-height: 1.3;
  }
  .prod2-impact {
    padding: 20px 28px !important;
    flex-shrink: 0;
  }
  .prod2-impact .pi-l {
    font-size: 13px !important;
    letter-spacing: 0.2em;
  }
  .prod2-impact .pi-v {
    font-size: 18px !important;
  }
  .prod2-foot {
    display: none !important;
  }

  /* ─── PLATFORM ─── */
  .platform-layout {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 40px;
  }
  .platform-top .title-a {
    font-size: 64px !important;
  }
  .pillars {
    flex: 1;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 24px !important;
    align-items: stretch;
    min-height: 0;
  }
  .pillar {
    min-height: 0;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    padding: 40px !important;
    gap: 36px;
  }
  .pillar > *:first-child {
    flex-shrink: 0;
  }
  .pillar-block:last-child {
    margin-top: auto;
  }
  .pillar-eyebrow {
    font-size: 16px !important;
    letter-spacing: 0.22em;
  }
  .pillar-title {
    font-size: 28px !important;
    line-height: 1.25;
  }
  .pillar-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .pb-label {
    font-size: 15px !important;
    letter-spacing: 0.14em;
  }
  .pillar-chips .pc, .agent-pill, .infra-tag {
    font-size: 16px !important;
    padding: 9px 16px !important;
  }
  .stat-tile .v {
    font-size: 40px !important;
  }
  .stat-tile .l {
    font-size: 14px !important;
  }

  /* ─── DISTRIBUTION ─── */
  .dist-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px;
  }
  .dist-top .title-a {
    font-size: 64px !important;
  }
  .vectors {
    flex: 1;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    align-items: stretch;
    min-height: 0;
  }
  .vec {
    min-height: 0;
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    padding: 48px !important;
    gap: 32px;
  }
  .vec-eyebrow {
    font-size: 18px !important;
    letter-spacing: 0.18em;
  }
  .vec-title {
    font-size: 40px !important;
    line-height: 1.2;
  }
  .vec-chips {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .vec-chip {
    font-size: 18px !important;
    padding: 10px 18px !important;
  }
  .flagship {
    margin-top: auto;
    padding: 40px !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .flagship .n {
    font-size: 42px !important;
  }
  .flagship .s {
    font-size: 16px !important;
    letter-spacing: 0.14em;
  }
  .vec-outcome {
    margin-top: 0 !important;
    padding-top: 32px !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .vec-outcome .l {
    font-size: 14px !important;
    letter-spacing: 0.2em;
  }
  .vec-outcome .h {
    font-size: 38px !important;
    line-height: 1.2;
  }

  /* ─── EXPANSION / MARKET OPP ─── */
  .expansion-layout {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 40px;
  }
  .expansion-top .title-a {
    font-size: 64px !important;
  }
  .expansion-grid {
    margin-top: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 20px !important;
  }
  .exp-card {
    padding: 48px 40px !important;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
  .exp-v {
    font-size: 92px !important;
    line-height: 0.95;
  }
  .exp-h {
    font-size: 24px !important;
    line-height: 1.3;
  }
  .exp-phases {
    flex: 1;
    margin-top: 0 !important;
    padding-top: 32px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    gap: 20px !important;
    align-items: stretch;
  }
  .exp-phases.exp-phases--five {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
  }
  .exp-phases--five .exp-phase {
    padding: 28px 22px !important;
    min-height: 180px !important;
    gap: 10px !important;
  }
  .exp-phases--five .exp-phase .nm { font-size: 30px !important; }
  .exp-phases--five .exp-phase .geo { font-size: 14px !important; }
  .exp-phases--five .exp-phase .yrs { font-size: 15px !important; }
  .exp-phase {
    padding: 44px 36px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 14px;
    min-height: 240px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
  }
  .exp-phase .yrs {
    font-size: 18px !important;
    letter-spacing: 0.2em;
  }
  .exp-phase .nm {
    font-size: 40px !important;
    line-height: 1.15;
  }
  .exp-phase .geo {
    font-size: 18px !important;
    margin-top: 8px;
  }

  /* ─── COMPETITIVE POSITIONING ─── */
  .comp2-layout {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .comp2-top .title-a {
    font-size: 44px !important;
    line-height: 1.15;
  }
  .comp2-body {
    display: grid !important;
    grid-template-columns: 1.7fr 1fr !important;
    gap: 28px !important;
    flex: 1;
    min-height: 0;
  }
  .comp2-matrix {
    min-height: 0;
    display: block !important;
    position: relative;
    padding-left: 32px;
    padding-bottom: 28px;
  }
  .cm-yaxis {
    position: absolute !important;
    left: 0;
    top: 0;
    bottom: 28px;
    width: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .cm-xaxis {
    position: absolute !important;
    left: 32px;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
  }
  .cm-grid {
    grid-template-columns: 1fr 1.15fr !important;
    gap: 12px !important;
    height: 100%;
  }
  .cm-quad {
    padding: 16px 20px 14px !important;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    overflow: hidden;
  }
  .cm-qhdr {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    flex-shrink: 0;
  }
  .cm-qttl {
    font-size: 17px !important;
    line-height: 1.2;
    letter-spacing: 0.06em;
  }
  .cm-qtag {
    font-size: 11px !important;
    letter-spacing: 0.18em;
    padding: 3px 9px !important;
  }
  .cm-qdesc {
    font-size: 13px !important;
    line-height: 1.4;
    flex-shrink: 0;
  }
  .cm-logos {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-height: 0;
  }
  .cm-lg {
    font-size: 12.5px !important;
    line-height: 1.25;
  }
  .cm-lg span {
    font-size: 10px !important;
    opacity: 0.6;
    display: block;
    margin-top: 1px;
  }
  .cm-lg.wai .wai-badge {
    font-size: 14px !important;
  }
  .cm-yax-t, .cm-yax-b, .cm-xax-l, .cm-xax-r {
    font-size: 12px !important;
    letter-spacing: 0.2em;
  }
  /* Hide closest-competitor and watchlist cards; keep only 'why WealthAi wins' */
  .cs-card:not(:nth-child(2)) {
    display: none !important;
  }
  .comp2-side {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }
  .cs-card {
    flex: 1;
    padding: 36px !important;
    display: flex;
    flex-direction: column;
    gap: 28px;
    min-height: 0;
  }
  .cs-hdr {
    font-size: 16px !important;
    letter-spacing: 0.18em;
    flex-shrink: 0;
  }
  .cs-wins {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px;
    flex: 1;
    align-content: space-evenly;
  }
  .cw {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    font-size: 17px !important;
    line-height: 1.4;
  }
  .cw .cw-n {
    width: 40px !important;
    height: 40px !important;
    font-size: 20px !important;
    flex-shrink: 0;
  }
  .cw strong {
    font-size: 19px !important;
  }

}
