/* ======================================================
       V2.1 · OFFICIAL WEBSITE VISUAL ALIGNMENT
       Light spatial imagery, ice-blue atmosphere, strong
       sans-serif typography and softly elevated glass panels.
       ====================================================== */
    @media not all {
    :root {
      --site-bg: #e8f0ff;
      --site-paper: rgba(255, 255, 255, .82);
      --site-paper-strong: rgba(255, 255, 255, .94);
      --site-ink: #333333;
      --site-muted: #666666;
      --site-blue: #5e9cf4;
      --site-blue-deep: #1f73d8;
      --site-blue-2: #5f8eee;
      --site-ice: #dbebff;
      --site-line: rgba(51, 51, 51, .10);
      --site-shadow: 0 18px 54px rgba(31, 38, 135, .10);
      --site-soft-shadow: 0 10px 30px rgba(77, 145, 242, .09);
      --site-radius: clamp(1rem, 1.65vw, 1.75rem);
      --ink: var(--site-ink);
      --charcoal: #eef4ff;
      --ivory: #ffffff;
      --paper: #f5f8ff;
      --sage: #85b6fa;
      --moss: var(--site-blue-deep);
      --orange: var(--site-blue);
      --brass: var(--site-blue-2);
      --line: rgba(51, 51, 51, .10);
      --serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }

    body {
      color: var(--site-ink);
      background: var(--site-bg);
      font-family: var(--sans);
    }
    h1, h2, h3 {
      font-family: var(--sans);
      font-weight: 860;
      letter-spacing: -.052em;
    }
    p { letter-spacing: -.012em; }

    .slide,
    .slide.light,
    .loss-slide,
    .cta {
      color: var(--site-ink);
      background:
        radial-gradient(circle at 88% 4%, rgba(255, 255, 255, .92), transparent 28%),
        radial-gradient(circle at 8% 96%, rgba(255, 255, 255, .62), transparent 32%),
        linear-gradient(135deg, #f7faff 0%, #e8f0ff 50%, #eef4fb 100%);
    }
    .slide::before,
    .slide.light::before {
      opacity: .5;
      background-image:
        radial-gradient(circle at 18% 18%, rgba(94, 156, 244, .10), transparent 20%),
        linear-gradient(rgba(255, 255, 255, .34) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .34) 1px, transparent 1px);
      background-size: auto, clamp(72px, 8vw, 128px) clamp(72px, 8vw, 128px), clamp(72px, 8vw, 128px) clamp(72px, 8vw, 128px);
      mask-image: linear-gradient(to bottom, #000, transparent 90%);
    }
    .slide::after,
    .slide.light::after {
      width: 48vw;
      height: 48vw;
      right: -22vw;
      bottom: -28vw;
      background: radial-gradient(circle, rgba(94, 156, 244, .16), rgba(95, 142, 238, .04) 48%, transparent 70%);
      filter: blur(12px);
    }

    .topline,
    .hero-bottom { color: var(--site-ink); }
    .eyebrow {
      color: var(--site-blue-deep);
      font-weight: 850;
      letter-spacing: .1em;
    }
    .eyebrow::before {
      width: 1.7rem;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--site-blue), var(--site-blue-2));
    }
    .slide-no, .meta { color: rgba(51, 51, 51, .56); }
    .kicker,
    .light .kicker { color: var(--site-muted); }
    .accent,
    .light .accent,
    .orange { color: var(--site-blue-deep); }

    .hero {
      color: var(--site-ink);
      background: #edf4ff;
    }
    .hero-bg {
      opacity: .58;
      filter: saturate(.66) contrast(.92) brightness(1.08);
    }
    .hero-shade {
      background:
        linear-gradient(90deg, rgba(232, 240, 255, .99) 0%, rgba(232, 240, 255, .94) 30%, rgba(232, 240, 255, .58) 54%, rgba(232, 240, 255, .06) 82%),
        linear-gradient(0deg, rgba(232, 240, 255, .56), transparent 45%);
    }
    .hero .topline,
    .cta .topline { min-height: clamp(2rem, 3.2vw, 3rem); }
    .hero .topline::before,
    .cta .topline::before {
      content: "SENGINE AI";
      color: #0b0c0e;
      font-size: clamp(1.25rem, 2.25vw, 2.25rem);
      font-weight: 950;
      line-height: 1;
      letter-spacing: -.08em;
      transform: scaleX(1.03);
      transform-origin: left center;
    }
    .hero .logo,
    .cta .logo { display: none; }
    .hero-copy {
      width: min(48rem, 62vw);
      gap: clamp(1rem, 2vw, 1.7rem);
    }
    .hero h1 {
      max-width: 8ch;
      color: var(--site-ink);
      font-size: clamp(3.2rem, 7vw, 7.2rem);
      font-weight: 920;
      line-height: .92;
      letter-spacing: -.075em;
    }
    .hero h1 .accent { color: var(--site-ink); }
    .hero .tagline {
      width: min(36rem, 70vw);
      color: #4f5359;
      font-weight: 720;
      line-height: 1.6;
    }
    .chip {
      padding: .56rem .92rem;
      color: var(--site-blue-deep);
      border-color: rgba(77, 145, 242, .28);
      background: rgba(255, 255, 255, .66);
      box-shadow: var(--site-soft-shadow);
      backdrop-filter: blur(14px);
      font-weight: 800;
    }
    .chip i {
      background: var(--site-blue);
      box-shadow: 0 0 14px rgba(94, 156, 244, .58);
    }
    .scroll-cue b {
      color: var(--site-blue-deep);
      border-color: rgba(77, 145, 242, .28);
      background: rgba(255, 255, 255, .58);
    }

    .loss-slide .slide-content { color: var(--site-ink); }
    .loss-head h2 span,
    .loss-funnel-caption .to,
    .loss-reason b,
    .loss-stat strong,
    .loss-funnel-caption .from,
    .path-title span,
    .pain-card .num,
    .cap-item .index,
    .industry .industry-no,
    .stakeholder .arrow { color: var(--site-blue-deep); }
    .loss-funnel {
      background: rgba(94, 156, 244, .16);
      filter: drop-shadow(0 20px 36px rgba(31, 38, 135, .12));
    }
    .loss-stage { color: var(--site-ink); }
    .loss-stage.s1 { --stage-bg: linear-gradient(90deg, rgba(255,255,255,.92), rgba(219,235,255,.88)); }
    .loss-stage.s2 { --stage-bg: linear-gradient(90deg, #d9e9ff, #bfd8fb); }
    .loss-stage.s3 { --stage-bg: linear-gradient(90deg, #a9ccfb, #85b6fa); }
    .loss-stage.s4 {
      --stage-bg: linear-gradient(135deg, #5e9cf4, #5f8eee);
      color: #fff;
      box-shadow: inset 0 1px rgba(255,255,255,.34);
    }
    .loss-reason,
    .pain-card,
    .industry {
      color: var(--site-ink);
      border: 1px solid rgba(255, 255, 255, .82);
      border-left-color: rgba(94, 156, 244, .9);
      border-radius: var(--site-radius);
      background: linear-gradient(145deg, rgba(255,255,255,.84), rgba(255,255,255,.50));
      box-shadow: var(--site-soft-shadow);
      backdrop-filter: blur(15px);
    }
    .loss-reason p,
    .loss-source,
    .pain-card p,
    .cap-item p,
    .industry p,
    .case-copy .detail,
    .case-title .meta { color: var(--site-muted); }
    .loss-reason::before { display: none; }

    .loop-steps {
      gap: clamp(.45rem, 1vw, .9rem);
      border: 0;
    }
    .loop-step {
      border: 1px solid rgba(255, 255, 255, .84) !important;
      border-radius: clamp(.8rem, 1.2vw, 1.25rem);
      background: rgba(255, 255, 255, .64);
      box-shadow: var(--site-soft-shadow);
      backdrop-filter: blur(14px);
    }
    .loop-step:hover {
      background: rgba(255, 255, 255, .92);
      transform: translateY(-8px);
      box-shadow: 0 18px 42px rgba(77, 145, 242, .16);
    }
    .loop-step .dot {
      color: #fff;
      background: linear-gradient(135deg, var(--site-blue), var(--site-blue-2));
      box-shadow: 0 9px 22px rgba(77, 145, 242, .24);
    }
    .loop-step h3 {
      color: var(--site-ink);
      writing-mode: horizontal-tb;
      text-orientation: mixed;
      letter-spacing: -.04em;
    }
    .loop-step p { color: var(--site-muted); opacity: 1; }

    .video-frame,
    .case-media,
    .matrix-card {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .76);
      border-radius: var(--site-radius);
      background: #dce8f8;
      box-shadow: var(--site-shadow);
    }
    .video-frame video.brand-video { background: #e8f0ff; }
    .video-frame::after,
    .case-media::after {
      color: #fff;
      border-color: rgba(255,255,255,.36);
      border-radius: 999px;
      background: rgba(31, 115, 216, .76);
    }
    .cap-stack {
      gap: clamp(.45rem, 1vw, .9rem);
      border: 0;
    }
    .cap-item {
      padding: clamp(.75rem, 1.4vw, 1.15rem);
      border: 1px solid rgba(255,255,255,.78);
      border-radius: clamp(.75rem, 1.2vw, 1.2rem);
      background: rgba(255,255,255,.62);
      box-shadow: var(--site-soft-shadow);
    }

    .matrix-card::after {
      background: linear-gradient(0deg, rgba(16, 43, 78, .84), rgba(16, 43, 78, .02) 66%);
    }
    .stakeholder {
      margin-bottom: clamp(.35rem, .8vw, .7rem);
      padding: clamp(.7rem, 1.2vw, 1rem) clamp(.85rem, 1.5vw, 1.25rem);
      border: 1px solid rgba(255,255,255,.78);
      border-radius: clamp(.8rem, 1.2vw, 1.2rem);
      background: rgba(255,255,255,.62);
      box-shadow: var(--site-soft-shadow);
    }
    .stakeholder .badge {
      color: var(--site-blue-deep);
      border-color: rgba(77,145,242,.28);
      background: var(--site-ice);
      font-weight: 800;
    }
    .closure {
      color: #fff;
      border-radius: 1rem;
      background: linear-gradient(135deg, #4d91f2, #85b6fa);
      box-shadow: 0 14px 30px rgba(77, 145, 242, .22);
    }
    .closure p { color: rgba(255,255,255,.82); }
    .industry { border-left-color: rgba(255,255,255,.82); }
    .industry:hover {
      border-color: rgba(94,156,244,.52);
      background: rgba(255,255,255,.92);
      transform: translateY(-4px);
      box-shadow: 0 18px 44px rgba(77,145,242,.15);
    }
    .industry strong { color: var(--site-blue-deep); }

    .case-title-shift,
    .case-brand-taobao,
    .case-brand-taobao b { color: var(--site-ink); }
    .case-logo-image {
      filter: grayscale(1) contrast(.72);
      opacity: .7;
    }
    .case-copy .quote { color: var(--site-ink); }

    .brand-wall-footer,
    .light .brand-wall-footer {
      border-top-color: rgba(255,255,255,.86);
      background: rgba(255, 255, 255, .72);
      box-shadow: 0 -14px 36px rgba(77,145,242,.07);
      backdrop-filter: blur(18px);
    }
    .brand-row + .brand-row,
    .light .brand-row + .brand-row { border-top-color: rgba(51,51,51,.07); }
    .brand-item,
    .light .brand-item { border-right-color: rgba(51,51,51,.07); }
    .brand-item img,
    .light .brand-item img {
      filter: grayscale(1) contrast(.72);
      opacity: .52;
    }

    .cta-bg {
      opacity: .42;
      filter: saturate(.62) contrast(.91) brightness(1.12);
    }
    .cta-shade {
      background:
        linear-gradient(90deg, rgba(232,240,255,.99), rgba(232,240,255,.91) 45%, rgba(232,240,255,.26)),
        linear-gradient(0deg, rgba(232,240,255,.62), transparent);
    }
    .cta-link {
      color: var(--site-ink);
      border-bottom-color: rgba(51,51,51,.14);
    }
    .cta-link:hover { color: var(--site-blue-deep); }
    .cta-qr img {
      border-color: rgba(77,145,242,.28);
      border-radius: .8rem;
      box-shadow: var(--site-shadow);
    }
    .cta-qr figcaption { color: var(--site-muted); }

    .nav-dot {
      background: rgba(51,51,51,.25);
      box-shadow: 0 0 0 1px rgba(255,255,255,.55);
    }
    .nav-dot.active {
      background: var(--site-blue);
      box-shadow: 0 0 14px rgba(77,145,242,.6);
    }
    .progress { background: rgba(94,156,244,.10); }
    .progress > i { background: linear-gradient(90deg, var(--site-blue), var(--site-blue-2)); }
    .counter { color: rgba(51,51,51,.58); }

    [data-reveal] { transition-duration: .72s; }

    @media (max-width: 760px) {
      .hero-shade {
        background:
          linear-gradient(90deg, rgba(232,240,255,.96), rgba(232,240,255,.62)),
          linear-gradient(0deg, rgba(232,240,255,.94), transparent 70%);
      }
      .hero-copy { width: min(35rem, 86vw); }
      .hero h1 {
        max-width: none;
        width: 100%;
        font-size: clamp(2.85rem, 12.6vw, 3.15rem);
        line-height: .96;
      }
      .loop-steps { gap: .3rem; }
      .loop-step { border-radius: .65rem; }
      .loss-reason,
      .pain-card,
      .industry,
      .video-frame,
      .case-media,
      .matrix-card { border-radius: .85rem; }
    }
    @media print {
      [data-reveal] { opacity: 1 !important; transform: none !important; }
    }
    }