/* Dark presentation aligned to the official SEN Branding VI palette. */
    :root {
      --vi-blue: #4d91f2;
      --vi-periwinkle: #7ea6f6;
      --vi-ice: #dcebfe;
      --vi-blush: #f1b7e6;
      --vi-lilac: #c9a6f4;
      --vi-gradient: linear-gradient(135deg, #4d91f2 0%, #7ea6f6 54%, #dcebfe 100%);
      --vi-gradient-strong: linear-gradient(135deg, #4d91f2 0%, #7ea6f6 58%, #dcebfe 100%);
      --sage: var(--vi-periwinkle);
      --moss: var(--vi-blue);
      --orange: var(--vi-blue);
      --brass: var(--vi-periwinkle);
      --text-blue: var(--vi-periwinkle);
      --text-blue-deep: var(--vi-blue);
    }
    .slide {
      background:
        radial-gradient(circle at 86% 8%, rgba(77, 145, 242, .16), transparent 31%),
        radial-gradient(circle at 13% 96%, rgba(241, 183, 230, .09), transparent 30%),
        radial-gradient(circle at 62% 106%, rgba(201, 166, 244, .07), transparent 34%),
        linear-gradient(145deg, #081426, #05070b 68%);
    }
    body,
    button,
    input,
    textarea,
    select { font-family: "Microsoft YaHei", "微软雅黑", sans-serif; }
    .slide::after {
      background:
        radial-gradient(circle at 40% 35%, rgba(126, 166, 246, .12), rgba(77, 145, 242, .05) 44%, transparent 70%),
        radial-gradient(circle at 72% 86%, rgba(201, 166, 244, .06), transparent 32%);
    }
    .slide.light {
      background:
        radial-gradient(circle at 88% 4%, rgba(126, 166, 246, .25), transparent 31%),
        radial-gradient(circle at 2% 100%, rgba(241, 183, 230, .30), transparent 34%),
        radial-gradient(circle at 76% 108%, rgba(201, 166, 244, .25), transparent 39%),
        radial-gradient(circle at 42% 52%, rgba(220, 235, 254, .40), transparent 48%),
        #f8fbff;
    }
    .hero-shade {
      background:
        linear-gradient(90deg, rgba(5, 7, 11, .98) 0%, rgba(8, 20, 38, .80) 38%, rgba(8, 20, 38, .10) 76%),
        linear-gradient(0deg, rgba(5, 7, 11, .88), transparent 45%),
        radial-gradient(circle at 75% 16%, rgba(77, 145, 242, .20), transparent 35%),
        radial-gradient(circle at 65% 94%, rgba(201, 166, 244, .08), transparent 32%);
    }
    .loss-slide {
      background:
        radial-gradient(circle at 87% 9%, rgba(77, 145, 242, .17), transparent 31%),
        radial-gradient(circle at 9% 94%, rgba(241, 183, 230, .08), transparent 29%),
        radial-gradient(circle at 72% 104%, rgba(201, 166, 244, .06), transparent 32%),
        linear-gradient(145deg, #081426, #05070b 70%);
    }
    .accent,
    .orange,
    .loss-head h2 span,
    .loss-funnel-caption .to,
    .loss-reason b,
    .loss-stat strong,
    .loss-funnel-caption .from,
    .pain-card .num,
    .cap-item .index,
    .industry .industry-no,
    .stakeholder .arrow { color: var(--text-blue); }
    .light .accent,
    .light .orange,
    .light .path-title span,
    .light .industry strong { color: var(--text-blue-deep); }
    .hero h1 .accent { color: #ffffff; }
    .eyebrow::before,
    .progress > i { background: var(--vi-gradient-strong); }
    .chip {
      border-color: rgba(126, 166, 246, .38);
      background: rgba(77, 145, 242, .09);
    }
    .chip i {
      background: var(--vi-periwinkle);
      box-shadow: 0 0 18px rgba(126, 166, 246, .68);
    }
    .loss-funnel {
      gap: 2px;
      background: rgba(255, 255, 255, .12);
      filter: none;
    }
    .loss-funnel::after { display: none; }
    .loss-stage {
      color: #ffffff;
      box-shadow: none;
    }
    .loss-stage.s1 { --stage-bg: #263a55; }
    .loss-stage.s2 { --stage-bg: #3569a8; }
    .loss-stage.s3 { --stage-bg: #4d91f2; }
    .loss-stage.s4 {
      --stage-bg: #7ea6f6;
      color: #ffffff;
      box-shadow: none;
    }
    .loss-funnel-caption .from { color: var(--text-blue); }
    .loss-funnel-caption .to { color: var(--text-blue); }
    .loss-funnel-caption .from,
    .loss-funnel-caption .to {
      display: inline-block;
      line-height: .9;
      font-weight: 800;
      letter-spacing: -.04em;
    }
    .loss-funnel-caption .from { font-size: 1.5em; }
    .loss-funnel-caption .to {
      margin-left: .08em;
      font-size: 1.9em;
      color: var(--vi-ice);
      text-shadow: 0 0 20px rgba(126, 166, 246, .28);
    }
    .path-title-compact {
      margin: 0 0 clamp(.6rem, 1.5vh, 1.15rem);
      font-size: clamp(2.25rem, 4vw, 4.35rem);
      line-height: .92;
      letter-spacing: -.055em;
    }
    .core-subtitle {
      font-size: clamp(1.8rem, 3vw, 3.25rem);
      line-height: 1.12;
      letter-spacing: -.035em;
    }
    .touchpoint-title {
      font-size: clamp(2.3rem, 4.4vw, 4.8rem);
      line-height: 1.04;
      letter-spacing: -.045em;
    }
    h2 .accent,
    h2 .orange,
    .loss-head h2 span,
    .path-title span {
      color: var(--vi-periwinkle);
      background-image: linear-gradient(100deg, #8fc0ff 0%, #beb6ff 34%, #e4b7ee 62%, #9fcaff 100%);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .light h2 .accent,
    .light h2 .orange,
    .light .path-title span {
      background-image: linear-gradient(100deg, #397fdc 0%, #6f74d9 35%, #a25db4 63%, #4d91f2 100%);
    }
    .hero h1 .accent {
      color: var(--vi-periwinkle);
      background-image: linear-gradient(100deg, #8fc0ff 0%, #b9b8ff 34%, #e3b6ef 64%, #9fcaff 100%);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 .08em .28em rgba(77, 145, 242, .14));
    }
    @media (min-width: 761px) {
      .loss-funnel-wrap {
        width: min(100%, 46rem);
        margin-inline: auto;
        justify-self: center;
      }
      .loss-funnel-caption {
        width: 100%;
        text-align: center;
      }
      .loss-source {
        position: absolute;
        right: var(--slide-padding);
        bottom: calc(var(--brand-wall-height) + clamp(2.1rem, 3vh, 2.8rem));
        width: min(46rem, 52vw);
        margin: 0;
        text-align: right;
      }
    }
    @media (min-width: 761px) and (min-height: 801px) {
      .loss-funnel {
        width: 100%;
        min-height: 0;
        aspect-ratio: 1.55 / 1;
      }
    }
    .case-copy .quote {
      width: 100%;
      max-width: none;
      text-align: center;
      text-wrap: balance;
    }
    .nav-dot.active { background: var(--vi-periwinkle); box-shadow: 0 0 14px rgba(126,166,246,.66); }
    @media print {
      [data-reveal] { opacity: 1 !important; transform: none !important; }
    }