:root{
      --bg:#141922;
      --text:#f4f7fb;
      --muted:rgba(255,255,255,.66);
      --soft:rgba(255,255,255,.42);
      --line:rgba(255,255,255,.06);
      --panel:#1b2129;
      --panel-2:#202630;
      --panel-3:#252c36;

      --purple:#6c4cff;
      --purple-2:#9992F6;
      --blue:#2494ff;
      --green:#29cf8b;
      --yellow:#f0b33f;
      --orange:#ff6c4b;
      --red:#ff6c4b;

      --shadow-xl:0 32px 90px rgba(0,0,0,.38);
      --transition:.45s cubic-bezier(.16,1,.3,1);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html,body{width:100%;height:100%}

    body{
      font-family:Inter,sans-serif;
      color:var(--text);
      overflow:hidden;
      background:
        radial-gradient(circle at 14% 14%, rgba(108,76,255,.10), transparent 24%),
        radial-gradient(circle at 86% 18%, rgba(36,148,255,.05), transparent 20%),
        radial-gradient(circle at 82% 82%, rgba(244,176,34,.045), transparent 18%),
        linear-gradient(180deg, #151a22 0%, #12171e 100%);
    }


    a[href^="mailto:"],
    a[href*="/cdn-cgi/l/email-protection"],
    .__cf_email__{
      color:rgba(255,255,255,.36) !important;
      text-decoration:none !important;
      transition:color .2s ease;
    }

    a[href^="mailto:"]:hover,
    a[href*="/cdn-cgi/l/email-protection"]:hover,
    .__cf_email__:hover{
      color:rgba(255,255,255,.52) !important;
      text-decoration:none !important;
    }

    .cursor-glow{
      position:fixed;
      width:340px;
      height:340px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(108,76,255,.16), rgba(108,76,255,.04) 48%, transparent 74%);
      filter:blur(18px);
      pointer-events:none;
      transform:translate(-50%,-50%);
      z-index:0;
      mix-blend-mode:screen;
      will-change:transform;
    }

    .presentation{
      position:relative;
      min-height:100vh;
      z-index:1;
      overflow:hidden;
      perspective:1800px;
      isolation:isolate;
    }

    .presentation::before{
      content:"";
      position:absolute;
      inset:-10%;
      z-index:9;
      pointer-events:none;
      opacity:0;
      background:
        radial-gradient(circle at 50% 50%, rgba(153,146,246,.16), transparent 24%),
        linear-gradient(115deg, transparent 28%, rgba(255,255,255,.08) 50%, transparent 72%);
      filter:blur(10px);
      transform:translateX(-18%) scale(1.06);
      transition:opacity .28s ease;
    }

    .presentation.is-transitioning::before{
      opacity:1;
      animation:slideFlash .72s cubic-bezier(.16,1,.3,1) forwards;
    }

    .slide{
      position:absolute;
      inset:0;
      opacity:0;
      pointer-events:none;
      transform:translate3d(110px,0,0) scale(.955) rotateY(-10deg);
      transform-origin:center center;
      filter:blur(14px) saturate(.9);
      transition:
        opacity .72s cubic-bezier(.16,1,.3,1),
        transform .92s cubic-bezier(.16,1,.3,1),
        filter .72s ease;
      will-change: transform, opacity, filter;
      z-index:1;
    }

    .slide.from-left{
      transform:translate3d(-110px,0,0) scale(.955) rotateY(10deg);
    }

    .slide.active{
      opacity:1;
      pointer-events:auto;
      transform:translate3d(0,0,0) scale(1) rotateY(0deg);
      filter:blur(0) saturate(1);
      z-index:2;
    }

    @keyframes slideFlash{
      0%{opacity:0;transform:translateX(-18%) scale(1.06)}
      18%{opacity:.95}
      100%{opacity:0;transform:translateX(18%) scale(1.02)}
    }

    .page{
      min-height:100vh;
      position:relative;
      padding:28px 34px 30px;
      display:flex;
      flex-direction:column;
    }

    .topbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:22px;
      position:relative;
      z-index:3;
    }

    .logo{
      height:30px;
      width:auto;
      display:block;
    }

    .top-nav{
      display:flex;
      gap:28px;
      color:var(--muted);
      font-size:13px;
      letter-spacing:.12em;
      text-transform:uppercase;
      font-weight:700;
    }

    .slide .hero{
      flex:1;
      min-height:0;
      display:grid;
      align-items:stretch;
    }

    .slide .hero-copy-wrap{
      display:flex;
      align-items:center;
      overflow:visible;
    }

    .slide .hero-copy{
      width:100%;
      overflow:visible;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      margin-bottom:20px;
      border-radius:999px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.82);
      font-size:12px;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      backdrop-filter:blur(14px);
    }

    .eyebrow::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:linear-gradient(135deg, var(--purple), var(--blue));
      box-shadow:0 0 14px rgba(108,76,255,.5);
    }

    .accent{
      background:linear-gradient(135deg, #9992F6 0%, #6c4cff 42%, #6c4cff 72%, #6c4cff 100%);
      -webkit-background-clip:text;
      -webkit-text-fill-color:transparent;
      background-clip:text;
      text-shadow:
        0 0 12px rgba(108,76,255,.18),
        0 0 28px rgba(108,76,255,.10);
    }

    .white{
      color:#fff;
      font-weight:700;
      text-shadow:
        0 0 12px rgba(255,255,255,.08),
        0 0 24px rgba(255,255,255,.04);
    }

    .brand{
      font-weight:800;
      color:#fff;
      text-shadow:
        0 0 10px rgba(255,255,255,.08),
        0 0 20px rgba(108,76,255,.08);
    }

    .sub-strong{
      font-weight:800;
      color:#fff;
    }

    .hero-progress-wrap{
      margin-top:16px;
      display:flex;
      align-items:center;
      gap:14px;
      max-width:360px;
    }

    .hero-progress-bar{
      position:relative;
      flex:1;
      height:4px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      overflow:hidden;
    }

    .hero-progress-fill{
      position:absolute;
      inset:0 auto 0 0;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(108,76,255,.95), rgba(36,148,255,.9));
      box-shadow:
        0 0 14px rgba(108,76,255,.28),
        0 0 28px rgba(36,148,255,.14);
      transition:width .35s ease;
    }

    .hero-progress-text{
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:rgba(255,255,255,.48);
      min-width:62px;
      text-align:right;
    }

    .hero-nav{
      margin-top:16px;
      display:flex;
      gap:12px;
    }

    .hero-nav-btn{
      min-width:96px;
      height:42px;
      padding:0 16px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.88);
      font-family:Inter,sans-serif;
      font-size:14px;
      font-weight:700;
      cursor:pointer;
      transition:.25s cubic-bezier(.16,1,.3,1);
    }

    .hero-nav-btn:hover{
      border-color:rgba(108,76,255,.24);
      background:rgba(255,255,255,.05);
      box-shadow:0 0 22px rgba(108,76,255,.10);
    }

    .hero-nav-btn-primary{
      background:linear-gradient(135deg, rgba(108,76,255,.38), rgba(108,76,255,.16));
      border-color:rgba(108,76,255,.34);
      box-shadow:0 0 24px rgba(108,76,255,.14);
    }

    .hero-nav-btn:disabled{
      opacity:.45;
      cursor:default;
      box-shadow:none;
    }

    .scene{
      position:relative;
      min-height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:4px 0;
      min-width:0;
    }

    .side-dot, .metric-icon, .top-icon{
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .icon{
      width:18px;
      height:18px;
      stroke:currentColor;
      fill:none;
      stroke-width:1.75;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }

    .up{color:var(--green)}
    .down{color:var(--orange)}

    /* ===== slide 1 ===== */
    .slide-1 .hero{grid-template-columns:.88fr 1.12fr; gap:24px; align-items:center;}
    .slide-1 .hero-copy{max-width:620px; display:flex; flex-direction:column; justify-content:center; transform:translateY(-34px);}
    .slide-1 .eyebrow{align-self:flex-start; padding:10px 10px;}
    .slide-1 h1{font-size:58px; line-height:1.02; letter-spacing:-0.045em; font-weight:800; margin-bottom:16px; max-width:620px;}
    .slide-1 .sub{color:var(--muted); font-size:16px; line-height:1.55; max-width:560px; margin-bottom:22px;}
    .slide-1 .actions{display:inline-flex; align-items:center; gap:14px; margin-top:10px;}
    .slide-1 .trust-logo{
      width:164px; height:92px; display:flex; align-items:center; justify-content:center;
      border-radius:20px; background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.01));
      border-left:1px solid rgba(255,255,255,.05); border-right:1px solid rgba(255,255,255,.05);
      border-top:1px solid rgba(255,255,255,.015); border-bottom:1px solid rgba(255,255,255,.015);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 8px 20px rgba(0,0,0,.12);
      transition:.28s cubic-bezier(.16,1,.3,1);
    }
    .slide-1 .trust-logo img{max-width:76%; max-height:76%; object-fit:contain; display:block;}
    .slide-1 .trust-logo.big img{transform:scale(1.08);}
    .slide-1 .dashboard-shell{
      width:100%; max-width:900px; height:650px; border-radius:30px; overflow:hidden;
      background:linear-gradient(180deg, #1a2029 0%, #171d25 100%);
      border:1px solid rgba(255,255,255,.08);
      box-shadow: var(--shadow-xl), inset 0 1px 0 rgba(255,255,255,.05), 0 0 80px rgba(108,76,255,.08);
      position:relative;
    }
    .slide-1 .dash-topbar{
      height:72px; padding:0 18px 0 14px; display:flex; align-items:center; justify-content:space-between;
      background:rgba(255,255,255,.02); border-bottom:1px solid rgba(255,255,255,.05); position:relative; z-index:3;
    }
    .slide-1 .top-left,.slide-1 .top-right{display:flex; align-items:center; gap:16px;}
    .slide-1 .top-icon{
      width:34px; height:34px; border-radius:5px; background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06); color:rgba(255,255,255,.72); transition:.25s cubic-bezier(.16,1,.3,1);
    }
    .slide-1 .top-icon-logo,.slide-1 .top-icon-logo:hover,
    .slide-1 .top-icon-clean,.slide-1 .top-icon-clean:hover,
    .slide-1 .top-icon.clean,.slide-1 .top-icon.clean:hover,
    .slide-1 .arrow-clean,.slide-1 .arrow-clean:hover{background:transparent;border:none;box-shadow:none;}
    .slide-1 .top-logo{width:26px;height:26px;object-fit:contain;display:block;}
    .slide-1 .icon-fill{
      width:20px;height:20px;stroke:rgba(255,255,255,.9);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
    }
    .slide-1 .account-name{font-size:14px;font-weight:600;letter-spacing:.01em;color:rgba(110,168,255,.75);}
    .slide-1 .account-name .region{opacity:.45;font-weight:500;}
    .slide-1 .profile{display:flex;align-items:center;gap:12px;padding:8px 10px;border-left:1px solid rgba(255,255,255,.06);border-radius:12px;}
    .slide-1 .avatar{
      width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#2a313b,#1c222a);
      display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);
      box-shadow:0 0 14px rgba(108,76,255,.12), inset 0 1px 0 rgba(255,255,255,.08);
    }
    .slide-1 .avatar-icon{width:18px;height:18px;stroke:rgba(255,255,255,.75);fill:none;stroke-width:1.8;}
    .slide-1 .profile-copy strong{display:block;font-size:14px;line-height:1.1;}
    .slide-1 .profile-copy span{display:block;font-size:12px;color:rgba(255,255,255,.38);margin-top:2px;}
    .slide-1 .dash-body{display:grid;grid-template-columns:58px 1fr;height:calc(100% - 68px);}
    .slide-1 .sidebar{
      background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);border-right:1px solid rgba(255,255,255,.05);
      padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:14px;
    }
    .slide-1 .side-dot{width:34px;height:34px;border-radius:5px;color:rgba(255,255,255,.56);background:transparent;border:1px solid transparent;}
    .slide-1 .side-dot.active{color:#fff;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);box-shadow:0 0 16px rgba(108,76,255,.12);}
    .slide-1 .sidebar .side-dot i{font-size:18px;color:rgba(255,255,255,.55);}
    .slide-1 .dash-main{padding:20px 20px 18px;overflow:hidden;}
    .slide-1 .welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;}
    .slide-1 .welcome h3{font-size:15px;font-weight:800;color:#f2f5fb;margin-bottom:4px;}
    .slide-1 .welcome p{font-size:13px;color:var(--soft);}
    .slide-1 .date-box{display:flex;gap:8px;align-items:center;}
    .slide-1 .date-pill{padding:12px 16px;border-radius:5px;background:#232a33;border:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.82);font-size:13px;font-weight:700;}
    .slide-1 .date-btn{width:48px;height:42px;border-radius:10px;background:rgba(108,76,255,.80);border:1px solid rgba(124,92,255,.5);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px rgba(108,76,255,.18);}
    .slide-1 .metric-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;margin-bottom:16px; overflow:hidden; /* cleaned comment */}
    .slide-1 .metric-card{
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.05);
      border-radius:5px;padding:16px;min-height:92px;display:flex;align-items:center;gap:14px;
    }
    .slide-1 .metric-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);flex:0 0 auto;}
    .slide-1 .metric-icon.blue{color:var(--blue)} .slide-1 .metric-icon.green{color:var(--green)}
    .slide-1 .metric-icon.yellow{color:var(--yellow)} .slide-1 .metric-icon.orange{color:var(--orange)}
    .slide-1 .metric-copy{min-width:0;width:100%;}
    .slide-1 .metric-copy small{display:block;color:var(--soft);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
    .slide-1 .metric-line{display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
    .slide-1 .metric-line strong{font-size:18px;line-height:1;letter-spacing:-.04em;}
    .slide-1 .metric-line span{font-size:12px;font-weight:700;white-space:nowrap;}
    .slide-1 .overview-card{background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.05);border-radius:5px;overflow:hidden;}
    .slide-1 .overview-head{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;font-weight:800;color:#f4f7fc;}
    .slide-1 .overview-stats{display:grid;grid-template-columns:repeat(4, 1fr);border-bottom:1px solid rgba(255,255,255,.05);}
    .slide-1 .overview-stat{
      padding:18px 16px;min-height:86px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
      border-right:1px solid rgba(255,255,255,.05);
    }
    .slide-1 .overview-stat:last-child{border-right:none}
    .slide-1 .overview-stat strong{font-size:16px;letter-spacing:-.04em;margin-bottom:6px;}
    .slide-1 .overview-stat div{color:var(--soft);font-size:12px;font-weight:600;}
    .slide-1 .overview-stat strong span{font-size:12px;opacity:.85;font-weight:600;}
    .slide-1 .chart-wrap{padding:18px 18px 16px;position:relative;}
    .slide-1 .chart-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;}
    .slide-1 .toolbar-icons{display:flex;gap:8px;margin-right:10px;color:rgba(255,255,255,.55);}
    .slide-1 .tool-btn{padding:8px 12px;border-radius:5px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.64);font-size:11px;font-weight:700;transition:.3s ease;}
    .slide-1 .tool-btn.active{background:linear-gradient(135deg, rgba(108,76,255,.65), rgba(108,76,255,.35));border-color:rgba(108,76,255,.7);box-shadow:0 0 0 1px rgba(108,76,255,.45) inset,0 0 36px rgba(108,76,255,.45),0 0 80px rgba(108,76,255,.22);}
    .slide-1 .chart{
      position:relative;height:340px;border-radius:10px;overflow:hidden;
      background:linear-gradient(to top, rgba(255,255,255,.02), transparent), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:auto,100% 56px,56px 100%;border:1px solid rgba(255,255,255,.05);
    }
    .slide-1 .chart-axis-left,.slide-1 .chart-axis-right{
      position:absolute;top:24px;bottom:34px;width:34px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.38);font-size:11px;font-weight:700;z-index:5;
    }
    .slide-1 .chart-axis-left{left:6px} .slide-1 .chart-axis-right{right:6px;align-items:flex-end}
    .slide-1 .bars{position:absolute;left:70px;right:58px;top:36px;bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;z-index:1;}
    .slide-1 .bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:6px;}
    .slide-1 .bar{width:42%;border-radius:10px 10px 3px 3px;transform-origin:bottom;transition:height .3s linear;}
    .slide-1 .bar.blue{background:linear-gradient(180deg, #2494ff 0%, #2494ff 100%)} .slide-1 .bar.green{background:linear-gradient(180deg, #2ad38b 0%, #22b777 100%)}
    .slide-1 .line-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;}
    .slide-1 .line-red-glow{fill:none;stroke:rgba(255,75,110,.16);stroke-width:10;filter:blur(7px);}
    .slide-1 .line-red{fill:none;stroke:#ff6c4b;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round;}
    .slide-1 .line-yellow{fill:none;stroke:#f0b33f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
    .slide-1 .point-red,.slide-1 .point-yellow{transform-origin:center;animation:pointPulse 2.2s ease-in-out infinite;}
    .slide-1 .point-red{fill:#ff6c4b}.slide-1 .point-yellow{fill:#f0b33f}
    .slide-1 .scan{position:absolute;top:0;bottom:0;width:150px;background:linear-gradient(90deg, transparent, rgba(255,255,255,.055), transparent);filter:blur(12px);animation:scanMove 5.5s linear infinite;z-index:3;}
    .slide-1 .chart-labels{position:absolute;left:74px;right:56px;bottom:10px;display:flex;justify-content:space-between;z-index:5;color:rgba(255,255,255,.46);font-size:11px;font-weight:700;}
    @keyframes pointPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.16);opacity:.82}}
    @keyframes scanMove{from{transform:translateX(-190px)}to{transform:translateX(980px)}}

    /* ===== slide 2 exact look ===== */
    .slide-2 .hero{grid-template-columns:.76fr 1.24fr; gap:28px;}
    .slide-2 .hero-copy{max-width:620px;}
    .slide-2 h1{font-size:68px;line-height:.96;letter-spacing:-.05em;font-weight:800;margin-bottom:18px;max-width:620px;}
    .slide-2 .sub{color:var(--muted);font-size:17px;line-height:1.65;max-width:600px;margin-bottom:28px;}
    .slide-2 .preview-wrap{width:100%;display:flex;justify-content:center;align-items:center;min-width:0;}
    .slide-2 .preview-stage{position:relative;width:100%;max-width:980px;height:650px;display:flex;align-items:center;justify-content:center;overflow:visible;}
    .slide-2 .ambient-glow-1,.slide-2 .ambient-glow-2,.slide-2 .ambient-glow-3{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;}
    .slide-2 .ambient-glow-1{width:340px;height:340px;background:rgba(108,76,255,.18);top:40px;right:80px;}
    .slide-2 .ambient-glow-2{width:260px;height:260px;background:rgba(36,148,255,.12);bottom:90px;left:100px;}
    .slide-2 .ambient-glow-3{width:220px;height:220px;background:rgba(244,176,34,.10);bottom:40px;right:160px;}
    .slide-2 .dashboard-preview{position:relative;width:910px;height:560px;}
    .slide-2 .preview-card-main{
      position:absolute;inset:28px 22px 28px 22px;border-radius:10px;background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98));
      border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px rgba(0,0,0,.34),0 0 80px rgba(108,76,255,.12),inset 0 1px 0 rgba(255,255,255,.05);
      overflow:hidden;backdrop-filter:blur(18px);z-index:2;
    }
    .slide-2 .preview-topbar{
      height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);
    }
    .slide-2 .preview-top-left,.slide-2 .preview-top-right{display:flex;align-items:center;gap:12px;}
    .slide-2 .mini-icon{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
    .slide-2 .mini-icon.logo{background:transparent;border:none;display:flex;align-items:center;justify-content:center;}
    .slide-2 .mini-icon.logo img{width:22px;height:22px;object-fit:contain;}
    .slide-2 .preview-title{font-size:13px;font-weight:700;color:rgba(255,255,255,.78);}
    .slide-2 .preview-body{display:grid;grid-template-columns:56px 1fr;height:calc(100% - 64px);}
    .slide-2 .preview-sidebar{
      border-right:1px solid rgba(255,255,255,.05);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px;
      background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);
    }
    .slide-2 .preview-dot{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);}
    .slide-2 .preview-dot.active{background:linear-gradient(135deg, rgba(108,76,255,.44), rgba(108,76,255,.16));border-color:rgba(108,76,255,.34);box-shadow:0 0 18px rgba(108,76,255,.16);}
    .slide-2 .preview-content{padding:18px;position:relative;overflow:hidden;}
    .slide-2 .preview-headline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;}
    .slide-2 .preview-headline h3{font-size:15px;font-weight:800;margin-bottom:4px;}
    .slide-2 .preview-headline p{font-size:12px;color:rgba(255,255,255,.42);}
    .slide-2 .preview-date{height:38px;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.72);display:flex;align-items:center;white-space:nowrap;font-size:12px;font-weight:700;}
    .slide-2 .preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;position:relative;z-index:3;}
    .slide-2 .preview-kpi{
      min-height:82px;border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);
      padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);position:relative;
    }
    .slide-2 .preview-kpi small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:8px;font-weight:700;}
    .slide-2 .preview-kpi strong{font-size:18px;display:block;margin-bottom:6px;}
    .slide-2 .preview-kpi span{font-size:11px;font-weight:700;}
    .slide-2 .preview-kpi .up{color:var(--green)}
    .slide-2 .preview-kpi .down{color:var(--orange)}
    .slide-2 .preview-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;}
    .slide-2 .preview-analytics,.slide-2 .preview-stack{display:grid;gap:14px;}
    .slide-2 .glass-preview{border-radius:10px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden;}
    .slide-2 .glass-preview .head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05);color:#f4f7fc;font-size:13px;font-weight:800;}
    .slide-2 .overview-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:3;}
    .slide-2 .overview-box{padding:16px 10px;text-align:center;border-right:1px solid rgba(255,255,255,.05);position:relative;z-index:3;}
    .slide-2 .overview-box:last-child{border-right:none}
    .slide-2 .overview-box strong{display:block;font-size:14px;margin-bottom:5px;}
    .slide-2 .overview-box span{font-size:11px;color:rgba(255,255,255,.46);font-weight:600;}
    .slide-2 .preview-chart-wrap{padding:14px;}
    .slide-2 .preview-chart{
      position:relative;height:214px;border-radius:10px;overflow:hidden;
      background:linear-gradient(to top, rgba(255,255,255,.02), transparent), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
      background-size:auto,100% 46px,46px 100%;border:1px solid rgba(255,255,255,.05);
    }
    .slide-2 .preview-bars{position:absolute;left:54px;right:48px;top:30px;bottom:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;}
    .slide-2 .preview-bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;}
    .slide-2 .preview-bar{width:42%;border-radius:4px 4px 0 0;}
    .slide-2 .preview-bar.blue{background:linear-gradient(180deg, #2494ff 0%, #2494ff 100%)} .slide-2 .preview-bar.green{background:linear-gradient(180deg, #29cf8b 0%, #55bb82 100%)}
    .slide-2 .preview-lines{position:absolute;inset:0;width:100%;height:100%;}
    .slide-2 .preview-lines .line-red{fill:none;stroke:#ff6c4b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
    .slide-2 .preview-lines .line-yellow{fill:none;stroke:#f0b33f;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
    .slide-2 .mini-widget{min-height:164px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;}
    .slide-2 .preview-donut{width:120px;height:120px;border-radius:50%;position:relative;flex:0 0 auto;}
    .slide-2 .preview-donut::after{content:"";position:absolute;inset:26px;border-radius:50%;background:#1f252e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}
    .slide-2 .preview-donut span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;z-index:2;}
    .slide-2 .mini-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;color:rgba(255,255,255,.56);font-size:10px;font-weight:700;text-align:center;}
    .slide-2 .mini-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle;}
    .slide-2 .mini-legend .b{background:#2494ff}.slide-2 .mini-legend .g{background:#29cf8b}.slide-2 .mini-legend .y{background:#f0b33f}
    .slide-2 .floating-chip{
      position:absolute;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 16px;border-radius:16px;
      background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px);
      box-shadow:0 22px 40px rgba(0,0,0,.28),0 0 24px rgba(108,76,255,.10),inset 0 1px 0 rgba(255,255,255,.16);font-size:13px;font-weight:800;color:#fff;animation:floatChip 5s ease-in-out infinite;z-index:8;
    }
    .slide-2 .floating-chip small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.50);font-weight:700;margin-bottom:3px;}
    .slide-2 .floating-chip strong{display:block;font-size:14px;line-height:1.05;}
    .slide-2 .floating-chip .delta{display:block;font-size:11px;font-weight:800;margin-top:3px;}
    .slide-2 .floating-chip .dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;}
    .slide-2 .floating-chip.green .dot{background:#29cf8b;box-shadow:0 0 12px rgba(107,214,154,.75);}
    .slide-2 .floating-chip.yellow .dot{background:#f0b33f;box-shadow:0 0 12px rgba(240,179,63,.75);}
    .slide-2 .floating-chip.purple .dot{background:#9992F6;box-shadow:0 0 12px rgba(153,146,246,.85);}
    .slide-2 .floating-chip.green .delta{color:#29cf8b;} .slide-2 .floating-chip.yellow .delta{color:#f0b33f;} .slide-2 .floating-chip.purple .delta{color:#9992F6;}
    .slide-2 .floating-chip.one{top:16px;left:20px;animation-delay:0s;}
    .slide-2 .floating-chip.two{top:112px;right:-8px;animation-delay:1.2s;}
    .slide-2 .floating-chip.three{left:28px;bottom:42px;animation-delay:2.1s;}
    .slide-2 .connection-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:20;overflow:visible;}
    .slide-2 .connection-line{
      fill:none;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
      opacity:.9;
      stroke-dasharray:6 12;
      stroke-dashoffset:0;
      transition:opacity .28s ease, stroke-width .28s ease, filter .28s ease;
      filter:none;
    }
    .slide-2 .connection-line.is-active{
      opacity:.62;
      stroke-width:2.2;
      filter:drop-shadow(0 0 4px currentColor);
      animation:flowLine 7s linear infinite;
    }
    .slide-2 .connection-line.green{stroke:#29cf8b;color:#29cf8b}
    .slide-2 .connection-line.yellow{stroke:#f0b33f;color:#f0b33f}
    .slide-2 .connection-line.purple{stroke:#9992F6;color:#9992F6}
    .slide-2 .connection-point{
      opacity:.55;
      transition:opacity .28s ease, filter .28s ease, r .28s ease;
    }
    .slide-2 .connection-point.is-active{
      opacity:.9;
      filter:drop-shadow(0 0 6px currentColor);
    }
    .slide-2 .connection-point.green{fill:#29cf8b;color:#29cf8b}
    .slide-2 .connection-point.yellow{fill:#f0b33f;color:#f0b33f}
    .slide-2 .connection-point.purple{fill:#9992F6;color:#9992F6}
    .slide-2 .focus-target{position:relative;}
    .slide-2 .focus-target.is-active{border-color:rgba(255,255,255,.14)!important;box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 24px rgba(108,76,255,.10),inset 0 1px 0 rgba(255,255,255,.05);background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));}
    .slide-2 .focus-target.focus-green.is-active{border-color:rgba(107,214,154,.26)!important;box-shadow:0 0 0 1px rgba(107,214,154,.08),0 0 24px rgba(107,214,154,.18),inset 0 1px 0 rgba(255,255,255,.05);}
    .slide-2 .focus-target.focus-yellow.is-active{border-color:rgba(240,179,63,.26)!important;box-shadow:0 0 0 1px rgba(240,179,63,.08),0 0 24px rgba(240,179,63,.18),inset 0 1px 0 rgba(255,255,255,.05);}
    .slide-2 .focus-target.focus-purple.is-active{border-color:rgba(153,146,246,.26)!important;box-shadow:0 0 0 1px rgba(153,146,246,.08),0 0 24px rgba(153,146,246,.18),inset 0 1px 0 rgba(255,255,255,.05);}
    .slide-2 .preview-demo-badge{
      position:absolute;right:-20px;bottom:30px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;
      background:linear-gradient(180deg, rgba(15,18,25,.78), rgba(15,18,25,.92));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);
      box-shadow:0 24px 40px rgba(0,0,0,.28),0 0 36px rgba(108,76,255,.10);z-index:7;cursor:pointer;transition:var(--transition);
    }
    .slide-2 .preview-demo-badge:hover{
      transform:translateY(-3px);
      box-shadow:0 28px 46px rgba(0,0,0,.32),0 0 48px rgba(108,76,255,.14);
    }
    .slide-2 .preview-demo-badge .play{
      width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg, rgba(153,146,246,.96), rgba(108,76,255,.82));box-shadow:0 0 24px rgba(108,76,255,.24);font-size:18px;color:#fff;
    }
    .slide-2 .preview-demo-badge small{display:block;color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:2px;}
    .slide-2 .preview-demo-badge strong{display:block;font-size:15px;color:#fff;font-weight:800;}
    @keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
    @keyframes flowLine{from{stroke-dashoffset:0}to{stroke-dashoffset:-120}}
    @keyframes pulseDot{0%,100%{transform:scale(1); opacity:.88;}50%{transform:scale(1.22); opacity:1;}}
    .demo-modal{
      position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;pointer-events:none;transition:opacity .35s ease;
    }
    .demo-modal.open{opacity:1;pointer-events:auto;}
    .demo-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 20%, rgba(108,76,255,.18), transparent 30%), rgba(8,10,16,.72);backdrop-filter:blur(14px);}
    .demo-modal-shell{
      position:relative;width:min(1280px, calc(100vw - 48px));height:min(820px, calc(100vh - 48px));border-radius:34px;overflow:hidden;
      background:linear-gradient(180deg, rgba(23,29,37,.98), rgba(17,22,30,.98));border:1px solid rgba(255,255,255,.10);
      box-shadow:0 40px 120px rgba(0,0,0,.46),0 0 120px rgba(108,76,255,.18),inset 0 1px 0 rgba(255,255,255,.06);
      transform:translateY(24px) scale(.94);opacity:0;transition:transform .52s cubic-bezier(.16,1,.3,1), opacity .38s ease;
    }
    .demo-modal.open .demo-modal-shell{transform:translateY(0) scale(1);opacity:1;}
    .demo-shine{position:absolute;inset:-30% auto auto -20%;width:56%;height:120%;background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);transform:rotate(18deg);pointer-events:none;animation:shineSweep 3.4s ease 1;}
    @keyframes shineSweep{from{transform:translateX(-120%) rotate(18deg)}to{transform:translateX(220%) rotate(18deg)}}
    .demo-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06);position:relative;z-index:2;}
    .demo-header-left,.demo-header-right{display:flex;align-items:center;gap:14px;}
    .demo-title h3{font-size:15px;font-weight:800;margin-bottom:2px;}
    .demo-title p{font-size:11px;color:rgba(255,255,255,.44);}
    .demo-close{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;font-size:20px;cursor:pointer;transition:var(--transition);}
    .demo-close:hover{background:rgba(255,255,255,.08);transform:rotate(90deg);}
    .slide-2 .modal-body{display:grid;grid-template-columns:54px 1fr;height:calc(100% - 72px);}
    .slide-2 .top-icon,.slide-2 .side-dot,.slide-2 .metric-icon{display:flex;align-items:center;justify-content:center;}
    .slide-2 .modal-body .sidebar{
      background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);border-right:1px solid rgba(255,255,255,.05);
      padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px;
    }
    .slide-2 .modal-body .side-dot{width:32px;height:32px;border-radius:8px;color:rgba(255,255,255,.56);background:transparent;border:1px solid transparent;}
    .slide-2 .modal-body .side-dot.active{color:#fff;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);box-shadow:0 0 16px rgba(108,76,255,.12);}
    .slide-2 .modal-body .side-dot i{font-size:17px;color:rgba(255,255,255,.55);line-height:1;transition:color .25s ease,transform .25s ease;}
    .slide-2 .modal-body .side-dot.active i{color:#fff;transform:scale(1.05);}
    .slide-2 .modal-body .side-dot:hover i{color:#fff;transform:scale(1.1);}
    .slide-2 .modal-dash-main{padding:12px 14px 14px;overflow:hidden;min-width:0;}
    .slide-2 .modal-scroll{
      height:100%;
      overflow-y:auto;
      overflow-x:hidden;
      padding-right:6px;
      scroll-behavior:smooth;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.10) transparent;
    }
    .slide-2 .modal-scroll::-webkit-scrollbar{width:8px}
    .slide-2 .modal-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:20px;}
    .slide-2 .welcome{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:16px;
      margin-bottom:12px;
    }
    .slide-2 .welcome h3{font-size:14px;font-weight:800;color:#f2f5fb;margin-bottom:3px;}
    .slide-2 .welcome p{font-size:12px;color:var(--soft);}
    .slide-2 .date-box{display:flex;gap:8px;align-items:center;}
    .slide-2 .date-pill{
      padding:10px 14px;
      border-radius:10px;
      background:#232a33;
      border:1px solid rgba(255,255,255,.05);
      color:rgba(255,255,255,.82);
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
    }
    .slide-2 .date-btn{
      width:42px;
      height:36px;
      border-radius:10px;
      background:rgba(108,76,255,.80);
      border:1px solid rgba(124,92,255,.5);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      box-shadow:0 0 20px rgba(108,76,255,.18);
      flex:0 0 auto;
    }
    .slide-2 .icon{
      width:18px;
      height:18px;
      stroke:currentColor;
      fill:none;
      stroke-width:1.75;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
    }
    .slide-2 .metric-row{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin-bottom:12px;}
    .slide-2 .modal-body .metric-card{
      background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.05);
      border-radius:5px;padding:12px;min-height:72px;display:flex;align-items:center;gap:12px;min-width:0;
    }
    .slide-2 .modal-body .metric-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);flex:0 0 auto;}
    .slide-2 .modal-body .metric-icon.blue{color:var(--blue)} .slide-2 .modal-body .metric-icon.green{color:var(--green)}
    .slide-2 .modal-body .metric-icon.yellow{color:var(--yellow)} .slide-2 .modal-body .metric-icon.orange{color:var(--orange)}
    .slide-2 .modal-body .metric-copy{min-width:0;width:100%;}
    .slide-2 .modal-body .metric-copy small{display:block;color:var(--soft);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;}
    .slide-2 .modal-body .metric-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;}
    .slide-2 .modal-body .metric-line strong{font-size:14px;line-height:1;letter-spacing:-.03em;}
    .slide-2 .modal-body .metric-line span{font-size:11px;font-weight:700;white-space:nowrap;}
    .slide-2 .up{color:var(--green)}
    .slide-2 .down{color:var(--orange)}
    .slide-2 .glass-card{background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.05);border-radius:5px;overflow:hidden;margin-bottom:12px;min-width:0;}
    .slide-2 .glass-head{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;font-weight:800;color:#f4f7fc;}
    .slide-2 .section-title{font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.40);margin:14px 0 10px;padding-left:2px;}
    .slide-2 .overview-stats{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));border-bottom:1px solid rgba(255,255,255,.05);}
    .slide-2 .overview-stat{padding:14px 12px;min-height:66px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.05);min-width:0;}
    .slide-2 .overview-stat:last-child{border-right:none}
    .slide-2 .overview-stat strong{font-size:14px;letter-spacing:-.03em;margin-bottom:5px;}
    .slide-2 .overview-stat div{color:var(--soft);font-size:11px;font-weight:600;}
    .slide-2 .overview-stat strong span{font-size:10px;opacity:.85;font-weight:600;}
    .slide-2 .chart-wrap{padding:12px 12px 12px;position:relative;}
    .slide-2 .chart-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;}
    .slide-2 .toolbar-icons{display:flex;gap:8px;margin-right:10px;color:rgba(255,255,255,.55);font-size:12px;}
    .slide-2 .tool-btn{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.64);font-size:10px;font-weight:700;transition:.3s ease;}
    .slide-2 .tool-btn.active{background:linear-gradient(135deg, rgba(108,76,255,.65), rgba(108,76,255,.35));border-color:rgba(108,76,255,.7);box-shadow:0 0 0 1px rgba(108,76,255,.45) inset,0 0 24px rgba(108,76,255,.16);}
    .slide-2 .chart{
      position:relative;height:250px;border-radius:10px;overflow:hidden;
      background:linear-gradient(to top, rgba(255,255,255,.02), transparent), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
      background-size:auto,100% 48px,48px 100%;border:1px solid rgba(255,255,255,.05);
    }
    .slide-2 .chart-axis-left,.slide-2 .chart-axis-right{position:absolute;top:18px;bottom:28px;width:36px;display:flex;flex-direction:column;justify-content:space-between;color:rgba(255,255,255,.38);font-size:10px;font-weight:700;z-index:5;}
    .slide-2 .chart-axis-left{left:6px}.slide-2 .chart-axis-right{right:6px;align-items:flex-end}
    .slide-2 .bars{position:absolute;left:58px;right:56px;top:28px;bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;z-index:1;}
    .slide-2 .bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;}
    .slide-2 .bar{width:42%;border-radius:2px 2px 0 0;transform-origin:bottom;}
    .slide-2 .bar.blue{background:linear-gradient(180deg, #2494ff 0%, #2494ff 100%)} .slide-2 .bar.green{background:linear-gradient(180deg, #29cf8b 0%, #5bbd88 100%)}
    .slide-2 .line-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;}
    .slide-2 .line-red{fill:none;stroke:#ff6c4b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
    .slide-2 .line-yellow{fill:none;stroke:#f0b33f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    .slide-2 .chart-labels{position:absolute;left:62px;right:54px;bottom:8px;display:flex;justify-content:space-between;z-index:5;color:rgba(255,255,255,.46);font-size:10px;font-weight:700;}
    .slide-2 .dashboard-section{scroll-margin-top:12px;min-width:0;}
    .slide-2 .section-grid-4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px;margin-bottom:12px;min-width:0;}
    .slide-2 .section-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-bottom:12px;min-width:0;}
    .slide-2 .card-body{padding:12px 14px 14px;min-width:0;}
    .slide-2 .mini-chart-wrap{height:180px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;}
    .slide-2 .funnel{width:100%;max-width:280px;margin:0 auto;padding-top:6px;}
    .slide-2 .funnel-step{height:24px;margin:0 auto 2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);clip-path:polygon(6% 0, 94% 0, 88% 100%, 12% 100%);}
    .slide-2 .f1{width:92%;background:#6c4cff}
    .slide-2 .f2{width:82%;background:#68b17b}
    .slide-2 .f3{width:74%;background:#f0b33f}
    .slide-2 .f4{width:66%;background:#c36d4f}
    .slide-2 .f5{width:58%;background:#2494ff}
    .slide-2 .f6{width:50%;background:#6c4cff}
    .slide-2 .donut{width:140px;height:140px;border-radius:50%;position:relative;margin:0 auto 12px;flex:0 0 auto;}
    .slide-2 .donut::after{content:"";position:absolute;inset:30px;border-radius:50%;background:#20262f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
    .slide-2 .donut-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;z-index:2;}
    .slide-2 .legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;color:rgba(255,255,255,.58);font-size:10px;font-weight:700;}
    .slide-2 .legend span{display:inline-flex;align-items:center;gap:6px;}
    .slide-2 .legend i{width:10px;height:10px;border-radius:50%;display:inline-block;}
    .slide-2 .i-blue{background:#2494ff}
    .slide-2 .i-green{background:#29cf8b}
    .slide-2 .i-yellow{background:#f0b33f}
    .slide-2 .i-purple{background:#6c4cff}
    .slide-2 table{width:100%;border-collapse:collapse;font-size:11px;table-layout:auto;}
    .slide-2 th{text-align:left;color:rgba(255,255,255,.45);font-size:10px;font-weight:700;padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.015);white-space:nowrap;}
    .slide-2 td{padding:10px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.86);vertical-align:middle;}
    .slide-2 tr:last-child td{border-bottom:none;}
    .slide-2 .badge{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:800;}
    .slide-2 .badge.green{background:rgba(73, 190, 123, .22);color:#65e19c;}
    .slide-2 .badge.yellow{background:rgba(240, 179, 63, .22);color:#f0b33f;}
    .slide-2 .badge.orange{background:rgba(255, 108, 75, .18);color:#ff6c4b;}
    .slide-2 .circle-stat{
      --percent: 0;
      --size: 34px;
      --thickness: 5px;
      --color: #29cf8b;
      --track: rgba(255,255,255,.08);
      --inner: #20262f;

      width: var(--size);
      height: var(--size);
      min-width: var(--size);
      min-height: var(--size);
      border-radius: 50%;
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;

      font-size: 9px;
      font-weight: 800;
      line-height: 1;
      color: #fff;
      text-align: center;

      background:
        conic-gradient(
          var(--color) calc(var(--percent) * 1%),
          var(--track) 0
        );

      box-shadow:
        0 0 10px rgba(0,0,0,.3),
        inset 0 0 0 1px rgba(255,255,255,.04);
    }

    .slide-2 .circle-stat::after{
      content:"";
      position:absolute;
      inset: var(--thickness);
      border-radius:50%;
      background: var(--inner);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
      z-index: 0;
    }

    .slide-2 .circle-stat .value{
      position: relative;
      z-index: 2;
      display: block;
    }

    .slide-2 .circle-stat.green{ --color:#29cf8b; }
    .slide-2 .circle-stat.yellow{ --color:#f0b33f; }
    .slide-2 .circle-stat.red{ --color:#ff6c4b; }
    .slide-2 .circle-stat.purple{ --color:#9992F6; }
    .slide-2 .table-tight td,
    .slide-2 .table-tight th{
      padding-top:9px;
      padding-bottom:9px;
    }

    @media (max-width: 1600px){
      .slide-1 h1{font-size:54px}
      .slide-2 h1{font-size:60px}
    }
    .logo-link{
  position:relative;
  display:inline-block;
}

.logo{
  height:30px;
  transition:.35s cubic-bezier(.16,1,.3,1);
  position:relative;
  z-index:2;
}

/* cleaned comment */
.logo-link::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:12px;
  background:radial-gradient(circle, rgba(153,146,246,.35), transparent 70%);
  opacity:0;
  filter:blur(12px);
  transition:.4s ease;
  z-index:1;
}

/* ✨ hover эффект */
.logo-link:hover .logo{
  transform:scale(1.06);
  filter:brightness(1.1);
}

.logo-link:hover::before{
  opacity:1;
}
  
/* === integrated slide 3 styles === */

    .slide-3{
      --bg:#141922;
      --panel:#1b2129;
      --panel-2:#202630;
      --panel-3:#252c36;
      --text:#f4f7fb;
      --muted:rgba(255,255,255,.66);
      --soft:rgba(255,255,255,.42);
      --line:rgba(255,255,255,.06);

      --purple:#6c4cff;
      --purple-2:#9992F6;
      --blue:#2494ff;
      --green:#29cf8b;
      --yellow:#f0b33f;
      --orange:#ff6c4b;
      --red:#ff6c4b;

      --shadow-xl:0 32px 90px rgba(0,0,0,.38);
      --transition:.45s cubic-bezier(.16,1,.3,1);
    }

    .slide-3 *{box-sizing:border-box;margin:0;padding:0}
    .slide-3, .slide-3{width:100%;height:100%}

    .slide-3{
      font-family:Inter,sans-serif;
      color:var(--text);
      overflow:hidden;
      background:
        radial-gradient(circle at 14% 14%, rgba(108,76,255,.10), transparent 24%),
        radial-gradient(circle at 86% 18%, rgba(36,148,255,.05), transparent 20%),
        radial-gradient(circle at 82% 82%, rgba(244,176,34,.045), transparent 18%),
        linear-gradient(180deg, #151a22 0%, #12171e 100%);
    }

    .slide-3 .cursor-glow{
      position:fixed;
      width:340px;
      height:340px;
      border-radius:50%;
      background:radial-gradient(circle, rgba(108,76,255,.16), rgba(108,76,255,.04) 48%, transparent 74%);
      filter:blur(18px);
      pointer-events:none;
      transform:translate(-50%,-50%);
      z-index:0;
      mix-blend-mode:screen;
      will-change:transform;
    }

    .slide-3 .page{
      min-height:100vh;
      position:relative;
      z-index:1;
      padding:28px 34px 30px;
      display:flex;
      flex-direction:column;
    }

    .slide-3 .topbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:22px;
      position:relative;
      z-index:3;
    }

    .slide-3 .logo-link{
      position:relative;
      display:inline-block;
    }

    .slide-3 .logo{
      height:30px;
      width:auto;
      display:block;
      transition:.35s cubic-bezier(.16,1,.3,1);
      position:relative;
      z-index:2;
    }

    .slide-3 .logo-link::before{
      content:"";
      position:absolute;
      inset:-8px;
      border-radius:12px;
      background:radial-gradient(circle, rgba(153,146,246,.35), transparent 70%);
      opacity:0;
      filter:blur(12px);
      transition:.4s ease;
      z-index:1;
    }

    .slide-3 .logo-link:hover .logo{
      transform:scale(1.06);
      filter:brightness(1.1);
    }

    .slide-3 .logo-link:hover::before{
      opacity:1;
    }

    .slide-3 .top-nav{
      display:flex;
      gap:28px;
      color:var(--muted);
      font-size:13px;
      letter-spacing:.12em;
      text-transform:uppercase;
      font-weight:700;
    }

    .slide-3 .hero{
      flex:1;
      min-height:0;
      display:grid;
      grid-template-columns:.76fr 1.24fr;
      gap:28px;
      align-items:stretch;
    }

    .slide-3 .hero-copy-wrap{
      display:flex;
      align-items:center;
      overflow:visible;
    }

    .slide-3 .hero-copy{
      animation:fadeLift .7s cubic-bezier(.16,1,.3,1) both;
      width:100%;
      max-width:620px;
    }

    .slide-3 .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:10px 12px;
      margin-bottom:20px;
      border-radius:999px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.82);
      font-size:12px;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
      backdrop-filter:blur(14px);
    }

    .slide-3 .eyebrow::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:linear-gradient(135deg, var(--purple), var(--blue));
      box-shadow:0 0 14px rgba(108,76,255,.5);
    }

    .slide-3 h1{
      font-size:66px;
      line-height:.96;
      letter-spacing:-.05em;
      font-weight:800;
      margin-bottom:18px;
      max-width:620px;
    }

    .slide-3 .accent{
  background:linear-gradient(135deg, #9992F6 0%, #6c4cff 50%, #6c4cff 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
  text-shadow:
    0 0 12px rgba(108,76,255,.25),
    0 0 24px rgba(108,76,255,.15);
}

    .slide-3 .white{
      color:#fff;
      font-weight:700;
      text-shadow:
        0 0 12px rgba(255,255,255,.08),
        0 0 24px rgba(255,255,255,.04);
    }

    .slide-3 .sub{
      color:var(--muted);
      font-size:17px;
      line-height:1.65;
      max-width:600px;
      margin-bottom:24px;
    }

    .slide-3 .brand{
      font-weight:800;
      color:#fff;
      text-shadow:
        0 0 10px rgba(255,255,255,.08),
        0 0 20px rgba(108,76,255,.08);
    }

    .slide-3 .sub-strong{
      font-weight:800;
      color:#fff;
    }

    .slide-3 .feature-list{
      display:grid;
      gap:10px;
      margin-bottom:24px;
      max-width:560px;
    }

    .slide-3 .feature-item{
      display:flex;
      gap:12px;
      align-items:flex-start;
      padding:14px 14px;
      border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.06);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }

    .slide-3 .feature-icon{
      width:36px;
      height:36px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, rgba(108,76,255,.22), rgba(244,176,34,.12));
      border:1px solid rgba(255,255,255,.06);
      color:#fff;
      flex:0 0 auto;
      font-size:18px;
    }

    .slide-3 .feature-copy strong{
      display:block;
      font-size:13px;
      margin-bottom:4px;
    }

    .slide-3 .feature-copy span{
      display:block;
      font-size:12px;
      line-height:1.48;
      color:var(--muted);
    }

    .slide-3 .hero-progress-wrap{
      margin-top:18px;
      display:flex;
      align-items:center;
      gap:18px;
      max-width:360px;
    }

    .slide-3 .hero-progress-bar{
      position:relative;
      flex:1;
      height:4px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      overflow:hidden;
    }

    .slide-3 .hero-progress-fill{
      position:absolute;
      inset:0 auto 0 0;
      width:50%;
      height:100%;
      border-radius:999px;
      background:linear-gradient(90deg, rgba(108,76,255,.95), rgba(36,148,255,.9));
      box-shadow:
        0 0 14px rgba(108,76,255,.28),
        0 0 28px rgba(36,148,255,.14);
      transition:width .35s ease;
    }

    .slide-3 .hero-progress-text{
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:rgba(255,255,255,.48);
      min-width:62px;
      text-align:right;
    }

    .slide-3 .hero-nav{
      margin-top:20px;
      display:flex;
      gap:12px;
    }

    .slide-3 .hero-nav-btn{
      min-width:96px;
      height:42px;
      padding:0 16px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.88);
      font-family:Inter,sans-serif;
      font-size:13px;
      font-weight:700;
      cursor:pointer;
      transition:.25s cubic-bezier(.16,1,.3,1);
    }

    .slide-3 .hero-nav-btn:hover{
      border-color:rgba(108,76,255,.24);
      background:rgba(255,255,255,.05);
      box-shadow:0 0 22px rgba(108,76,255,.10);
    }

    .slide-3 .hero-nav-btn-primary{
      background:linear-gradient(135deg, rgba(108,76,255,.38), rgba(108,76,255,.16));
      border-color:rgba(108,76,255,.34);
      box-shadow:0 0 24px rgba(108,76,255,.14);
    }

    .slide-3 .scene{
      position:relative;
      min-height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:4px 0;
      min-width:0;
    }

    .slide-3 .preview-wrap{
      width:100%;
      display:flex;
      justify-content:center;
      align-items:center;
      min-width:0;
    }

    .slide-3 .preview-stage{
      position:relative;
      width:100%;
      max-width:980px;
      height:650px;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow:visible;
    }

    .slide-3 .ambient-glow-1, .slide-3 .ambient-glow-2, .slide-3 .ambient-glow-3{
      position:absolute;
      border-radius:50%;
      filter:blur(40px);
      pointer-events:none;
    }

    .slide-3 .ambient-glow-1{
      width:320px;height:320px;
      background:rgba(108,76,255,.16);
      top:54px;right:108px;
    }

    .slide-3 .ambient-glow-2{
      width:232px;height:232px;
      background:rgba(36,148,255,.10);
      bottom:92px;left:112px;
    }

    .slide-3 .ambient-glow-3{
      width:200px;height:200px;
      background:rgba(244,176,34,.09);
      bottom:48px;right:170px;
    }

    .slide-3 .products-preview{
      position:relative;
      width:910px;
      height:560px;
    }

    .slide-3 .preview-card-main{
      animation:fadeLift .7s cubic-bezier(.16,1,.3,1);
      position:absolute;
      inset:28px 22px 28px 22px;
      border-radius:12px;
      background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        0 40px 80px rgba(0,0,0,.34),
        0 0 80px rgba(108,76,255,.12),
        inset 0 1px 0 rgba(255,255,255,.05);
      overflow:hidden;
      backdrop-filter:blur(18px);
      z-index:2;
    }

    .slide-3 .preview-topbar{
      height:64px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 18px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.02);
    }

    .slide-3 .preview-top-left, .slide-3 .preview-top-right{
      display:flex;
      align-items:center;
      gap:12px;
    }

    .slide-3 .mini-icon{
      width:30px;
      height:30px;
      border-radius:8px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.72);
      font-size:16px;
    }

    .slide-3 .mini-icon.logo{
      background:transparent;
      border:none;
    }

    .slide-3 .mini-icon.logo img{
      width:22px;
      height:22px;
      object-fit:contain;
    }

    .slide-3 .mini-icon.schematic{
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
      font-size:0;
    }

    .slide-3 .preview-title{
      font-size:13px;
      font-weight:700;
      color:rgba(255,255,255,.78);
      white-space:nowrap;
    }

    .slide-3 .profile-chip{
      display:flex;
      align-items:center;
      gap:10px;
      padding:8px 12px;
      border-left:1px solid rgba(255,255,255,.06);
    }

    .slide-3 .profile-avatar{
      width:34px;
      height:34px;
      border-radius:50%;
      background:linear-gradient(180deg,#f8f8fb,#d7d6e0);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#6d7082;
      font-size:18px;
    }

    .slide-3 .profile-text strong{
      display:block;
      font-size:12px;
      color:#fff;
      line-height:1.1;
      margin-bottom:2px;
    }

    .slide-3 .profile-text span{
      display:block;
      font-size:11px;
      color:rgba(255,255,255,.42);
      line-height:1.1;
    }

    .slide-3 .preview-body{
      display:grid;
      grid-template-columns:56px 1fr;
      height:calc(100% - 64px);
    }

    .slide-3 .preview-sidebar{
  border-right:1px solid rgba(255,255,255,.05);
  padding:14px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}

    .slide-3 .preview-dot{
  width:32px;
  height:32px;
  border-radius:9px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.56);
  font-size:0;
  transition:.25s cubic-bezier(.16,1,.3,1);
}

.slide-3 .preview-dot.active{
  background:linear-gradient(135deg, rgba(108,76,255,.44), rgba(108,76,255,.16));
  border-color:rgba(108,76,255,.34);
  box-shadow:0 0 18px rgba(108,76,255,.16);
  color:#fff;
}

.slide-3 .preview-dot i{display:none;}

    .slide-3 .preview-content{
      padding:18px;
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
    }

    .slide-3 .crumb-row{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      margin-bottom:12px;
    }

    .slide-3 .crumb-row h3{
      font-size:15px;
      font-weight:800;
      color:#f3f6fb;
      display:flex;
      align-items:center;
      gap:7px;
    }

    .slide-3 .crumb-row h3 span{
      color:rgba(255,255,255,.34);
      font-size:13px;
    }

    .slide-3 .crumb{
      font-size:12px;
      color:rgba(255,255,255,.50);
      display:flex;
      align-items:center;
      gap:10px;
      white-space:nowrap;
    }

    .slide-3 .crumb strong{
      color:rgba(255,255,255,.82);
      font-weight:700;
    }

    .slide-3 .filters-card{
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.018));
      border:none;
      overflow:hidden;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    }

    .slide-3 .filters-inner{
      display:grid;
      grid-template-columns:1fr 1fr auto;
      gap:12px;
      padding:14px;
      align-items:end;
    }

    .slide-3 .field label{
      display:block;
      font-size:11px;
      font-weight:700;
      color:rgba(255,255,255,.72);
      margin-bottom:8px;
    }

    .slide-3 .field-box{
      height:44px;
      border-radius:10px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.05);
      color:rgba(255,255,255,.48);
      display:flex;
      align-items:center;
      padding:0 14px;
      font-size:12px;
      font-weight:600;
    }

    .slide-3 .filters-actions{
      display:flex;
      gap:10px;
      align-items:center;
    }

    .slide-3 .apply-btn, .slide-3 .modal-btn{
      height:44px;
      padding:0 18px;
      border:none;
      border-radius:10px;
      color:#fff;
      font-size:12px;
      font-weight:800;
      cursor:pointer;
      transition:.25s cubic-bezier(.16,1,.3,1);
      white-space:nowrap;
    }

    .slide-3 .apply-btn{
      background:linear-gradient(135deg, rgba(108,76,255,.95), rgba(108,76,255,.78));
      box-shadow:0 0 22px rgba(108,76,255,.22);
    }

    .slide-3 .modal-btn{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
      color:rgba(255,255,255,.82);
    }

    .slide-3 .modal-btn:hover{
      border-color:rgba(108,76,255,.34);
      box-shadow:0 0 22px rgba(108,76,255,.12);
      background:rgba(255,255,255,.06);
    }

    .slide-3 .metric-strip{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      border-top:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.008);
    }

    .slide-3 .metric-tab{
      position:relative;
      padding:12px 12px 14px;
      min-height:74px;
      border-right:1px solid rgba(255,255,255,.05);
      transition:var(--transition);
      cursor:pointer;
    }

    .slide-3 .metric-tab:last-child{
      border-right:none;
    }

    .slide-3 .metric-tab::before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:3px;
      background:var(--accent-color, #fff);
      opacity:.95;
    }

    .slide-3 .metric-tab .tab-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-bottom:5px;
    }

    .slide-3 .metric-tab small{
      font-size:10px;
      font-weight:800;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:rgba(255,255,255,.56);
    }

    .slide-3 .metric-tab .delta{
      font-size:11px;
      font-weight:800;
      white-space:nowrap;
    }

    .slide-3 .metric-tab strong{
      display:block;
      font-size:16px;
      letter-spacing:-.03em;
    }

    .slide-3 .metric-tab.is-active{
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
    }

    .slide-3 .metric-tab strong{
      color:#fff;
    }

    .slide-3 .metric-tab.is-active strong{
      color:#fff;
    }

    .slide-3 .metric-tab[data-key="sales"]{--accent-color:#1ce6b7}
    .slide-3 .metric-tab[data-key="adSales"]{--accent-color:#2494ff}
    .slide-3 .metric-tab[data-key="acos"]{--accent-color:#f0b33f}
    .slide-3 .metric-tab[data-key="tacos"]{--accent-color:#ff6c4b}

    .slide-3 .delta.up{color:#2be38c;}
    .slide-3 .delta.down{color:#ff6c4b;}

    .slide-3 .chart-shell{
      padding:12px;
    }

    .slide-3 .chart-toolbar{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:8px;
      margin-bottom:10px;
    }

    .slide-3 .chart-icons{
  display:flex;
  gap:8px;
  align-items:center;
  color:rgba(255,255,255,.40);
  margin-right:10px;
  font-size:15px;
}

        .slide-3 .chart-icons i{transition:.2s ease;}
    .slide-3 .chart-icons i:hover{color:#fff;}

    .slide-3 .tool-btn{
      padding:7px 12px;
      border-radius:8px;
      border:1px solid rgba(108,76,255,.28);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.78);
      font-size:11px;
      font-weight:700;
    }

    .slide-3 .tool-btn.active{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      box-shadow:0 0 18px rgba(108,76,255,.18);
    }

    .slide-3 .chart{
      position:relative;
      height:244px;
      border-radius:10px;
      overflow:hidden;
      background:
        linear-gradient(to top, rgba(255,255,255,.02), transparent),
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
      background-size:auto,100% 52px,52px 100%;
      border:1px solid rgba(255,255,255,.05);
    }

    .slide-3 .chart-axis-left, .slide-3 .chart-axis-right{
      position:absolute;
      top:22px;
      bottom:30px;
      width:38px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      color:rgba(255,255,255,.38);
      font-size:10px;
      font-weight:700;
      z-index:5;
    }

    .slide-3 .chart-axis-left{left:8px}
    .slide-3 .chart-axis-right{right:8px;align-items:flex-end}

    .slide-3 .bars{
      position:absolute;
      left:57px;
      right:52px;
      top:28px;
      bottom:34px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
      z-index:1;
    }

    .slide-3 .bar-group{
      flex:1;
      height:100%;
      display:flex;
      align-items:flex-end;
      justify-content:center;
      gap:4px;
    }

    .slide-3 .bar{
      width:44%;
      border-radius:3px 3px 0 0;
      transform-origin:bottom;
      transition:height .45s ease, opacity .35s ease;
    }

    .slide-3 .bar.sales{
      background:linear-gradient(180deg, #33d090 0%, #28b97f 100%);
    }

    .slide-3 .bar.ad-sales{
      background:linear-gradient(180deg, #2f91e4 0%, #2494ff 100%);
    }

    .slide-3 .line-svg{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      z-index:4;
      pointer-events:none;
    }

    .slide-3 .line-acos{
      fill:none;
      stroke:#f0b33f;
      stroke-width:3;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:drop-shadow(0 0 8px rgba(243,176,31,.18));
      transition:opacity .35s ease;
    }

    .slide-3 .line-tacos{
      fill:none;
      stroke:#ff6c4b;
      stroke-width:3;
      stroke-linecap:round;
      stroke-linejoin:round;
      filter:drop-shadow(0 0 8px rgba(255,71,109,.18));
      transition:opacity .35s ease;
    }

    .slide-3 .chart-labels{
      position:absolute;
      left:64px;
      right:54px;
      bottom:8px;
      display:flex;
      justify-content:space-between;
      color:rgba(255,255,255,.46);
      font-size:10px;
      font-weight:700;
      z-index:5;
    }

    .slide-3 .floating-daily,
    .slide-3-alt .floating-daily{
      position:absolute;
      top:88px;
      right:10px;
      width:286px;
      max-height:414px;
      border-radius:18px;
      background:linear-gradient(180deg, rgba(15,18,25,.62), rgba(15,18,25,.76));
      border:1px solid rgba(255,255,255,.09);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      box-shadow:
        0 14px 28px rgba(0,0,0,.16),
        0 0 18px rgba(108,76,255,.05);
      z-index:24;
      overflow:hidden;
      opacity:.9;
      animation:floatCard 5.4s ease-in-out infinite;
    }

    .slide-3 .floating-daily .head,
    .slide-3-alt .floating-daily .head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:10px 12px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.015);
    }

    .slide-3 .floating-daily .head strong,
    .slide-3-alt .floating-daily .head strong{
      font-size:12px;
      display:block;
      margin-bottom:2px;
    }

    .slide-3 .floating-daily .head span,
    .slide-3-alt .floating-daily .head span{
      font-size:10px;
      color:rgba(255,255,255,.42);
    }

    .slide-3 .daily-badge,
    .slide-3-alt .daily-badge{
      width:30px;
      height:30px;
      border-radius:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:linear-gradient(135deg, rgba(153,146,246,.96), rgba(108,76,255,.82));
      box-shadow:0 0 20px rgba(108,76,255,.18);
      color:#fff;
      font-size:14px;
      flex:0 0 auto;
    }

    .slide-3 .daily-grid,
    .slide-3-alt .daily-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      border-top:1px solid rgba(255,255,255,.03);
      max-height:318px;
      overflow-y:auto;
    }

    .slide-3 .daily-grid::-webkit-scrollbar,
    .slide-3-alt .daily-grid::-webkit-scrollbar{
      width:4px;
    }

    .slide-3 .daily-grid::-webkit-scrollbar-thumb,
    .slide-3-alt .daily-grid::-webkit-scrollbar-thumb{
      background:rgba(255,255,255,.18);
      border-radius:999px;
    }

    .slide-3 .daily-cell,
    .slide-3-alt .daily-cell{
      min-height:36px;
      padding:6px 8px;
      border-right:1px solid rgba(255,255,255,.04);
      border-bottom:1px solid rgba(255,255,255,.04);
      background:linear-gradient(180deg, rgba(255,255,255,.016), rgba(255,255,255,.008));
    }

    .slide-3 .daily-cell:nth-child(2n),
    .slide-3-alt .daily-cell:nth-child(2n){
      border-right:none;
    }

    .slide-3 .daily-cell small,
    .slide-3-alt .daily-cell small{
      display:block;
      font-size:8.5px;
      font-weight:700;
      color:rgba(255,255,255,.50);
      margin-bottom:3px;
      text-transform:uppercase;
      letter-spacing:.03em;
      line-height:1.1;
    }

    .slide-3 .daily-cell strong,
    .slide-3-alt .daily-cell strong{
      display:block;
      font-size:11px;
      letter-spacing:-.01em;
      color:#fff;
      line-height:1.05;
    }

    .slide-3 .daily-cell.highlight-tacos,
    .slide-3-alt .daily-cell.highlight-tacos{
      background:linear-gradient(180deg, rgba(242,180,31,.16), rgba(242,180,31,.11));
    }

    .slide-3 .daily-cell.highlight-acos,
    .slide-3-alt .daily-cell.highlight-acos{
      background:linear-gradient(180deg, rgba(41,207,139,.17), rgba(41,207,139,.13));
    }

    .slide-3 .daily-cell.highlight-tacos small, .slide-3 .daily-cell.highlight-acos small,
    .slide-3-alt .daily-cell.highlight-tacos small, .slide-3-alt .daily-cell.highlight-acos small{
      color:rgba(255,255,255,.84);
    }

    .slide-3 .daily-cell.highlight-tacos strong,
    .slide-3-alt .daily-cell.highlight-tacos strong{
      color:#f0b33f;
    }

    .slide-3 .daily-cell.highlight-acos strong,
    .slide-3-alt .daily-cell.highlight-acos strong{
      color:#4de2a2;
    }

    .slide-3 .daily-footer,
    .slide-3-alt .daily-footer{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:9px 12px;
      font-size:10px;
      color:rgba(255,255,255,.50);
      background:rgba(255,255,255,.012);
    }

    .slide-3 .types,
    .slide-3-alt .types{
      display:flex;
      gap:5px;
      align-items:center;
    }

    .slide-3 .type-pill,
    .slide-3-alt .type-pill{
      min-width:24px;
      height:18px;
      padding:0 6px;
      border-radius:7px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:8px;
      font-weight:800;
      color:#fff;
    }

    .slide-3 .type-pill.sp, .slide-3-alt .type-pill.sp{background:#47d78f}
    .slide-3 .type-pill.sd, .slide-3-alt .type-pill.sd{background:#ff6c4b}
    .slide-3 .type-pill.sb, .slide-3-alt .type-pill.sb{background:#42d095}

    @keyframes floatCard{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(-8px)}
    }

    @keyframes floatCardAlt{
      0%,100%{transform:translateY(0)}
      50%{transform:translateY(7px)}
    }

    @keyframes playPulse{
      0%,100%{
        transform:scale(1);
        box-shadow:
          0 0 24px rgba(108,76,255,.50),
          inset 0 0 12px rgba(255,255,255,.22);
      }
      50%{
        transform:scale(1.06);
        box-shadow:
          0 0 34px rgba(108,76,255,.65),
          inset 0 0 14px rgba(255,255,255,.26);
      }
    }

    @keyframes slideInDaily{
      from{
        opacity:0;
        transform:translate3d(24px, 0, 0) scale(.98);
      }
      to{
        opacity:1;
        transform:translate3d(0, 0, 0) scale(1);
      }
    }

    @keyframes fadeLift{
      from{
        opacity:0;
        transform:translateY(10px);
      }
      to{
        opacity:1;
        transform:translateY(0);
      }
    }

    
    .slide-3 .chart-footer{display:none;}

    
    .slide-3 .demo-modal{
      position:fixed;
      inset:0;
      background:rgba(6,10,16,.66);
      backdrop-filter:blur(10px);
      display:none;
      align-items:center;
      justify-content:center;
      z-index:50;
      padding:28px;
    }

    .slide-3 .demo-modal.is-open{display:flex;}

    .slide-3 .demo-modal-card{
      width:min(1760px, 96vw);
      height:min(940px, 92vh);
      border-radius:24px;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(27,33,41,.98), rgba(20,25,33,.99));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        0 40px 100px rgba(0,0,0,.45),
        0 0 80px rgba(108,76,255,.16),
        inset 0 1px 0 rgba(255,255,255,.04);
      display:flex;
      flex-direction:column;
    }

    .slide-3 .demo-modal-topbar{
      height:64px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 22px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.02);
      flex:0 0 auto;
    }

    .slide-3 .demo-modal-topbar .left, .slide-3 .demo-modal-topbar .right{
      display:flex;
      align-items:center;
      gap:14px;
    }

    .slide-3 .demo-modal-title{
      font-size:13px;
      font-weight:700;
      color:rgba(84,141,255,.96);
      white-space:nowrap;
    }

    .slide-3 .demo-modal-close{
      width:38px;
      height:38px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.82);
      font-size:18px;
      cursor:pointer;
      transition:.2s ease;
    }

    .slide-3 .demo-modal-close:hover{
      border-color:rgba(108,76,255,.34);
      box-shadow:0 0 22px rgba(108,76,255,.12);
      color:#fff;
    }

    .slide-3 .demo-tabbar{
      padding:18px 22px 12px;
      display:flex;
      gap:10px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
      flex:0 0 auto;
    }

    .slide-3 .demo-tab{
      height:42px;
      padding:0 18px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.78);
      font-size:13px;
      font-weight:800;
      cursor:pointer;
      transition:.25s cubic-bezier(.16,1,.3,1);
    }

    .slide-3 .demo-tab.is-active{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      border-color:rgba(108,76,255,.34);
      box-shadow:0 0 18px rgba(108,76,255,.18);
      color:#fff;
    }

    .slide-3 .demo-modal-body{
      flex:1 1 auto;
      min-height:0;
      position:relative;
      overflow:hidden;
    }

    .slide-3 .demo-panel{
      position:absolute;
      inset:0;
      padding:18px 22px 22px;
      display:none;
      overflow:auto;
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
    }

    .slide-3 .demo-panel.is-active{display:block;}

    .slide-3 .modal-toolbar{
      display:grid;
      grid-template-columns:1fr 1fr 1fr auto;
      gap:14px;
      align-items:end;
      margin-bottom:16px;
    }

    .slide-3 .modal-field label{
      display:block;
      font-size:11px;
      font-weight:700;
      color:rgba(255,255,255,.72);
      margin-bottom:8px;
    }

    .slide-3 .modal-field .box{
      height:44px;
      border-radius:10px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.05);
      color:rgba(255,255,255,.54);
      display:flex;
      align-items:center;
      padding:0 14px;
      font-size:12px;
      font-weight:600;
    }

    .slide-3 .modal-apply{
      height:44px;
      padding:0 20px;
      border:none;
      border-radius:10px;
      background:linear-gradient(135deg, rgba(108,76,255,.95), rgba(108,76,255,.78));
      color:#fff;
      font-size:12px;
      font-weight:800;
    }

    .slide-3 .std-list-wrap{
      border-radius:16px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
    }

    .slide-3 .std-toolbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      padding:14px 18px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.015);
    }

    .slide-3 .std-toolbar .left, .slide-3 .std-toolbar .right{
      display:flex;
      align-items:center;
      gap:14px;
      flex-wrap:wrap;
    }

    .slide-3 .std-pill{
      height:32px;
      padding:0 12px;
      border-radius:9px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.8);
      display:flex;
      align-items:center;
      font-size:12px;
      font-weight:700;
      white-space:nowrap;
    }

    .slide-3 .std-pill.primary{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      color:#fff;
      border-color:rgba(108,76,255,.32);
    }

    .slide-3 .std-table{
      width:100%;
    }

    .slide-3 .std-head, .slide-3 .std-row{
      display:grid;
      grid-template-columns: 4.2fr 1.1fr 1.1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      gap:0;
      align-items:center;
    }

    .slide-3 .std-head{
      padding:16px 18px;
      color:rgba(255,255,255,.54);
      font-size:11px;
      font-weight:800;
      letter-spacing:.02em;
      border-bottom:1px solid rgba(255,255,255,.05);
      text-transform:none;
    }

    .slide-3 .std-row{
      padding:16px 18px;
      min-height:112px;
      border-bottom:1px solid rgba(255,255,255,.05);
      color:#eef2f7;
    }

    .slide-3 .product-cell{
      display:flex;
      align-items:center;
      gap:16px;
      min-width:0;
    }

    .slide-3 .product-thumb{
      width:52px;
      height:52px;
      border-radius:10px;
      background:linear-gradient(135deg, rgba(153,146,246,.78), rgba(108,76,255,.42));
      border:1px solid rgba(153,146,246,.22);
      box-shadow:0 0 22px rgba(108,76,255,.12);
      flex:0 0 auto;
    }

    .slide-3 .product-meta{
      min-width:0;
    }

    .slide-3 .product-line-1{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:6px;
      flex-wrap:wrap;
    }

    .slide-3 .asin{
      color:#2494ff;
      font-weight:800;
    }

    .slide-3 .product-title{
      font-size:16px;
      font-weight:700;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:620px;
      color:#f2f5fb;
    }

    .slide-3 .product-sub{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      color:rgba(255,255,255,.54);
      font-size:12px;
      font-weight:600;
    }

    .slide-3 .ad-types{
      display:flex;
      gap:6px;
      align-items:center;
      justify-content:flex-start;
    }

    .slide-3 .type-chip{
      min-width:28px;
      height:22px;
      padding:0 8px;
      border-radius:7px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      font-weight:800;
      color:#fff;
    }

    .slide-3 .type-chip.sp{background:#47d78f}
    .slide-3 .type-chip.sd{background:#ff6c4b}
    .slide-3 .type-chip.sb{background:#42d095}

    .slide-3 .std-row .num{
      font-size:14px;
      font-weight:700;
      color:#eef2f7;
    }

    .slide-3 .std-row .muted{
      color:rgba(255,255,255,.58);
      font-size:13px;
      font-weight:600;
    }

    .slide-3 .daily-wrap{
      display:grid;
      grid-template-columns: 430px repeat(3, minmax(340px, 1fr));
      gap:0;
      border-radius:16px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
      min-width:1480px;
    }

    .slide-3 .daily-col{
      min-height:690px;
      border-right:1px solid rgba(255,255,255,.05);
      position:relative;
    }

    .slide-3 .daily-col:last-child{border-right:none;}

    .slide-3 .daily-col-head{
      height:48px;
      display:flex;
      align-items:center;
      padding:0 16px;
      border-bottom:1px solid rgba(255,255,255,.05);
      color:rgba(255,255,255,.58);
      font-size:13px;
      font-weight:800;
      background:rgba(255,255,255,.014);
    }

    .slide-3 .daily-product-pane{
      padding:16px;
      background:rgba(255,255,255,.012);
      min-height:100%;
    }

    .slide-3 .daily-product-card{
      display:flex;
      gap:14px;
      padding:14px;
      border-radius:14px;
      background:rgba(255,255,255,.02);
      border:1px solid rgba(255,255,255,.05);
    }

    .slide-3 .daily-thumb{
      width:76px;
      height:76px;
      border-radius:14px;
      background:linear-gradient(135deg, rgba(153,146,246,.78), rgba(108,76,255,.42));
      border:1px solid rgba(153,146,246,.22);
      box-shadow:0 0 22px rgba(108,76,255,.12);
      flex:0 0 auto;
    }

    .slide-3 .daily-product-meta{
      min-width:0;
      flex:1;
    }

    .slide-3 .daily-product-title{
      font-size:14px;
      font-weight:800;
      color:#f2f5fb;
      line-height:1.28;
      margin-bottom:8px;
    }

    .slide-3 .daily-product-sub{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      color:rgba(255,255,255,.56);
      font-size:12px;
      font-weight:600;
      margin-bottom:8px;
    }

    .slide-3 .daily-day-pane{
      padding:0;
      background:rgba(255,255,255,.01);
    }

    .slide-3 .day-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      border-top:1px solid rgba(255,255,255,.03);
    }

    .slide-3 .day-cell{
      min-height:46px;
      padding:10px 12px;
      border-right:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012));
    }

    .slide-3 .day-cell:nth-child(2n){border-right:none;}

    .slide-3 .day-cell small{
      display:block;
      font-size:11px;
      font-weight:700;
      color:rgba(255,255,255,.52);
      margin-bottom:4px;
      line-height:1.1;
    }

    .slide-3 .day-cell strong{
      display:block;
      font-size:14px;
      font-weight:800;
      color:#fff;
      line-height:1.08;
    }

    .slide-3 .day-cell.tacos{
      background:linear-gradient(180deg, rgba(242,180,31,.18), rgba(242,180,31,.12));
    }

    .slide-3 .day-cell.acos{
      background:linear-gradient(180deg, rgba(41,207,139,.20), rgba(41,207,139,.14));
    }

    .slide-3 .day-cell.tacos strong{color:#f0b33f;}
    .slide-3 .day-cell.acos strong{color:#4de2a2;}

    .slide-3 .day-footer{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      padding:12px 14px;
      font-size:12px;
      color:rgba(255,255,255,.54);
      background:rgba(255,255,255,.02);
      border-top:1px solid rgba(255,255,255,.05);
    }

    .slide-3 .day-footer .blue{color:#2494ff;font-weight:800;}

    @media (max-width: 1600px){
      .slide-3 .std-head, .slide-3 .std-row{
        grid-template-columns: 4fr 1fr 1fr .9fr .9fr .9fr .9fr .9fr .9fr;
      }
    }

    @media (max-width:1600px){
      .slide-3 h1{font-size:60px}
    }
  
    /* ===== isolated modal only ===== */
    .slide-3 .u-modal{
      position:fixed;
      inset:0;
      z-index:120;
      opacity:0;
      pointer-events:none;
      transition:opacity .28s ease;
    }
    .slide-3 .u-modal.is-open{
      opacity:1;
      pointer-events:auto;
    }
    .slide-3 .u-modal__backdrop{
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 16%, rgba(108,76,255,.16), transparent 26%),
        rgba(6,10,16,.72);
      backdrop-filter:blur(12px);
    }
    .slide-3 .u-modal__card{
      position:absolute;
      inset:22px;
      border-radius:18px;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(24,29,37,.985), rgba(18,23,31,.99));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        0 42px 120px rgba(0,0,0,.46),
        0 0 110px rgba(108,76,255,.16),
        inset 0 1px 0 rgba(255,255,255,.05);
      transform:translateY(14px) scale(.985);
      transition:transform .42s cubic-bezier(.16,1,.3,1);
      display:flex;
      flex-direction:column;
    }
    .slide-3 .u-modal.is-open .u-modal__card{transform:none;}

    .slide-3 .u-modal__topbar{
      height:56px;
      padding:0 18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.02);
      flex:0 0 auto;
    }
    .slide-3 .u-modal__topbar .left, .slide-3 .u-modal__topbar .right{
      display:flex;
      align-items:center;
      gap:12px;
    }
    .slide-3 .u-modal__title{
      font-size:13px;
      font-weight:700;
      color:rgba(84,141,255,.95);
      white-space:nowrap;
    }
    .slide-3 .u-modal__avatar{
      display:flex;
      align-items:center;
      gap:12px;
      padding-left:10px;
      border-left:1px solid rgba(255,255,255,.06);
    }
    .slide-3 .u-modal__avatar-icon{
      width:38px;
      height:38px;
      border-radius:50%;
      background:linear-gradient(180deg,#f8f8fb,#d7d6e0);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#6d7082;
      font-size:18px;
    }
    .slide-3 .u-modal__avatar-copy strong{
      display:block;
      font-size:14px;
      line-height:1.08;
      color:#fff;
    }
    .slide-3 .u-modal__avatar-copy span{
      display:block;
      font-size:12px;
      color:rgba(255,255,255,.38);
      margin-top:2px;
    }
    .slide-3 .u-modal__close{
      width:34px;
      height:34px;
      border:none;
      border-radius:10px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      color:rgba(255,255,255,.82);
      font-size:16px;
      cursor:pointer;
      transition:transform .25s ease, background .25s ease, border-color .25s ease;
    }

    .slide-3 .u-modal__close:hover{
      transform:rotate(90deg);
      background:rgba(255,255,255,.08);
      border-color:rgba(108,76,255,.34);
    }

    .slide-3 .u-modal__tabs{
      display:flex;
      gap:10px;
      padding:14px 18px 0;
      background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
      flex:0 0 auto;
    }
    .slide-3 .u-modal__tab{
      height:40px;
      padding:0 16px;
      border-radius:12px 12px 0 0;
      border:1px solid rgba(255,255,255,.08);
      border-bottom:none;
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.72);
      font-size:13px;
      font-weight:800;
      cursor:pointer;
      transition:.22s ease;
    }
    .slide-3 .u-modal__tab.is-active{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      border-color:rgba(108,76,255,.32);
      color:#fff;
      box-shadow:0 0 18px rgba(108,76,255,.18);
    }

    .slide-3 .u-modal__body{
      position:relative;
      flex:1 1 auto;
      min-height:0;
      border-top:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0));
    }
    .slide-3 .u-modal__panel{
      position:absolute;
      inset:0;
      display:none;
      overflow:auto;
      padding:18px;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.12) transparent;
    }
    .slide-3 .u-modal__panel::-webkit-scrollbar{width:10px;height:10px;}
    .slide-3 .u-modal__panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:20px;}
    .slide-3 .u-modal__panel.is-active{
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
      pointer-events:auto !important;
    }
    .slide-3 .u-modal__panel:not(.is-active){
      display:none !important;
    }

    .slide-3 .u-modal__field label{
      display:block;
      font-size:11px;
      font-weight:700;
      color:rgba(255,255,255,.72);
      margin-bottom:8px;
    }
    .slide-3 .u-modal__box{
      height:42px;
      border-radius:10px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.05);
      color:rgba(255,255,255,.58);
      display:flex;
      align-items:center;
      padding:0 14px;
      font-size:12px;
      font-weight:600;
    }
    .slide-3 .u-modal__apply{
      height:42px;
      padding:0 18px;
      border:none;
      border-radius:10px;
      background:linear-gradient(135deg, rgba(108,76,255,.95), rgba(108,76,255,.78));
      color:#fff;
      font-size:12px;
      font-weight:800;
      box-shadow:0 0 22px rgba(108,76,255,.22);
      cursor:pointer;
    }

    /* standard panel */
    .slide-3 .u-std__filters{
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.018));
      border:1px solid rgba(255,255,255,.05);
      overflow:hidden;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
      margin-bottom:16px;
    }
    .slide-3 .u-std__filters-inner{
      display:grid;
      grid-template-columns:1fr 1fr auto;
      gap:14px;
      padding:16px;
      align-items:end;
    }
    .slide-3 .u-std__metrics{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      border-top:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.008);
      position:relative;
    }
    .slide-3 .u-std__metrics.has-collapse{
      padding-right:48px;
    }
    .slide-3 .u-std__chart-collapse{
      position:absolute;
      top:50%;
      right:10px;
      transform:translateY(-50%);
      width:32px;
      height:32px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.02);
      color:rgba(255,255,255,.78);
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:4;
      transition:background .2s ease, border-color .2s ease, color .2s ease;
    }
    .slide-3 .u-std__chart-collapse:hover{
      background:rgba(255,255,255,.05);
      border-color:rgba(255,255,255,.14);
      color:#fff;
    }
    .slide-3 .u-std__chart-collapse i{
      font-size:20px;
      line-height:1;
    }
    .slide-3 .u-modal__panel[data-u-panel="standard"].is-chart-collapsed .u-std__chart-shell{
      display:none;
    }
    .slide-3 .u-std__metric{
      position:relative;
      padding:14px 12px;
      min-height:76px;
      border-right:1px solid rgba(255,255,255,.05);
      cursor:pointer;
      transition:background .22s ease, opacity .22s ease;
    }
    .slide-3 .u-std__metric:last-child{border-right:none;}
    .slide-3 .u-std__metric::before{
      content:"";
      position:absolute;
      top:0; left:0; right:0;
      height:3px;
      background:var(--metric-accent, #fff);
    }
    .slide-3 .u-std__metric.sales{--metric-accent:#1ce6b7;}
    .slide-3 .u-std__metric.adsales{--metric-accent:#2494ff;}
    .slide-3 .u-std__metric.acos{--metric-accent:#f0b33f;}
    .slide-3 .u-std__metric.tacos{--metric-accent:#ff6c4b;}
    .slide-3 .u-std__metric.is-off{opacity:.55;background:rgba(255,255,255,.01);}
    .slide-3 .u-std__metric.is-on{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));}
    .slide-3 .u-std__metric-top{
      display:flex;
      justify-content:space-between;
      gap:8px;
      align-items:center;
      margin-bottom:6px;
    }
    .slide-3 .u-std__metric small{
      font-size:10px;
      font-weight:800;
      letter-spacing:.06em;
      color:rgba(255,255,255,.56);
      text-transform:uppercase;
    }
    .slide-3 .u-std__metric .delta{
      font-size:11px;
      font-weight:800;
      white-space:nowrap;
      color:#ff6c4b;
    }
    .slide-3 .u-std__metric strong{
      display:block;
      font-size:16px;
      letter-spacing:-.03em;
      color:#fff;
    }

    .slide-3 .u-std__chart-shell{
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
      border:1px solid rgba(255,255,255,.05);
      overflow:hidden;
      margin-bottom:18px;
    }
    .slide-3 .u-std__chart-shell.is-filtered .u-std__bar, .slide-3 .u-std__chart-shell.is-filtered .u-std__line-yellow, .slide-3 .u-std__chart-shell.is-filtered .u-std__line-red{opacity:.14;}
    .slide-3 .u-std__chart-shell.show-sales .u-std__bar.green{opacity:1;}
    .slide-3 .u-std__chart-shell.show-adsales .u-std__bar.blue{opacity:1;}
    .slide-3 .u-std__chart-shell.show-acos .u-std__line-yellow{opacity:1;}
    .slide-3 .u-std__chart-shell.show-tacos .u-std__line-red{opacity:1;}

    .slide-3 .u-std__chart-toolbar{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:8px;
      padding:12px 14px 8px;
      color:rgba(255,255,255,.44);
    }
    .slide-3 .u-std__chart-icons{display:flex;gap:8px;align-items:center;margin-right:10px;}
    .slide-3 .u-std__tool{
      padding:7px 12px;
      border-radius:8px;
      border:1px solid rgba(108,76,255,.28);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.78);
      font-size:11px;
      font-weight:700;
    }
    .slide-3 .u-std__tool.active{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      box-shadow:0 0 18px rgba(108,76,255,.18);
    }

    .slide-3 .u-std__chart{
      position:relative;
      height:280px;
      margin:0 14px 14px;
      border-radius:10px;
      overflow:hidden;
      background:
        radial-gradient(circle at 50% -18%, rgba(255,255,255,.035), transparent 42%),
        linear-gradient(to top, rgba(255,255,255,.02), transparent),
        linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
      background-size:auto,100% 52px,52px 100%;
      border:none;
    }
    .slide-3 .u-std__axis-left, .slide-3 .u-std__axis-right{
      position:absolute; top:16px; bottom:28px; width:34px;
      display:flex; flex-direction:column; justify-content:space-between;
      color:rgba(255,255,255,.38); font-size:10px; font-weight:700; z-index:5;
    }
    .slide-3 .u-std__axis-left{left:8px;}
    .slide-3 .u-std__axis-right{right:8px;align-items:flex-end;}
    .slide-3 .u-std__bars{
      position:absolute; left:60px; right:48px; top:20px; bottom:34px;
      display:flex; align-items:flex-end; justify-content:space-between; gap:12px; z-index:1;
    }
    .slide-3 .u-std__bar-group{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;}
    .slide-3 .u-std__bar{width:42%; border-radius:4px 4px 0 0; transition:opacity .22s ease;}
    .slide-3 .u-std__bar.green{background:linear-gradient(180deg, #33d090 0%, #28b97f 100%);}
    .slide-3 .u-std__bar.blue{background:linear-gradient(180deg, #2f91e4 0%, #2494ff 100%);}
    .slide-3 .u-std__line-svg{position:absolute; inset:0; width:100%; height:100%; z-index:4; pointer-events:none;}
    .slide-3 .u-std__line-yellow, .slide-3 .u-std__line-red{fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; transition:opacity .22s ease;}
    .slide-3 .u-std__line-yellow{stroke:#f0b33f;}
    .slide-3 .u-std__line-red{stroke:#ff6c4b;}
    .slide-3 .u-std__chart-labels{
      position:absolute; left:64px; right:54px; bottom:8px; display:flex; justify-content:space-between;
      color:rgba(255,255,255,.46); font-size:10px; font-weight:700; z-index:5;
    }

    .slide-3 .u-std__list{
      border-radius:16px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
    }
    .slide-3 .u-std__toolbar{
      display:flex; justify-content:space-between; align-items:center; gap:16px;
      padding:14px 18px; border-bottom:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.015);
    }
    .slide-3 .u-std__toolbar .left, .slide-3 .u-std__toolbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
    .slide-3 .u-std__pill{
      height:36px;
      padding:0 14px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.02);
      color:rgba(255,255,255,.88);
      display:flex;
      align-items:center;
      font-size:12px;
      font-weight:500;
      white-space:nowrap;
      box-shadow:none;
    }
    .slide-3 .u-std__pill--blue{
      background:#2494ff;
      color:#fff;
      border:1px solid rgba(103,186,245,.25);
      box-shadow:none;
    }

    .slide-3 .u-std__pill--sigma{
      color:rgba(255,255,255,.36);
      background:transparent;
      border:1px solid transparent;
      padding:0 0 0 6px;
    }

    .slide-3 .u-std__pill.primary{
      background:#6c4cff;
      color:#fff;
      border:1px solid rgba(123,97,255,.28);
      box-shadow:none;
    }

    .slide-3 .u-std__table-scroll{
      overflow:auto;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.12) transparent;
    }
    .slide-3 .u-std__table-scroll::-webkit-scrollbar{height:10px;width:10px;}
    .slide-3 .u-std__table-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:20px;}

    .slide-3 .u-std__head, .slide-3 .u-std__row{
      padding:18px 18px;
      min-height:104px;
      border-bottom:1px solid rgba(255,255,255,.05);
      color:#eef2f7;
      transition:.2s ease;
    }
    .slide-3 .u-std__head{
  font-size:10px;
  color:rgba(255,255,255,.45);
}
    .slide-3 .u-std__head > div{display:flex;align-items:center;gap:6px;white-space:nowrap;}
    .slide-3 .u-std__sort{
      opacity:.28;
      font-size:10px;
      letter-spacing:-0.06em;
    }
    .slide-3 .u-std__row{
      padding:16px 18px;
      min-height:104px;
      border-bottom:1px solid rgba(255,255,255,.05);
      color:#eef2f7;
      transition:.2s ease;
    }
    .slide-3 .u-std__row:hover{background:rgba(255,255,255,.02);}
    .slide-3 .u-std__product{
      display:flex; align-items:center; gap:14px; min-width:0;
    }
    .slide-3 .u-std__thumb{
      width:54px;
      height:54px;
      border-radius:8px;
      background:linear-gradient(135deg, rgba(153,146,246,.78), rgba(108,76,255,.42));
      border:1px solid rgba(153,146,246,.18);
      box-shadow:none;
      flex:0 0 auto;
    }
    .slide-3 .u-std__line1{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px;}
    .slide-3 .u-std__asin{color:#2494ff;font-weight:800;}
    .slide-3 .u-std__title{
  font-size:14px;
  font-weight:600;
  color:#f2f5fb;
}
    .slide-3 .u-std__sub{
  font-size:11px;
  color:rgba(255,255,255,.5);
}
    .slide-3 .u-std__adtypes{display:flex;gap:6px;align-items:center;}
    .slide-3 .u-std__num, .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
  min-width:52px;
  height:24px;
  font-size:10px;
  font-weight:600;
  border-radius:4px;
}
    .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
  min-width:52px;
  height:24px;
  font-size:10px;
  font-weight:600;
  border-radius:4px;
}
    .slide-3 .u-std__good{
      color:#6be2a5;
      background:rgba(73,175,121,.22);
    }
    .slide-3 .u-std__warn{
      color:#f0b33f;
      background:rgba(151,120,35,.34);
    }
    .slide-3 .u-std__bad{
      color:#ff6c4b;
      background:rgba(255,124,86,.16);
    }

    /* === pixel-perfect table layout fix === */
    .slide-3 .u-std__table{
      width:100%;
    }

    .slide-3 .u-std__table-scroll{
      overflow-x:auto;
      overflow-y:hidden;
      scrollbar-width:thin;
      scrollbar-color:rgba(255,255,255,.12) transparent;
    }
    .slide-3 .u-std__table-scroll::-webkit-scrollbar{height:10px;}
    .slide-3 .u-std__table-scroll::-webkit-scrollbar-thumb{
      background:rgba(255,255,255,.12);
      border-radius:20px;
    }

    .slide-3 .u-std__head, .slide-3 .u-std__row{
      display:grid !important;
      grid-template-columns: 420px 96px 118px 118px 118px 118px 128px 118px 118px 132px 110px 92px 128px 96px 108px 108px 108px !important;
      align-items:center;
      gap:0;
      min-width:2280px;
    }

    .slide-3 .u-std__head{
  font-size:10px;
  color:rgba(255,255,255,.45);
}

    .slide-3 .u-std__head > div{
      display:flex;
      align-items:center;
      gap:6px;
      white-space:nowrap;
      min-width:0;
    }

    .slide-3 .u-std__row{
      padding:18px 18px;
      min-height:104px;
      border-bottom:1px solid rgba(255,255,255,.05);
      color:#eef2f7;
      transition:.2s ease;
    }

    .slide-3 .u-std__row:hover{
      background:rgba(255,255,255,.02);
    }

    .slide-3 .u-std__row > div{
      min-width:0;
      white-space:nowrap;
    }

    .slide-3 .u-std__product{
      display:flex !important;
      align-items:center;
      gap:14px;
      min-width:0;
      width:100%;
    }

    .slide-3 .u-std__thumb{
      width:54px;
      height:54px;
      border-radius:8px;
      background:linear-gradient(135deg, rgba(153,146,246,.78), rgba(108,76,255,.42));
      border:1px solid rgba(153,146,246,.18);
      flex:0 0 auto;
      box-shadow:none;
    }

    .slide-3 .u-std__line1{
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:6px;
      min-width:0;
    }

    .slide-3 .u-std__title{
  font-size:14px;
  font-weight:600;
  color:#f2f5fb;
}

    .slide-3 .u-std__sub{
  font-size:11px;
  color:rgba(255,255,255,.5);
}

    .slide-3 .u-std__adtypes{
      display:flex;
      gap:6px;
      align-items:center;
      flex-wrap:nowrap;
    }

    .slide-3 .u-std__num, .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
  min-width:52px;
  height:24px;
  font-size:10px;
  font-weight:600;
  border-radius:4px;
}

    .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
  min-width:52px;
  height:24px;
  font-size:10px;
  font-weight:600;
  border-radius:4px;
}

    .slide-3 .u-std__good{
      color:#6be2a5;
      background:rgba(73,175,121,.22);
    }

    .slide-3 .u-std__warn{
      color:#f0b33f;
      background:rgba(151,120,35,.34);
    }

    .slide-3 .u-std__bad{
      color:#ff6c4b;
      background:rgba(129,72,55,.40);
    }

    /* === sortable header animation === */
    .slide-3 .u-std__head > div{
      position:relative;
      cursor:pointer;
      transition:color .18s ease, opacity .18s ease;
      user-select:none;
    }

    .slide-3 .u-std__head > div:hover{
      color:rgba(255,255,255,.72);
    }

    .slide-3 .u-std__head > div[data-sort-key]{
      padding-right:14px;
    }

    .slide-3 .u-std__head > div[data-sort-key] .u-std__sort{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:10px;
      height:14px;
      margin-left:2px;
      opacity:.22;
      transform:translateY(0);
      transition:opacity .18s ease, transform .18s ease, color .18s ease;
    }

    .slide-3 .u-std__head > div[data-sort-key]:hover .u-std__sort{
      opacity:.42;
      transform:translateY(-1px);
    }

    .slide-3 .u-std__head > div.is-sort-active{
      color:rgba(255,255,255,.86);
    }

    .slide-3 .u-std__head > div.is-sort-active .u-std__sort{
      opacity:.85;
      color:rgba(255,255,255,.86);
    }

    .slide-3 .u-std__head > div.is-sort-asc .u-std__sort{
      transform:rotate(180deg);
    }

    .slide-3 .u-std__head > div.is-sort-desc .u-std__sort{
      transform:rotate(0deg);
    }

    .slide-3 .u-std__row{
      transform-origin:center top;
      transition:
        background .18s ease,
        box-shadow .18s ease,
        transform .22s ease,
        opacity .22s ease;
    }

    .slide-3 .u-std__table.is-sorting .u-std__row{
      opacity:.72;
      transform:scale(.995);
    }

    .slide-3 .u-std__table.is-sorting .u-std__row.sort-keep{
      opacity:1;
      transform:scale(1);
    }

    /* - closer to original reference - */
    .slide-3 .u-std__toolbar{
      padding:12px 22px;
      min-height:58px;
      border-bottom:1px solid rgba(255,255,255,.045);
      background:rgba(255,255,255,.012);
    }

    .slide-3 .u-std__pill{
      height:38px;
      padding:0 15px;
      border-radius:4px;
      font-size:11px;
      font-weight:500;
      color:rgba(255,255,255,.9);
      background:rgba(255,255,255,.015);
      border:1px solid rgba(255,255,255,.05);
    }

    .slide-3 .u-std__pill.primary{
      background:#6c4cff;
      border-color:rgba(123,97,255,.18);
    }

    .slide-3 .u-std__pill--blue{
      background:#2494ff;
      border-color:rgba(74,167,235,.18);
    }

    .slide-3 .u-std__pill--sigma{
      color:rgba(255,255,255,.32);
      padding-left:8px;
    }

    .slide-3 .u-std__head{
      padding:18px 22px;
      font-size:9px;
      font-weight:700;
      color:rgba(255,255,255,.44);
      background:rgba(255,255,255,.014);
      border-bottom:1px solid rgba(255,255,255,.045);
    }

    .slide-3 .u-std__head, .slide-3 .u-std__row{
      grid-template-columns: 470px 68px 116px 116px 130px 118px 120px 118px 118px 126px 96px 90px 112px 98px 98px 118px 104px !important;
      min-width:2240px;
    }

    .slide-3 .u-std__row{
      padding:18px 22px;
      min-height:96px;
      border-bottom:1px solid rgba(255,255,255,.045);
      background:transparent;
    }

    .slide-3 .u-std__row:hover{
      background:rgba(255,255,255,.015);
    }

    .slide-3 .u-std__thumb{
      width:46px;
      height:46px;
      border-radius:6px;
    }

    .slide-3 .u-std__asin{
      font-size:12px;
      font-weight:500;
      color:#2494ff;
    }

    .slide-3 .u-std__title{
      font-size:14px;
      font-weight:600;
      max-width:420px;
    }

    .slide-3 .u-std__sub{
      font-size:11px;
      font-weight:500;
      color:rgba(255,255,255,.5);
      gap:10px;
    }

    .slide-3 .u-std__num{
      font-size:13px;
      font-weight:500;
      color:#e5ebf4;
    }

    .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
      min-width:58px;
      height:32px;
      padding:0 10px;
      border-radius:6px;
      font-size:11px;
      font-weight:700;
    }

    .slide-3 .u-std__good{
      color:#61dfa1;
      background:rgba(61,151,104,.28);
    }

    .slide-3 .u-std__warn{
      color:#f0b33f;
      background:rgba(145,112,32,.36);
    }

    .slide-3 .u-std__bad{
      color:#ff6c4b;
      background:rgba(129,72,55,.42);
    }

    .slide-3 .u-std__sort{
      opacity:.2;
      font-size:9px;
    }

    .slide-3 .u-std__head > div[data-sort-key] .u-std__sort{
      width:8px;
      margin-left:4px;
    }

    .slide-3 .u-std__adtypes .type-chip{
      min-width:24px;
      height:20px;
      font-size:9px;
      border-radius:6px;
      padding:0 7px;
    }

    .slide-3{
      --vz-secondary-color:#878a99;
    }

    .slide-3 .u-std__head{
      font-size:12px !important;
      font-weight:600 !important;
      color:var(--vz-secondary-color) !important;
      letter-spacing:.2px;
      background:rgba(255,255,255,.02) !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
    }

    .slide-3 .u-std__head > div{
      display:flex;
      align-items:center;
      gap:6px;
    }

    .slide-3 .u-std__row{
      font-size:12px !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
    }

    .slide-3 .u-std__row:hover{
      background:rgba(255,255,255,.02) !important;
      transform:none !important;
    }

    .slide-3 .u-std__num{
      font-size:12px !important;
      font-weight:500 !important;
      color:#e6edf3 !important;
      background:transparent !important;
      padding:0 !important;
      border-radius:0 !important;
      box-shadow:none !important;
    }

    .slide-3 .u-std__title{
      font-size:14px !important;
      font-weight:600 !important;
      color:#e6edf3 !important;
    }

    .slide-3 .u-std__sub{
      font-size:12px !important;
      color:var(--vz-secondary-color) !important;
      gap:10px !important;
    }

    .slide-3 .u-std__sub span{
      white-space:nowrap;
    }

    .slide-3 .u-std__asin{
      font-size:12px !important;
      font-weight:600 !important;
      color:#2494ff !important;
    }

    .slide-3 .u-std__sort{
      opacity:.35 !important;
      font-size:10px !important;
    }

    .slide-3 .u-std__head > div.is-sort-active{
      color:#cfd6e4 !important;
    }

    .slide-3 .u-std__head > div.is-sort-active .u-std__sort{
      opacity:1 !important;
    }

    .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
      height:28px !important;
      min-width:58px !important;
      padding:0 12px !important;
      border-radius:6px !important;
      font-size:12px !important;
      font-weight:600 !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .slide-3 .u-std__good{
      color:#7ee2a8 !important;
      background:rgba(51,136,94,.35) !important;
    }

    .slide-3 .u-std__warn{
      color:#f0b33f !important;
      background:rgba(138,108,28,.45) !important;
    }

    .slide-3 .u-std__bad{
      color:#ff6c4b !important;
      background:rgba(120,70,55,.5) !important;
    }

    

    

    /* modal close hover like slide 2 */
    .slide-3 #uModalClose{
      transition:transform .28s cubic-bezier(.16,1,.3,1), background .2s ease, border-color .2s ease, box-shadow .2s ease;
      transform-origin:center;
    }
    .slide-3 #uModalClose:hover{
      transform:rotate(90deg);
      border-color:rgba(108,76,255,.34);
      background:rgba(255,255,255,.06);
      box-shadow:0 0 18px rgba(108,76,255,.14);
    }

    

    

/* ensure both columns aligned */
.slide-3 #uModal .u-std__row > div:nth-child(15), .slide-3 #uModal .u-std__row > div:nth-child(16){
  display:flex !important;
  justify-content:flex-start !important;
  align-items:center !important;
}

    /* === CLEAN FINAL MODAL OVERRIDE === */
    .slide-3 #uModalClose{
      transition:transform .28s cubic-bezier(.16,1,.3,1), background .2s ease, border-color .2s ease, box-shadow .2s ease;
      transform-origin:center;
    }
    .slide-3 #uModalClose:hover{
      transform:rotate(90deg);
      border-color:rgba(108,76,255,.34);
      background:rgba(255,255,255,.06);
      box-shadow:0 0 18px rgba(108,76,255,.14);
    }

    /* keep modal table compact and remove conflicting widths */
   .slide-3 #uModal .u-std__head, .slide-3 #uModal .u-std__row{
  display:grid !important;
  grid-template-columns: 470px 150px 150px 120px 132px 120px 122px 118px 118px 126px 96px 90px 112px 98px 84px 84px 104px !important;
  width:max-content !important;
  min-width:100% !important;
}

    .slide-3 #uModal .u-std__row > div{min-width:0 !important;}

    .slide-3 #uModal .u-std__row > div:nth-child(2){
      min-width:150px !important;
      max-width:150px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      padding-right:12px !important;
      overflow:hidden !important;
    }

    .slide-3 #uModal .u-std__adtypes{
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:8px !important;
      flex-wrap:nowrap !important;
      width:100% !important;
      min-width:0 !important;
      overflow:hidden !important;
      margin-right:0 !important;
    }

    .slide-3 #uModal .u-std__adtypes .type-chip{
      flex:0 0 auto !important;
      min-width:24px !important;
      height:22px !important;
      padding:0 7px !important;
      font-size:10px !important;
      border-radius:6px !important;
    }

    .slide-3 #uModal .u-std__row > div:nth-child(3){
      min-width:150px !important;
      max-width:150px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      padding-left:8px !important;
      overflow:hidden !important;
    }

    .slide-3 #uModal .u-std__row > div:nth-child(3) .u-std__num{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .slide-3 #uModal .u-std__row > div:nth-child(4), .slide-3 #uModal .u-std__row > div:nth-child(5), .slide-3 #uModal .u-std__row > div:nth-child(6), .slide-3 #uModal .u-std__row > div:nth-child(7), .slide-3 #uModal .u-std__row > div:nth-child(8), .slide-3 #uModal .u-std__row > div:nth-child(9), .slide-3 #uModal .u-std__row > div:nth-child(10), .slide-3 #uModal .u-std__row > div:nth-child(11), .slide-3 #uModal .u-std__row > div:nth-child(12), .slide-3 #uModal .u-std__row > div:nth-child(13), .slide-3 #uModal .u-std__row > div:nth-child(14), .slide-3 #uModal .u-std__row > div:nth-child(17){
      display:flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      white-space:nowrap !important;
      overflow:hidden !important;
      text-overflow:ellipsis !important;
    }

    .slide-3 #uModal .u-std__num{
      display:inline-flex !important;
      align-items:center !important;
      justify-content:flex-start !important;
      background:transparent !important;
      padding:0 !important;
      border-radius:0 !important;
      box-shadow:none !important;
      white-space:nowrap !important;
      flex:0 0 auto !important;
    }

   .slide-3 .u-std__good, .slide-3 .u-std__warn, .slide-3 .u-std__bad{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: fit-content !important;
  max-width: fit-content !important;

  padding: 6px 14px;
  border-radius: 12px;

  white-space: nowrap;
}

.slide-3 #uModal .u-std__table-scroll{
  width:100% !important;
}

.slide-3 #uModal .u-std__list{
  overflow:hidden !important;
}

.slide-3 #uModal .u-std__head{
  border-right:none !important;
  background:rgb(24,32,45) !important;
}

.slide-3 #uModal .u-std__row{
  border-right:none !important;
  background:rgb(20,27,38) !important;
}

.slide-3 #uModal [data-u-panel="standard"] .u-std__row:hover{
  background:rgb(29,38,53) !important;
}

/* === SLIDE 3 / STANDARD VIEW: sticky first table column === */
.slide-3 #uModal [data-u-panel="standard"] .u-std__head > div:first-child,
.slide-3 #uModal [data-u-panel="standard"] .u-std__row > div:first-child{
  position:sticky !important;
  left:0 !important;
  background:rgb(20,27,38) !important;
  z-index:12 !important;
}

.slide-3 #uModal [data-u-panel="standard"] .u-std__head > div:first-child{
  background:rgb(24,32,45) !important;
  z-index:14 !important;
}

.slide-3 #uModal [data-u-panel="standard"] .u-std__row:hover > div:first-child{
  background:rgb(29,38,53) !important;
}

    /* === DAILY VIEW UNITIX PROD OVERRIDE === */
    .slide-3 #uModal [data-u-panel="daily"]{
      overflow:auto !important;
      padding:16px 18px 20px !important;
      background:linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .modal-toolbar{
      display:grid !important;
      grid-template-columns:1fr 1fr 1fr auto !important;
      gap:14px !important;
      align-items:end !important;
      margin-bottom:14px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-wrap{
      display:grid !important;
      grid-template-columns: 410px repeat(4, minmax(340px, 1fr)) !important;
      gap:0 !important;
      min-width:1770px !important;
      border:1px solid rgba(255,255,255,.05) !important;
      border-radius:0 !important;
      overflow:hidden !important;
      background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.008)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-col{
      min-height:690px !important;
      border-right:1px solid rgba(255,255,255,.05) !important;
      background:rgba(255,255,255,.008) !important;
      position:relative !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .daily-col:last-child{border-right:none !important;}

    .slide-3 #uModal [data-u-panel="daily"] .daily-col-head{
      height:38px !important;
      display:flex !important;
      align-items:center !important;
      padding:0 10px !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
      color:#8b8fa0 !important;
      font-size:12px !important;
      font-weight:700 !important;
      background:rgba(255,255,255,.014) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-pane{
      padding:0 !important;
      min-height:100% !important;
      background:rgba(255,255,255,.01) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-card{
      display:flex !important;
      gap:10px !important;
      padding:16px 12px 14px 14px !important;
      border-radius:0 !important;
      background:transparent !important;
      border:none !important;
      position:relative !important;
      align-items:flex-start !important;
      min-height:130px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-card::before{
      content:"" !important;
      position:absolute !important;
      left:10px !important;
      top:10px !important;
      bottom:10px !important;
      width:3px !important;
      border-radius:2px !important;
      background:linear-gradient(180deg,#6c4cff,#6c4cff) !important;
      opacity:.95 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-thumb{
      width:82px !important;
      height:82px !important;
      margin-left:10px !important;
      border-radius:0 !important;
      border:1px solid rgba(255,255,255,.06) !important;
      box-shadow:none !important;
      background:
        linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        linear-gradient(135deg, #d8d9e6, #6c4cff) !important;
      flex:0 0 auto !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-meta{
      min-width:0 !important;
      flex:1 !important;
      padding-top:2px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-title{
      font-size:13px !important;
      font-weight:700 !important;
      color:#eef2f7 !important;
      line-height:1.18 !important;
      margin-bottom:10px !important;
      display:-webkit-box !important;
      -webkit-line-clamp:2 !important;
      -webkit-box-orient:vertical !important;
      overflow:hidden !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-sub{
      display:flex !important;
      gap:10px !important;
      flex-wrap:wrap !important;
      color:#8c90a0 !important;
      font-size:12px !important;
      font-weight:500 !important;
      margin-bottom:8px !important;
      align-items:center !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-sub .asin{
      color:#2494ff !important;
      font-weight:600 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-day-pane{
      padding:0 !important;
      background:rgba(255,255,255,.008) !important;
      min-height:calc(100% - 38px) !important;
      display:flex !important;
      flex-direction:column !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-grid{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      border-top:none !important;
      flex:1 1 auto !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell{
      min-height:34px !important;
      padding:8px 8px !important;
      border-right:1px solid rgba(255,255,255,.05) !important;
      border-bottom:1px solid rgba(255,255,255,.05) !important;
      background:rgba(255,255,255,.012) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-cell:nth-child(2n){border-right:none !important;}

    .slide-3 #uModal [data-u-panel="daily"] .day-cell small{
      display:block !important;
      font-size:10px !important;
      font-weight:700 !important;
      color:#d1d6de !important;
      margin-bottom:4px !important;
      line-height:1.02 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell strong{
      display:block !important;
      font-size:11px !important;
      font-weight:500 !important;
      color:#eef2f7 !important;
      line-height:1.02 !important;
      letter-spacing:0 !important;
      background:none !important;
      padding:0 !important;
      min-width:0 !important;
      height:auto !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos{
      background:linear-gradient(180deg, rgba(142,112,33,.56), rgba(115,92,29,.52)) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos{
      background:linear-gradient(180deg, rgba(45,110,78,.58), rgba(40,96,69,.54)) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos small, .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos strong{color:#f0b33f !important;}
    .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos small, .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos strong{color:#39dd96 !important;}

    .slide-3 #uModal [data-u-panel="daily"] .day-footer{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      align-items:center !important;
      gap:0 !important;
      padding:0 !important;
      background:rgba(255,255,255,.01) !important;
      border-top:1px solid rgba(255,255,255,.05) !important;
      min-height:38px !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-footer > div{
      padding:9px 10px !important;
      font-size:12px !important;
      color:#e7ecf4 !important;
      border-right:1px solid rgba(255,255,255,.05) !important;
      font-weight:600 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-footer > div:last-child{
      border-right:none !important;
      display:flex !important;
      justify-content:flex-end !important;
      align-items:center !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .day-footer .blue{
      color:#2494ff !important;
      font-weight:700 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .ad-types{
      display:flex !important;
      gap:6px !important;
      align-items:center !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .ad-types .type-chip{
      min-width:22px !important;
      height:18px !important;
      padding:0 6px !important;
      border-radius:5px !important;
      font-size:9px !important;
      font-weight:800 !important;
    }

    /* === DAILY VIEW PIXEL-TUNING / PROD-LIKE === */
    .slide-3 #uModal [data-u-panel="daily"]{
      padding:14px 8px 18px 8px !important;
      overflow:auto !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .modal-toolbar{
      margin:0 10px 12px 10px !important;
      display:grid !important;
      grid-template-columns:1.1fr 1.1fr 1.1fr auto !important;
      gap:14px !important;
      align-items:end !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-wrap{
      grid-template-columns: 330px repeat(5, minmax(340px, 1fr)) !important;
      min-width: 2030px !important;
      border-radius:0 !important;
      border:1px solid rgba(255,255,255,.045) !important;
      background:rgba(255,255,255,.006) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-col{
      min-height:0 !important;
      background:rgba(255,255,255,.006) !important;
      border-right:1px solid rgba(255,255,255,.045) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-col-head{
      height:28px !important;
      padding:0 8px !important;
      font-size:10px !important;
      font-weight:700 !important;
      color:#8c90a0 !important;
      letter-spacing:0 !important;
      background:rgba(255,255,255,.014) !important;
      border-bottom:1px solid rgba(255,255,255,.045) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-pane{
      padding:0 !important;
      background:rgba(255,255,255,.006) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-card{
      min-height:168px !important;
      padding:12px 8px 10px 8px !important;
      gap:8px !important;
      align-items:flex-start !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-card::before{
      left:4px !important;
      top:8px !important;
      bottom:8px !important;
      width:2px !important;
      border-radius:2px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-thumb{
      width:72px !important;
      height:72px !important;
      margin-left:6px !important;
      border-radius:0 !important;
      background:linear-gradient(135deg, #6c4cff 0%, #6c4cff 55%, #6c4cff 100%) !important;
      border:1px solid rgba(255,255,255,.08) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-title{
      font-size:12px !important;
      line-height:1.14 !important;
      font-weight:700 !important;
      margin-bottom:8px !important;
      max-width:185px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-sub{
      font-size:10px !important;
      line-height:1.1 !important;
      gap:8px !important;
      margin-bottom:5px !important;
      color:#8b8fa0 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-sub .asin{
      color:#2494ff !important;
      font-weight:600 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-day-pane{
      min-height:346px !important;
      background:rgba(255,255,255,.006) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-grid{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:0 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell{
      min-height:28px !important;
      padding:6px 7px 5px 7px !important;
      background:rgba(255,255,255,.01) !important;
      border-right:1px solid rgba(255,255,255,.045) !important;
      border-bottom:1px solid rgba(255,255,255,.045) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell small{
      font-size:9px !important;
      line-height:1 !important;
      margin-bottom:3px !important;
      font-weight:700 !important;
      color:#d9dde6 !important;
      opacity:.96 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell strong{
      font-size:10px !important;
      line-height:1.02 !important;
      font-weight:500 !important;
      color:#eef2f7 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos{
      background:linear-gradient(180deg, rgba(136,108,29,.58), rgba(111,88,25,.56)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos{
      background:linear-gradient(180deg, rgba(43,107,76,.60), rgba(38,95,67,.58)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos small, .slide-3 #uModal [data-u-panel="daily"] .day-cell.tacos strong{
      color:#f0b33f !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos small, .slide-3 #uModal [data-u-panel="daily"] .day-cell.acos strong{
      color:#38dd96 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-footer{
      min-height:30px !important;
      border-top:0 !important;
      background:rgba(255,255,255,.008) !important;
      grid-template-columns:1fr 1fr !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-footer > div{
      padding:6px 7px !important;
      font-size:10px !important;
      font-weight:600 !important;
      color:#e8edf4 !important;
      border-right:1px solid rgba(255,255,255,.045) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-footer > div:last-child{
      border-right:none !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-footer .blue{
      color:#2494ff !important;
      font-weight:700 !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .ad-types{
      gap:5px !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .ad-types .type-chip{
      min-width:20px !important;
      height:16px !important;
      border-radius:4px !important;
      padding:0 5px !important;
      font-size:8px !important;
      font-weight:800 !important;
    }

    /* === DAILY VIEW background tuning only === */
    .slide-3 #uModal{
      background:
        radial-gradient(circle at 50% 0%, rgba(66,88,255,.10), transparent 22%),
        radial-gradient(circle at 18% 24%, rgba(91,65,255,.06), transparent 18%),
        rgba(7,10,16,.76) !important;
    }

    .slide-3 #uModal .u-modal__backdrop{
      background:
        radial-gradient(circle at 50% 0%, rgba(70,92,255,.12), transparent 20%),
        linear-gradient(180deg, rgba(10,14,23,.72), rgba(8,11,18,.84)) !important;
      backdrop-filter: blur(12px) !important;
    }

    .slide-3 #uModal .u-modal__card{
      background:
        radial-gradient(circle at 50% -10%, rgba(74,92,255,.08), transparent 24%),
        linear-gradient(180deg, rgba(27,33,44,.985), rgba(18,23,32,.99)) !important;
      box-shadow:
        0 36px 90px rgba(0,0,0,.42),
        0 0 60px rgba(82,93,255,.08),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    .slide-3 #uModal .u-modal__topbar{
      background:
        linear-gradient(90deg, rgba(255,255,255,.02), rgba(70,92,255,.04), rgba(255,255,255,.02)) !important;
    }

    .slide-3 #uModal .u-modal__tabs{
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(73,89,255,.035), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"]{
      background:
        linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(68,88,255,.03), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-wrap{
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.006)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(55,78,220,.03), rgba(255,255,255,0)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.02),
        0 0 0 1px rgba(255,255,255,.02) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-col{
      background:
        linear-gradient(180deg, rgba(255,255,255,.006), rgba(255,255,255,.004)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(56,78,220,.018), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-col-head{
      background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(66,88,255,.03), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-cell{
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.008)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(60,82,220,.012), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .day-footer{
      background:
        linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.008)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(60,82,220,.014), rgba(255,255,255,0)) !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .daily-product-pane{
      background:
        linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,.004)),
        linear-gradient(90deg, rgba(255,255,255,0), rgba(58,80,220,.016), rgba(255,255,255,0)) !important;
    }

    /* === DAILY VIEW FINAL PROD OVERRIDE === */
    .slide-3 #uModal{
      background:rgba(6,9,14,.92) !important;
      z-index:420 !important;
    }
    .slide-3 #uModal .u-modal__backdrop{
      background:
        radial-gradient(circle at 50% 10%, rgba(108,76,255,.10), transparent 24%),
        linear-gradient(180deg, rgba(9,13,20,.90), rgba(7,10,16,.94)) !important;
      backdrop-filter:blur(13px) !important;
    }
    .slide-3 #uModal .u-modal__card{
      background:linear-gradient(180deg, rgba(24,29,37,.995), rgba(18,23,31,.998)) !important;
      border:1px solid rgba(255,255,255,.09) !important;
      box-shadow:0 48px 130px rgba(0,0,0,.56), 0 0 96px rgba(108,76,255,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
      isolation:isolate;
    }
    .slide-3 #uModal .u-modal__topbar{
      background:#202631 !important;
      border-bottom:1px solid rgba(255,255,255,.08) !important;
    }
    .slide-3 #uModal .u-modal__tabs{
      padding:14px 14px 0 !important;
      background:#1b212b !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
    }
    .slide-3 #uModal .u-modal__body{
      background:#1f252f !important;
    }
    .slide-3 #uModal .u-modal__panel{
      background:#1f252f !important;
    }
    .slide-3 #uModal .u-modal__tab{
      height:42px !important;
      border-radius:14px 14px 0 0 !important;
      background:#262b34 !important;
      border:1px solid rgba(255,255,255,.08) !important;
      border-bottom:none !important;
      color:#d9dde5 !important;
      box-shadow:none !important;
    }
    .slide-3 #uModal .u-modal__tab.is-active{
      background:linear-gradient(180deg,#6c4cff 0%, #6c4cff 100%) !important;
      color:#fff !important;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 0 0 2px rgba(116,153,255,.18) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"]{
      padding:12px 10px 16px !important;
      background:#20252e !important;
      overflow:auto !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .modal-toolbar{
      display:grid !important;
      grid-template-columns:1fr 1fr 1fr auto !important;
      gap:12px !important;
      align-items:end !important;
      margin-bottom:10px !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .modal-field label{
      font-size:11px !important;
      color:#d6dbe5 !important;
      margin-bottom:6px !important;
      font-weight:700 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .box{
      height:42px !important;
      border-radius:12px !important;
      border:1px solid rgba(255,255,255,.07) !important;
      background:#242a33 !important;
      color:#a6adba !important;
      font-size:12px !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .modal-apply{
      height:42px !important;
      border-radius:12px !important;
      box-shadow:none !important;
    }

    .slide-3 #uModal [data-u-panel="daily"] .dv-wrap{
      min-width:2380px;
      border:1px solid rgba(255,255,255,.05);
      background:#1f242d;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-grid{
      display:grid;
      grid-template-columns: 410px repeat(5, 1fr);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-head{
      background:#252a33;
      color:#8e93a3;
      font-size:12px;
      font-weight:700;
      line-height:1;
      min-height:28px;
      padding:7px 10px;
      border-right:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
      white-space:nowrap;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-head:last-child{border-right:none;}
    .slide-3 #uModal [data-u-panel="daily"] .dv-product, .slide-3 #uModal [data-u-panel="daily"] .dv-day{
      border-right:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
      background:#1e232b;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-day:last-child{border-right:none;}
    .slide-3 #uModal [data-u-panel="daily"] .dv-product{
      position:relative;
      padding:14px 10px 14px 12px;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-product::before{
      content:"";
      position:absolute;
      left:10px; top:10px; bottom:10px;
      width:3px; border-radius:3px;
      background:#6c4cff;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-product-inner{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding-left:14px;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-thumb{
      width:78px; height:78px; flex:0 0 auto;
      border:1px solid rgba(255,255,255,.06);
      background:linear-gradient(135deg,#2a3140 0%, #3e4860 42%, #6c4cff 100%);
      overflow:hidden;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-thumb.alt{
      background:linear-gradient(135deg,#2c3444 0%, #45506a 42%, #6c4cff 100%);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-meta{min-width:0; flex:1;}
    .slide-3 #uModal [data-u-panel="daily"] .dv-title{
      font-size:12px;
      line-height:1.13;
      font-weight:700;
      color:#eef2f8;
      max-width:230px;
      margin-bottom:8px;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-subline{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      font-size:10px;
      color:#8f94a3;
      margin-bottom:3px;
      line-height:1.1;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-asin{
      color:#2494ff;
      font-weight:600;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-icons{
      margin-left:auto;
      display:flex;
      gap:8px;
      color:#8f94a3;
      font-size:14px;
    }

    .slide-3 #uModal [data-u-panel="daily"] .dv-day{
      background:#1d222a;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-empty{
      padding:10px;
      color:#f1f4f9;
      font-size:18px;
      line-height:1;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-table{
      display:grid;
      grid-template-columns: 1.15fr .85fr 1.15fr .85fr;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-cell{
      min-height:29px;
      padding:6px 7px 5px;
      border-right:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
      background:#1d222a;
      font-size:10px;
      line-height:1.05;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-cell:nth-child(4n){border-right:none;}
    .slide-3 #uModal [data-u-panel="daily"] .dv-label{
      color:#e2e6ee;
      font-weight:700;
      display:block;
      white-space:nowrap;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-value{
      color:#eef2f8;
      font-weight:500;
      display:block;
      white-space:nowrap;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-value.link{
      color:#2494ff;
    }

    .slide-3 #uModal [data-u-panel="daily"] .dv-band{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns: 1.15fr .85fr 1.15fr .85fr;
      min-height:29px;
      border-bottom:1px solid rgba(255,255,255,.05);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos{
      background:linear-gradient(90deg, rgba(116,63,57,.70) 0%, rgba(106,70,52,.78) 100%);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos{
      background:linear-gradient(90deg, rgba(95,77,31,.76) 0%, rgba(96,83,39,.76) 55%, rgba(47,90,67,.74) 100%);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green{
      background:linear-gradient(90deg, rgba(45,86,65,.78) 0%, rgba(49,92,69,.78) 100%);
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band .dv-cell{
      background:transparent !important;
      border-right:1px solid rgba(255,255,255,.05);
      border-bottom:none;
      min-height:29px;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band .dv-cell:last-child{border-right:none;}
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-value{
      color:#f0b33f;
      font-weight:700;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-value{
      color:#f0b33f;
      font-weight:700;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-value{
      color:#38dd96;
      font-weight:700;
    }

    .slide-3 #uModal [data-u-panel="daily"] .dv-footer{
      display:grid;
      grid-template-columns: 1.15fr .85fr 1.15fr .85fr;
      min-height:29px;
      background:#1d222a;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-footer .dv-cell{
      min-height:29px;
      background:#1d222a;
      border-bottom:none;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-footer .dv-label{
      color:#dfe5ee;
      font-weight:700;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-footer .dv-value{
      color:#2494ff;
      font-weight:500;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-types{
      display:flex;
      justify-content:flex-end;
      gap:5px;
      align-items:center;
      height:100%;
    }
    .slide-3 #uModal [data-u-panel="daily"] .type-chip{
      min-width:20px !important;
      height:16px !important;
      border-radius:4px !important;
      padding:0 5px !important;
      font-size:8px !important;
      font-weight:800 !important;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#fff;
    }

    /* === highlight color correction === */
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos{
      background:linear-gradient(90deg, rgba(114,72,57,.78) 0%, rgba(126,88,55,.74) 100%) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green{
      background:linear-gradient(90deg, rgba(44,92,68,.82) 0%, rgba(50,105,75,.78) 100%) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos{
      background:linear-gradient(90deg, rgba(113,80,32,.80) 0%, rgba(126,101,42,.78) 100%) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad{
      background:linear-gradient(90deg, rgba(112,63,53,.82) 0%, rgba(122,78,60,.80) 100%) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green{
      background:linear-gradient(90deg, rgba(42,94,69,.84) 0%, rgba(48,108,76,.80) 100%) !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-value{
      color:#f0b33f !important;
      font-weight:700 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green .dv-value{
      color:#39dd96 !important;
      font-weight:700 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-value{
      color:#f0b33f !important;
      font-weight:700 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad .dv-value{
      color:#ff6c4b !important;
      font-weight:700 !important;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-value{
      color:#39dd96 !important;
      font-weight:700 !important;
    }

    /* generic thumb overlay so it no longer resembles a real client product */
    .slide-3 #uModal [data-u-panel="daily"] .dv-thumb{
      position:relative;
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-thumb::before{
      content:"";
      position:absolute;
      inset:14px;
      border-radius:10px;
      border:2px solid rgba(255,255,255,.18);
      background:
        radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), transparent 38%),
        linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
    }
    .slide-3 #uModal [data-u-panel="daily"] .dv-thumb::after{
      content:"";
      position:absolute;
      width:30px;
      height:30px;
      left:24px;
      top:24px;
      border-radius:50%;
      border:2px solid rgba(255,255,255,.24);
      box-shadow:0 0 0 6px rgba(255,255,255,.06) inset;
      opacity:.9;
    }

/* === SAFE DAILY VIEW FLAT HIGHLIGHTS === */
.slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos{
  background: rgba(255, 107, 107, 0.18) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green{
  background: rgba(52, 199, 89, 0.18) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad{
  background: rgba(255, 107, 107, 0.18) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.acos{
  background: rgba(245, 195, 38, 0.18) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green{
  background: rgba(52, 199, 89, 0.18) !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos .dv-value, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.bad .dv-value{
  color:#ff6c4b !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos .dv-value{
  color:#f0b33f !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.tacos.green .dv-value, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-label, .slide-3 #uModal [data-u-panel="daily"] .dv-band.acos.green .dv-value{
  color:#34c759 !important;
}

/* more generic demo product look */
.slide-3 #uModal [data-u-panel="daily"] .dv-thumb{
  background: linear-gradient(135deg, #2b3343 0%, #44506a 55%, #6c4cff 100%) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-thumb.alt{
  background: linear-gradient(135deg, #313949 0%, #4d5974 55%, #6c4cff 100%) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-thumb::before{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
}
.slide-3 #uModal [data-u-panel="daily"] .dv-thumb::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:12px !important;
  height:8px !important;
  border-radius:999px !important;
  background: rgba(255,255,255,.16) !important;
}

/* === SLIDE 3 / DAILY VIEW: sticky first column === */
.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-head:first-child{
  position:sticky !important;
  left:0 !important;
  z-index:24 !important;
  background:#252a33 !important;
  overflow:hidden !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-product{
  position:sticky !important;
  left:0 !important;
  z-index:18 !important;
  background:#1e232b !important;
  overflow:hidden !important;
}

/* Daily view header/first-column lock: no drift, no see-through behind sticky area */
.slide-3 #uModal [data-u-panel="daily"] .dv-grid{
  position:relative !important;
  isolation:isolate !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-head{
  position:sticky !important;
  top:0 !important;
  z-index:20 !important;
  background:#252a33 !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-head:first-child{
  top:0 !important;
  z-index:30 !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-product{
  background:#1e232b !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid > .dv-product::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:#1e232b !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-product-inner,
.slide-3 #uModal [data-u-panel="daily"] .dv-product::before{
  position:relative !important;
  z-index:1 !important;
}

/* === Move preview button to left === */
.slide-3 .preview-actions, .slide-3 .preview-buttons, .slide-3 .demo-actions{
  justify-content: flex-start !important;
}

.slide-3 .preview-actions button, .slide-3 .preview-buttons button, .slide-3 .demo-actions button{
  margin-left: 0 !important;
}

/* slide 3 refinements */
.slide-3:not(.slide-3-alt) h1{font-size:54px !important;line-height:.98 !important;}
.slide-3:not(.slide-3-alt) .sub{font-size:15px !important;line-height:1.55 !important;max-width:560px !important;}
.slide-3:not(.slide-3-alt) .feature-list{gap:8px !important;max-width:520px !important;}
.slide-3:not(.slide-3-alt) .feature-item{padding:10px 12px !important;border-radius:14px !important;}
.slide-3:not(.slide-3-alt) .feature-icon{width:32px !important;height:32px !important;border-radius:10px !important;font-size:16px !important;}
.slide-3:not(.slide-3-alt) .feature-copy strong{font-size:12px !important;margin-bottom:2px !important;}
.slide-3:not(.slide-3-alt) .feature-copy span{font-size:11px !important;line-height:1.35 !important;}
.slide-3:not(.slide-3-alt) .hero{grid-template-columns:.72fr 1.28fr !important;gap:22px !important;}
.slide-3:not(.slide-3-alt) .preview-stage{height:650px !important;}
.slide-3:not(.slide-3-alt) .products-preview{transform:none !important;transform-origin:center top !important;}

/* === FIX clipping for floating table === */
.slide-3{
  overflow: visible !important;
}
.slide-3 .page{
  overflow: visible !important;
}
.slide-3 .floating-daily,
.slide-3-alt .floating-daily{
  z-index: 50 !important;
  transform: translateX(10px);
}

/* === HARD FIX: allow floating daily card to escape dashboard === */
.slide-3 .products-preview,
.slide-3 .preview-stage,
.slide-3 .preview-wrap,
.slide-3 .scene,
.slide-3 .preview-content,
.slide-3 .preview-body,
.slide-3 .preview-card-main,
.slide-3-alt .products-preview,
.slide-3-alt .preview-stage,
.slide-3-alt .preview-wrap,
.slide-3-alt .scene,
.slide-3-alt .preview-content,
.slide-3-alt .preview-body,
.slide-3-alt .preview-card-main{
  overflow: visible !important;
}

.slide-3 .preview-card-main,
.slide-3-alt .preview-card-main{
  z-index: 2 !important;
}

.slide-3 .floating-daily,
.slide-3-alt .floating-daily{
  z-index: 60 !important;
  right: 28px !important;
  transform: none !important;
}

/* === FIX floating daily readability === */
.slide-3 .floating-daily,
.slide-3-alt .floating-daily{
  background: linear-gradient(180deg, rgba(14,19,29,.90), rgba(10,15,24,.94)) !important;
  border: 1px solid rgba(108,76,255,.28) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.38),
    0 0 36px rgba(108,76,255,.16) !important;
  opacity: 1 !important;
}

.slide-3 .floating-daily::before,
.slide-3-alt .floating-daily::before{
  content:none;
}

.slide-3 .floating-daily > *,
.slide-3-alt .floating-daily > *{
  position:relative;
  z-index:1;
}

.slide-3 .floating-daily .head,
.slide-3-alt .floating-daily .head{
  background: rgba(255,255,255,.02) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.slide-3 .daily-cell,
.slide-3-alt .daily-cell{
  background: rgba(255,255,255,.015) !important;
  border-right:1px solid rgba(255,255,255,.05) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
}

.slide-3 .daily-footer,
.slide-3-alt .daily-footer{
  background: rgba(255,255,255,.015) !important;
}

.slide-3 .daily-cell.highlight-tacos,
.slide-3-alt .daily-cell.highlight-tacos{
  background: rgba(245,195,38,.18) !important;
}
.slide-3 .daily-cell.highlight-acos,
.slide-3-alt .daily-cell.highlight-acos{
  background: rgba(52,199,89,.18) !important;
}

/* === slide-3-alt: keep chart and bars inside dashboard bounds === */
.slide-3-alt .preview-card-main{
  overflow: hidden !important;
}
.slide-3-alt .preview-body{
  overflow: hidden !important;
}
.slide-3-alt .preview-content{
  overflow: hidden !important;
}
.slide-3-alt .chart-shell,
.slide-3-alt .chart{
  overflow: hidden !important;
}
.slide-3-alt .floating-daily{
  top: 34px !important;
  right: 14px !important;
}


/* === restore dashboard edge above floating card === */
.slide-3 .preview-card-main {
  position: relative;
  z-index: 5;
}

.slide-3 .preview-card-main::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.04) inset,
    0 0 20px rgba(108,76,255,0.06);
  z-index: 10;
}

/* === Slide 3 background system sync to Slide 2 (source of truth) === */
.slide-3 #uModal{
  background: transparent !important;
}
.slide-3 #uModal .u-modal__backdrop{
  background:
    radial-gradient(circle at 50% 20%, rgba(108,76,255,.18), transparent 30%),
    rgba(8,10,16,.72) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
.slide-3 #uModal .u-modal__card{
  background:linear-gradient(180deg, rgba(23,29,37,.98), rgba(17,22,30,.98)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 40px 120px rgba(0,0,0,.46),
    0 0 120px rgba(108,76,255,.18),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.slide-3 #uModal .u-modal__topbar{
  background:rgba(255,255,255,.02) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.slide-3 #uModal .u-modal__tabs{
  background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.slide-3 #uModal .u-modal__body{
  background:linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0)) !important;
}
.slide-3 #uModal .u-modal__panel{
  background:transparent !important;
}
.slide-3 #uModal .u-std__filters{
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.slide-3 #uModal .u-std__list{
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.015)) !important;
  border:1px solid rgba(255,255,255,.05) !important;
}
.slide-3 .preview-card-main{
  background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 40px 80px rgba(0,0,0,.34),
    0 0 80px rgba(108,76,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.slide-3 .preview-card-main::after{
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
}

/* === Slide 3 layering safety: keep modal below header zone and above global overlays === */
.slide-3 #uModal{
  z-index: 620 !important;
}
.slide-3 #uModal .u-modal__card{
  inset: 22px 22px 22px 22px !important;
}

/* === unified logo across slides === */
.logo{
  text-decoration:none !important;
  color:inherit !important;
  display:inline-flex;
  align-items:center;
  font-weight:700;
  letter-spacing:0.5px;
  transition:opacity .2s ease,transform .2s ease;
}
.logo:hover{
  opacity:.9;
  transform:translateY(-1px);
}

/* === unified header spacing across all slides === */
.topbar{
  min-height: 42px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}

.logo-link,
a.logo,
.logo{
  display:inline-flex !important;
  align-items:center !important;
  min-height:30px;
}

.top-nav{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.66) !important;
}

.top-nav span,
.top-nav a{
  color:inherit !important;
  text-decoration:none !important;
  line-height:1 !important;
}

/* make slide 2 header match 1 and 3 a bit closer */
.slide-2 .topbar,
.slide-3 .topbar,
.slide-1 .topbar{
  margin-bottom:22px !important;
}

/* === Slide 3 dashboard baseline (kept equal to unified 2/3/4 block) === */
.slide-3:not(.slide-3-alt) .preview-stage{height:650px !important;}
.slide-3:not(.slide-3-alt) .products-preview{transform:none !important;transform-origin:center top !important;}

/* === compact horizontal cards === */
.slide-3 .features{
  display:grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap:10px !important;
}

.slide-3 .feature-card{
  padding:10px 12px !important;
  border-radius:14px !important;
  display:flex !important;
  gap:10px !important;
}

.slide-3 .feature-card h3{
  font-size:13px !important;
  margin-bottom:2px !important;
}

.slide-3 .feature-card p{
  font-size:11.5px !important;
  line-height:1.35 !important;
  opacity:.75 !important;
}

.slide-3 .feature-card .icon{
  width:32px !important;
  height:32px !important;
}

/* remove gap after cards */
.slide-3:not(.slide-3-alt) .hero{
  gap:16px !important;
}

/* === HARD REMOVE feature cards === */
.slide-3:not(.slide-3-alt) .features,
.slide-3:not(.slide-3-alt) .feature-card {
  display: none !important;
}

/* tighten layout after removal */
.slide-3:not(.slide-3-alt) .hero {
  gap: 12px !important;
}

/* === FORCE remove hero feature cards on slide 3 === */
.slide-3:not(.slide-3-alt) .feature-list,
.slide-3:not(.slide-3-alt) .feature-item,
.slide-3:not(.slide-3-alt) .feature-icon,
.slide-3:not(.slide-3-alt) .feature-copy{
  display:none !important;
}

.slide-3:not(.slide-3-alt) .hero-progress-wrap{
  margin-top: 10px !important;
}

    /* == GLOBAL NAV == */
    .global-topbar{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;z-index:200;pointer-events:none;transition:opacity .25s ease;}
    .global-topbar>*{pointer-events:auto;}
    .global-logo-link{display:inline-flex;align-items:center;text-decoration:none;}
    .global-logo{height:28px;display:block;}
    .global-top-nav{display:flex;color:rgba(255,255,255,.50);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;word-spacing:.42em;pointer-events:none;}
    body.is-final-slide .global-top-nav{opacity:0;visibility:hidden;pointer-events:none;}
    .global-nav{position:fixed;left:34px;bottom:24px;z-index:200;display:flex;flex-direction:row;align-items:center;gap:14px;width:max-content;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(180deg,rgba(13,17,25,.56),rgba(9,13,20,.74));box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1);}
    body.modal-open .global-topbar,body.modal-open .global-nav{opacity:0!important;pointer-events:none!important;}
    .global-progress-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:14px;width:232px;max-width:260px;}
    .global-progress-bar{position:relative;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.12) 0 18%,transparent 18% 20%,rgba(255,255,255,.12) 20% 38%,transparent 38% 40%,rgba(255,255,255,.12) 40% 58%,transparent 58% 60%,rgba(255,255,255,.12) 60% 78%,transparent 78% 80%,rgba(255,255,255,.12) 80% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden;}
    .global-progress-bar::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);opacity:.32;transform:translateX(-65%);animation:globalProgressSheen 4.8s ease-in-out infinite;pointer-events:none;}
    .global-progress-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d5dff 0%,#2997ff 58%,#35e4cf 100%);box-shadow:0 0 18px rgba(80,107,255,.44),0 0 36px rgba(53,228,207,.16);transition:width .62s cubic-bezier(.16,1,.3,1);}
    .global-progress-fill::after{content:"";position:absolute;right:-3px;top:50%;width:8px;height:8px;border-radius:50%;background:#dfeaff;box-shadow:0 0 14px rgba(77,147,255,.72);transform:translateY(-50%);}
    .global-progress-text{min-width:68px;height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.68);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .25s ease,transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease;}
    .global-progress-text::first-letter{color:#fff;}
    .global-nav.is-updating .global-progress-text{color:#fff;border-color:rgba(108,92,255,.28);background:rgba(108,92,255,.10);transform:translateY(-1px);}
    @keyframes globalProgressSheen{0%,54%{transform:translateX(-72%);opacity:0;}68%{opacity:.34;}100%{transform:translateX(72%);opacity:0;}}
    .global-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:198px;}
    .global-nav-btn{min-width:0;height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.80);font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:.25s cubic-bezier(.16,1,.3,1);}
    .global-nav-btn:hover{border-color:rgba(108,76,255,.28);background:rgba(255,255,255,.06);box-shadow:0 0 20px rgba(108,76,255,.10);}
    .global-nav-btn:disabled{opacity:.35;cursor:default;box-shadow:none;}
    .global-nav-btn-primary{background:linear-gradient(135deg,rgba(108,76,255,.42),rgba(108,76,255,.18));border-color:rgba(108,76,255,.36);box-shadow:0 0 22px rgba(108,76,255,.14);}
    .final-fixed-overlay{position:fixed;inset:0;z-index:160;display:flex;align-items:center;justify-content:center;padding:72px 32px 120px;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s step-end,transform .95s cubic-bezier(.16,1,.3,1);}
    .final-fixed-overlay::before{content:"";position:absolute;left:50%;top:50%;width:min(78vw,920px);height:min(78vw,920px);border-radius:50%;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 48%,rgba(108,76,255,.13),rgba(36,148,255,.08) 28%,transparent 54%);box-shadow:0 0 90px rgba(108,76,255,.14),inset 0 0 80px rgba(255,255,255,.025);transform:translate(-50%,-50%) scale(.92);opacity:.72;pointer-events:none;}
    .final-fixed-overlay::after{content:"";position:absolute;left:50%;top:50%;width:min(58vw,620px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);box-shadow:0 0 28px rgba(143,114,255,.28);transform:translate(-50%,178px) scaleX(.56);opacity:0;pointer-events:none;}
    .final-fixed-overlay div{position:relative;z-index:1;max-width:1280px;color:#fff;font-size:clamp(62px,8.2vw,144px);line-height:.94;font-weight:900;letter-spacing:0;text-shadow:0 1px 0 rgba(255,255,255,.18),0 0 48px rgba(108,76,255,.28),0 22px 80px rgba(0,0,0,.50);opacity:0;transform:translateY(24px);filter:blur(10px);}
    .final-fixed-overlay div span{display:inline-block;color:#8f72ff;text-shadow:0 0 30px rgba(108,76,255,.38),0 18px 70px rgba(0,0,0,.45);}
    .final-fixed-overlay div::before{content:"";position:absolute;inset:-14% -10%;z-index:-1;background:linear-gradient(100deg,transparent 0%,rgba(143,114,255,.24) 38%,rgba(88,184,255,.22) 52%,transparent 68%);filter:blur(28px);opacity:.82;transform:translateX(-18%);}
    .final-fixed-overlay div::after{content:"";position:absolute;left:50%;bottom:-18px;width:38%;height:10px;border-radius:999px;background:rgba(143,114,255,.22);filter:blur(18px);transform:translateX(-50%);opacity:.72;pointer-events:none;}
    .final-fixed-overlay p{position:absolute;left:50%;top:calc(50% + 156px);z-index:1;margin:0;color:rgba(255,255,255,.54);font-size:clamp(13px,1.05vw,18px);line-height:1;letter-spacing:.18em;text-transform:uppercase;font-weight:800;opacity:0;transform:translate(-50%,12px);white-space:nowrap;text-shadow:0 0 24px rgba(108,76,255,.18);}
    body.is-final-slide .final-fixed-overlay{opacity:1;visibility:visible;transform:scale(1);transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility 0s,transform .95s cubic-bezier(.16,1,.3,1);}
    body.is-final-slide .final-fixed-overlay::before{animation:finalHaloIn 1.15s cubic-bezier(.16,1,.3,1) both, finalHaloBreathe 5.6s ease-in-out 1.15s infinite;}
    body.is-final-slide .final-fixed-overlay::after{animation:finalLineIn 1.05s cubic-bezier(.16,1,.3,1) .36s both;}
    body.is-final-slide .final-fixed-overlay div{animation:finalCopyIn 1.05s cubic-bezier(.16,1,.3,1) .16s both;}
    body.is-final-slide .final-fixed-overlay div span{animation:finalPurplePulse 4.8s ease-in-out 1.1s infinite;}
    body.is-final-slide .final-fixed-overlay div::before{animation:finalAuraSweep 5.8s ease-in-out infinite;}
    body.is-final-slide .final-fixed-overlay div::after{animation:finalTextGlow 4.8s ease-in-out 1s infinite;}
    body.is-final-slide .final-fixed-overlay p{animation:finalMetaIn .9s cubic-bezier(.16,1,.3,1) .54s both;}
    @keyframes finalHaloIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.82);}100%{opacity:.72;transform:translate(-50%,-50%) scale(1);}}
    @keyframes finalHaloBreathe{0%,100%{box-shadow:0 0 90px rgba(108,76,255,.14),inset 0 0 80px rgba(255,255,255,.025);}50%{box-shadow:0 0 128px rgba(108,76,255,.22),inset 0 0 96px rgba(255,255,255,.038);}}
    @keyframes finalLineIn{0%{opacity:0;transform:translate(-50%,178px) scaleX(.28);}100%{opacity:1;transform:translate(-50%,178px) scaleX(1);}}
    @keyframes finalCopyIn{0%{opacity:0;transform:translateY(24px);filter:blur(10px);}100%{opacity:1;transform:translateY(0);filter:blur(0);}}
    @keyframes finalAuraSweep{0%,100%{transform:translateX(-16%);opacity:.68;}50%{transform:translateX(16%);opacity:.95;}}
    @keyframes finalTextGlow{0%,100%{opacity:.52;transform:translateX(-50%) scaleX(.88);}50%{opacity:.82;transform:translateX(-50%) scaleX(1.08);}}
    @keyframes finalPurplePulse{0%,100%{color:#8f72ff;text-shadow:0 0 28px rgba(108,76,255,.34),0 18px 70px rgba(0,0,0,.45);}50%{color:#6c4cff;text-shadow:0 0 44px rgba(108,76,255,.58),0 0 80px rgba(143,114,255,.22),0 18px 70px rgba(0,0,0,.45);}}
    @keyframes finalMetaIn{0%{opacity:0;transform:translate(-50%,12px);}100%{opacity:1;transform:translate(-50%,0);}}
    .hero-progress-wrap,.hero-nav{display:none!important;}
    .page{padding-top:72px!important;}

    /* == SLIDE 4 CSS == */
:root {
      --bg: #141922;
      --text: #f4f7fb;
      --muted: rgba(255,255,255,.66);
      --soft: rgba(255,255,255,.42);
      --line: rgba(255,255,255,.06);
      --panel: #1b2129;
      --panel-2: #202630;
      --panel-3: #252c36;
      --purple: #6c4cff;
      --purple-2: #9992F6;
      --blue: #2494ff;
      --green: #29cf8b;
      --yellow: #f0b33f;
      --orange: #ff6c4b;
      --red: #ff6c4b;
      --shadow-xl: 0 32px 90px rgba(0,0,0,.38);
      --transition: .45s cubic-bezier(.16,1,.3,1);
    }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body {
      font-family: Inter, sans-serif;
      color: var(--text);
      overflow: hidden;
      background:
        radial-gradient(circle at 14% 14%, rgba(108,76,255,.10), transparent 24%),
        radial-gradient(circle at 86% 18%, rgba(36,148,255,.05), transparent 20%),
        radial-gradient(circle at 82% 82%, rgba(244,176,34,.045), transparent 18%),
        linear-gradient(180deg, #151a22 0%, #12171e 100%);
    }

    
    .slide-4 .hero {
      flex: 1;
      min-height: 0;
      display: grid;
      grid-template-columns: .76fr 1.24fr;
      gap: 28px;
      align-items: stretch;
    }
/* slide-4 cleaned: removed broken orphan rules and unused nested topbar/page overrides */
.slide-4 .copy-wrap { display: flex; align-items: center; }
.slide-4 .copy { max-width: 620px; }
.slide-4 .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      margin-bottom: 20px;
      border-radius: 999px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      color: rgba(255,255,255,.82);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      backdrop-filter: blur(14px);
    }
.slide-4 .eyebrow::before {
      content: "";
      width: 8px; height: 8px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--purple), var(--blue));
      box-shadow: 0 0 14px rgba(108,76,255,.5);
    }
.slide-4 h1 {
      font-size: 66px;
      line-height: .96;
      letter-spacing: -.05em;
      font-weight: 800;
      margin-bottom: 18px;
      max-width: 620px;
    }
.slide-4 .white {
      color: #fff;
      font-weight: 700;
      text-shadow:
        0 0 12px rgba(255,255,255,.08),
        0 0 24px rgba(255,255,255,.04);
    }
.slide-4 .accent {
      background: linear-gradient(135deg, #9992F6 0%, #6c4cff 50%, #6c4cff 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      text-shadow:
        0 0 12px rgba(108,76,255,.25),
        0 0 24px rgba(108,76,255,.15);
    }
.slide-4 .sub {
      color: var(--muted);
      font-size: 17px;
      line-height: 1.65;
      max-width: 600px;
      margin-bottom: 24px;
    }
.slide-4 .brand {
      font-weight: 800;
      color: #fff;
      text-shadow:
        0 0 10px rgba(255,255,255,.08),
        0 0 20px rgba(108,76,255,.08);
    }
.slide-4 .slide-title, .slide-4 .slide-desc {
      transition: opacity .28s ease, transform .32s cubic-bezier(.16,1,.3,1);
    }
.slide-4 .slide-copy-fade {
      opacity: 0;
      transform: translateY(8px);
    }
.slide-4 .hero-progress-wrap {
      margin-top: 20px;
      display: flex;
      align-items: center;
      gap: 14px;
      max-width: 360px;
    }
.slide-4 .hero-progress-bar {
      position: relative;
      flex: 1;
      height: 4px;
      border-radius: 999px;
      overflow: hidden;
      background: rgba(255,255,255,.08);
    }
.slide-4 .hero-progress-fill {
      position: absolute;
      inset: 0 auto 0 0;
      width: 66.666%;
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(108,76,255,.95), rgba(36,148,255,.9));
      box-shadow:
        0 0 14px rgba(108,76,255,.28),
        0 0 28px rgba(36,148,255,.14);
    }
.slide-4 .hero-progress-text {
      min-width: 66px;
      text-align: right;
      color: rgba(255,255,255,.50);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
.slide-4 .hero-nav { margin-top: 16px; display: flex; gap: 12px; }
.slide-4 .hero-nav-btn {
      min-width: 96px;
      height: 42px;
      padding: 0 16px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
      color: rgba(255,255,255,.88);
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      transition: .25s cubic-bezier(.16,1,.3,1);
    }
.slide-4 .hero-nav-btn:hover {
      border-color: rgba(108,76,255,.24);
      background: rgba(255,255,255,.05);
      box-shadow: 0 0 22px rgba(108,76,255,.10);
    }
.slide-4 .hero-nav-btn-primary {
      background: linear-gradient(135deg, rgba(108,76,255,.38), rgba(108,76,255,.16));
      border-color: rgba(108,76,255,.34);
      box-shadow: 0 0 24px rgba(108,76,255,.14);
    }
.slide-4 .scene {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
    }
.slide-4 .preview-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 0;
    }
.slide-4 .preview-stage {
      position: relative;
      width: 100%;
      max-width: 980px;
      height: 670px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: visible;
    }
.slide-4 .ambient-glow-1, .slide-4 .ambient-glow-2, .slide-4 .ambient-glow-3 {
      position: absolute; border-radius: 50%; filter: blur(42px); pointer-events: none;
    }
.slide-4 .ambient-glow-1 { width: 320px; height: 320px; background: rgba(108,76,255,.10); top: 46px; right: 86px; }
.slide-4 .ambient-glow-2 { width: 240px; height: 240px; background: rgba(36,148,255,.05); bottom: 92px; left: 92px; }
.slide-4 .ambient-glow-3 { width: 220px; height: 220px; background: rgba(244,176,34,.045); bottom: 34px; right: 150px; }
.slide-4 .dashboard-preview {
      position: relative;
      width: 910px;
      height: 560px;
    }
.slide-4 .preview-card-main {
      position: absolute;
      inset: 28px 22px;
      border-radius: 10px;
      background: linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98));
      border: 1px solid rgba(255,255,255,.08);
      box-shadow: 0 40px 80px rgba(0,0,0,.34), 0 0 80px rgba(108,76,255,.12), inset 0 1px 0 rgba(255,255,255,.05);
      backdrop-filter: blur(18px);
      overflow: hidden;
    }
.slide-4 .preview-topbar {
      height: 64px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 18px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      background: rgba(255,255,255,.02);
    }
.slide-4 .preview-top-left, .slide-4 .preview-top-right {
      display: flex; align-items: center; gap: 12px;
    }
.slide-4 .mini-icon {
      width: 30px; height: 30px;
      border-radius: 8px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.06);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,.72);
      font-size: 16px;
    }
.slide-4 .mini-icon.logo { background: transparent; border: none; }
.slide-4 .mini-icon.logo img { width: 22px; height: 22px; object-fit: contain; }
.slide-4 .mini-icon.schematic { background: transparent; border: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
.slide-4 .preview-title {
      font-size: 13px;
      font-weight: 700;
      color: rgba(255,255,255,.78);
      white-space: nowrap;
    }
.slide-4 .preview-body {
      display: grid;
      grid-template-columns: 56px 1fr;
      height: calc(100% - 64px);
    }
.slide-4 .preview-sidebar {
      border-right: 1px solid rgba(255,255,255,.05);
      padding: 14px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px;
      background: linear-gradient(180deg, rgba(255,255,255,.02), transparent);
    }
.slide-4 .preview-dot {
      width: 32px; height: 32px;
      border-radius: 9px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.04);
    }
.slide-4 .preview-dot.active {
      background: linear-gradient(135deg, rgba(108,76,255,.44), rgba(108,76,255,.16));
      border-color: rgba(108,76,255,.34);
      box-shadow: 0 0 18px rgba(108,76,255,.16);
    }
.slide-4 .preview-content {
      position: relative;
      padding: 18px;
      overflow: hidden;
      height: 100%;
    }
.slide-4 .preview-content-inner {
      position: relative;
      height: 476px;
      min-height: 476px;
      max-height: 476px;
      display: flex;
      flex-direction: column;
    }
.slide-4 .crumb-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;
      flex: 0 0 auto;
    }
.slide-4 .crumb-row h3 {
      font-size: 15px;
      font-weight: 800;
      display: flex;
      align-items: center;
      gap: 6px;
      margin: 0;
    }
.slide-4 .crumb-row h3 span { font-size: 13px; color: rgba(255,255,255,.34); }
.slide-4 .crumb { display: flex; align-items: center; gap: 8px; white-space: nowrap; color: rgba(255,255,255,.46); font-size: 12px; }
.slide-4 .crumb strong { color: rgba(255,255,255,.82); }
.slide-4 .adv-tabs {
      display: flex;
      gap: 6px;
      flex-wrap: nowrap;
      overflow: hidden;
      margin-bottom: 10px;
      flex: 0 0 auto;
      position: relative;
      z-index: 12;
    }
.slide-4 .adv-tab {
      height: 34px;
      padding: 0 12px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
      display: flex;
      align-items: center;
      color: rgba(255,255,255,.72);
      font-size: 11px;
      font-weight: 700;
      white-space: nowrap;
      cursor: pointer;
      transition: .25s cubic-bezier(.16,1,.3,1);
      flex: 0 0 auto;
      user-select: none;
    }
.slide-4 .adv-tab:hover {
      border-color: rgba(108,76,255,.24);
      background: rgba(255,255,255,.05);
    }
.slide-4 .adv-tab.is-active {
      background: linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      border-color: rgba(108,76,255,.34);
      box-shadow: 0 0 14px rgba(108,76,255,.16);
      color: #fff;
    }
.slide-4 .adv-filters {
      display: grid;
      grid-template-columns: 1fr 1fr auto;
      gap: 10px;
      align-items: end;
      margin-bottom: 10px;
      flex: 0 0 auto;
    }
.slide-4 .field label { display: block; font-size: 10px; font-weight: 700; color: rgba(255,255,255,.60); margin-bottom: 5px; letter-spacing: .04em; text-transform: uppercase; }
.slide-4 .field-box {
      height: 38px;
      border-radius: 9px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.05);
      display: flex;
      align-items: center;
      padding: 0 12px;
      color: rgba(255,255,255,.44);
      font-size: 11.5px;
      font-weight: 500;
    }
.slide-4 .apply-btn {
      height: 38px;
      padding: 0 16px;
      border: none;
      border-radius: 9px;
      background: linear-gradient(135deg, rgba(108,76,255,.95), rgba(108,76,255,.78));
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 0 18px rgba(108,76,255,.20);
      transition: .25s cubic-bezier(.16,1,.3,1);
      white-space: nowrap;
    }
.slide-4 .apply-btn:hover {
      box-shadow: 0 0 28px rgba(108,76,255,.34);
      transform: translateY(-1px);
    }
.slide-4 .metric-strip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-bottom: 10px;
      background: rgba(255,255,255,.005);
      border: 1px solid rgba(255,255,255,.05);
      border-radius: 10px;
      overflow: hidden;
      flex: 0 0 auto;
      position: relative;
    }
.slide-4 .metric-strip::before {
      content: "";
      position: absolute;
      left: 0; right: 0; top: 0; height: 3px;
      background: linear-gradient(90deg,
        #1ce6b7 0%, #1ce6b7 25%,
        #2494ff 25%, #2494ff 50%,
        #F5C326 50%, #F5C326 75%,
        #ff6c4b 75%, #ff6c4b 100%);
      z-index: 2;
    }
.slide-4 .metric-card {
      position: relative;
      padding: 11px 14px 13px;
      min-height: 70px;
      border-right: 1px solid rgba(255,255,255,.04);
    }
.slide-4 .metric-card:last-child { border-right: none; }
.slide-4 .metric-card::before { display: none; }
.slide-4 .metric-head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 6px;
      margin-bottom: 7px;
    }
.slide-4 .metric-label {
      display: flex;
      align-items: center;
      gap: 5px;
      color: rgba(255,255,255,.52);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
.slide-4 .metric-label i {
      font-size: 11px;
      color: rgba(255,255,255,.28);
    }
.slide-4 .metric-delta {
      font-size: 11px;
      font-weight: 700;
    }
.slide-4 .metric-card strong {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -.03em;
      color: #fff;
      display: block;
    }
.slide-4 .up { color: var(--green); }
.slide-4 .down { color: var(--orange); }
.slide-4 .content-zone {
      position: relative;
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      align-items: stretch;
      overflow: visible;
    }
.slide-4 .content-panel {
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      transform: translateY(10px);
      transition: opacity .36s ease, transform .42s cubic-bezier(.16,1,.3,1);
      display: flex;
      flex-direction: column;
      overflow: visible;
    }
.slide-4 .content-panel.is-active {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }
.slide-4 .panel-card {
      border-radius: 10px;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
      border: 1px solid rgba(255,255,255,.05);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      height: 100%;
    }
.slide-4 .chart-card { display: flex; flex-direction: column; }
.slide-4 .chart-toolbar {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      flex: 0 0 auto;
    }
.slide-4 .chart-icons { display: flex; gap: 8px; color: rgba(255,255,255,.50); margin-right: 8px; align-items: center; }
.slide-4 .tool-btn {
      padding: 8px 12px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.03);
      color: rgba(255,255,255,.64);
      font-size: 11px;
      font-weight: 700;
      cursor: pointer;
    }
.slide-4 .tool-btn.active {
      background: linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      box-shadow: 0 0 18px rgba(108,76,255,.18);
      color: #fff;
      border-color: rgba(108,76,255,.34);
    }
.slide-4 .chart {
      position: relative;
      height: 280px;
      min-height: 280px;
      max-height: 280px;
      margin: 0 14px 14px;
      border-radius: 10px;
      overflow: hidden;
      background:
        linear-gradient(to top, rgba(255,255,255,.015), transparent),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
      background-size: auto, 100% 52px, 52px 100%;
      border: 1px solid rgba(255,255,255,.05);
      flex: 1 1 auto;
      z-index: 1;
    }
.slide-4 .chart-axis-left, .slide-4 .chart-axis-right {
      position: absolute;
      top: 14px; bottom: 26px;
      width: 34px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      color: rgba(255,255,255,.34);
      font-size: 10px;
      font-weight: 700;
      z-index: 5;
    }
.slide-4 .chart-axis-left { left: 8px; }
.slide-4 .chart-axis-right { right: 8px; align-items: flex-end; }
.slide-4 .bars {
      position: absolute;
      left: 60px; right: 48px; top: 18px; bottom: 34px;
      display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
      z-index: 1;
    }
.slide-4 .bar-group { flex: 1; height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 4px; }
.slide-4 .bar {
      width: 42%;
      border-radius: 4px 4px 0 0;
      transform-origin: bottom;
      transition: height .55s cubic-bezier(.16,1,.3,1), opacity .32s ease;
    }
.slide-4 .bar.blue { background: linear-gradient(180deg, #2494ff 0%, #2494ff 100%); }
.slide-4 .bar.green { background: linear-gradient(180deg, #5dbf86 0%, #4aab73 100%); }
.slide-4 .line-svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 4; pointer-events: none; }
.slide-4 .line-red { fill: none; stroke: #ff6c4b; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.slide-4 .line-yellow { fill: none; stroke: #f0b33f; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.slide-4 .chart-labels {
      position: absolute;
      left: 64px; right: 54px; bottom: 8px;
      display: flex; justify-content: space-between;
      color: rgba(255,255,255,.42);
      font-size: 10px; font-weight: 700;
      z-index: 5;
    }
.slide-4 .table-wrap {
      flex: 1 1 auto;
      min-height: 0;
      display: flex;
      flex-direction: column;
      padding: 0 0 10px;
    }
.slide-4 .panel-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      flex: 0 0 auto;
    }
.slide-4 .toolbar-left, .slide-4 .toolbar-right { display: flex; align-items: center; gap: 8px; }
.slide-4 .pill, .slide-4 .toolbar-btn {
      height: 32px;
      padding: 0 12px;
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,.06);
      background: rgba(255,255,255,.03);
      display: inline-flex; align-items: center; gap: 7px;
      color: rgba(255,255,255,.72);
      font-size: 11px; font-weight: 700;
      white-space: nowrap;
    }
.slide-4 .toolbar-btn.primary {
      background: linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      color: #fff;
      border-color: rgba(108,76,255,.34);
      box-shadow: 0 0 18px rgba(108,76,255,.18);
    }
.slide-4 .grid-table {
      margin: 0 14px 14px;
      border-radius: 0 0 10px 10px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.05);
      background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,.008));
      flex: 1 1 auto;
      display: block;
      z-index: 1;
    }
.slide-4 .table-head, .slide-4 .table-row {
      display: grid;
      align-items: center;
    }
.slide-4 .table-head {
      background: rgba(255,255,255,.015);
      border-bottom: 1px solid rgba(255,255,255,.05);
      color: rgba(255,255,255,.46);
      font-size: 10px;
      font-weight: 800;
      min-height: 44px;
    }
.slide-4 .table-row {
      min-height: 42px;
      border-bottom: 1px solid rgba(255,255,255,.04);
      color: rgba(255,255,255,.86);
      font-size: 11.5px;
      transition: background .18s ease, box-shadow .18s ease;
    }
.slide-4 .table-row:last-child { border-bottom: none; }
.slide-4 .cell {
      padding: 0 10px;
      display: flex; align-items: center; gap: 8px;
      min-width: 0; height: 100%;
      border-right: 1px solid rgba(255,255,255,.04);
    }
.slide-4 .table-head .cell:last-child, .slide-4 .table-row .cell:last-child { border-right: none; }
.slide-4 .muted { color: rgba(255,255,255,.46); }
.slide-4 .status {
      display: inline-flex; align-items: center; justify-content: center;
      min-width: 58px; height: 24px; padding: 0 8px; border-radius: 7px;
      font-size: 11px; font-weight: 800;
      background: rgba(89,211,154,.12); color: #6edaa8;
    }
.slide-4 .status.warn { background: rgba(245,195,38,.12); color: #f0b33f; }
.slide-4 .status.bad { background: rgba(255,91,126,.12); color: #ff6c4b; }
.slide-4 .bullet { width: 8px; height: 8px; border-radius: 50%; background: #2494ff; flex: 0 0 auto; }
.slide-4 .sp-tag { height: 20px; padding: 0 6px; border-radius: 6px; background: rgba(89,211,154,.12); color: #92e2b8; font-size: 10px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
.slide-4 .ct-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding: 9px 12px 8px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      flex: 0 0 auto;
    }
.slide-4 .ct-left { display: flex; align-items: center; gap: 8px; min-width: 0; }
.slide-4 .ct-right { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.slide-4 .tb-btn {
      height: 32px; padding: 0 11px;
      border-radius: 7px;
      border: 1px solid rgba(255,255,255,.07);
      background: rgba(255,255,255,.03);
      color: rgba(255,255,255,.68);
      font-size: 11px; font-weight: 600;
      display: inline-flex; align-items: center; gap: 6px;
      white-space: nowrap; flex: 0 0 auto;
    }
.slide-4 .tb-icon { width: 32px; padding: 0; justify-content: center; }
.slide-4 .tb-save { background: linear-gradient(135deg,rgba(108,76,255,.60),rgba(108,76,255,.30)); border-color: rgba(108,76,255,.30); color: #fff; }
.slide-4 .tb-primary { background: linear-gradient(135deg,rgba(108,76,255,.68),rgba(108,76,255,.34)); border-color: rgba(108,76,255,.34); color: #fff; box-shadow: 0 0 14px rgba(108,76,255,.16); }
.slide-4 .ct-search {
      height: 32px;
      min-width: 180px;
      border-radius: 7px;
      border: 1px solid rgba(255,255,255,.06);
      background: rgba(255,255,255,.025);
      display: flex; align-items: center; gap: 8px;
      padding: 0 11px;
      color: rgba(255,255,255,.36);
      font-size: 11px; font-weight: 500;
      flex: 1 1 auto;
    }
.slide-4 .ct-table {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      flex: 1 1 auto;
    }
.slide-4 .ct-head, .slide-4 .ct-row {
      display: grid;
      grid-template-columns: 36px 90px 2fr 140px 100px 100px;
      align-items: center;
      min-height: 0;
    }
.slide-4 .ct-head {
      min-height: 44px;
      background: rgba(255,255,255,.014);
      border-bottom: 1px solid rgba(255,255,255,.05);
      color: rgba(255,255,255,.42);
      font-size: 10px; font-weight: 700;
    }
.slide-4 .ct-row {
      min-height: 50px;
      border-bottom: 1px solid rgba(255,255,255,.04);
      cursor: pointer;
      transition: background .16s ease;
    }
.slide-4 .ct-row:last-child { border-bottom: none; }
.slide-4 .ct-row:hover, .slide-4 .ct-row.is-hovered { background: rgba(255,255,255,.028); }
.slide-4 .tc {
      padding: 0 8px;
      display: flex; align-items: center; gap: 5px;
      min-width: 0; height: 100%; overflow: hidden;
    }
.slide-4 .tci { font-size: 11px; color: rgba(255,255,255,.30); flex: 0 0 auto; }
.slide-4 .chkbox { width: 16px; height: 16px; border-radius: 4px; border: 1px solid rgba(255,255,255,.10); background: transparent; flex: 0 0 auto; }
.slide-4 .ctog { width: 34px; height: 20px; border-radius: 999px; background: rgba(255,255,255,.08); position: relative; flex: 0 0 auto; display: block; }
.slide-4 .ctog::after { content: ""; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: rgba(255,255,255,.4); }
.slide-4 .ctog.ctog-on { background: linear-gradient(135deg, #6c4cff, rgba(108,76,255,.60)); }
.slide-4 .ctog.ctog-on::after { left: 17px; background: #fff; }
.slide-4 .cdots { color: rgba(255,255,255,.32); font-size: 14px; }
.slide-4 .tc-name { gap: 6px; }
.slide-4 .cn-text { font-size: 11.5px; font-weight: 600; color: rgba(255,255,255,.88); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 0 1 auto; min-width: 0; }
.slide-4 .cn-pin { opacity: .5; }
.slide-4 .cn-fi { opacity: 0; transition: opacity .15s; }
.slide-4 .ct-row:hover .cn-fi, .slide-4 .ct-row.is-hovered .cn-fi { opacity: .5; }
.slide-4 .bv { font-size: 11.5px; color: rgba(255,255,255,.82); white-space: nowrap; }
.slide-4 .bpen { opacity: 0; transition: opacity .15s; }
.slide-4 .ct-row:hover .bpen, .slide-4 .ct-row.is-hovered .bpen { opacity: .5; }
.slide-4 .pl-head-bar {
      display: flex; align-items: center; justify-content: space-between;
      padding: 10px 14px 9px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      flex: 0 0 auto;
    }
.slide-4 .pl-title { font-size: 10px; font-weight: 700; letter-spacing: .08em; color: rgba(255,255,255,.52); text-transform: uppercase; }
.slide-4 .pl-table { display: flex; flex-direction: column; flex: 1 1 auto; overflow: hidden; }
.slide-4 .pl-row {
      display: grid;
      grid-template-columns: 1.6fr 0.9fr 1fr 0.8fr 0.77fr 0.7fr 1fr 0.7fr;
      align-items: center;
      border-bottom: 1px solid rgba(255,255,255,.04);
      min-height: 0;
    }
.slide-4 .pl-row:last-of-type { border-bottom: none; }
.slide-4 .pl-head-row { min-height: 44px; background: rgba(255,255,255,.012); }
.slide-4 .pl-total-row { min-height: 54px; background: rgba(255,255,255,.006); border-bottom: 1px solid rgba(255,255,255,.06); }
.slide-4 .pl-data-row { min-height: 46px; transition: background .16s ease; }
.slide-4 .pl-data-row:hover { background: rgba(255,255,255,.024); }
.slide-4 .pl-c { padding: 0 10px; font-size: 11px; color: rgba(255,255,255,.80); line-height: 1.35; overflow: hidden; height: 100%; display: flex; align-items: center; }
.slide-4 .pl-head-row .pl-c { font-size: 10px; font-weight: 600; color: rgba(255,255,255,.42); }
.slide-4 .pl-total-row .pl-c { font-size: 11px; color: rgba(255,255,255,.78); }
.slide-4 .pl-total-row strong { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.88); }
.slide-4 .pli { font-size: 10px; color: rgba(255,255,255,.28); flex: 0 0 auto; }
.slide-4 .pl-delta { font-size: 10px; font-weight: 700; display: block; }
.slide-4 .pl-delta.up { color: var(--green); }
.slide-4 .pl-delta.down { color: var(--orange); }
.slide-4 .donut { width: 34px; height: 34px; flex: 0 0 auto; transform: rotate(-90deg); }
.slide-4 .donut-val { font-size: 10.5px; font-weight: 700; color: rgba(255,255,255,.72); margin-left: 4px; }
.slide-4 .pl-footer { padding: 8px 14px; font-size: 9.5px; color: rgba(255,255,255,.30); line-height: 1.4; border-top: 1px solid rgba(255,255,255,.04); flex: 0 0 auto; }
.slide-4 .acos-chip {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 26px;
      padding: 0 10px;
      border-radius: 7px;
      font-size: 11.5px;
      font-weight: 700;
      white-space: nowrap;
    }
.slide-4 .acos-green {
      background: rgba(41,207,139,.14);
      color: #2ecc8a;
    }
.slide-4 .acos-yellow {
      background: rgba(180,140,20,.30);
      color: #f0b33f;
    }
.slide-4 .spark {
      width: 100%;
      height: 28px;
      display: block;
      overflow: visible;
    }
.slide-4 .apply-wrap {
      display: flex;
      align-items: flex-end;
    }
.slide-4 .floating-action {
      position: absolute;
      top: 8px;
      right: 8px;
      width: 286px;
      border-radius: 14px;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(255,255,255,.08);
      background: linear-gradient(180deg, rgba(22,27,38,.94), rgba(14,18,28,.97));
      box-shadow:
        0 16px 36px rgba(0,0,0,.52),
        0 0 0 1px rgba(108,76,255,.10),
        0 0 24px rgba(108,76,255,.12);
      opacity: 0;
      transform: translateY(6px) scale(.97);
      pointer-events: none;
      transition: opacity .34s ease, transform .38s cubic-bezier(.16,1,.3,1);
      z-index: 60;
      overflow: hidden;
    }
.slide-4 .floating-action::after { display: none; }
.slide-4 .floating-action.is-visible {
      opacity: 1;
      transform: translateY(0) scale(1);
      animation: advFloat 5.8s ease-in-out infinite;
    }
.slide-4 .floating-action.is-targeting{
      width: 398px;
    }
.slide-4 .floating-action.is-search{
      width: 392px;
    }
.slide-4 .floating-action.is-negative{
      width: 392px;
    }
.slide-4 .action-head {
      padding: 8px 11px;
      border-bottom: 1px solid rgba(255,255,255,.06);
      display: flex; align-items: center; justify-content: space-between; gap: 10px;
      font-size: 10.5px; font-weight: 800; color: #fff;
      background: rgba(255,255,255,.02);
    }
.slide-4 .action-head .muted { color: rgba(255,255,255,.38); font-weight: 600; font-size: 9.5px; }
.slide-4 .action-body { padding: 9px 11px; display: grid; gap: 8px; }
.slide-4 .action-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 10.5px; color: rgba(255,255,255,.72); }
.slide-4 .action-row .status{
      gap: 5px;
      min-width: 84px;
      padding: 0 10px;
      white-space: nowrap;
    }
.slide-4 .action-row .status.is-clock::before{
      content: "\ebf4";
      font-family: 'remixicon';
      font-size: 12px;
      line-height: 1;
      opacity: .9;
    }
.slide-4 .action-row .status.is-bulk-action{
      min-width: 110px;
      justify-content: center;
      padding: 0 12px;
      background: rgba(255,255,255,.045);
      border: 1px solid rgba(255,255,255,.14);
      color: rgba(255,255,255,.9);
      border-radius: 8px;
      animation: bulkActionGlow 2.8s ease-in-out infinite;
      cursor: pointer;
      user-select: none;
      transition: filter .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
      position: relative;
      overflow: hidden;
    }
.slide-4 .action-row .status.is-bulk-action i{
      font-size: 12px;
      margin-left: 4px;
      opacity: .85;
    }
.slide-4 .action-row .status.is-bulk-action::after{
      content:"";
      position:absolute;
      top:-40%;
      left:-38%;
      width:34%;
      height:180%;
      background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.23), rgba(255,255,255,0));
      transform:rotate(17deg);
      pointer-events:none;
      animation: bulkActionSheen 3.6s ease-in-out infinite;
    }
.slide-4 .action-quick-actions{
      display:none;
      width:100%;
      align-items:center;
      gap:8px;
      justify-content:flex-end;
      flex-wrap:wrap;
      margin-top:4px;
    }
.slide-4 .action-quick-actions.is-visible{
      display:flex;
    }
.slide-4 .action-quick-actions.is-targeting-actions{
      justify-content:flex-start;
      flex-wrap:nowrap;
      gap:6px;
    }
.slide-4 .action-quick-actions.is-targeting-actions .action-quick-selected{
      margin-right:2px;
      font-size:8.5px;
    }
.slide-4 .action-quick-actions.is-targeting-actions .action-quick-btn{
      height:20px;
      padding:0 7px;
      font-size:8.5px;
      gap:3px;
    }
.slide-4 .action-quick-actions.is-targeting-actions .action-quick-btn i{
      font-size:10px;
    }
.slide-4 .action-quick-actions.is-search-actions{
      justify-content:flex-start;
      flex-wrap:nowrap;
      gap:8px;
    }
.slide-4 .action-quick-actions.is-search-actions .action-quick-selected{
      margin-right:4px;
      font-size:10px;
    }
.slide-4 .action-quick-actions.is-search-actions .action-quick-btn.is-search-action{
      height:24px;
      padding:0 10px;
      font-size:9.5px;
      border-color:rgba(255,255,255,.16);
      background:rgba(255,255,255,.04);
      color:rgba(255,255,255,.96);
      gap:4px;
    }
.slide-4 .action-quick-actions.is-search-actions .action-quick-btn.is-search-action i{
      font-size:12px;
      opacity:.8;
    }
.slide-4 .action-quick-actions.is-negative-actions{
      justify-content:flex-end;
      gap:8px;
      flex-wrap:nowrap;
    }
.slide-4 .action-quick-selected{
      font-size:9px;
      font-weight:700;
      color:rgba(255,255,255,.74);
      margin-right:2px;
      white-space:nowrap;
    }
.slide-4 .action-quick-btn{
      height:22px;
      border-radius:6px;
      padding:0 8px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.02);
      color:rgba(255,255,255,.9);
      display:inline-flex;
      align-items:center;
      gap:4px;
      font-size:9px;
      font-weight:700;
      white-space:nowrap;
      cursor:pointer;
      user-select:none;
      transition:filter .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    }
.slide-4 .action-quick-btn i{
      font-size:11px;
      line-height:1;
    }
.slide-4 .action-quick-btn.enable{
      border-color:rgba(62,210,142,.55);
      color:#4be0a1;
      background:rgba(46,160,112,.14);
    }
.slide-4 .action-quick-btn.pause{
      border-color:rgba(240,179,63,.65);
      color:#ffcb52;
      background:rgba(169,120,30,.16);
    }
.slide-4 .action-quick-btn.archive{
      border-color:rgba(79,184,255,.55);
      color:#4fb8ff;
      background:rgba(40,96,142,.14);
    }
.slide-4 .action-quick-btn.neutral{
      border-color:rgba(255,255,255,.12);
      color:rgba(255,255,255,.9);
      background:rgba(255,255,255,.03);
    }
.slide-4 .action-quick-btn.neutral.is-apply-action{
      border-color:rgba(108,76,255,.42);
      color:#fff;
      background:linear-gradient(135deg, rgba(108,76,255,.88), rgba(94,66,224,.72));
      box-shadow:0 0 12px rgba(108,76,255,.22);
      min-width:84px;
      justify-content:center;
    }
.slide-4 .action-quick-btn.neutral.is-pulse{
      animation:targetingAdjustPulse 2.3s cubic-bezier(.22,.7,.2,1) both;
    }
.slide-4 .action-quick-btn.neutral.is-apply-action.is-pulse{
      animation:targetingApplyPulse 2.3s cubic-bezier(.22,.7,.2,1) both;
    }
.slide-4 .action-quick-btn.enable:hover{
      box-shadow:0 0 10px rgba(62,210,142,.22);
    }
.slide-4 .action-quick-btn.pause:hover{
      box-shadow:0 0 10px rgba(240,179,63,.22);
    }
.slide-4 .action-row .status.is-bulk-action:hover{
      border-color:rgba(255,255,255,.2);
      background:rgba(255,255,255,.06);
    }
@keyframes bulkActionGlow{
      0%,100%{box-shadow:0 0 0 rgba(108,76,255,0);}
      50%{box-shadow:0 0 14px rgba(108,76,255,.18);}
    }
@keyframes bulkActionSheen{
      0%, 18%{transform:translateX(0) rotate(17deg); opacity:0;}
      26%{opacity:.85;}
      54%{transform:translateX(360%) rotate(17deg); opacity:0;}
      100%{transform:translateX(360%) rotate(17deg); opacity:0;}
    }
.slide-4 .action-mini-schedule{
      display: none;
      padding: 7px 8px;
      border-radius: 9px;
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      gap: 6px;
    }
.slide-4 .action-mini-schedule.is-visible{
      display: grid;
    }
.slide-4 .action-mini-schedule-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.52);
      font-weight:700;
    }
.slide-4 .action-mini-schedule-head i{
      font-size:11px;
      margin-right:4px;
      color:#a9beff;
    }
.slide-4 .action-mini-schedule-grid{
      display:grid;
      grid-template-columns:repeat(24,minmax(0,1fr));
      gap:2px;
    }
.slide-4 .action-mini-schedule-grid span{
      height:6px;
      border-radius:2px;
      background:rgba(255,255,255,.14);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
    }
.slide-4 .action-mini-schedule-grid span.is-on{
      background:linear-gradient(180deg, rgba(108,76,255,.96), rgba(84,61,192,.96));
      box-shadow:0 0 8px rgba(108,76,255,.35), inset 0 1px 0 rgba(255,255,255,.2);
    }
.slide-4 .action-mini-schedule.is-apply-anim .action-mini-schedule-grid span.is-on{
      transform-origin: center bottom;
      animation: actionScheduleApply 1.8s cubic-bezier(.22,.7,.2,1) both;
      animation-delay: calc(var(--i, 0) * 18ms);
    }
@keyframes actionScheduleApply{
      0%{
        transform: translateY(0) scaleY(1);
        filter: brightness(1);
      }
      50%{
        transform: translateY(-1px) scaleY(1.48);
        filter: brightness(1.28);
      }
      100%{
        transform: translateY(0) scaleY(1);
        filter: brightness(1);
      }
    }
.slide-4 .action-mini-schedule-legend{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:10px;
      color:rgba(255,255,255,.82);
      font-weight:800;
    }
.slide-4 .action-mini-schedule-legend span{
      padding:2px 6px;
      border-radius:999px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.1);
      letter-spacing:.01em;
    }
.slide-4 .action-mini-schedule-legend span:first-child{
      color:#dbe2f2;
      background:rgba(146,158,186,.16);
      border-color:rgba(168,180,208,.34);
    }
.slide-4 .action-mini-schedule-legend span:last-child{
      color:#cfc4ff;
      background:rgba(108,76,255,.2);
      border-color:rgba(149,124,255,.5);
      box-shadow:0 0 10px rgba(108,76,255,.2);
    }
.slide-4 .action-mini-budget{
      display:none;
      padding:8px;
      border-radius:9px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      gap:6px;
    }
.slide-4 .action-mini-budget.is-visible{
      display:grid;
    }
.slide-4 .action-mini-budget-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
.slide-4 .action-mini-budget-head span:last-child{
      color:#4fb8ff;
    }
.slide-4 .action-mini-budget-type{
      display:flex;
      align-items:center;
      justify-content:space-between;
      font-size:9px;
      color:rgba(255,255,255,.58);
      font-weight:700;
    }
.slide-4 .action-mini-budget-type strong{
      font-size:11px;
      color:rgba(255,255,255,.88);
      font-weight:800;
    }
.slide-4 .action-mini-budget-controls{
      display:grid;
      grid-template-columns:minmax(0,1fr) 28px;
      gap:6px;
    }
.slide-4 .action-mini-budget-controls > span{
      height:24px;
      border-radius:7px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.025);
      display:flex;
      align-items:center;
      color:rgba(255,255,255,.82);
      font-size:9px;
      font-weight:700;
      padding:0 8px;
      white-space:nowrap;
    }
.slide-4 .action-mini-budget-controls > span:last-child{
      justify-content:center;
      font-size:12px;
      color:rgba(255,255,255,.9);
      padding:0;
    }
.slide-4 .action-mini-budget-limits{
      font-size:8.5px;
      color:rgba(255,255,255,.48);
      font-weight:600;
      line-height:1.25;
    }
.slide-4 .action-mini-placement{
      display:none;
      padding:8px;
      border-radius:9px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      gap:6px;
    }
.slide-4 .action-mini-placement.is-visible{
      display:grid;
    }
.slide-4 .action-mini-placement-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
.slide-4 .action-mini-placement-head span:last-child{
      color:#4fb8ff;
    }
.slide-4 .action-mini-placement-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:6px;
    }
.slide-4 .action-mini-placement-grid .label{
      font-size:9px;
      font-weight:700;
      color:rgba(255,255,255,.56);
      text-align:center;
    }
.slide-4 .action-mini-placement-grid .field{
      height:24px;
      border-radius:7px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.025);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:3px;
      font-size:10px;
      font-weight:800;
      color:rgba(255,255,255,.9);
      position:relative;
    }
.slide-4 .action-mini-placement-grid .field i{
      font-style:normal;
      color:rgba(255,255,255,.6);
      font-size:9px;
      font-weight:700;
    }
.slide-4 .action-mini-placement-grid .field.tos{
      border-color:rgba(108,76,255,.5);
      box-shadow:0 0 10px rgba(108,76,255,.16);
    }
.slide-4 .action-mini-placement-grid .field.tos::after{
      content:"";
      width:1px;
      height:11px;
      background:rgba(255,255,255,.65);
      margin-left:1px;
      animation: tosCaretBlink .8s steps(1, end) infinite;
    }
.slide-4 .action-mini-placement-actions{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      margin-top:2px;
    }
.slide-4 .action-mini-placement-actions > span{
      font-size:9px;
      font-weight:700;
      color:rgba(255,255,255,.72);
      white-space:nowrap;
    }
.slide-4 .action-placement-apply{
      height:24px;
      min-width:78px;
      padding:0 12px;
      border-radius:7px;
      border:1px solid rgba(108,76,255,.38);
      background:linear-gradient(135deg, rgba(108,76,255,.82), rgba(96,68,228,.72));
      color:#fff;
      font-size:10px;
      font-weight:800;
      letter-spacing:.01em;
      cursor:pointer;
      box-shadow:0 0 12px rgba(108,76,255,.2);
      transition:transform .16s ease, filter .2s ease, box-shadow .2s ease;
    }
.slide-4 .action-placement-apply:hover{
      filter:brightness(1.08);
      box-shadow:0 0 16px rgba(108,76,255,.3);
    }
.slide-4 .action-placement-apply.is-auto-press,
.slide-4 .action-quick-btn.is-auto-press,
.slide-4 .action-search-apply.is-auto-press{
      transform:translateY(1px) scale(.97);
      filter:brightness(.9);
      box-shadow:inset 0 2px 0 rgba(0,0,0,.22);
    }
.slide-4 .action-mini-targeting{
      display:none;
      padding:8px;
      border-radius:9px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      gap:6px;
    }
.slide-4 .action-mini-targeting.is-visible{
      display:grid;
    }
.slide-4 .action-mini-targeting-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
.slide-4 .action-mini-targeting-head span:last-child{
      color:#4fb8ff;
    }
.slide-4 .action-mini-targeting-grid{
      display:grid;
      grid-template-columns:1.8fr 1fr 1fr 1fr;
      gap:6px;
      align-items:center;
    }
.slide-4 .action-mini-targeting-grid .label{
      font-size:9px;
      font-weight:700;
      color:rgba(255,255,255,.58);
      text-align:center;
    }
.slide-4 .action-mini-targeting-grid .label.type{
      text-align:left;
      padding-left:2px;
    }
.slide-4 .action-mini-targeting-grid .field{
      height:24px;
      border-radius:7px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.025);
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.9);
      font-size:10px;
      font-weight:800;
      white-space:nowrap;
      position:relative;
    }
.slide-4 .action-mini-targeting-grid .field.is-typing{
      border-color:rgba(108,76,255,.58);
      box-shadow:0 0 12px rgba(108,76,255,.2);
    }
.slide-4 .action-mini-targeting-grid .field.is-typing::after{
      content:"";
      width:1px;
      height:11px;
      background:rgba(255,255,255,.7);
      position:absolute;
      right:7px;
      animation:targetingCaretBlink 1.25s steps(1, end) infinite;
    }
.slide-4 .action-mini-targeting-grid .field.is-updated{
      border-color:rgba(79,184,255,.58);
      box-shadow:0 0 12px rgba(79,184,255,.18);
    }
.slide-4 .action-targeting-value{
      letter-spacing:.01em;
      font-variant-numeric: tabular-nums;
    }
.slide-4 .action-mini-targeting-grid .field.type{
      justify-content:flex-start;
      padding:0 9px;
    }
.slide-4 .action-mini-targeting-grid .min{
      font-size:8.5px;
      color:rgba(255,255,255,.5);
      font-weight:700;
      text-align:center;
      white-space:nowrap;
    }
.slide-4 .action-mini-targeting-grid .min-placeholder{
      display:block;
      min-height:1px;
    }
.slide-4 .action-mini-search{
      display:none;
      padding:8px;
      border-radius:9px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      gap:7px;
    }
.slide-4 .action-mini-search.is-visible{
      display:grid;
    }
.slide-4 .action-mini-search-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
.slide-4 .action-mini-search-head span:last-child{
      color:#4fb8ff;
    }
.slide-4 .action-mini-search-flow{
      display:grid;
      grid-template-columns:minmax(0,1.06fr) 18px minmax(0,.94fr);
      gap:10px;
      align-items:center;
      position:relative;
    }
.slide-4 .action-search-col{
      display:grid;
      gap:5px;
    }
.slide-4 .action-search-col .col-title{
      font-size:8.5px;
      font-weight:700;
      color:rgba(255,255,255,.54);
    }
.slide-4 .action-search-chips{
      display:grid;
      grid-template-columns:1fr;
      gap:5px;
      justify-items:start;
    }
.slide-4 .action-search-chips .chip{
      height:18px;
      border-radius:999px;
      padding:0 7px;
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.035);
      font-size:8.5px;
      color:rgba(255,255,255,.9);
      font-weight:700;
      transition:transform .28s ease, opacity .24s ease, border-color .24s ease, background .24s ease;
      transform:translateX(0);
      opacity:1;
    }
.slide-4 .action-search-chips .chip.is-dimmed{
      opacity:.35;
      border-color:rgba(255,108,75,.42);
      background:rgba(255,108,75,.12);
    }
.slide-4 .action-search-arrow{
      width:18px;
      height:18px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.03);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#f5c326;
      font-size:11px;
    }
.slide-4 .action-search-target{
      min-height:38px;
      border-radius:8px;
      border:1px dashed rgba(255,108,75,.36);
      background:rgba(255,108,75,.08);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:6px;
      color:#ffad93;
      font-size:9px;
      font-weight:700;
      text-align:center;
      transition:box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
      cursor:pointer;
    }
.slide-4 .action-search-target i{
      margin-right:4px;
      font-size:10px;
    }
.slide-4 .action-mini-search.is-transfer-anim .action-search-arrow{
      animation:searchArrowPulse .9s ease-in-out 1;
    }
.slide-4 .action-search-target.is-highlight{
      border-color:rgba(255,108,75,.66);
      background:rgba(255,108,75,.18);
      box-shadow:0 0 12px rgba(255,108,75,.22);
      color:#ffd1c3;
    }
.slide-4 .action-search-fly-layer{
      position:absolute;
      inset:0;
      pointer-events:none;
      overflow:visible;
      z-index:3;
    }
.slide-4 .action-search-fly-chip{
      position:absolute;
      transform:translate(-50%, -50%);
      height:18px;
      border-radius:999px;
      padding:0 7px;
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(255,108,75,.62);
      background:rgba(255,108,75,.2);
      color:#ffd1c3;
      font-size:8.5px;
      font-weight:700;
      white-space:nowrap;
      animation:searchChipTransfer .78s cubic-bezier(.2,.78,.2,1) both;
      animation-delay:var(--delay, 0ms);
      box-shadow:0 0 10px rgba(255,108,75,.16);
    }
.slide-4 .action-mini-negative{
      display:none;
      padding:8px;
      border-radius:9px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.07);
      gap:7px;
    }
.slide-4 .action-mini-negative.is-visible{
      display:grid;
    }
.slide-4 .action-mini-negative-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:9px;
      color:rgba(255,255,255,.62);
      font-weight:700;
    }
.slide-4 .action-mini-negative-head span:last-child{
      color:#4fb8ff;
    }
.slide-4 .action-mini-negative-flow{
      display:grid;
      grid-template-columns:minmax(0,.96fr) 18px minmax(0,1.04fr);
      gap:10px;
      align-items:center;
      position:relative;
    }
.slide-4 .action-negative-col{
      display:grid;
      gap:5px;
    }
.slide-4 .action-negative-col .col-title{
      font-size:8.5px;
      font-weight:700;
      color:rgba(255,255,255,.54);
    }
.slide-4 .action-negative-col.source{
      justify-items:end;
    }
.slide-4 .action-negative-col.source .col-title{
      text-align:right;
    }
.slide-4 .action-negative-col.target .col-title{
      color:#7fc5ff;
    }
.slide-4 .action-negative-col.source .col-title{
      color:#ff9d89;
    }
.slide-4 .action-negative-target{
      min-height:38px;
      border-radius:8px;
      border:1px dashed rgba(79,184,255,.42);
      background:rgba(79,184,255,.1);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:6px;
      color:#9ed8ff;
      font-size:9px;
      font-weight:700;
      text-align:center;
      transition:box-shadow .22s ease, border-color .22s ease, background .22s ease, color .22s ease;
    }
.slide-4 .action-negative-target i{
      margin-right:4px;
      font-size:10px;
    }
.slide-4 .action-negative-target.is-highlight{
      border-color:rgba(79,184,255,.72);
      background:rgba(79,184,255,.2);
      box-shadow:0 0 12px rgba(79,184,255,.26);
      color:#dcf1ff;
    }
.slide-4 .action-negative-arrow{
      width:18px;
      height:18px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.03);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#f5c326;
      font-size:11px;
    }
.slide-4 .action-negative-chips{
      display:grid;
      grid-template-columns:1fr;
      gap:5px;
      justify-items:start;
    }
.slide-4 .action-negative-col.source .action-negative-chips{
      justify-items:end;
    }
.slide-4 .action-negative-chips .chip{
      height:18px;
      border-radius:999px;
      padding:0 7px;
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(255,108,75,.46);
      background:rgba(255,108,75,.16);
      font-size:8.5px;
      color:#ffd2c6;
      font-weight:700;
      transition:opacity .24s ease, border-color .24s ease, background .24s ease;
      opacity:1;
    }
.slide-4 .action-negative-chips .chip.is-dimmed{
      opacity:.35;
      border-color:rgba(255,108,75,.42);
      background:rgba(255,108,75,.12);
    }
.slide-4 .action-mini-negative.is-transfer-anim .action-negative-arrow{
      animation:searchArrowPulse .9s ease-in-out 1;
    }
.slide-4 .action-negative-fly-layer{
      position:absolute;
      inset:0;
      pointer-events:none;
      overflow:visible;
      z-index:3;
    }
.slide-4 .action-negative-fly-chip{
      position:absolute;
      transform:translate(-50%, -50%);
      height:18px;
      border-radius:999px;
      padding:0 7px;
      display:inline-flex;
      align-items:center;
      border:1px solid rgba(255,108,75,.62);
      background:rgba(255,108,75,.22);
      color:#ffd8cd;
      font-size:8.5px;
      font-weight:700;
      white-space:nowrap;
      animation:negativeChipTransfer .78s cubic-bezier(.2,.78,.2,1) both;
      animation-delay:var(--delay, 0ms);
      box-shadow:0 0 10px rgba(255,108,75,.16);
    }
@keyframes tosCaretBlink{
      0%, 44%{opacity:1;}
      45%, 100%{opacity:0;}
    }
@keyframes searchArrowPulse{
      0%, 100%{transform:translateX(0); filter:brightness(1);}
      50%{transform:translateX(1px); filter:brightness(1.22);}
    }
@keyframes searchChipTransfer{
      0%{
        transform:translate(-50%, -50%) translate(0, 0) scale(1);
        opacity:1;
      }
      45%{
        transform:translate(-50%, -50%) translate(calc(var(--dx) * .55), calc(var(--dy) * .4 - 8px)) scale(.96);
        opacity:.95;
      }
      100%{
        transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.88);
        opacity:.15;
      }
    }
@keyframes negativeChipTransfer{
      0%{
        transform:translate(-50%, -50%) translate(0, 0) scale(1);
        opacity:1;
      }
      45%{
        transform:translate(-50%, -50%) translate(calc(var(--dx) * .55), calc(var(--dy) * .4 - 8px)) scale(.96);
        opacity:.95;
      }
      100%{
        transform:translate(-50%, -50%) translate(var(--dx), var(--dy)) scale(.88);
        opacity:.15;
      }
    }
@keyframes targetingCaretBlink{
      0%, 44%{opacity:1;}
      45%, 100%{opacity:0;}
    }
@keyframes targetingAdjustPulse{
      0%{
        border-color:rgba(255,255,255,.12);
        background:rgba(255,255,255,.03);
        box-shadow:0 0 0 rgba(108,76,255,0);
        transform:translateY(0) scale(1);
      }
      28%{
        border-color:rgba(108,76,255,.65);
        background:rgba(108,76,255,.18);
        box-shadow:0 0 18px rgba(108,76,255,.35);
        transform:translateY(-1px) scale(1.02);
      }
      64%{
        border-color:rgba(108,76,255,.55);
        background:rgba(108,76,255,.12);
        box-shadow:0 0 12px rgba(108,76,255,.26);
        transform:translateY(0) scale(1);
      }
      100%{
        border-color:rgba(255,255,255,.12);
        background:rgba(255,255,255,.03);
        box-shadow:0 0 0 rgba(108,76,255,0);
        transform:translateY(0) scale(1);
      }
    }
@keyframes targetingApplyPulse{
      0%{
        border-color:rgba(108,76,255,.42);
        background:linear-gradient(135deg, rgba(108,76,255,.88), rgba(94,66,224,.72));
        box-shadow:0 0 12px rgba(108,76,255,.22);
        transform:translateY(0) scale(1);
      }
      35%{
        border-color:rgba(149,124,255,.72);
        background:linear-gradient(135deg, rgba(131,99,255,.96), rgba(108,76,255,.82));
        box-shadow:0 0 18px rgba(108,76,255,.34);
        transform:translateY(-1px) scale(1.02);
      }
      100%{
        border-color:rgba(108,76,255,.42);
        background:linear-gradient(135deg, rgba(108,76,255,.88), rgba(94,66,224,.72));
        box-shadow:0 0 12px rgba(108,76,255,.22);
        transform:translateY(0) scale(1);
      }
    }
.slide-4 .action-code {
      display: inline-flex; align-items: center; gap: 7px;
      padding: 7px 9px; border-radius: 9px;
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.07);
      font-size: 10.5px; font-weight: 700; color: #fff;
      width: 100%;
    }
.slide-4 .action-arrow { color: var(--yellow); font-weight: 800; }
.slide-4 .preview-demo-badge {
      position: absolute;
      left: 28px;
      bottom: 32px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 14px;
      border-radius: 16px;
      background: linear-gradient(180deg, rgba(15,18,25,.92), rgba(12,15,22,.98));
      border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(20px);
      box-shadow: 0 20px 40px rgba(0,0,0,.50), 0 0 30px rgba(108,76,255,.16);
      z-index: 60;
      cursor: pointer;
      transition: var(--transition);
      max-width: 220px;
    }
.slide-4 .preview-demo-badge:hover {
      transform: translateY(-2px);
      border-color: rgba(108,76,255,.34);
      box-shadow: 0 24px 44px rgba(0,0,0,.52), 0 0 36px rgba(108,76,255,.20);
    }
.slide-4 .preview-demo-badge .play {
      width: 36px; height: 36px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      background: linear-gradient(135deg, rgba(153,146,246,.96), rgba(108,76,255,.82));
      box-shadow: 0 0 18px rgba(108,76,255,.22);
      color: #fff; font-size: 15px; flex: 0 0 auto;
    }
.slide-4 .preview-demo-badge small { display: block; color: rgba(255,255,255,.46); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; margin-bottom: 1px; }
.slide-4 .preview-demo-badge strong { display: block; font-size: 13px; color: #fff; font-weight: 800; white-space: nowrap; }
.slide-4 .s4-modal{
      position:fixed;
      inset:0;
      z-index:430;
      opacity:0;
      pointer-events:none;
      transition:opacity .28s ease;
    }
.slide-4 .s4-modal.is-open{
      opacity:1;
      pointer-events:auto;
    }
.slide-4 .s4-modal__backdrop{
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 16%, rgba(108,76,255,.16), transparent 26%),
        rgba(7,10,16,.74);
      backdrop-filter:blur(12px);
    }
.slide-4 .s4-modal__card{
      position:absolute;
      inset:22px;
      border-radius:18px;
      overflow:hidden;
      background:linear-gradient(180deg, rgba(24,29,37,.985), rgba(18,23,31,.99));
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 42px 120px rgba(0,0,0,.46), 0 0 110px rgba(108,76,255,.16), inset 0 1px 0 rgba(255,255,255,.05);
      transform:translateY(14px) scale(.985);
      transition:transform .42s cubic-bezier(.16,1,.3,1);
      display:flex;
      flex-direction:column;
      isolation:isolate;
    }
.slide-4 .s4-modal.is-open .s4-modal__card{transform:none;}
.slide-4 .s4-modal__topbar{
      height:56px;
      padding:0 18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      background:#202631;
      border-bottom:1px solid rgba(255,255,255,.08);
      flex:0 0 auto;
    }
.slide-4 .s4-modal__left{
      display:flex;
      align-items:center;
      gap:12px;
    }
.slide-4 .s4-modal__left .mini-icon{
      width:30px;
      height:30px;
      border-radius:8px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.72);
    }
.slide-4 .s4-modal__left .mini-icon.logo{
      background:transparent;
      border:none;
    }
.slide-4 .s4-modal__left .mini-icon.logo img{
      width:22px;
      height:22px;
      object-fit:contain;
    }
.slide-4 .s4-modal__title{
      font-size:13px;
      font-weight:700;
      color:rgba(84,141,255,.95);
      white-space:nowrap;
    }
.slide-4 .s4-modal__close{
      width:34px;
      height:34px;
      border:none;
      border-radius:10px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      color:rgba(255,255,255,.82);
      font-size:16px;
      cursor:pointer;
      transition:transform .25s ease, background .25s ease, border-color .25s ease;
    }
.slide-4 .s4-modal__close:hover{
      transform:rotate(90deg);
      background:rgba(255,255,255,.08);
      border-color:rgba(108,76,255,.34);
    }
.slide-4 .s4-modal__body{
      flex:1 1 auto;
      min-height:0;
      background:#20252e;
      padding:12px;
      overflow:hidden;
    }
.slide-4 .s4m-shell{
      width:100%;
      height:100%;
      border-radius:14px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.05);
      background:linear-gradient(180deg, #1b2129 0%, #171d25 100%);
      display:flex;
      flex-direction:column;
    }
.slide-4 .s4m-tabs{
      display:flex;
      align-items:center;
      gap:6px;
      padding:12px 16px;
      min-height:68px;
      border-bottom:1px solid rgba(255,255,255,.05);
      background:linear-gradient(90deg, #1c232d 0%, #191f29 100%);
      flex:0 0 auto;
    }
.slide-4 .s4m-tab{
      height:40px;
      padding:0 26px;
      border-radius:8px;
      border:none;
      background:transparent;
      color:rgba(255,255,255,.78);
      font-size:13px;
      font-weight:700;
      cursor:pointer;
      transition:color .2s ease, background .2s ease, border-color .2s ease;
      white-space:nowrap;
      line-height:1;
    }
.slide-4 .s4m-tab:hover{
      background:rgba(255,255,255,.04);
      color:#fff;
    }
.slide-4 .s4m-tab.is-active{
      background:#4f3abf;
      color:#fff;
      box-shadow:none;
    }
.slide-4 .s4m-content{
      position:relative;
      flex:1 1 auto;
      min-height:0;
      background:#20252e;
      overflow:hidden;
    }
.slide-4 .s4m-demo-alert,
.demo-modal .s4m-demo-alert,
#uModal .s4m-demo-alert{
      margin:8px 18px 0;
      min-height:44px;
      border-radius:8px;
      border:1px solid rgba(99,84,182,.38);
      background:#292747;
      color:#a896ff;
      display:flex;
      align-items:center;
      gap:0;
      padding:0;
      box-shadow:0 6px 14px rgba(0,0,0,.24);
      overflow:hidden;
      line-height:1.3;
    }
.slide-4 .s4m-demo-alert__icon,
.demo-modal .s4m-demo-alert__icon,
#uModal .s4m-demo-alert__icon{
      width:68px;
      min-width:68px;
      height:44px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#5a46cb;
      color:#fff;
      border-top-right-radius:22px;
      border-bottom-right-radius:22px;
      font-size:19px;
    }
.slide-4 .s4m-demo-alert__text,
.demo-modal .s4m-demo-alert__text,
#uModal .s4m-demo-alert__text{
      flex:1 1 auto;
      min-width:0;
      padding:0 12px 0 14px;
      font-size:14px;
      color:#8e7af2;
      white-space:normal;
    }
.slide-4 .s4m-demo-alert__text strong,
.demo-modal .s4m-demo-alert__text strong,
#uModal .s4m-demo-alert__text strong{
      font-weight:800;
      color:#9f8cff;
    }
.slide-4 .s4m-demo-alert__close,
.demo-modal .s4m-demo-alert__close,
#uModal .s4m-demo-alert__close{
      width:44px;
      min-width:44px;
      height:44px;
      border:0;
      background:transparent;
      color:#9b8de8;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      font-size:26px;
      line-height:1;
      transition:color .15s ease, background .15s ease;
    }
.slide-4 .s4m-demo-alert__close:hover,
.demo-modal .s4m-demo-alert__close:hover,
#uModal .s4m-demo-alert__close:hover{
      color:#c6b6ff;
      background:rgba(121,101,221,.14);
    }
.slide-4 .s4m-scroll-top{
      position:absolute;
      right:16px;
      bottom:16px;
      width:44px;
      height:44px;
      border:0;
      border-radius:8px;
      background:#6c4cff;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      line-height:1;
      cursor:pointer;
      box-shadow:0 12px 28px rgba(0,0,0,.35), 0 0 18px rgba(108,76,255,.35), inset 0 1px 0 rgba(255,255,255,.16);
      z-index:35;
      opacity:0;
      transform:translateY(8px);
      pointer-events:none;
      transition:opacity .18s ease, transform .18s ease, background .18s ease;
    }
.slide-4 .s4m-scroll-top:hover{
      background:#7a5dff;
    }
.slide-4 .s4m-scroll-top.is-visible{
      opacity:1;
      transform:translateY(0);
      pointer-events:auto;
    }

.slide-2 .demo-modal-shell{
      position:relative;
    }

.dash-scroll-top{
      position:absolute;
      right:16px;
      bottom:16px;
      width:44px;
      height:44px;
      border:0;
      border-radius:8px;
      background:#6c4cff;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:20px;
      line-height:1;
      cursor:pointer;
      box-shadow:0 12px 28px rgba(0,0,0,.35), 0 0 18px rgba(108,76,255,.35), inset 0 1px 0 rgba(255,255,255,.16);
      z-index:35;
      opacity:0;
      transform:translateY(8px);
      pointer-events:none;
      transition:opacity .18s ease, transform .18s ease, background .18s ease;
    }
.dash-scroll-top:hover{
      background:#7a5dff;
    }
.dash-scroll-top.is-visible{
      opacity:1;
      transform:translateY(0);
      pointer-events:auto;
    }

.slide-4 .s4m-panel{
      position:absolute;
      inset:0;
      display:none;
      --s4m-panel-pad:18px;
      padding:var(--s4m-panel-pad);
      overflow-y:auto;
      overflow-x:hidden;
      overflow-anchor:none;
    }
.slide-4 .s4m-panel.is-active{display:block;}
.slide-4 .s4m-place-filters,
.slide-4 .s4m-targeting-filters,
.slide-4 .s4m-kpis,
.slide-4 .s4m-chart-wrap,
.slide-4 .toolbar-card,
.slide-4 .s4m-place-summary{
      width:100%;
      max-width:100%;
    }
.slide-4 .s4m-filter-row{
      display:grid;
      grid-template-columns:1.4fr 1fr 320px 100px;
      gap:14px;
      margin-bottom:16px;
    }
.slide-4 .s4m-box{
      height:42px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.58);
      padding:0 14px;
      display:flex;
      align-items:center;
      font-size:12px;
      font-weight:600;
      white-space:nowrap;
    }
.slide-4 .s4m-apply{
      height:42px;
      border:none;
      border-radius:10px;
      background:linear-gradient(135deg, rgba(108,76,255,.95), rgba(108,76,255,.78));
      color:#fff;
      font-size:12px;
      font-weight:800;
      cursor:pointer;
      box-shadow:0 0 22px rgba(108,76,255,.22);
    }
.slide-4 .s4m-kpis{
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      border:1px solid rgba(255,255,255,.05);
      border-radius:14px;
      overflow:hidden;
      margin-bottom:16px;
      background:rgba(255,255,255,.008);
      position:relative;
    }
.slide-4 .s4m-kpis.has-collapse{
      padding-right:48px;
    }
.slide-4 .s4m-chart-collapse{
      position:absolute;
      top:50%;
      right:10px;
      transform:translateY(-50%);
      width:32px;
      height:32px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.02);
      color:rgba(255,255,255,.78);
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:3;
      transition:background .2s ease, border-color .2s ease, color .2s ease;
    }
.slide-4 .s4m-chart-collapse:hover{
      background:rgba(255,255,255,.05);
      border-color:rgba(255,255,255,.14);
      color:#fff;
    }
.slide-4 .s4m-chart-collapse i{
      font-size:20px;
      line-height:1;
      transition:transform .2s ease;
    }
.slide-4 .s4m-panel.is-chart-collapsed .s4m-chart-wrap{
      display:none;
    }
.slide-4 .s4m-kpi{
      position:relative;
      min-height:76px;
      border-right:none;
      padding:14px 12px;
    }
.slide-4 .s4m-kpi::after{
      content:"";
      position:absolute;
      right:0;
      top:3px;
      bottom:0;
      width:1px;
      background:rgba(255,255,255,.05);
    }
.slide-4 .s4m-kpi:last-child::after{display:none;}
.slide-4 .s4m-kpi::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      right:0;
      height:3px;
      background:var(--line-color, #2494ff);
      z-index:2;
    }
.slide-4 .s4m-kpi-label{font-size:10px;font-weight:800;color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.06em;}
.slide-4 .s4m-kpi-value{font-size:16px;line-height:1;margin-top:6px;font-weight:800;letter-spacing:-.03em;color:#fff;}
.slide-4 .s4m-kpi-delta{font-size:11px;font-weight:800;color:#ff6c4b;float:right;margin-top:0;}
.slide-4 .s4m-chart{
      position:relative;
      height:280px;
      border-radius:10px;
      border:none;
      background:
        radial-gradient(circle at 50% -18%, rgba(255,255,255,.035), transparent 42%),
        linear-gradient(to top, rgba(255,255,255,.02), transparent),
        linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);
      background-size:auto,100% 52px,52px 100%;
      overflow:hidden;
    }
.slide-4 .s4m-chart .axis-left, .slide-4 .s4m-chart .axis-right{
      position:absolute;
      top:16px;
      bottom:28px;
      width:34px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      color:rgba(255,255,255,.38);
      font-size:10px;
      font-weight:700;
      z-index:5;
    }
.slide-4 .s4m-chart .axis-left{left:8px;}
.slide-4 .s4m-chart .axis-right{right:8px;align-items:flex-end;}
.slide-4 .s4m-chart .bars{
      position:absolute;
      left:60px;
      right:48px;
      top:20px;
      bottom:34px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:12px;
      z-index:1;
    }
.slide-4 .s4m-chart .bar-group{
      flex:1;
      height:100%;
      display:flex;
      align-items:flex-end;
      justify-content:center;
      gap:4px;
    }
.slide-4 .s4m-chart .bar{
      width:42%;
      border-radius:4px 4px 0 0;
      transition:height .45s cubic-bezier(.16,1,.3,1), opacity .22s ease;
    }
.slide-4 .s4m-chart .bar.green{background:linear-gradient(180deg, #33d090 0%, #28b97f 100%);}
.slide-4 .s4m-chart .bar.blue{background:linear-gradient(180deg, #2f91e4 0%, #2494ff 100%);}
.slide-4 .s4m-chart .line-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.slide-4 .s4m-chart .line-red{fill:none;stroke:#ff6c4b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.slide-4 .s4m-chart .line-yellow{fill:none;stroke:#f0b33f;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.slide-4 .s4m-chart .xlabels{
      position:absolute;
      left:0;
      right:0;
      bottom:8px;
      height:14px;
      color:rgba(255,255,255,.46);
      font-size:10px;
      font-weight:700;
      pointer-events:none;
    }
.slide-4 .s4m-chart .xlabels > span{
      position:absolute;
      top:0;
      transform:translateX(-50%);
      white-space:nowrap;
      line-height:1;
    }
.slide-4 .s4m-chart-wrap{
      margin-bottom:18px;
      border:1px solid rgba(255,255,255,.05);
      border-radius:10px;
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
      padding:10px;
    }
.slide-4 .s4m-chart-toolbar{
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:8px;
      margin-bottom:8px;
      padding:8px 8px 6px;
      position:relative;
      z-index:2;
      color:rgba(255,255,255,.44);
    }
.slide-4 .s4m-chart-icons{
      display:flex;
      gap:8px;
      align-items:center;
      margin-right:10px;
      color:rgba(255,255,255,.5);
    }
.slide-4 .s4m-range-btn{
      padding:7px 12px;
      border-radius:8px;
      border:1px solid rgba(108,76,255,.28);
      background:rgba(255,255,255,.03);
      color:rgba(255,255,255,.78);
      font-size:11px;
      font-weight:700;
      cursor:pointer;
      line-height:1;
      white-space:nowrap;
    }
.slide-4 .s4m-range-btn.is-active{
      background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
      color:#fff;
      box-shadow:0 0 18px rgba(108,76,255,.18);
    }
.slide-4 .s4m-tools{
      display:flex;
      justify-content:space-between;
      align-items:center;
      min-height:58px;
    }
.slide-4 .toolbar-card{
      padding:12px 22px;
      border:1px solid rgba(255,255,255,.06);
      border-radius:0;
      background:linear-gradient(180deg, rgba(32,37,46,.99), rgba(32,37,46,.99));
      box-shadow:0 1px 0 rgba(255,255,255,.04);
      margin-bottom:0;
      position:relative;
      top:auto;
      margin-left:0;
      margin-right:0;
      border-left:1px solid rgba(255,255,255,.06);
      border-right:1px solid rgba(255,255,255,.06);
      z-index:auto;
    }
.slide-4 .toolbar-card + .s4m-table{
      margin-top:8px;
    }
.slide-4 [data-s4m-panel="placements"] .toolbar-card + .s4m-table{
      margin-top:8px;
    }
.slide-4 .s4m-tools .left,.slide-4 .s4m-tools .right{display:flex;align-items:center;gap:8px;}
.slide-4 .s4m-pill{height:38px;padding:0 15px;border-radius:4px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.015);display:flex;align-items:center;color:rgba(255,255,255,.9);font-size:11px;font-weight:500;white-space:nowrap;line-height:1;box-shadow:none;}
.slide-4 .s4m-tools .s4m-pill,
.slide-4 .s4m-tools .s4m-search,
.slide-4 .s4m-tools .s4m-pill.preset,
.slide-4 .s4m-tools .s4m-pill.icon,
.slide-4 .s4m-tools .s4m-pill.primary{
      height:38px;
      min-height:38px;
      box-sizing:border-box;
      display:inline-flex;
      align-items:center;
    }
.slide-4 .s4m-pill.icon{
      width:38px;
      min-width:38px;
      padding:0;
      justify-content:center;
      color:rgba(255,255,255,.76);
      background:rgba(255,255,255,.01);
    }
.slide-4 .s4m-pill.icon i{font-size:14px;line-height:1;}
.slide-4 .s4m-search{
      min-width:210px;
      justify-content:flex-start;
      gap:10px;
      padding:0 14px;
      border-color:rgba(255,255,255,.07);
      background:rgba(255,255,255,.01);
      color:rgba(255,255,255,.52);
      cursor:text;
    }
.slide-4 .s4m-search i{
      font-size:16px;
      color:rgba(255,255,255,.62);
      line-height:1;
    }
.slide-4 .s4m-pill.preset{
      background:#2494ff;
      border-color:rgba(103,186,245,.25);
      color:#fff;
      height:38px;
      min-width:127px;
      padding:0 11px;
      justify-content:center;
      gap:8px;
      white-space:nowrap;
    }
.slide-4 .s4m-tools .s4m-pill--results{
      min-width:155px;
      justify-content:flex-start;
      padding:0 14px;
    }
.slide-4 .s4m-tools .s4m-pill--filterby{
      min-width:88px;
      justify-content:center;
      padding:0 12px;
    }
.slide-4 .s4m-tools .s4m-pill--columns{
      min-width:88px;
      justify-content:center;
      padding:0 12px;
    }
.slide-4 .s4m-tools .s4m-pill--filter{
      min-width:48px;
      justify-content:center;
      padding:0 8px;
    }
.slide-4 .s4m-pill.preset i{
      font-size:13px;
      line-height:1;
      opacity:.9;
    }
.slide-4 .s4m-tools .s4m-pill--results i,
.slide-4 .s4m-tools .s4m-pill--filterby i,
.slide-4 .s4m-tools .s4m-pill--columns i{
      margin-left:6px;
      font-size:13px;
      line-height:1;
      color:rgba(255,255,255,.62);
      opacity:1;
    }
.slide-4 .s4m-tools .s4m-pill--filter i{
      color:rgba(255,255,255,.9);
      opacity:1;
    }
.slide-4 .s4m-pill.primary{background:#6c4cff;border-color:rgba(123,97,255,.18);color:#fff;}
.slide-4 .s4m-table{
      border:1px solid rgba(255,255,255,.05);
      border-radius:0 0 16px 16px;
      width:100%;
      min-width:0;
      max-width:100%;
      overflow-x:auto;
      overflow-y:visible;
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
    }
.slide-4 .s4m-row,.slide-4 .s4m-head{display:grid;align-items:center;min-height:46px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.05);}
.slide-4 .s4m-head{position:static;background:rgba(255,255,255,.02);color:#878a99;font-size:12px;font-weight:600;letter-spacing:.2px;}
.slide-4 .s4m-panel .s4m-table:not(.s4m-place-summary-table) > .s4m-head{
      position:relative !important;
      top:0 !important;
      z-index:50 !important;
      background:#242b36 !important;
      box-shadow:0 1px 0 rgba(255,255,255,.05) !important;
      isolation:isolate;
      opacity:1 !important;
      transform:translateY(0);
      will-change:transform;
    }
.slide-4 .s4m-panel .s4m-table:not(.s4m-place-summary-table) > .s4m-head::before{
      content:"";
      position:absolute;
      inset:0;
      background:#242b36 !important;
      z-index:-1;
    }
.slide-4 .s4m-panel .s4m-table:not(.s4m-place-summary-table) > .s4m-head > div{
      background:#242b36 !important;
    }
.slide-4 .s4m-panel .s4m-table:not(.s4m-place-summary-table){
      overflow-x:auto !important;
      overflow-y:visible !important;
    }
.slide-4 .s4m-row{color:#e6edf3;font-size:12px;}
.slide-4 .s4m-row:last-child{border-bottom:none;}
.slide-4 .s4m-row > div:first-child,
.slide-4 .s4m-head > div:first-child{
      display:flex;
      align-items:center;
      justify-content:center;
    }
.slide-4 .s4m-head > div:first-child::before{
      content:"";
      width:16px;
      height:16px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.008);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      display:block;
    }
.slide-4 .s4m-chk{
      width:16px;
      height:16px;
      border-radius:4px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.01);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      display:inline-block;
      flex:0 0 auto;
    }
.slide-4 .s4m-chk.is-on{
      background:#6c4cff;
      border-color:rgba(123,97,255,.95);
      position:relative;
    }
.slide-4 .s4m-chk.is-on::after{
      content:"\\2713";
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:10px;
      font-weight:800;
      line-height:1;
    }
.slide-4 .s4m-grid-campaign{grid-template-columns:34px 340px 140px 180px 160px 130px 120px 130px 150px 130px;}
.slide-4 .s4m-grid-campaign-ref{
      grid-template-columns:var(--cp-grid-cols);
      column-gap:0;
      width:var(--cp-grid-width);
      min-width:var(--cp-grid-width);
      max-width:var(--cp-grid-width);
    }
.slide-4 .s4m-head.s4m-grid-campaign-ref,
.slide-4 .s4m-row.s4m-grid-campaign-ref{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref{
      --cp-head-bg:#242b36;
      background:var(--cp-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-campaign-ref{
      --cp-row-bg:#232a35;
      background:var(--cp-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref::before,
.slide-4 .s4m-row.s4m-grid-campaign-ref::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref::before{
      background:var(--cp-head-bg);
}
.slide-4 .s4m-row.s4m-grid-campaign-ref::before{
      background:var(--cp-row-bg);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div,
.slide-4 .s4m-row.s4m-grid-campaign-ref > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div{
      background:var(--cp-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-campaign-ref > div{
      background:var(--cp-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(-n+6),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(-n+6){
      position:sticky;
      z-index:4;
      overflow:hidden;
      background-clip:padding-box;
      isolation:isolate;
      width:100%;
      min-width:100%;
      max-width:100%;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(-n+6){
      z-index:64;
      background:var(--cp-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(-n+6){
      background:var(--cp-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(1),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(1){
      left:var(--cp-left-1);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(2),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(2){
      left:var(--cp-left-2);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(3),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(3){
      left:var(--cp-left-3);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(4),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(4){
      left:var(--cp-left-4);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(5),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(5){
      left:var(--cp-left-5);
}
.slide-4 .s4m-head.s4m-grid-campaign-ref > div:nth-child(6),
.slide-4 .s4m-row.s4m-grid-campaign-ref > div:nth-child(6){
      left:var(--cp-left-6);
}
.slide-4 .s4m-grid-perf{grid-template-columns:34px 340px 118px 108px 88px 88px 118px 118px 88px 88px 108px 84px 96px;}
.slide-4 .s4m-place-shell{
      display:flex;
      flex-direction:column;
      gap:0;
      position:relative;
    }
.slide-4 [data-s4m-panel="placements"] .s4m-place-alert{
      margin-bottom:10px;
    }
.slide-4 [data-s4m-panel="placements"] .s4m-place-filters{
      margin-bottom:10px;
    }
.slide-4 [data-s4m-panel="placements"] .s4m-place-summary{
      margin-bottom:18px;
    }
.slide-4 .s4m-place-alert{
      display:flex;
      align-items:center;
      min-height:44px;
      border:1px solid rgba(255,255,255,.05);
      border-radius:5px;
      overflow:hidden;
      background:linear-gradient(90deg, rgba(240,179,63,.22), rgba(240,179,63,.08));
      color:#f0c14a;
      font-size:12px;
      font-weight:600;
      letter-spacing:.1px;
    }
.slide-4 .s4m-place-alert .icon{
      width:44px;
      min-width:44px;
      height:44px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(240,179,63,.96);
      color:#fff;
      font-size:16px;
    }
.slide-4 .s4m-place-alert .text{
      padding:0 12px;
      flex:1;
      min-width:0;
    }
.slide-4 .s4m-place-alert .close{
      width:32px;
      min-width:32px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.34);
      font-size:18px;
      cursor:pointer;
    }
.slide-4 .s4m-place-filters{
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.86fr) auto;
      gap:8px;
      align-items:center;
    }
.slide-4 .s4m-panel[data-s4m-panel="targeting"] .s4m-chart-collapse{
      display:none !important;
}
.slide-4 .s4m-panel[data-s4m-panel="targeting"] .s4m-kpis.has-collapse{
      padding-right:0 !important;
}
.slide-4 .s4m-panel[data-s4m-panel="targeting"] .s4m-targeting-filters{
      position:relative;
      z-index:6;
}
.slide-4 [data-s4m-panel="portfolios"] .s4m-place-filters,
.slide-4 [data-s4m-panel="campaigns"] .s4m-place-filters{
      gap:12px;
      margin-bottom:18px;
    }
.slide-4 .s4m-place-filters.s4m-place-filters--portfolio{
      grid-template-columns:minmax(0,1.18fr) minmax(0,1fr) minmax(0,.90fr) auto;
    }
.slide-4 .s4m-place-filter.account{
      justify-content:space-between;
      padding:0 12px;
      color:rgba(255,255,255,.84);
      font-size:11px;
      font-weight:700;
      white-space:nowrap;
    }
.slide-4 .s4m-place-filter.account i{
      color:rgba(255,255,255,.22);
      font-size:14px;
      margin-left:10px;
    }
.slide-4 .s4m-place-filter{
      min-width:0;
      height:42px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.015);
      display:flex;
      align-items:center;
      overflow:hidden;
    }
.slide-4 .s4m-place-filter .label{
      height:100%;
      display:flex;
      align-items:center;
      padding:0 14px;
      background:rgba(255,255,255,.02);
      color:rgba(255,255,255,.82);
      font-size:11px;
      font-weight:700;
      border-right:1px solid rgba(255,255,255,.05);
      white-space:nowrap;
      flex:0 0 auto;
    }
.slide-4 .s4m-place-filter .value{
      min-width:0;
      padding:0 14px;
      color:rgba(255,255,255,.52);
      font-size:11px;
      font-weight:600;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
.slide-4 .s4m-place-filter.date{
      padding:0 14px;
      color:rgba(255,255,255,.82);
      font-size:11px;
      font-weight:700;
      white-space:nowrap;
    }
.slide-4 .s4m-place-filters > .s4m-pill.primary{
      height:42px;
      border-radius:8px;
      min-width:86px;
      justify-content:center;
      padding:0 18px;
    }
.slide-4 .s4m-place-summary-head{
      height:34px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 10px;
      border:1px solid rgba(255,255,255,.05);
      border-bottom:none;
      border-radius:5px 5px 0 0;
      background:rgba(255,255,255,.01);
      color:#c6c9d0;
      font-size:11px;
      font-weight:700;
      letter-spacing:.3px;
      text-transform:uppercase;
      cursor:pointer;
    }
.slide-4 .s4m-place-summary-head i{
      color:rgba(255,255,255,.46);
      font-size:16px;
      transition:transform .18s ease;
    }
.slide-4 .s4m-place-summary-table{
      border-radius:0 0 8px 8px;
      max-height:none;
    }
.slide-4 .s4m-place-summary-table .s4m-head,
.slide-4 .s4m-place-summary-table .s4m-row{
      min-height:38px;
      padding:0 10px;
      font-size:11px;
    }
.slide-4 .s4m-place-summary-table .s4m-head{
      font-size:11px;
    }
.slide-4 .s4m-place-summary-table .s4m-chip{
      height:24px;
      min-width:56px;
      padding:0 10px;
      font-size:11px;
    }
.slide-4 .s4m-place-summary.is-collapsed .s4m-place-summary-table{
      display:none;
    }
.slide-4 .s4m-place-summary.is-collapsed .s4m-place-summary-head i{
      transform:rotate(-90deg);
    }
.slide-4 .s4m-grid-placement-summary{
      grid-template-columns:
        minmax(172px,1.52fr)  /* Placement */
        minmax(88px,.78fr)    /* Avg. Bid adjustment */
        minmax(94px,.82fr)    /* Impressions */
        minmax(68px,.60fr)    /* Clicks */
        minmax(56px,.48fr)    /* CTR */
        minmax(56px,.48fr)    /* CPC */
        minmax(86px,.75fr)    /* Spend */
        minmax(60px,.52fr)    /* Spend, % */
        minmax(90px,.80fr)    /* Sales */
        minmax(68px,.60fr)    /* Orders */
        minmax(68px,.58fr)    /* ACoS */
        minmax(52px,.44fr)    /* ROAS */
        minmax(60px,.50fr);   /* CVR */
      width:100%;
    }
.slide-4 .s4m-head.s4m-grid-placement-summary > div:first-child,
.slide-4 .s4m-row.s4m-grid-placement-summary > div:first-child{
      display:block;
      text-align:left;
      justify-self:start;
      padding-left:0;
    }
.slide-4 .s4m-head.s4m-grid-placement-summary > div:first-child::before{
      display:none;
    }
.slide-4 .s4m-grid-placement-summary .center{
      display:flex;
      justify-content:center;
      align-items:center;
      width:100%;
      justify-self:center;
      margin:0 auto;
    }
.slide-4 .s4m-head.s4m-grid-placement-summary > div:nth-child(8),
.slide-4 .s4m-row.s4m-grid-placement-summary > div:nth-child(8){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
    }
.slide-4 .s4m-place-note{
      padding:10px 12px;
      border-top:1px solid rgba(255,255,255,.05);
      color:#878a99;
      font-size:11px;
    }
.slide-4 .s4m-place-ring{
      width:32px;
      height:32px;
      border-radius:50%;
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:conic-gradient(var(--tone, #38d796) calc(var(--p, 0) * 1%), rgba(255,255,255,.10) 0);
      margin:0 auto;
    }
.slide-4 .s4m-place-ring::after{
      content:"";
      position:absolute;
      inset:3px;
      border-radius:50%;
      background:#202733;
      border:1px solid rgba(255,255,255,.03);
    }
.slide-4 .s4m-place-ring em{
      position:relative;
      z-index:1;
      font-style:normal;
      font-size:9px;
      font-weight:700;
      color:#aeb8c6;
      letter-spacing:.1px;
    }
.slide-4 .s4m-grid-placement-detail{
      grid-template-columns:var(--pl-grid-cols);
      column-gap:0;
      width:var(--pl-grid-width);
      min-width:var(--pl-grid-width);
      max-width:var(--pl-grid-width);
    }
.slide-4 .s4m-head.s4m-grid-placement-detail,
.slide-4 .s4m-row.s4m-grid-placement-detail{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-placement-detail{
      --pl-head-bg:#242b36;
      background:var(--pl-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-placement-detail{
      --pl-row-bg:#232a35;
      background:var(--pl-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-placement-detail::before,
.slide-4 .s4m-row.s4m-grid-placement-detail::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-placement-detail::before{
      background:var(--pl-head-bg);
}
.slide-4 .s4m-row.s4m-grid-placement-detail::before{
      background:var(--pl-row-bg);
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div,
.slide-4 .s4m-row.s4m-grid-placement-detail > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div{
      background:var(--pl-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-placement-detail > div{
      background:var(--pl-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(-n+3),
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(-n+3){
      position:sticky;
      z-index:4;
      overflow:hidden;
      background-clip:padding-box;
      isolation:isolate;
      width:100%;
      min-width:100%;
      max-width:100%;
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(-n+3){
      z-index:64;
      background:var(--pl-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(-n+3){
      background:var(--pl-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(1),
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(1){
      left:var(--pl-left-1);
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(2),
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(2){
      left:var(--pl-left-2);
}
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(3),
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(3){
      left:var(--pl-left-3);
    }
.slide-4 .s4m-head.s4m-grid-placement-detail > div:nth-child(n+6){
      text-align:right;
      justify-self:end;
      width:100%;
    }
.slide-4 .s4m-row.s4m-grid-placement-detail > div:nth-child(n+6){
      justify-self:end;
      width:100%;
    }
.slide-4 .s4m-grid-placement-detail .num{
      text-align:right;
      font-variant-numeric:tabular-nums;
    }
.slide-4 .s4m-row.is-campaign{
      background:rgba(255,255,255,.02);
    }
.slide-4 .s4m-row.is-child .pname{
      padding-left:28px;
      font-weight:600;
      color:rgba(255,255,255,.84);
      display:flex;
      align-items:center;
      gap:4px;
    }
.slide-4 .s4m-row.is-child .pname .ri-information-line{
      color:rgba(255,255,255,.44);
      font-size:12px;
    }
.slide-4 .s4m-mini-line{
      width:142px;
      height:14px;
      display:inline-flex;
      align-items:center;
    }
.slide-4 .s4m-mini-line svg{
      width:100%;
      height:100%;
      overflow:visible;
    }
.slide-4 .s4m-mini-line path{
      fill:none;
      stroke:#3acb97;
      stroke-width:2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.slide-4 .s4m-bid-cell{
      display:flex;
      align-items:center;
      gap:8px;
      color:rgba(255,255,255,.86);
      font-weight:600;
    }
.slide-4 .s4m-grid-portfolio-ref{
      grid-template-columns:var(--pf-grid-cols);
      column-gap:0;
      width:var(--pf-grid-width);
      min-width:var(--pf-grid-width);
      max-width:var(--pf-grid-width);
    }
.slide-4 .s4m-head.s4m-grid-portfolio-ref,
.slide-4 .s4m-row.s4m-grid-portfolio-ref{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref{
      --pf-head-bg:#242b36;
      background:var(--pf-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-portfolio-ref{
      --pf-row-bg:#232a35;
      background:var(--pf-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref::before,
.slide-4 .s4m-row.s4m-grid-portfolio-ref::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref::before{
      background:var(--pf-head-bg);
}
.slide-4 .s4m-row.s4m-grid-portfolio-ref::before{
      background:var(--pf-row-bg);
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div,
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div{
      background:var(--pf-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div{
      background:var(--pf-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(-n+4),
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(-n+4){
      position:sticky;
      background:#232a35 !important;
      background-clip:padding-box;
      z-index:30;
      width:100%;
      min-width:100%;
      max-width:100%;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(1),
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(1){
      left:var(--pf-left-1);
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(2),
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(2){
      left:var(--pf-left-2);
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(3),
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(3){
      left:var(--pf-left-3);
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(4),
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(4){
      left:var(--pf-left-4);
      box-shadow:none;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(-n+4){
      z-index:80;
      background:var(--pf-head-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-portfolio-ref > div:nth-child(5){
      padding-left:12px;
}
.slide-4 .s4m-row.s4m-grid-portfolio-ref > div:nth-child(-n+4){
      background:var(--pf-row-bg) !important;
}
.slide-4 .s4m-grid-portfolio-ref > div > *{
      max-width:100%;
}
.slide-4 .s4m-portfolio{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
      font-weight:600;
      color:#e6edf3;
    }
.slide-4 .s4m-portfolio .name{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      font-size:14px;
      font-weight:700;
      line-height:1.15;
    }
.slide-4 .s4m-portfolio .micon{
      font-size:13px;
      color:#878a99;
      flex:0 0 auto;
    }
.slide-4 .s4m-portfolio .micon.green{
      color:#38d796;
      font-size:13px;
    }
.slide-4 .s4m-ctrl{
      width:28px;
      height:24px;
      border-radius:5px;
      border:1px solid rgba(255,255,255,.04);
      background:rgba(255,255,255,.006);
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.56);
      font-size:10px;
      margin:0 auto;
    }
.slide-4 .s4m-head .s4m-ctrl{
      height:24px;
      font-size:10px;
      color:rgba(255,255,255,.42);
    }
.slide-4 .s4m-tools--campaign,
.slide-4 .s4m-tools--placement{
      display:grid;
      grid-template-columns:max-content minmax(0, 1fr) max-content;
      align-items:center;
      column-gap:8px;
    }
.slide-4 .s4m-tools--campaign .mid,
.slide-4 .s4m-tools--placement .mid{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:6px;
      min-width:0;
      white-space:nowrap;
      padding-right:0;
    }
.slide-4 .s4m-tools--campaign .right,
.slide-4 .s4m-tools--placement .right{
      margin-left:8px;
    }
.slide-4 .s4m-targeting-filters{
      display:grid;
      grid-template-columns:minmax(0,1.18fr) minmax(0,1.18fr) minmax(0,.82fr);
      gap:10px;
      align-items:center;
      margin-bottom:12px;
    }
.slide-4 .s4m-targeting-account{
      justify-content:space-between;
    }
.slide-4 .s4m-targeting-date-actions{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto 40px;
      gap:8px;
      align-items:center;
    }
.slide-4 .s4m-targeting-apply{
      height:42px;
      border-radius:8px;
      min-width:88px;
      justify-content:center;
      padding:0 18px;
    }
.slide-4 .s4m-targeting-chevron{
      height:42px;
      border-radius:8px;
      border:1px solid rgba(255,255,255,.05);
      background:rgba(255,255,255,.012);
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.66);
      font-size:18px;
      line-height:1;
    }
.slide-4 .s4m-targeting-query{
      grid-column:1 / span 2;
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      gap:0;
      align-items:center;
    }
.slide-4 .s4m-targeting-phrase{
      height:44px;
      border-radius:8px 0 0 8px;
      justify-content:center;
      gap:8px;
      padding:0 20px;
    }
.slide-4 .s4m-targeting-search{
      height:44px;
      border-radius:0 8px 8px 0;
      border-left-color:rgba(255,255,255,.02);
      justify-content:flex-start;
    }
.slide-4 .s4m-targeting-search .value{
      color:rgba(255,255,255,.38);
      font-size:14px;
      font-weight:600;
    }
.slide-4 .s4m-targeting-dataview{
      height:44px;
    }
.slide-4 .s4m-panel[data-s4m-panel="targeting"].is-secondary-filters-collapsed .s4m-targeting-campaign,
.slide-4 .s4m-panel[data-s4m-panel="targeting"].is-secondary-filters-collapsed .s4m-targeting-adgroup,
.slide-4 .s4m-panel[data-s4m-panel="targeting"].is-secondary-filters-collapsed .s4m-targeting-type{
      display:none;
}
.slide-4 .s4m-panel[data-s4m-panel="search"].is-secondary-filters-collapsed .s4m-targeting-campaign,
.slide-4 .s4m-panel[data-s4m-panel="search"].is-secondary-filters-collapsed .s4m-targeting-adgroup,
.slide-4 .s4m-panel[data-s4m-panel="search"].is-secondary-filters-collapsed .s4m-targeting-type{
      display:none;
}
.slide-4 .s4m-table-targeting{
      height:auto;
      max-height:none;
      border-radius:0 0 16px 16px;
      overflow-x:auto;
      overflow-y:visible;
    }
.slide-4 .s4m-search-filters{
      margin-bottom:12px;
}
.slide-4 .s4m-search-query-row{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:10px;
      align-items:center;
      min-width:0;
}
.slide-4 .s4m-search-query-secondary{
      grid-column:2 / span 1;
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      align-items:center;
}
.slide-4 .s4m-panel[data-s4m-panel="search"] .s4m-targeting-query{
      grid-column:auto;
      width:100%;
}
.slide-4 .s4m-panel[data-s4m-panel="search"] .s4m-search-query-secondary{
      grid-column:auto;
}
.slide-4 .s4m-panel[data-s4m-panel="search"] .s4m-targeting-query,
.slide-4 .s4m-panel[data-s4m-panel="search"] .s4m-search-query-secondary{
      min-width:0;
}
.slide-4 .s4m-panel[data-s4m-panel="search"] .s4m-targeting-search{
      width:100%;
}
.slide-4 .s4m-search-preset-row{
      margin-bottom:10px;
      display:flex;
      align-items:center;
}
.slide-4 .s4m-negative-filters{
      margin-bottom:12px;
}
.slide-4 .s4m-panel[data-s4m-panel="negative"] .s4m-negative-secondary-row{
      grid-column:1 / -1;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,1fr);
      gap:10px;
      min-width:0;
}
.slide-4 .s4m-search-preset{
      display:inline-flex;
      align-items:center;
      gap:8px;
      height:34px;
      padding:0 14px;
      border-radius:999px;
      background:#2494ff;
      color:#fff;
      font-size:12px;
      font-weight:600;
      border:1px solid rgba(103,186,245,.25);
}
.slide-4 .s4m-search-preset i{
      font-size:16px;
      line-height:1;
      opacity:.95;
}
.slide-4 .s4m-search-frequency{
      height:38px;
      min-height:38px;
      border-radius:5px;
      border-color:rgba(255,255,255,.10);
}
.slide-4 .s4m-table-search{
      border-radius:0 0 16px 16px;
      overflow-x:auto;
      overflow-y:visible;
}
.slide-4 .s4m-grid-search-ref{
      grid-template-columns:34px 34px 34px 356px 34px 34px 304px 126px 98px 126px 118px 118px 112px 102px 88px 86px 118px 128px 92px 88px 98px 76px 96px 122px 138px 122px;
      width:max-content;
      min-width:2882px;
}
.slide-4 .s4m-head.s4m-grid-search-ref,
.slide-4 .s4m-row.s4m-grid-search-ref{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-search-ref{
      --sr-head-bg:#242b36;
      background:var(--sr-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-search-ref{
      --sr-row-bg:#232a35;
      background:var(--sr-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-search-ref::before,
.slide-4 .s4m-row.s4m-grid-search-ref::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-search-ref::before{
      background:var(--sr-head-bg);
}
.slide-4 .s4m-row.s4m-grid-search-ref::before{
      background:var(--sr-row-bg);
}
.slide-4 .s4m-grid-search-ref > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
      font-variant-numeric:tabular-nums;
}
.slide-4 .s4m-head.s4m-grid-search-ref > div{
      background:var(--sr-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-search-ref > div{
      background:var(--sr-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(1),
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(2),
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(3),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(1),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(2),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(3){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(5),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(5){
      display:flex;
      align-items:center;
      justify-content:flex-end;
      padding-left:0;
      padding-right:0;
      text-align:right;
}
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(6),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(6){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 .s4m-head.s4m-grid-search-ref > div:nth-child(7),
.slide-4 .s4m-row.s4m-grid-search-ref > div:nth-child(7){
      padding-left:10px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(-n+6),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(-n+6){
      position:sticky;
      z-index:24;
      background:var(--sr-row-bg, #232a35) !important;
      background-clip:padding-box;
      overflow:hidden;
      width:100%;
      min-width:100%;
      max-width:100%;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(-n+6){
      z-index:64;
      background:var(--sr-head-bg, #242b36) !important;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(1){
      left:0;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(2){
      left:34px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(3){
      left:68px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(4),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(4){
      left:102px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(5),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(5){
      left:458px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(6),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(6){
      left:492px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref{
      --sr-head-bg:#242b36;
}
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref{
      --sr-row-bg:#232a35;
      background:var(--sr-row-bg) !important;
}
.slide-4 .s4m-search-total{
      --sr-row-bg:#26303d;
      background:var(--sr-row-bg) !important;
      font-weight:700;
}
.slide-4 .s4m-search-term-cell{
      display:flex;
      align-items:center;
      gap:10px;
      color:#e6edf3;
      font-weight:600;
}
.slide-4 .s4m-search-term-cell i{
      color:rgba(255,255,255,.76);
      font-size:14px;
}
.slide-4 .s4m-adtype-pills{
      display:inline-flex;
      gap:4px;
      align-items:center;
      justify-content:center;
}
.slide-4 .s4m-adpill{
      height:22px;
      min-width:28px;
      padding:0 8px;
      border-radius:6px;
      background:#43d38f;
      color:#fff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:12px;
      font-weight:700;
      line-height:1;
}
.slide-4 .s4m-star{
      color:#f6be1d;
      font-size:15px;
      line-height:1;
}
.slide-4 .s4m-grid-targeting-ref{
      grid-template-columns:34px 50px 34px 258px 34px 34px 34px 118px 122px 132px 186px 150px 102px 84px 88px 112px 118px 94px 88px 102px 96px 152px 162px 148px 136px;
      width:max-content;
      min-width:2780px;
    }
.slide-4 .s4m-head.s4m-grid-targeting-ref,
.slide-4 .s4m-row.s4m-grid-targeting-ref{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-targeting-ref{
      --tg-head-bg:#242b36;
      background:var(--tg-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-targeting-ref{
      --tg-row-bg:#232a35;
      background:var(--tg-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-targeting-ref::before,
.slide-4 .s4m-row.s4m-grid-targeting-ref::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-targeting-ref::before{
      background:var(--tg-head-bg);
}
.slide-4 .s4m-row.s4m-grid-targeting-ref::before{
      background:var(--tg-row-bg);
}
.slide-4 .s4m-grid-targeting-ref > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
      font-variant-numeric:tabular-nums;
    }
.slide-4 .s4m-head.s4m-grid-targeting-ref > div{
      background:var(--tg-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-targeting-ref > div{
      background:var(--tg-row-bg) !important;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-ctrl-pair{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:4px;
      padding-left:0;
      padding-right:0;
      margin-left:0;
    }
.slide-4 [data-s4m-panel="targeting"] .s4m-ctrl{
      width:30px;
      min-width:30px;
      height:30px;
      flex:0 0 30px;
      border-radius:8px;
      font-size:12px;
      margin:0;
    }
.slide-4 [data-s4m-panel="search"] .s4m-ctrl-pair{
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:4px;
      padding-left:0;
      padding-right:0;
      margin-left:0;
}
.slide-4 .s4m-grid-negative-ref{
      grid-template-columns:34px 60px minmax(260px,1.1fr) 70px 90px 100px 150px minmax(190px,0.95fr) minmax(280px,1.35fr) minmax(280px,1.35fr);
      width:100%;
      min-width:1560px;
}
.slide-4 .s4m-head.s4m-grid-negative-ref,
.slide-4 .s4m-row.s4m-grid-negative-ref{
      position:relative;
      isolation:isolate;
      padding:0 !important;
      box-sizing:border-box;
      align-items:stretch;
}
.slide-4 .s4m-head.s4m-grid-negative-ref{
      --ng-head-bg:#242b36;
      background:var(--ng-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-negative-ref{
      --ng-row-bg:#232a35;
      background:var(--ng-row-bg) !important;
}
.slide-4 .s4m-head.s4m-grid-negative-ref::before,
.slide-4 .s4m-row.s4m-grid-negative-ref::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
}
.slide-4 .s4m-head.s4m-grid-negative-ref::before{
      background:var(--ng-head-bg);
}
.slide-4 .s4m-row.s4m-grid-negative-ref::before{
      background:var(--ng-row-bg);
}
.slide-4 .s4m-head.s4m-grid-negative-ref > div,
.slide-4 .s4m-row.s4m-grid-negative-ref > div{
      position:relative;
      display:flex;
      align-items:center;
      align-self:stretch;
      z-index:1;
      min-width:0;
      height:100%;
      overflow:hidden;
      box-sizing:border-box;
      background-clip:border-box;
}
.slide-4 .s4m-head.s4m-grid-negative-ref > div{
      background:var(--ng-head-bg) !important;
}
.slide-4 .s4m-row.s4m-grid-negative-ref > div{
      background:var(--ng-row-bg) !important;
}
.slide-4 [data-s4m-panel="negative"] .s4m-head.s4m-grid-negative-ref > div:nth-child(-n+3),
.slide-4 [data-s4m-panel="negative"] .s4m-row.s4m-grid-negative-ref > div:nth-child(-n+3){
      position:sticky;
      z-index:24;
      background:var(--ng-row-bg) !important;
      background-clip:padding-box;
      overflow:hidden;
      width:100%;
      min-width:100%;
      max-width:100%;
}
.slide-4 [data-s4m-panel="negative"] .s4m-head.s4m-grid-negative-ref > div:nth-child(-n+3){
      z-index:64;
      background:var(--ng-head-bg) !important;
}
.slide-4 [data-s4m-panel="negative"] .s4m-head.s4m-grid-negative-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="negative"] .s4m-row.s4m-grid-negative-ref > div:nth-child(1){
      left:0;
}
.slide-4 [data-s4m-panel="negative"] .s4m-head.s4m-grid-negative-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="negative"] .s4m-row.s4m-grid-negative-ref > div:nth-child(2){
      left:34px;
}
.slide-4 [data-s4m-panel="negative"] .s4m-head.s4m-grid-negative-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="negative"] .s4m-row.s4m-grid-negative-ref > div:nth-child(3){
      left:94px;
}
.slide-4 .s4m-head.s4m-grid-negative-ref > div:nth-child(1),
.slide-4 .s4m-head.s4m-grid-negative-ref > div:nth-child(2),
.slide-4 .s4m-row.s4m-grid-negative-ref > div:nth-child(1),
.slide-4 .s4m-row.s4m-grid-negative-ref > div:nth-child(2){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 .s4m-head.s4m-grid-negative-ref > div:nth-child(4),
.slide-4 .s4m-row.s4m-grid-negative-ref > div:nth-child(4){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 .s4m-negative-total{
      --ng-row-bg:#26303d;
      background:var(--ng-row-bg) !important;
      font-weight:700;
}
.slide-4 .s4m-toggle{
      width:34px;
      height:20px;
      border-radius:999px;
      background:rgba(255,255,255,.10);
      position:relative;
      display:inline-block;
      flex-shrink:0;
      cursor:default;
      vertical-align:middle;
}
.slide-4 .s4m-toggle::after{
      content:"";
      position:absolute;
      top:3px;
      left:3px;
      width:14px;
      height:14px;
      border-radius:50%;
      background:rgba(255,255,255,.35);
}
.slide-4 .s4m-toggle.on{
      background:linear-gradient(135deg,#6c4cff,rgba(108,76,255,.65));
}
.slide-4 .s4m-toggle.on::after{
      left:17px;
      background:#fff;
}
.slide-4 .s4m-negative-filters .s4m-targeting-date-actions{
      grid-template-columns:minmax(0,1fr) auto;
}
.slide-4 .s4m-panel[data-s4m-panel="negative"] .s4m-targeting-chevron{
      display:none;
}
.slide-4 .s4m-opt-card{
      border:1px solid rgba(255,255,255,.06);
      border-radius:8px;
      background:linear-gradient(180deg, rgba(32,37,46,.99), rgba(29,35,45,.98));
      overflow:hidden;
}
.slide-4 .s4m-opt-head{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:12px;
      align-items:center;
      padding:18px;
      border-bottom:1px solid rgba(255,255,255,.05);
}
.slide-4 .s4m-opt-account{
      min-width:0;
      width:100%;
      max-width:470px;
}
.slide-4 .s4m-opt-account span{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
}
.slide-4 .s4m-opt-add{
      height:34px;
      padding:0 14px;
      border-radius:6px;
      border-color:rgba(255,255,255,.10);
      background:rgba(255,255,255,.012);
      color:rgba(255,255,255,.92);
      font-size:12px;
      font-weight:700;
      justify-content:center;
}
.slide-4 .s4m-opt-warning{
      display:flex;
      align-items:center;
      min-height:52px;
      border-left:1px solid rgba(255,196,0,.30);
      background:linear-gradient(90deg, rgba(255,196,0,.28), rgba(255,196,0,.12) 46%, rgba(255,196,0,.06));
}
.slide-4 .s4m-opt-warning-icon{
      width:58px;
      min-width:58px;
      height:52px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:#ffbf00;
      color:#fff;
      font-size:18px;
      line-height:1;
}
.slide-4 .s4m-opt-warning-text{
      padding:0 16px;
      color:#ffcc3f;
      font-size:14px;
      font-weight:600;
      letter-spacing:.1px;
}
.slide-4 .s4m-opt-warning-text strong{
      font-weight:800;
      color:#ffd24f;
}
@media (max-width: 1280px){
  .slide-4 .s4m-opt-head{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .slide-4 .s4m-opt-add{
    justify-self:start;
  }
}
.slide-4 [data-s4m-panel="search"] .s4m-ctrl{
      width:30px;
      min-width:30px;
      height:30px;
      flex:0 0 30px;
      border-radius:8px;
      font-size:12px;
      margin:0;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(5),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(5),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(5){
      justify-content:flex-end;
      padding-left:0;
      padding-right:4px;
      text-align:right;
    }
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(6),
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(7),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(6),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(7){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(3){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
    }
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(8),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(8){
      padding-left:6px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(-n+7),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(-n+7){
      position:sticky;
      z-index:24;
      background:var(--tg-row-bg) !important;
      background-clip:padding-box;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(-n+7){
      z-index:64;
      background:var(--tg-head-bg) !important;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(1){
      left:0;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(2){
      left:34px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(3){
      left:84px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(4),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(4){
      left:118px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(5),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(5){
      left:376px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(6),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(6){
      left:410px;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-head.s4m-grid-targeting-ref > div:nth-child(7),
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref > div:nth-child(7){
      left:444px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(7),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(7){
      padding-left:14px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(8),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(8){
      padding-left:14px;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(1),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(2),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(3){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
}
.slide-4 [data-s4m-panel="search"] .s4m-head.s4m-grid-search-ref > div:nth-child(24),
.slide-4 [data-s4m-panel="search"] .s4m-row.s4m-grid-search-ref > div:nth-child(24){
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding-left:0;
      padding-right:0;
}
.slide-4 .s4m-targeting-total{
      --tg-row-bg:#26303d;
      background:var(--tg-row-bg) !important;
      font-weight:700;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref:hover{
      --tg-row-bg:#2b3543;
}
.slide-4 [data-s4m-panel="targeting"] .s4m-row.s4m-grid-targeting-ref.s4m-targeting-total:hover{
      --tg-row-bg:#26303d;
}
.slide-4 .s4m-match-pill{
      height:30px;
      padding:0 12px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:11px;
      font-weight:700;
      color:rgba(242,246,252,.9);
      background:rgba(255,255,255,.10);
      white-space:nowrap;
    }
.slide-4 .s4m-match-pill.exact{
      background:rgba(255,255,255,.14);
    }
.slide-4 .s4m-selected{
      color:rgba(255,255,255,.76);
      font-weight:600;
      font-size:11px;
    }
.slide-4 .s4m-inline-btn{
      height:32px;
      padding:0 12px;
      border-radius:5px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.012);
      color:rgba(255,255,255,.86);
      display:inline-flex;
      align-items:center;
      gap:5px;
      font-size:11px;
      font-weight:600;
      line-height:1;
    }
.slide-4 .s4m-tools .s4m-inline-btn{
      height:32px;
      min-height:32px;
      box-sizing:border-box;
      display:inline-flex;
      align-items:center;
    }
.slide-4 .s4m-inline-btn.success{border-color:rgba(59,202,135,.45);color:#3ed28e;}
.slide-4 .s4m-inline-btn.warn{border-color:rgba(240,179,63,.55);color:#f0b33f;}
.slide-4 .s4m-inline-btn.gray{border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.86);}
.slide-4 .s4m-inline-ghost{
      color:rgba(255,255,255,.48);
      font-size:14px;
      line-height:1;
      margin:0 2px;
    }
.slide-4 .s4m-color-group{
      display:inline-flex;
      align-items:center;
      gap:3px;
      margin-left:2px;
      margin-right:2px;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-search{
      min-width:190px;
      padding:0 12px;
      gap:8px;
    }
.slide-4 .s4m-color-sw{
      width:28px;
      height:28px;
      flex:0 0 28px;
      aspect-ratio:1 / 1;
      border-radius:3px;
      display:inline-block;
      border:1px solid rgba(255,255,255,.06);
    }
.slide-4 .s4m-color-sw.green{background:#4ecf8f;}
.slide-4 .s4m-color-sw.yellow{background:#f6be1d;}
.slide-4 .s4m-color-sw.orange{background:#ef6849;}
.slide-4 .s4m-icon-mini{
      width:28px;
      height:28px;
      flex:0 0 28px;
      aspect-ratio:1 / 1;
      border-radius:3px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.008);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:rgba(255,255,255,.58);
      font-size:12px;
    }
.slide-4 .s4m-icon-mini i{
      color:rgba(255,255,255,.46);
      font-size:11px;
      line-height:1;
}
.slide-4 .s4m-switch{
      width:30px;
      height:18px;
      border-radius:12px;
      background:rgba(108,76,255,.72);
      border:1px solid rgba(108,76,255,.88);
      position:relative;
      display:inline-flex;
      align-items:center;
      padding:2px;
    }
.slide-4 .s4m-switch::after{
      content:"";
      width:12px;
      height:12px;
      border-radius:50%;
      background:#f3f5ff;
      margin-left:auto;
      box-shadow:0 1px 3px rgba(0,0,0,.35);
    }
.slide-4 .s4m-row-kebab{
      color:rgba(255,255,255,.52);
      font-size:14px;
      display:inline-flex;
      justify-content:center;
      width:100%;
    }
.slide-4 .s4m-campaign-cell{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:0;
      font-weight:700;
      font-size:13px;
      line-height:1.2;
      color:#dce3eb;
    }
.slide-4 .s4m-campaign-cell .text{
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
.slide-4 .s4m-campaign-cell .meta{
      color:rgba(255,255,255,.60);
      font-size:12px;
      flex:0 0 auto;
    }
.slide-4 .s4m-meter{
      display:flex;
      align-items:center;
      gap:8px;
    }
.slide-4 .s4m-meter .track{
      width:62px;
      height:12px;
      border-radius:8px;
      background:rgba(45,73,96,.65);
      overflow:hidden;
      position:relative;
    }
.slide-4 .s4m-meter .fill{
      height:100%;
      border-radius:8px;
      display:block;
    }
.slide-4 .s4m-meter .fill.cyan{background:#3ca8e8;}
.slide-4 .s4m-meter .fill.violet{background:#5f47d6;}
.slide-4 .s4m-budget-line{
      width:94px;
      height:2px;
      border-radius:2px;
      background:linear-gradient(90deg, rgba(79,211,145,.96), rgba(79,211,145,.6));
    }
.slide-4 .s4m-budget-spark{
      width:94px;
      height:24px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
    }
.slide-4 .s4m-budget-spark svg{
      width:94px;
      height:24px;
      display:block;
    }
.slide-4 .s4m-budget-spark path{
      fill:none;
      stroke:#45cf91;
      stroke-width:2.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }
.slide-4 [data-s4m-panel="placements"] .s4m-table{
      height:auto;
      max-height:none;
      overflow-x:auto;
      overflow-y:visible;
      --pl-col-1:34px;
      --pl-col-2:350px;
      --pl-col-3:136px;
      --pl-col-4:232px;
      --pl-col-5:180px;
      --pl-col-6:124px;
      --pl-col-7:90px;
      --pl-col-8:76px;
      --pl-col-9:76px;
      --pl-col-10:100px;
      --pl-col-11:108px;
      --pl-col-12:82px;
      --pl-col-13:88px;
      --pl-col-14:78px;
      --pl-grid-cols:
        var(--pl-col-1) var(--pl-col-2) var(--pl-col-3) var(--pl-col-4) var(--pl-col-5) var(--pl-col-6) var(--pl-col-7)
        var(--pl-col-8) var(--pl-col-9) var(--pl-col-10) var(--pl-col-11) var(--pl-col-12) var(--pl-col-13) var(--pl-col-14);
      --pl-grid-width:calc(
        var(--pl-col-1) + var(--pl-col-2) + var(--pl-col-3) + var(--pl-col-4) + var(--pl-col-5) + var(--pl-col-6) + var(--pl-col-7) +
        var(--pl-col-8) + var(--pl-col-9) + var(--pl-col-10) + var(--pl-col-11) + var(--pl-col-12) + var(--pl-col-13) + var(--pl-col-14)
      );
      --pl-left-1:0px;
      --pl-left-2:calc(var(--pl-col-1));
      --pl-left-3:calc(var(--pl-col-1) + var(--pl-col-2));
    }
.slide-4 [data-s4m-panel="placements"] .s4m-row.s4m-grid-placement-detail:nth-child(2){
      --pl-row-bg:#26303d;
      font-weight:700;
    }
.slide-4 [data-s4m-panel="placements"] .s4m-row.s4m-grid-placement-detail:hover{
      --pl-row-bg:#2b3543;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-table{
      height:auto;
      max-height:none;
      overflow-x:auto;
      overflow-y:visible;
      --cp-col-1:34px;
      --cp-col-2:50px;
      --cp-col-3:34px;
      --cp-col-4:390px;
      --cp-col-5:34px;
      --cp-col-6:34px;
      --cp-col-7:170px;
      --cp-col-8:150px;
      --cp-col-9:150px;
      --cp-col-10:150px;
      --cp-col-11:130px;
      --cp-col-12:160px;
      --cp-col-13:140px;
      --cp-col-14:96px;
      --cp-col-15:84px;
      --cp-col-16:84px;
      --cp-col-17:116px;
      --cp-col-18:116px;
      --cp-col-19:90px;
      --cp-col-20:86px;
      --cp-col-21:98px;
      --cp-col-22:86px;
      --cp-col-23:148px;
      --cp-col-24:156px;
      --cp-col-25:148px;
      --cp-col-26:136px;
      --cp-col-27:150px;
      --cp-grid-cols:
        var(--cp-col-1) var(--cp-col-2) var(--cp-col-3) var(--cp-col-4) var(--cp-col-5) var(--cp-col-6)
        var(--cp-col-7) var(--cp-col-8) var(--cp-col-9) var(--cp-col-10) var(--cp-col-11) var(--cp-col-12)
        var(--cp-col-13) var(--cp-col-14) var(--cp-col-15) var(--cp-col-16) var(--cp-col-17) var(--cp-col-18)
        var(--cp-col-19) var(--cp-col-20) var(--cp-col-21) var(--cp-col-22) var(--cp-col-23) var(--cp-col-24)
        var(--cp-col-25) var(--cp-col-26) var(--cp-col-27);
      --cp-grid-width:calc(
        var(--cp-col-1) + var(--cp-col-2) + var(--cp-col-3) + var(--cp-col-4) + var(--cp-col-5) + var(--cp-col-6) +
        var(--cp-col-7) + var(--cp-col-8) + var(--cp-col-9) + var(--cp-col-10) + var(--cp-col-11) + var(--cp-col-12) +
        var(--cp-col-13) + var(--cp-col-14) + var(--cp-col-15) + var(--cp-col-16) + var(--cp-col-17) + var(--cp-col-18) +
        var(--cp-col-19) + var(--cp-col-20) + var(--cp-col-21) + var(--cp-col-22) + var(--cp-col-23) + var(--cp-col-24) +
        var(--cp-col-25) + var(--cp-col-26) + var(--cp-col-27)
      );
      --cp-left-1:0px;
      --cp-left-2:calc(var(--cp-col-1));
      --cp-left-3:calc(var(--cp-col-1) + var(--cp-col-2));
      --cp-left-4:calc(var(--cp-col-1) + var(--cp-col-2) + var(--cp-col-3));
      --cp-left-5:calc(var(--cp-col-1) + var(--cp-col-2) + var(--cp-col-3) + var(--cp-col-4));
      --cp-left-6:calc(var(--cp-col-1) + var(--cp-col-2) + var(--cp-col-3) + var(--cp-col-4) + var(--cp-col-5));
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-filter-row{
      grid-template-columns:1.15fr 1fr 1fr 320px 100px;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-row.s4m-grid-campaign-ref:nth-child(2){
      --cp-row-bg:#26303d;
      font-weight:700;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-row.s4m-grid-campaign-ref:hover{
      --cp-row-bg:#2b3543;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-head.s4m-grid-campaign-ref > div:nth-child(3),
.slide-4 [data-s4m-panel="campaigns"] .s4m-row.s4m-grid-campaign-ref > div:nth-child(3){
      display:flex;
      align-items:center;
      justify-content:center;
      padding-left:0;
      padding-right:0;
      text-align:center;
    }
.slide-4 [data-s4m-panel="campaigns"] .s4m-head.s4m-grid-campaign-ref > div:nth-child(7),
.slide-4 [data-s4m-panel="campaigns"] .s4m-row.s4m-grid-campaign-ref > div:nth-child(7){
      padding-left:14px;
}
.slide-4 .s4m-types{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      gap:5px;
      flex-wrap:wrap;
      overflow:hidden;
    }
.slide-4 .s4m-type-pill{
      height:20px;
      min-width:24px;
      padding:0 7px;
      border-radius:6px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      font-weight:800;
      letter-spacing:.02em;
      color:#d8ffe9;
      background:linear-gradient(180deg, #4fd391, #3cc281);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
    }
.slide-4 .s4m-type-pill.sp{
      color:#d8ffe9;
      background:linear-gradient(180deg, #4fd391, #3cc281);
    }
.slide-4 .s4m-type-pill.sd{
      color:#d8ffe9;
      background:linear-gradient(180deg, #4fd391, #3cc281);
    }
.slide-4 .s4m-type-pill.sb{
      color:#d8ffe9;
      background:linear-gradient(180deg, #4fd391, #3cc281);
    }
.slide-4 .s4m-rings{
      display:flex;
      align-items:center;
      justify-content:center;
      width:100%;
      gap:6px;
      overflow:hidden;
    }
.slide-4 .s4m-ring{
      --p: 78;
      --ring: #48d89b;
      flex:0 0 38px;
      width:38px;
      height:38px;
      border-radius:50%;
      background:conic-gradient(var(--ring) calc(var(--p) * 1%), #252b35 0);
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      color:#cfd6e4;
      font-size:12px;
      font-weight:800;
      line-height:1;
      letter-spacing:.01em;
    }
.slide-4 .s4m-ring::after{
      content:"";
      position:absolute;
      inset:3px;
      border-radius:50%;
      background:#1d232d;
      border:1px solid rgba(255,255,255,.04);
      z-index:0;
    }
.slide-4 .s4m-ring > span{
      position:relative;
      z-index:1;
    }
.slide-4 .s4m-ring.sp{
      --ring:#47d794;
    }
.slide-4 .s4m-ring.sd{
      --ring:#f0b33f;
    }
.slide-4 .s4m-ring.sb{
      --ring:#6c4cff;
    }
.slide-4 .s4m-head .label-with-info{
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
.slide-4 .s4m-head .label-with-info i{
      font-size:10px;
      color:rgba(255,255,255,.38);
    }
.slide-4 .s4m-status{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:58px;padding:0 12px;border-radius:6px;font-weight:600;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.slide-4 .s4m-status.ok{color:#7ee2a8;background:rgba(51,136,94,.35);}
.slide-4 .s4m-status.warn{color:#f0b33f;background:rgba(138,108,28,.45);}
.slide-4 .s4m-status.archived{color:#4fb8ff;background:rgba(38,92,146,.35);}
.slide-4 .s4m-dot{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(71,215,143,.9);font-size:14px;font-weight:800;color:#c9f8e5;}
.slide-4 .s4m-chip{display:inline-flex;height:30px;padding:0 12px;border-radius:8px;align-items:center;justify-content:center;font-weight:800;}
.slide-4 .s4m-chip.green{background:rgba(41,207,139,.2);color:#4be0a1;}
.slide-4 .s4m-chip.yellow{background:rgba(240,179,63,.22);color:#f0b33f;}
.slide-4 .s4m-chip.red{background:rgba(239,104,73,.24);color:#ff8261;}
.slide-4 [data-s4m-panel="portfolios"] .s4m-table{
      height:auto;
      max-height:none;
      overflow-x:auto;
      overflow-y:visible;
      --pf-col-1:34px;
      --pf-col-2:450px;
      --pf-col-3:36px;
      --pf-col-4:36px;
      --pf-col-5:150px;
      --pf-col-6:158px;
      --pf-col-7:132px;
      --pf-col-8:96px;
      --pf-col-9:68px;
      --pf-col-10:92px;
      --pf-col-11:98px;
      --pf-col-12:90px;
      --pf-col-13:80px;
      --pf-col-14:66px;
      --pf-col-15:66px;
      --pf-col-16:96px;
      --pf-col-17:98px;
      --pf-col-18:70px;
      --pf-col-19:70px;
      --pf-col-20:84px;
      --pf-col-21:62px;
      --pf-col-22:68px;
      --pf-grid-cols:
        var(--pf-col-1) var(--pf-col-2) var(--pf-col-3) var(--pf-col-4)
        var(--pf-col-5) var(--pf-col-6) var(--pf-col-7) var(--pf-col-8)
        var(--pf-col-9) var(--pf-col-10) var(--pf-col-11) var(--pf-col-12)
        var(--pf-col-13) var(--pf-col-14) var(--pf-col-15) var(--pf-col-16)
        var(--pf-col-17) var(--pf-col-18) var(--pf-col-19) var(--pf-col-20)
        var(--pf-col-21) var(--pf-col-22);
      --pf-grid-width:calc(
        var(--pf-col-1) + var(--pf-col-2) + var(--pf-col-3) + var(--pf-col-4) +
        var(--pf-col-5) + var(--pf-col-6) + var(--pf-col-7) + var(--pf-col-8) +
        var(--pf-col-9) + var(--pf-col-10) + var(--pf-col-11) + var(--pf-col-12) +
        var(--pf-col-13) + var(--pf-col-14) + var(--pf-col-15) + var(--pf-col-16) +
        var(--pf-col-17) + var(--pf-col-18) + var(--pf-col-19) + var(--pf-col-20) +
        var(--pf-col-21) + var(--pf-col-22)
      );
      --pf-left-1:0px;
      --pf-left-2:calc(var(--pf-col-1));
      --pf-left-3:calc(var(--pf-col-1) + var(--pf-col-2));
      --pf-left-4:calc(var(--pf-col-1) + var(--pf-col-2) + var(--pf-col-3));
    }
.slide-4 [data-s4m-panel="portfolios"] .s4m-head{min-height:46px;}
.slide-4 [data-s4m-panel="portfolios"] .s4m-row{
      min-height:50px;
      background:var(--pf-row-bg, #232a35);
}
.slide-4 [data-s4m-panel="portfolios"] .s4m-row:nth-child(2){
      --pf-row-bg:#26303d;
      font-weight:700;
    }
.slide-4 [data-s4m-panel="portfolios"] .s4m-row:hover{
      --pf-row-bg:#2b3543;
}
.slide-4 [data-s4m-panel="portfolios"] .s4m-row.is-selected,
.slide-4 [data-s4m-panel="portfolios"] .s4m-row[aria-selected="true"]{
      --pf-row-bg:#2d3850;
}
.slide-4 [data-s4m-panel="portfolios"] .s4m-row.is-active{
      --pf-row-bg:#2b3847;
}
.slide-4 [data-s4m-panel="portfolios"] .s4m-row.is-disabled{
      --pf-row-bg:#252d39;
      opacity:.86;
}
.slide-4 .cmp-table {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: 0 0 10px 10px;
      flex: 1 1 auto;
    }
.slide-4 .cmp-head, .slide-4 .cmp-total, .slide-4 .cmp-row {
      display: grid;
      grid-template-columns: 34px 64px 28px 1fr 30px 30px 90px 90px 110px 160px 130px;
      align-items: center;
      min-height: 0;
    }
.slide-4 .cmp-head {
      min-height: 46px;
      background: rgba(255,255,255,.014);
      border-bottom: 1px solid rgba(255,255,255,.05);
      font-size: 10px;
      font-weight: 700;
      color: rgba(255,255,255,.44);
      position: static;
    }
.slide-4 .cmp-total {
      min-height: 46px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      font-size: 11px;
      color: rgba(255,255,255,.72);
      background: rgba(255,255,255,.008);
    }
.slide-4 .cmp-total strong { font-weight: 700; color: rgba(255,255,255,.88); }
.slide-4 .cmp-row {
      min-height: 48px;
      border-bottom: 1px solid rgba(255,255,255,.04);
      font-size: 11.5px;
      color: rgba(255,255,255,.86);
      cursor: pointer;
      transition: background .18s ease;
    }
.slide-4 .cmp-row:last-child { border-bottom: none; }
.slide-4 .cmp-row:hover, .slide-4 .cmp-row.is-hovered {
      background: rgba(255,255,255,.026);
    }
.slide-4 .cc {
      padding: 0 7px;
      display: flex;
      align-items: center;
      gap: 5px;
      min-width: 0;
      height: 100%;
      white-space: nowrap;
      overflow: hidden;
    }
.slide-4 .cico {
      font-size: 12px;
      color: rgba(255,255,255,.36);
      flex: 0 0 auto;
    }
.slide-4 .tog {
      width: 32px; height: 18px;
      border-radius: 999px;
      background: rgba(255,255,255,.08);
      position: relative;
      flex: 0 0 auto;
    }
.slide-4 .tog::after {
      content: "";
      position: absolute;
      top: 3px; left: 3px;
      width: 12px; height: 12px;
      border-radius: 50%;
      background: rgba(255,255,255,.5);
    }
.slide-4 .tog.tog-on {
      background: linear-gradient(135deg, rgba(108,76,255,.80), rgba(108,76,255,.50));
    }
.slide-4 .tog.tog-on::after {
      left: 17px;
      background: #fff;
    }
.slide-4 .mdots { color: rgba(255,255,255,.36); font-size: 15px; }
.slide-4 .cname {
      font-size: 11.5px;
      font-weight: 600;
      color: rgba(255,255,255,.88);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex: 1 1 auto;
    }
.slide-4 .name-ico { opacity: 0; transition: opacity .16s; }
.slide-4 .cmp-row:hover .name-ico, .slide-4 .cmp-row.is-hovered .name-ico { opacity: 1; }
.slide-4 .ad-tag {
      height: 20px;
      padding: 0 7px;
      border-radius: 5px;
      font-size: 10px;
      font-weight: 800;
      display: inline-flex;
      align-items: center;
    }
.slide-4 .ad-tag.sp { background: rgba(41,207,139,.18); color: #3dd898; }
.slide-4 .ad-tag.sd { background: rgba(36,148,255,.18); color: #5ab4ff; }
.slide-4 .ad-tag.sb { background: rgba(244,176,34,.18); color: #f0b33f; }
.slide-4 .site-chip {
      height: 24px;
      padding: 0 10px;
      border-radius: 6px;
      background: rgba(255,255,255,.07);
      color: rgba(255,255,255,.78);
      font-size: 11px;
      font-weight: 700;
      display: inline-flex;
      align-items: center;
    }
.slide-4 .dlv-chip {
      height: 24px;
      padding: 0 10px;
      border-radius: 6px;
      background: rgba(41,207,139,.14);
      color: #3dd898;
      font-size: 11px;
      font-weight: 800;
      display: inline-flex;
      align-items: center;
    }
.slide-4 .avg-bar {
      width: 72px;
      height: 6px;
      border-radius: 999px;
      background: rgba(108,76,255,.18);
      position: relative;
      overflow: hidden;
      flex: 0 0 auto;
    }
.slide-4 .avg-bar span {
      position: absolute;
      left: 0; top: 0; bottom: 0;
      border-radius: 999px;
      background: linear-gradient(90deg, #6c4cff, #9992F6);
    }
.slide-4 .avg-pct {
      font-size: 11px;
      color: rgba(255,255,255,.72);
      min-width: 50px;
    }
.slide-4 .bud-val { font-size: 11.5px; color: rgba(255,255,255,.86); }
.slide-4 .bud-ico { opacity: 0; transition: opacity .16s; }
.slide-4 .cmp-row:hover .bud-ico, .slide-4 .cmp-row.is-hovered .bud-ico { opacity: 1; color: rgba(255,255,255,.5); }
  
/* === final hotfix: slide 2 CTA + connection geometry === */
.slide-2 .preview-demo-badge{
  left:auto;
  right:18px;
  bottom:22px;
}
.slide-2 .connection-lines{
  z-index:18;
}
.slide-2 .floating-chip.one{top:12px;left:18px;}
.slide-2 .floating-chip.two{top:126px;right:-10px;}
.slide-2 .floating-chip.three{left:26px;bottom:26px;}


/* === interactive sortable headers for Targeting + Search Terms === */
.sortable-head-cell{
  cursor:pointer;
  user-select:none;
}
.sortable-head-inner{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.sort-arrow{
  font-size:13px;
  line-height:1;
  color:rgba(255,255,255,.34);
  transition:color .18s ease, transform .18s ease, opacity .18s ease;
  opacity:.85;
}
.sortable-head-cell:hover .sort-arrow{
  color:rgba(255,255,255,.56);
}
.sortable-head-cell.sort-asc .sort-arrow,
.sortable-head-cell.sort-desc .sort-arrow{
  color:rgba(255,255,255,.8);
}
.sortable-head-cell.sort-asc .sort-arrow{
  transform:translateY(-.5px);
}
.sortable-head-cell.sort-desc .sort-arrow{
  transform:translateY(.5px) rotate(180deg);
}
.sorting-flash{
  animation: sortingFlash .22s ease;
}
@keyframes sortingFlash{
  0%{background:rgba(108,76,255,.12)}
  100%{background:transparent}
}


/* fix targeting/search header alignment */
.targeting-search-center{display:flex !important;align-items:center !important;justify-content:center !important;}
.targeting-search-checkbox{width:18px;height:18px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:transparent;display:block;}
.sort-arrow-inline{display:inline-flex;align-items:center;gap:6px;}
.sort-arrow-inline .sort-icon{font-size:11px;opacity:.9;color:rgba(255,255,255,.30);margin-left:2px;flex:0 0 auto;line-height:1;}


/* Slide 3 is the visual baseline for dashboard placement */
.slide-2 .preview-stage,
.slide-3 .preview-stage,
.slide-4 .preview-stage {
  height: 590px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-2 .scene,
.slide-3 .scene,
.slide-4 .scene,
.slide-2 .preview-wrap,
.slide-3 .preview-wrap,
.slide-4 .preview-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slide-2 .dashboard-preview,
.slide-4 .dashboard-preview,
.slide-3 .products-preview {
  transform: scale(0.91) translateY(-20px);
  transform-origin: center top;
  margin: 0;
}

/* keep a single baseline and avoid extra vertical drift */
.slide-2 .dashboard-preview,
.slide-3 .products-preview,
.slide-4 .dashboard-preview {
  position: relative;
  top: 0;
  bottom: auto;
}

  /* Final polish: use Slide 3 as the single visual baseline for slides 2-4 */
  .slide-2 .scene,
  .slide-3 .scene,
  .slide-4 .scene,
  .slide-2 .preview-wrap,
  .slide-3 .preview-wrap,
  .slide-4 .preview-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
  }

  .slide-2 .preview-stage,
  .slide-3 .preview-stage,
  .slide-4 .preview-stage {
    position: relative;
    width: 100%;
    max-width: 980px;
    height: 590px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  .slide-2 .dashboard-preview,
  .slide-4 .dashboard-preview,
  .slide-3 .products-preview {
    position: relative;
    width: 910px;
    height: 560px;
    margin: 0;
    top: 0;
    bottom: auto;
    left: auto;
    right: auto;
    transform: scale(0.91) translateY(-20px);
    transform-origin: center top;
    flex: 0 0 auto;
  }

  .slide-2 .preview-card-main,
  .slide-3 .preview-card-main,
  .slide-4 .preview-card-main {
    inset: 28px 22px 28px 22px;
  }

  .slide-2 .ambient-glow-1, .slide-3 .ambient-glow-1, .slide-4 .ambient-glow-1 { top: 46px; right: 86px; }
  .slide-2 .ambient-glow-2, .slide-3 .ambient-glow-2, .slide-4 .ambient-glow-2 { bottom: 92px; left: 92px; }
  .slide-2 .ambient-glow-3, .slide-3 .ambient-glow-3, .slide-4 .ambient-glow-3 { bottom: 34px; right: 150px; }

  /* Final size sync: slide 3 is the baseline for slides 2 and 4 */
  .slide-2 .preview-stage,
  .slide-3 .preview-stage,
  .slide-4 .preview-stage{
    height:590px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .slide-2 .scene,
  .slide-3 .scene,
  .slide-4 .scene,
  .slide-2 .preview-wrap,
  .slide-3 .preview-wrap,
  .slide-4 .preview-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:100%;
  }

  .slide-2 .dashboard-preview,
  .slide-3 .products-preview,
  .slide-4 .dashboard-preview{
    position:relative;
    width:910px;
    height:560px;
    margin:0;
    top:0;
    right:auto;
    bottom:auto;
    left:auto;
    transform:scale(0.91) translateY(-20px);
    transform-origin:center top;
    flex:0 0 auto;
  }

  .slide-2 .preview-card-main,
  .slide-3 .preview-card-main,
  .slide-4 .preview-card-main{
    inset:28px 22px 28px 22px;
  }

  /* Interactive preview badge: use slide 2 as the single size baseline */
  .slide-2 .preview-demo-badge,
  .slide-3 .preview-demo-badge,
  .slide-4 .preview-demo-badge{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 18px;
    border-radius:20px;
    max-width:none;
    min-width:0;
  }

  .slide-2 .preview-demo-badge .play,
  .slide-3 .preview-demo-badge .play,
  .slide-4 .preview-demo-badge .play{
    width:44px;
    height:44px;
    font-size:18px;
    flex:0 0 44px;
  }

  .slide-2 .preview-demo-badge small,
  .slide-3 .preview-demo-badge small,
  .slide-4 .preview-demo-badge small{
    font-size:10px;
    margin-bottom:2px;
    letter-spacing:.08em;
  }

  .slide-2 .preview-demo-badge strong,
  .slide-3 .preview-demo-badge strong,
  .slide-4 .preview-demo-badge strong{
    font-size:15px;
    line-height:1.1;
    white-space:nowrap;
  }

  /* Keep each badge in its intended location, but identical in size */
  .slide-2 .preview-demo-badge{
    right:-20px;
    left:auto;
    bottom:30px;
  }

  .slide-3 .preview-demo-badge{
    left:18px;
    right:auto;
    bottom:18px;
  }

  .slide-4 .preview-demo-badge{
    left:18px;
    right:auto;
    bottom:18px;
  }

  /* final sync: slide 2 is the baseline for slides 2-4 */
  .slide-2 .preview-stage,
  .slide-3 .preview-stage,
  .slide-4 .preview-stage {
    height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
  }

  .slide-2 .scene,
  .slide-3 .scene,
  .slide-4 .scene,
  .slide-2 .preview-wrap,
  .slide-3 .preview-wrap,
  .slide-4 .preview-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-width: 0;
  }

  .slide-2 .dashboard-preview,
  .slide-3 .products-preview,
  .slide-4 .dashboard-preview {
    position: relative;
    width: 910px;
    height: 560px;
    margin: 0;
    top: 0;
    right: auto;
    bottom: auto;
    left: auto;
    transform: scale(0.94) translateY(-10px);
    transform-origin: center top;
    flex: 0 0 auto;
  }

  .slide-2 .preview-card-main,
  .slide-3 .preview-card-main,
  .slide-4 .preview-card-main {
    inset: 28px 22px 28px 22px;
  }

  .slide-2 .preview-demo-badge,
  .slide-3 .preview-demo-badge,
  .slide-4 .preview-demo-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 20px;
    min-width: 0;
    max-width: none;
  }

  .slide-2 .preview-demo-badge .play,
  .slide-3 .preview-demo-badge .play,
  .slide-4 .preview-demo-badge .play {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    font-size: 18px;
  }

  .slide-2 .preview-demo-badge small,
  .slide-3 .preview-demo-badge small,
  .slide-4 .preview-demo-badge small {
    font-size: 10px;
    letter-spacing: .08em;
    margin-bottom: 2px;
  }

  .slide-2 .preview-demo-badge strong,
  .slide-3 .preview-demo-badge strong,
  .slide-4 .preview-demo-badge strong {
    font-size: 15px;
    line-height: 1.1;
    white-space: nowrap;
  }

  .slide-2 .preview-demo-badge {
    left: 18px;
    right: auto;
    bottom: 18px;
  }

  .slide-3 .preview-demo-badge {
    left: 18px;
    right: auto;
    bottom: 18px;
  }

  .slide-4 .preview-demo-badge {
    left: 18px;
    right: auto;
    bottom: 18px;
  }

/* Final v7 fixes: slide 2 CTA, line anchors, modal reset */
.slide-2 .preview-demo-badge{
  left:auto !important;
  right:18px !important;
  bottom:22px !important;
  transform:none !important;
}
.slide-2 .connection-lines{z-index:22 !important;}


    /* targeting header/checkbox alignment polish */
    .content-panel[data-panel="targeting"] .table-head,
    .content-panel[data-panel="targeting"] .table-row{
      grid-template-columns:48px 62px 40px minmax(240px,1.7fr) 72px 86px 86px 120px 138px !important;
    }
    .content-panel[data-panel="targeting"] .table-head .cell:nth-child(1),
    .content-panel[data-panel="targeting"] .table-head .cell:nth-child(2),
    .content-panel[data-panel="targeting"] .table-head .cell:nth-child(3),
    .content-panel[data-panel="targeting"] .table-row .cell:nth-child(1),
    .content-panel[data-panel="targeting"] .table-row .cell:nth-child(2),
    .content-panel[data-panel="targeting"] .table-row .cell:nth-child(3){
      justify-content:center !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }
    .content-panel[data-panel="targeting"] .table-head .cell:nth-child(1){
      border-left:none !important;
    }
    .content-panel[data-panel="targeting"] input[type="checkbox"]{
      width:16px !important;
      height:16px !important;
      margin:0 !important;
      display:block;
    }

/* ===== Responsive Layer v2 (safe) ===== */
@media (max-width: 1680px){
  .page{padding:24px 24px 24px;padding-top:68px !important;}
  .global-topbar{padding:0 24px;height:56px;}
  .global-nav{left:24px;bottom:22px;}

  .slide-3 .u-modal__card,
  .slide-4 .s4-modal__card{inset:16px;}

  .slide-4 .s4m-panel{--s4m-panel-pad:14px;padding:var(--s4m-panel-pad);}
  .slide-4 .toolbar-card{padding:10px 14px;}
}

@media (max-width: 1440px){
  .global-top-nav{gap:16px;font-size:12px;}
  .global-nav{left:24px;bottom:18px;gap:12px;padding:9px 10px;}
  .global-progress-wrap{width:212px;max-width:212px;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;}
  .global-btn-row{width:178px;}
  .global-nav-btn{min-width:0;height:36px;padding:0 12px;font-size:12px;}

  .slide-4 .s4-modal__topbar{height:52px;padding:0 12px;}
  .slide-4 .s4-modal__title{font-size:12px;}

  .slide-4 .s4m-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;gap:8px;padding:10px 12px;}
  .slide-4 .s4m-tab{flex:0 0 auto;height:36px;padding:0 16px;}

  .slide-4 .s4m-place-filters{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.95fr) minmax(0,.95fr) minmax(0,.84fr) auto;
    gap:8px;
  }
  .slide-4 .s4m-place-filters.s4m-place-filters--portfolio{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.95fr) minmax(0,.90fr) auto;
  }
  .slide-4 .s4m-place-filter.date{grid-column:auto;}
  .slide-4 .s4m-place-filters > .s4m-pill.primary{
    width:auto;
    min-width:86px;
    justify-content:center;
  }

  .slide-4 .s4m-tools{flex-wrap:nowrap;gap:8px;min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;}
  .slide-4 .s4m-tools .left,
  .slide-4 .s4m-tools .right{flex-wrap:nowrap;gap:6px;}

  .slide-4 .s4m-tools--campaign{grid-template-columns:max-content minmax(0,1fr) max-content;row-gap:0;}
  .slide-4 [data-s4m-panel="campaigns"] .s4m-tools--campaign .mid,
  .slide-4 [data-s4m-panel="campaigns"] .s4m-tools--campaign .right{justify-content:flex-end;margin-left:0;padding-right:0;}

  .slide-4 .s4m-chart{height:248px;}
  .slide-4 .s4m-chart .bars{left:52px;right:42px;gap:10px;}

  .slide-4 .s4m-table{overflow-x:auto;overflow-y:visible;}
}

@media (max-width: 1280px){
  .global-top-nav{display:none;}

  .slide-3 .u-modal__card,
  .slide-4 .s4-modal__card{inset:10px;border-radius:14px;}

  .slide-4 .s4-modal__body{padding:10px;}
  .slide-4 .s4m-shell{border-radius:10px;}

  .slide-4 .s4m-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .slide-4 .s4m-kpi{min-height:66px;padding:10px;}
  .slide-4 .s4m-kpi-value{font-size:14px;}

  .slide-4 .s4m-head.s4m-grid-placement-summary,
  .slide-4 .s4m-row.s4m-grid-placement-summary,
  .slide-4 .s4m-head.s4m-grid-placement-detail,
  .slide-4 .s4m-row.s4m-grid-placement-detail,
  .slide-4 .s4m-head.s4m-grid-negative-ref,
  .slide-4 .s4m-row.s4m-grid-negative-ref,
  .slide-4 .s4m-head.s4m-grid-search-ref,
  .slide-4 .s4m-row.s4m-grid-search-ref,
  .slide-4 .s4m-head.s4m-grid-campaign-ref,
  .slide-4 .s4m-row.s4m-grid-campaign-ref,
  .slide-4 .s4m-head.s4m-grid-portfolio-ref,
  .slide-4 .s4m-row.s4m-grid-portfolio-ref{
    width:max-content;
    min-width:100%;
  }

  .slide-3 .u-std__table-scroll,
  .slide-4 .s4m-table{overflow-x:auto;overflow-y:visible;}
}

@media (max-width: 1100px){
  .page{padding:16px 14px 20px;padding-top:62px !important;}
  .global-topbar{padding:0 14px;height:52px;}
  .global-logo{height:24px;}

  .global-nav{left:14px;bottom:12px;gap:10px;padding:8px 9px;}
  .global-progress-wrap{width:190px;max-width:190px;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;}
  .global-btn-row{width:158px;gap:8px;}
  .global-progress-text{min-width:64px;padding:0 8px;letter-spacing:.07em;}

  .slide-3 .u-modal__topbar,
  .slide-4 .s4-modal__topbar{padding:0 10px;}

  .slide-4 .s4m-place-filters{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .slide-4 .s4m-place-filter.date{grid-column:span 2;}
}

/* ===== Focused fix: prevent text overlap on compact screens (slides 2/3/4 only) ===== */
@media (max-width: 1280px){
  .slide-2 .preview-demo-badge,
  .slide-3 .preview-demo-badge,
  .slide-4 .preview-demo-badge{
    left:auto !important;
    right:12px !important;
    bottom:12px !important;
    max-width:calc(100% - 24px) !important;
  }

  .slide-3 .preview-demo-badge,
  .slide-4 .preview-demo-badge{
    left:12px !important;
    right:auto !important;
  }
}

/* ===== Unified dashboard geometry for slides 2/3/4 (Slide 3 source of truth) ===== */
.slide-2 .scene,
.slide-3 .scene,
.slide-4 .scene,
.slide-2 .preview-wrap,
.slide-3 .preview-wrap,
.slide-4 .preview-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0;
  height:100%;
}
.slide-2 .preview-stage,
.slide-3 .preview-stage,
.slide-4 .preview-stage{
  position:relative !important;
  width:100% !important;
  max-width:980px !important;
  height:650px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
.slide-2 .dashboard-preview,
.slide-3 .products-preview,
.slide-4 .dashboard-preview{
  position:relative !important;
  width:910px !important;
  height:560px !important;
  margin:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  transform:none !important;
  transform-origin:center top !important;
  flex:0 0 auto;
}
.slide-2 .preview-card-main,
.slide-3 .preview-card-main,
.slide-4 .preview-card-main{
  inset:28px 22px 28px 22px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 40px 80px rgba(0,0,0,.34),
    0 0 80px rgba(108,76,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}
.slide-2 .ambient-glow-1,
.slide-4 .ambient-glow-1{
  width:320px !important;
  height:320px !important;
  background:rgba(108,76,255,.16) !important;
  top:54px !important;
  right:108px !important;
}
.slide-2 .ambient-glow-2,
.slide-4 .ambient-glow-2{
  width:232px !important;
  height:232px !important;
  background:rgba(36,148,255,.10) !important;
  bottom:92px !important;
  left:112px !important;
}
.slide-2 .ambient-glow-3,
.slide-4 .ambient-glow-3{
  width:200px !important;
  height:200px !important;
  background:rgba(244,176,34,.09) !important;
  bottom:48px !important;
  right:170px !important;
}

@media (max-width: 1280px){
  .slide-2 .dashboard-preview,
  .slide-3 .products-preview,
  .slide-4 .dashboard-preview{
    transform:scale(.9) translateY(-8px) !important;
    transform-origin:center top !important;
  }
}

@media (max-width: 1150px){
  .slide-2 .dashboard-preview,
  .slide-3 .products-preview,
  .slide-4 .dashboard-preview{
    transform:scale(.84) translateY(0) !important;
    transform-origin:center top !important;
  }
}

/* ===== FINAL HARD LOCK: slides 2/3/4 dashboard must be identical (slide 3 baseline) ===== */
body .slide.slide-2 .preview-stage,
body .slide.slide-3 .preview-stage,
body .slide.slide-4 .preview-stage{
  max-width:980px !important;
  height:650px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body .slide.slide-2 .dashboard-preview,
body .slide.slide-3 .products-preview,
body .slide.slide-4 .dashboard-preview{
  width:910px !important;
  height:560px !important;
  margin:0 !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:scale(.94) translateY(-10px) !important;
  transform-origin:center top !important;
}

body .slide.slide-2 .preview-card-main,
body .slide.slide-3 .preview-card-main,
body .slide.slide-4 .preview-card-main{
  inset:28px 22px 28px 22px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 40px 80px rgba(0,0,0,.34),
    0 0 80px rgba(108,76,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

body .slide.slide-2 .ambient-glow-1,
body .slide.slide-4 .ambient-glow-1{
  width:320px !important;
  height:320px !important;
  background:rgba(108,76,255,.16) !important;
  top:54px !important;
  right:108px !important;
}
body .slide.slide-2 .ambient-glow-2,
body .slide.slide-4 .ambient-glow-2{
  width:232px !important;
  height:232px !important;
  background:rgba(36,148,255,.10) !important;
  bottom:92px !important;
  left:112px !important;
}
body .slide.slide-2 .ambient-glow-3,
body .slide.slide-4 .ambient-glow-3{
  width:200px !important;
  height:200px !important;
  background:rgba(244,176,34,.09) !important;
  bottom:48px !important;
  right:170px !important;
}

/* ===== PROJECT-WIDE FINAL UNIFICATION LOCK (slides 2/3/4) =====
   Purpose: enforce identical dashboard geometry + surface system so all three
   demo screens look like one product component family. */
html body .slide.slide-2 .scene,
html body .slide.slide-3 .scene,
html body .slide.slide-4 .scene,
html body .slide.slide-2 .preview-wrap,
html body .slide.slide-3 .preview-wrap,
html body .slide.slide-4 .preview-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  height:100% !important;
}

html body .slide.slide-2 .preview-stage,
html body .slide.slide-3 .preview-stage,
html body .slide.slide-4 .preview-stage{
  position:relative !important;
  width:100% !important;
  max-width:980px !important;
  height:650px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}

html body .slide.slide-2 .dashboard-preview,
html body .slide.slide-3 .products-preview,
html body .slide.slide-4 .dashboard-preview{
  position:relative !important;
  width:910px !important;
  height:560px !important;
  margin:0 !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:scale(.91) translateY(-16px) !important;
  transform-origin:center top !important;
  flex:0 0 auto !important;
}

html body .slide.slide-2 .preview-card-main,
html body .slide.slide-3 .preview-card-main,
html body .slide.slide-4 .preview-card-main{
  inset:28px 22px 28px 22px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(27,33,41,.96), rgba(20,25,33,.98)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 40px 80px rgba(0,0,0,.34),
    0 0 80px rgba(108,76,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

html body .slide.slide-3 .preview-card-main{
  border:none !important;
}

html body .slide.slide-3 .preview-card-main::after{
  border:none !important;
}

html body .slide.slide-3-alt .preview-card-main{
  border:none !important;
}

html body .slide.slide-3-alt .preview-card-main::after{
  border:none !important;
}

html body .slide.slide-2 .ambient-glow-1,
html body .slide.slide-3 .ambient-glow-1,
html body .slide.slide-4 .ambient-glow-1{
  width:320px !important;
  height:320px !important;
  background:rgba(108,76,255,.16) !important;
  top:54px !important;
  right:108px !important;
}

html body .slide.slide-2 .ambient-glow-2,
html body .slide.slide-3 .ambient-glow-2,
html body .slide.slide-4 .ambient-glow-2{
  width:232px !important;
  height:232px !important;
  background:rgba(36,148,255,.10) !important;
  bottom:92px !important;
  left:112px !important;
}

html body .slide.slide-2 .ambient-glow-3,
html body .slide.slide-3 .ambient-glow-3,
html body .slide.slide-4 .ambient-glow-3{
  width:200px !important;
  height:200px !important;
  background:rgba(244,176,34,.09) !important;
  bottom:48px !important;
  right:170px !important;
}

@media (max-width: 1280px){
  html body .slide.slide-2 .dashboard-preview,
  html body .slide.slide-3 .products-preview,
  html body .slide.slide-4 .dashboard-preview{
    transform:scale(.87) translateY(-8px) !important;
    transform-origin:center top !important;
  }
}

@media (max-width: 1150px){
  html body .slide.slide-2 .dashboard-preview,
  html body .slide.slide-3 .products-preview,
  html body .slide.slide-4 .dashboard-preview{
    transform:scale(.81) translateY(0) !important;
    transform-origin:center top !important;
  }
}

/* === Slide 3 Daily: keep top filters fixed, move horizontal scroll to table only === */
.slide-3 #uModal [data-u-panel="daily"]{
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-wrap{
  width:100% !important;
  min-width:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
}

.slide-3 #uModal [data-u-panel="daily"] .dv-grid{
  min-width:2380px !important;
}

/* === Unified CTA baseline from slide 2 (slides 2/3/4) === */
.slide-2 .preview-demo-badge,
.slide-3 .preview-demo-badge,
.slide-4 .preview-demo-badge{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(15,18,25,.78), rgba(15,18,25,.92)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  box-shadow:0 24px 40px rgba(0,0,0,.28), 0 0 36px rgba(108,76,255,.10) !important;
  cursor:pointer !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.slide-2 .preview-demo-badge *,
.slide-3 .preview-demo-badge *,
.slide-4 .preview-demo-badge *{
  cursor:pointer !important;
}

.slide-2 .preview-demo-badge:hover,
.slide-3 .preview-demo-badge:hover,
.slide-4 .preview-demo-badge:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(108,76,255,.34) !important;
  box-shadow:0 28px 46px rgba(0,0,0,.32), 0 0 48px rgba(108,76,255,.14) !important;
}

.slide-2 .preview-demo-badge:active,
.slide-3 .preview-demo-badge:active,
.slide-4 .preview-demo-badge:active{
  transform:translateY(0) scale(.985) !important;
}

.slide-2 .preview-demo-badge .play,
.slide-3 .preview-demo-badge .play,
.slide-4 .preview-demo-badge .play{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg, rgba(153,146,246,.96), rgba(108,76,255,.82)) !important;
  box-shadow:0 0 24px rgba(108,76,255,.24) !important;
  font-size:18px !important;
  color:#fff !important;
  flex:0 0 44px !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.slide-2 .preview-demo-badge:hover .play,
.slide-3 .preview-demo-badge:hover .play,
.slide-4 .preview-demo-badge:hover .play{
  transform:scale(1.04) !important;
  box-shadow:0 0 26px rgba(108,76,255,.28) !important;
}

.slide-3 .preview-demo-badge.is-hover-sim{
  transform:translateY(-3px) !important;
  border-color:rgba(108,76,255,.34) !important;
  box-shadow:0 28px 46px rgba(0,0,0,.32), 0 0 48px rgba(108,76,255,.14) !important;
}

.slide-3 .preview-demo-badge.is-hover-sim .play{
  transform:scale(1.04) !important;
  box-shadow:0 0 26px rgba(108,76,255,.28) !important;
}

.slide-3 .preview-demo-badge.is-press-sim{
  transform:translateY(0) scale(.985) !important;
}

.slide-2 .preview-demo-badge .play i,
.slide-3 .preview-demo-badge .play i,
.slide-4 .preview-demo-badge .play i{
  font-size:18px !important;
  line-height:1 !important;
}

.slide-2 .preview-demo-badge small,
.slide-3 .preview-demo-badge small,
.slide-4 .preview-demo-badge small{
  display:block !important;
  color:rgba(255,255,255,.46) !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  margin-bottom:2px !important;
}

.slide-2 .preview-demo-badge strong,
.slide-3 .preview-demo-badge strong,
.slide-4 .preview-demo-badge strong{
  display:block !important;
  font-size:15px !important;
  color:#fff !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

/* slide 3 button anchor */
.slide-3 #slide3OpenDemoBtn{
  position:absolute !important;
  left:18px !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  width:auto !important;
  max-width:max-content !important;
  display:inline-flex !important;
  z-index:100001 !important;
}

.slide-3 .preview-content > .preview-demo-badge{
  position:absolute !important;
  left:18px !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  width:auto !important;
  max-width:max-content !important;
  display:inline-flex !important;
  z-index:100001 !important;
}


/* hard lock: slide 2 CTA hover must always react */
.slide-2 [data-open-demo].preview-demo-badge{
  position:absolute !important;
  z-index:100050 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

.slide-2 [data-open-demo].preview-demo-badge:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(108,76,255,.34) !important;
  box-shadow:0 28px 46px rgba(0,0,0,.32), 0 0 48px rgba(108,76,255,.14) !important;
}

.slide-5 .preview-demo-badge:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(108,76,255,.34) !important;
  box-shadow:0 28px 46px rgba(0,0,0,.32), 0 0 48px rgba(108,76,255,.14) !important;
}

/* Slide entry affordance: soft glow for clickable controls on active slide */
@keyframes slideEntrySoftGlow{
  0%{
    filter:drop-shadow(0 0 0 rgba(108,76,255,0));
  }
  22%{
    filter:
      drop-shadow(0 0 14px rgba(108,76,255,.45))
      drop-shadow(0 0 34px rgba(36,148,255,.28));
  }
  46%{
    filter:
      drop-shadow(0 0 9px rgba(108,76,255,.28))
      drop-shadow(0 0 20px rgba(36,148,255,.18));
  }
  72%{
    filter:
      drop-shadow(0 0 12px rgba(108,76,255,.38))
      drop-shadow(0 0 30px rgba(36,148,255,.24));
  }
  100%{
    filter:drop-shadow(0 0 0 rgba(108,76,255,0));
  }
}

.slide.active button,
.slide.active [role="button"],
.slide.active .preview-demo-badge{
  animation:slideEntrySoftGlow 1.85s cubic-bezier(.16,1,.3,1) .02s 1 both;
}

.slide.active .preview-demo-badge{
  animation-duration:2.1s;
}

@media (prefers-reduced-motion: reduce){
  .slide.active button,
  .slide.active [role="button"],
  .slide.active .preview-demo-badge{
    animation:none !important;
  }
}

.slide-5,
.s5-modal{
  font-family:Inter,sans-serif;
}

.s5-modal{
  position:fixed;
  inset:0;
  z-index:430;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.s5-modal.is-open{opacity:1;pointer-events:auto;}
.s5-modal__backdrop{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 50% 16%, rgba(108,76,255,.16), transparent 26%),
    rgba(7,10,16,.74);
  backdrop-filter:blur(12px);
}
.s5-modal__card{
  position:absolute;
  inset:22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(24,29,37,.985), rgba(18,23,31,.99));
  box-shadow:0 42px 120px rgba(0,0,0,.46), 0 0 110px rgba(108,76,255,.16), inset 0 1px 0 rgba(255,255,255,.05);
  overflow:hidden;
  transform:translateY(14px) scale(.985);
  transition:transform .42s cubic-bezier(.16,1,.3,1);
  display:flex;
  flex-direction:column;
  isolation:isolate;
}
.s5-modal.is-open .s5-modal__card{transform:none;}
.s5-modal__topbar{
  height:56px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#202631;
  flex:0 0 auto;
}
.s5-modal__left{display:flex;align-items:center;gap:12px;}
.s5-modal__logo{
  width:30px;height:30px;border-radius:8px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  background:transparent;border:none;
}
.s5-modal__logo img{width:22px;height:22px;object-fit:contain;opacity:.95;}
.s5-modal__crumb-icon{
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.72);
  font-size:18px;
  flex:0 0 auto;
}
.s5-modal__title{
  font-size:13px;
  font-weight:700;
  color:rgba(84,141,255,.95);
  white-space:nowrap;
  letter-spacing:0;
}
.s5-modal__close{
  width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font-size:16px;cursor:pointer;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.s5-modal__close:hover{
  transform:rotate(90deg);
  background:rgba(255,255,255,.08);
  border-color:rgba(108,76,255,.34);
}
.s5-modal__body{
  flex:1 1 auto;
  min-height:0;
  background:#20252e;
  padding:12px;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.s5-crumbs{
  display:none;
}
.s5-tabs{
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 16px;
  min-height:68px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.05);
  background:linear-gradient(90deg, #1c232d 0%, #191f29 100%);
  border-radius:10px 10px 0 0;
}
.s5-tab{
  height:40px;
  border:none;
  background:transparent;
  color:rgba(255,255,255,.72);
  border-radius:8px;
  padding:0 22px;
  display:flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  cursor:pointer;
  transition:color .2s ease, background .2s ease, border-color .2s ease;
  user-select:none;
  line-height:1;
}
.s5-tab:hover{
  background:rgba(255,255,255,.04);
  color:#fff;
}
.s5-tab.is-active{
  background:#4f3abf;
  color:#fff;
  box-shadow:none;
}
.s5-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:0;
  padding:10px 12px;
  background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.s5-toolbar-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}
.s5-account{
  min-width:260px;
  flex:.9 1 0;
  height:38px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:4px;
  padding:0 15px;
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.9);
  font-size:11px;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:rgba(255,255,255,.015);
  line-height:1;
}
.s5-filter{
  height:38px;
  min-width:250px;
  flex:1 1 0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:4px;
  background:rgba(255,255,255,.015);
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  overflow:hidden;
}
.s5-filter-label{
  display:flex;
  align-items:center;
  padding:0 14px;
  font-size:11px;
  font-weight:600;
  color:rgba(255,255,255,.88);
  border-right:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  white-space:nowrap;
}
.s5-filter-value{
  display:flex;
  align-items:center;
  padding:0 14px;
  font-size:11px;
  font-weight:500;
  color:rgba(255,255,255,.46);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.s5-toolbar-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.s5-link{
  height:38px;
  padding:0 15px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.05);
  background:rgba(255,255,255,.015);
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.9);
  font-size:11px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
}
.s5-link i{
  font-size:14px;
  margin-right:6px;
  opacity:.9;
}
.s5-link span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#ff6c4b;
  color:#fff;
  font-size:10px;
  font-weight:700;
  margin-left:6px;
}
.s5-link span:empty{display:none;}
.s5-link--suggestions{
  position:relative;
  overflow:visible;
  padding-right:18px;
}
.s5-link--suggestions span{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  margin-left:0;
  background:#39a6ea;
  border:1px solid rgba(142,216,255,.55);
  box-shadow:0 4px 10px rgba(57,166,234,.24);
  font-size:9px;
  font-weight:700;
  animation:suggestionsIdlePulse 3.4s ease-in-out infinite;
}
.s5-rule-btn{
  height:38px;
  border:none;
  border-radius:4px;
  padding:0 15px;
  background:#6c4cff;
  color:#fff;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  line-height:1;
}
.s5-results{
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  height:38px;
  padding:0 12px;
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.86);
  font-size:11px;
  font-weight:700;
}
.s5-flow{
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.s5-flow.s5-flow-chain{
  position:relative;
}
.s5-flow.s5-flow-chain::before{
  content:none;
}
.s5-flow-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.s5-flow-step{
  margin-left:0;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .62s ease, transform .62s ease;
}
.s5-flow-step.is-on{
  opacity:1;
  transform:translateY(0);
}
.s5-flow-step.s5-flow-more .s5-flow-field{
  color:rgba(124,196,255,.86);
  font-style:italic;
}
.s5-flow-bridge{
  margin:0 0 2px 30px;
  width:1px;
  height:18px;
  background:linear-gradient(180deg, rgba(140,126,255,.7), rgba(84,223,168,.72));
  box-shadow:0 0 10px rgba(108,76,255,.28);
  border-radius:1px;
  opacity:0;
  transform:scaleY(.2);
  transform-origin:top;
  transition:opacity .56s ease, transform .62s ease;
}
.s5-flow-bridge.is-on{
  opacity:1;
  transform:scaleY(1);
}
.s5-flow-then{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .62s ease, transform .62s ease;
}
.s5-flow-then.is-on{
  opacity:1;
  transform:translateY(0);
}
.s5-pill{
  border-radius:6px;
  padding:3px 8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.s5-pill.if{background:rgba(108,76,255,.18);color:#9f8dff;}
.s5-pill.then{background:rgba(41,207,139,.18);color:#44e2a0;}
.s5-flow-field{
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  padding:7px 10px;
  background:rgba(255,255,255,.02);
  color:rgba(255,255,255,.84);
  font-size:13px;
}
.s5-flow-field.value{min-width:58px;text-align:center;}
.s5-flow-field.action{
  border-color:rgba(240,179,63,.26);
}
.s5-flow-field.budget{
  min-width:86px;
  text-align:center;
  border-color:rgba(108,76,255,.28);
}
.s5-flow-apply{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:none;
  border-radius:8px;
  height:30px;
  padding:0 14px;
  line-height:1;
  white-space:nowrap;
  background:linear-gradient(135deg, rgba(108,76,255,.96), rgba(108,76,255,.78));
  color:#fff;
  font-size:12px;
  font-weight:800;
  box-shadow:0 0 14px rgba(108,76,255,.22);
}
.s5-flow-apply.is-pressed{
  transform:translateY(1px) scale(.94);
  box-shadow:0 0 8px rgba(108,76,255,.14);
}
.s5-flow-apply.is-flash{
  box-shadow:0 0 18px rgba(124,98,255,.42), 0 0 0 1px rgba(199,186,255,.34) inset;
}
.s5-flow-apply.is-flash::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:1px solid rgba(181,165,255,.72);
  animation:s5ApplyFlash .9s ease;
}
.s5-flow-state{
  margin-left:auto;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  padding:5px 10px;
  font-size:11px;
  font-weight:700;
  color:rgba(255,255,255,.72);
}
.s5-flow-state.is-triggered{
  color:#ffd48a;
  border-color:rgba(240,179,63,.44);
  box-shadow:0 0 0 1px rgba(240,179,63,.24) inset;
}
.s5-flow-state.is-applied{
  color:#5ff0b1;
  border-color:rgba(41,207,139,.46);
  box-shadow:0 0 0 1px rgba(41,207,139,.25) inset;
}
.s5-flow-field.action.is-triggered{
  animation:s5FlowTrigger 1.15s ease;
}
.s5-flow-note{
  margin-top:2px;
  color:#53e7aa;
  font-size:11px;
  font-weight:700;
}
.s5-flow-result{
  margin-top:2px;
  color:rgba(173,223,255,.92);
  font-size:11px;
  font-weight:700;
}
.s5-criteria-title{
  color:rgba(255,255,255,.88);
  font-size:14px;
  font-weight:700;
  margin-bottom:2px;
}
.s5-rule-row{
  display:grid;
  grid-template-columns:52px minmax(210px,1fr) minmax(170px,1fr) 120px auto;
  align-items:center;
  gap:8px;
}
.s5-rule-row .s5-flow-field{
  height:40px;
  display:flex;
  align-items:center;
}
.s5-rule-row .s5-flow-field.value{
  justify-content:flex-start;
  min-width:0;
}
.s5-flow-more{
  margin-left:60px;
  color:rgba(124,196,255,.86);
  font-style:italic;
  font-weight:700;
}
.s5-flow-bridge{
  margin:0 0 2px 26px;
}
.s5-then-row{
  display:grid;
  grid-template-columns:64px minmax(220px,1fr) 130px 92px auto;
  align-items:center;
  gap:8px;
}
.s5-then-row .s5-flow-field.value{
  justify-content:center;
}
.s5-then-row .s5-flow-state{
  margin-left:0;
  justify-self:end;
}
.s5-rule-remove{
  color:rgba(255,255,255,.62);
  font-size:14px;
  font-weight:700;
  text-align:center;
}
.s5-pill.and{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
}
.s5-table{
  border:1px solid rgba(255,255,255,.06);
  border-top:none;
  border-radius:0 0 10px 10px;
  overflow:hidden;
  background:linear-gradient(180deg, #1b2129 0%, #171d25 100%);
}
.s5-modal__body > .s5-flow{
  display:none !important;
}
.s5-modal__body .s5-table{
  border-top:1px solid rgba(255,255,255,.06);
  border-radius:0 0 10px 10px;
}
.s5-head,.s5-total-row,.s5-row{
  display:grid;
  grid-template-columns:.35fr 1.15fr 1fr 1.2fr 1.15fr 1.02fr .86fr 1.12fr .95fr .72fr .50fr;
  align-items:center;
  column-gap:10px;
  min-height:56px;
  padding:8px 12px;
}
.s5-head{
  background:rgba(255,255,255,.02);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:rgba(255,255,255,.56);
  font-weight:700;
}
.s5-total-row{
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:12px;
  color:rgba(255,255,255,.86);
  font-weight:700;
}
.s5-row{
  border-bottom:1px solid rgba(255,255,255,.05);
  font-size:12px;
  line-height:1.25;
  color:rgba(255,255,255,.82);
}
.s5-change{
  color:inherit;
  font-weight:inherit;
}
.s5-row > :nth-child(9){
  color:rgba(124,196,255,.92);
  font-weight:600;
}
.s5-row:last-child{border-bottom:none;}
.s5-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.14);}
.s5-state-toggle{
  width:34px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);position:relative;
}
.s5-state-toggle::after{
  content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.7);
  transition:left .18s ease, background .18s ease;
}
.s5-state-toggle.on{background:linear-gradient(135deg,#6c4cff,#5a42e2);}
.s5-state-toggle.on::after{left:18px;background:#fff;}
.s5-actions{display:flex;gap:10px;color:#2aa2ff;}
.s5-actions i{font-size:16px;line-height:1;}
.s5-actions i:nth-child(1){color:#2aa2ff;}
.s5-actions i:nth-child(2){color:rgba(201,210,230,.72);}
.s5-actions i:nth-child(3){color:#ff6c4b;}
.s5-row.rule-pulse{
  animation:s5RulePulse 1.9s ease;
}

.slide-5 .a5-tabs{
  display:flex;
  gap:6px;
  margin-bottom:10px;
}
.slide-5 .a5-tab{
  height:34px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  padding:0 12px;
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.02);
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  white-space:nowrap;
  cursor:pointer;
  transition:.25s cubic-bezier(.16,1,.3,1);
  user-select:none;
}
.slide-5 .a5-tab:hover{
  border-color:rgba(108,76,255,.24);
  background:rgba(255,255,255,.05);
}
.slide-5 .a5-tab.is-active{
  background:linear-gradient(135deg, rgba(108,76,255,.68), rgba(108,76,255,.34));
  border-color:rgba(108,76,255,.34);
  box-shadow:0 0 14px rgba(108,76,255,.16);
  color:#fff;
}
.slide-5 .a5-toolbar{
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px 10px 0 0;
  padding:9px 10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:0;
  background:linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.005));
}
.slide-5 .a5-toolbar-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1 1 auto;
}
.slide-5 .a5-account{
  min-width:240px;
  flex:.85 1 0;
  border:1px solid rgba(255,255,255,.05);
  border-radius:8px;
  height:42px;
  padding:0 12px;
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.56);
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  background:rgba(255,255,255,.015);
}
.slide-5 .a5-filter{
  height:38px;
  min-width:220px;
  flex:1 1 0;
  border:1px solid rgba(255,255,255,.06);
  border-radius:6px;
  background:rgba(255,255,255,.015);
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  overflow:hidden;
}
.slide-5 .a5-filter-label{
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:11px;
  font-weight:600;
  color:rgba(255,255,255,.88);
  border-right:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  white-space:nowrap;
}
.slide-5 .a5-filter-value{
  display:flex;
  align-items:center;
  padding:0 12px;
  font-size:11px;
  font-weight:500;
  color:rgba(255,255,255,.46);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.slide-5 .a5-toolbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  color:rgba(255,255,255,.84);
  font-size:11px;
  font-weight:600;
}
.slide-5 .a5-suggestions-link{
  height:38px;
  padding:0 15px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.015);
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.92);
  font-size:12px;
  font-weight:700;
  position:relative;
}
.slide-5 .a5-suggestions-link i{
  font-size:14px;
  opacity:.9;
}
.slide-5 .a5-toolbar-right b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  padding:1px 6px;
  margin-left:5px;
  border-radius:6px;
  background:#ff6c4b;
  color:#fff;
  font-size:11px;
  line-height:1.2;
}
.slide-5 .a5-suggestions-link{
  overflow:visible;
  padding-right:18px;
}
.slide-5 .a5-suggestions-link b{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 4px;
  margin-left:0;
  border-radius:999px;
  background:#39a6ea;
  border:1px solid rgba(142,216,255,.55);
  box-shadow:0 4px 10px rgba(57,166,234,.24);
  font-size:9px;
  font-weight:700;
  animation:suggestionsIdlePulse 3.4s ease-in-out infinite;
}

@keyframes suggestionsGlowIn{
  0%{ box-shadow:0 0 0 rgba(57,166,234,0); transform:translateY(0) scale(1); }
  35%{ box-shadow:0 0 26px rgba(57,166,234,.34); transform:translateY(-1px) scale(1.015); }
  100%{ box-shadow:0 0 0 rgba(57,166,234,0); transform:translateY(0) scale(1); }
}
@keyframes suggestionsIdlePulse{
  0%{ box-shadow:0 0 0 0 rgba(57,166,234,.0); }
  50%{ box-shadow:0 0 0 6px rgba(57,166,234,.14); }
  100%{ box-shadow:0 0 0 0 rgba(57,166,234,.0); }
}
@keyframes suggestionsBadgePop{
  0%{ transform:scale(1); }
  40%{ transform:scale(1.14); }
  100%{ transform:scale(1); }
}
.slide-5.active .a5-suggestions-link,
.s5-modal.is-open .s5-link--suggestions{
  animation:suggestionsGlowIn 1.35s ease-out 1;
}
.slide-5.active .a5-suggestions-link b,
.s5-modal.is-open .s5-link--suggestions span{
  animation:
    suggestionsBadgePop 1.1s cubic-bezier(.16,1,.3,1) 1,
    suggestionsIdlePulse 3.4s ease-in-out 1.1s infinite;
}
.slide-5 .a5-change-log-link{
  height:38px;
  padding:0 15px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.015);
  display:flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.92);
  font-size:12px;
  font-weight:700;
}
.slide-5 .a5-change-log-link i{
  font-size:14px;
  opacity:.9;
}
.slide-5 .a5-toolbar-right button{
  border:none;
  border-radius:9px;
  height:38px;
  padding:0 16px;
  background:#5a42e2;
  color:#fff;
  font-size:12px;
  font-weight:700;
}
.slide-5 .a5-results{
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  min-height:36px;
  padding:0 12px;
  display:flex;
  align-items:center;
  color:rgba(255,255,255,.86);
  font-size:11px;
  font-weight:700;
}
.slide-5 .a5-flow{
  border-left:1px solid rgba(255,255,255,.06);
  border-right:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  padding:8px 10px;
  display:flex;
  flex-direction:column;
  gap:7px;
}
.slide-5 .a5-flow.a5-floating-popup{
  position:absolute;
  top:168px;
  right:20px;
  width:430px;
  border:1px solid rgba(108,76,255,.28);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(14,19,29,.90), rgba(10,15,24,.94));
  box-shadow:0 22px 50px rgba(0,0,0,.38), 0 0 36px rgba(108,76,255,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  z-index:12;
  padding:10px 12px;
}
.slide-5 .a5-popup-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.slide-5 .a5-popup-head #a5PopupTitle{
  font-size:12px;
  font-weight:800;
  color:#f3f6ff;
}
.slide-5 .a5-popup-tag{
  font-size:10px;
  color:rgba(255,255,255,.52);
  font-weight:700;
  text-transform:lowercase;
}
.slide-5 .a5-popup-body{display:grid;gap:6px;}
.slide-5 .a5-flow-block{display:none;}
.slide-5 .a5-flow-block.is-active{display:grid;gap:6px;}
.slide-5 .a5-flow-block.a5-flow-chain{
  position:relative;
}
.slide-5 .a5-flow-block.a5-flow-chain::before{
  content:none;
}
.slide-5 .a5-flow-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.slide-5 .a5-flow-step{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .62s ease, transform .62s ease;
}
.slide-5 .a5-flow-step.is-on{
  opacity:1;
  transform:translateY(0);
}
.slide-5 .a5-flow-step.a5-flow-more .a5-flow-field{
  color:rgba(124,196,255,.86);
  font-style:italic;
}
.slide-5 .a5-flow-row.a5-flow-more{
  margin-left:44px;
  color:rgba(124,196,255,.88);
  font-style:italic;
  font-weight:700;
  font-size:10px;
}
.slide-5 .a5-flow-bridge{
  margin:0 0 2px 20px;
  width:1px;
  height:14px;
  background:linear-gradient(180deg, rgba(140,126,255,.72), rgba(84,223,168,.74));
  box-shadow:0 0 8px rgba(108,76,255,.3);
  border-radius:1px;
  opacity:0;
  transform:scaleY(.2);
  transform-origin:top;
  transition:opacity .56s ease, transform .62s ease;
}
.slide-5 .a5-flow-bridge.is-on{
  opacity:1;
  transform:scaleY(1);
}
.slide-5 .a5-flow-then{
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .62s ease, transform .62s ease;
}
.slide-5 .a5-flow-then.is-on{
  opacity:1;
  transform:translateY(0);
}
.slide-5 .a5-pill{
  border-radius:6px;
  padding:2px 6px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.slide-5 .a5-pill.if{background:rgba(108,76,255,.18);color:#9f8dff;}
.slide-5 .a5-pill.then{background:rgba(41,207,139,.18);color:#44e2a0;}
.slide-5 .a5-flow-field{
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  padding:5px 8px;
  background:rgba(255,255,255,.02);
  color:rgba(255,255,255,.82);
  font-size:10px;
}
.slide-5 .a5-flow-field.value{min-width:48px;text-align:center;}
.slide-5 .a5-flow-field.budget{
  min-width:68px;
  border-color:rgba(108,76,255,.28);
}
.slide-5 .a5-flow-field.action{border-color:rgba(240,179,63,.26);}
.slide-5 .a5-flow-apply{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:none;
  border-radius:7px;
  height:24px;
  padding:0 10px;
  line-height:1;
  white-space:nowrap;
  background:linear-gradient(135deg, rgba(108,76,255,.96), rgba(108,76,255,.78));
  color:#fff;
  font-size:10px;
  font-weight:800;
  box-shadow:0 0 10px rgba(108,76,255,.22);
}
.slide-5 .a5-flow-apply.is-pressed{
  transform:translateY(1px) scale(.94);
  box-shadow:0 0 6px rgba(108,76,255,.14);
}
.slide-5 .a5-flow-apply.is-flash{
  box-shadow:0 0 14px rgba(124,98,255,.40), 0 0 0 1px rgba(199,186,255,.30) inset;
}
.slide-5 .a5-flow-apply.is-flash::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  border:1px solid rgba(181,165,255,.72);
  animation:s5ApplyFlash .9s ease;
}
.slide-5 .a5-flow-state{
  margin-left:auto;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  padding:3px 8px;
  font-size:9.5px;
  font-weight:700;
  color:rgba(255,255,255,.72);
}
.slide-5 .a5-flow-state.is-triggered{
  color:#ffd48a;
  border-color:rgba(240,179,63,.44);
}
.slide-5 .a5-flow-state.is-applied{
  color:#5ff0b1;
  border-color:rgba(41,207,139,.46);
}
.slide-5 .a5-flow-field.action.is-triggered{animation:s5FlowTrigger 1.15s ease;}
.slide-5 .a5-flow-note{
  margin-top:2px;
  color:#56e9ad;
  font-size:10px;
  font-weight:700;
}
.slide-5 .a5-flow-result{
  margin-top:1px;
  color:rgba(173,223,255,.92);
  font-size:9.5px;
  font-weight:700;
}
.slide-5 .a5-criteria-title{
  color:rgba(255,255,255,.9);
  font-size:10.5px;
  font-weight:800;
  margin-bottom:2px;
}
.slide-5 .a5-rule-row{
  display:grid;
  grid-template-columns:40px minmax(96px,1fr) minmax(86px,1fr) 66px auto;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-rule-row .a5-flow-field{
  min-height:24px;
  display:flex;
  align-items:center;
}
.slide-5 .a5-rule-row .a5-flow-field.value{
  justify-content:flex-start;
  min-width:0;
}
.slide-5 .a5-flow-more{
  margin-left:44px;
  color:rgba(124,196,255,.86);
  font-style:italic;
  font-weight:700;
  font-size:10px;
}
.slide-5 .a5-flow-bridge{
  margin:0 0 2px 18px;
}
.slide-5 .a5-then-row{
  display:grid;
  grid-template-columns:48px minmax(130px,1fr) 74px 58px auto;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-then-row .a5-flow-field.value{
  justify-content:center;
}
.slide-5 .a5-then-row .a5-flow-state{
  margin-left:0;
  justify-self:end;
}
.slide-5 .a5-rule-remove{
  color:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.slide-5 .a5-pill.and{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
}
.slide-5 .a5-place-row{
  display:grid;
  grid-template-columns:40px minmax(0,1.1fr) minmax(0,.85fr) minmax(0,1fr) minmax(52px,.5fr) 18px;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-place-row .a5-flow-field{
  min-height:24px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.slide-5 .a5-place-row .a5-flow-field.value{
  justify-content:flex-start;
  min-width:0;
}
.slide-5 .a5-place-then{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) minmax(0,1.2fr) minmax(52px,.48fr) 72px;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-place-then .a5-flow-field{
  min-height:24px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.slide-5 .a5-place-then .a5-flow-field.value{
  justify-content:center;
  min-width:0;
}
.slide-5 .a5-place-then .a5-flow-state{
  grid-column:2 / -1;
  justify-self:start;
  margin-left:0;
}
.slide-5 .a5-target-row{
  display:grid;
  grid-template-columns:40px minmax(84px,1fr) minmax(86px,1fr) 70px 18px;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-target-row .a5-flow-field{
  min-height:24px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.slide-5 .a5-target-row .a5-flow-field.value{
  justify-content:center;
}
.slide-5 .a5-target-then{
  display:grid;
  grid-template-columns:48px minmax(160px,1fr) 58px auto;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-target-then .a5-flow-state{
  margin-left:0;
  justify-self:end;
}
.slide-5 .a5-search-row{
  display:grid;
  grid-template-columns:40px minmax(84px,1fr) minmax(86px,1fr) 70px 18px;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-search-row .a5-flow-field{
  min-height:24px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.slide-5 .a5-search-row .a5-flow-field.value{
  justify-content:center;
}
.slide-5 .a5-search-then{
  display:grid;
  grid-template-columns:48px minmax(150px,1fr) 58px auto;
  align-items:center;
  gap:6px;
}
.slide-5 .a5-search-then .a5-flow-state{
  margin-left:0;
  justify-self:end;
}
.slide-5 .a5-search-builder{
  display:grid;
  gap:8px;
}
.slide-5 .a5-search-headline{
  font-size:12px;
  font-weight:800;
  color:#e8edf8;
}
.slide-5 .a5-search-subline{
  font-size:10px;
  color:rgba(255,255,255,.52);
  line-height:1.35;
}
.slide-5 .a5-search-mode{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.slide-5 .a5-search-mode-label{
  font-size:10px;
  font-weight:700;
  color:rgba(255,255,255,.85);
}
.slide-5 .a5-search-mode-option{
  border:none;
  background:transparent;
  color:rgba(255,255,255,.74);
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  padding:0;
}
.slide-5 .a5-search-mode-option .dot{
  width:11px;
  height:11px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
}
.slide-5 .a5-search-mode-option.is-active .dot{
  background:#6c4cff;
  border-color:rgba(135,110,255,.95);
  box-shadow:0 0 10px rgba(108,76,255,.35);
}
.slide-5 .a5-search-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
}
.slide-5 .a5-search-left,
.slide-5 .a5-search-right{
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:rgba(255,255,255,.02);
  padding:8px;
}
.slide-5 .a5-search-textarea{
  min-height:88px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:7px;
  background:rgba(255,255,255,.015);
  padding:8px 10px;
  color:rgba(255,255,255,.86);
  font-size:10px;
  line-height:1.35;
}
.slide-5 .a5-search-add{
  margin-top:0;
  margin-left:0;
  display:inline-flex;
}
.slide-5 .a5-search-actions{
  margin-top:8px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}
.slide-5 .a5-search-right-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.slide-5 .a5-search-right-head strong{
  font-size:10px;
  color:#e8edf8;
}
.slide-5 .a5-search-right-head button{
  border:none;
  background:transparent;
  color:rgba(255,255,255,.72);
  font-size:9.5px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  gap:5px;
  cursor:pointer;
  padding:0;
}
.slide-5 .a5-search-row-item{
  display:flex;
  align-items:center;
  gap:8px;
}
.slide-5 .a5-search-table-body{
  margin-top:6px;
  display:grid;
  gap:4px;
  max-height:156px;
  overflow:auto;
}
.slide-5 .a5-search-row-item{
  min-height:28px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:6px;
  background:rgba(255,255,255,.012);
  color:rgba(255,255,255,.86);
  font-size:9.5px;
  font-weight:600;
  padding:0 8px;
}
.slide-5 .a5-search-row-main{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.slide-5 .a5-search-row-meta{
  flex:0 0 auto;
  color:rgba(124,196,255,.95);
  font-weight:700;
  white-space:nowrap;
}
.slide-5 .a5-search-row-remove{
  flex:0 0 18px;
  color:#ff6f4e;
  font-weight:800;
  text-align:center;
  line-height:1;
  cursor:pointer;
}
.a5-search-fly-chip{
  position:fixed;
  z-index:1800;
  pointer-events:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:320px;
  padding:4px 8px;
  border:1px solid rgba(108,76,255,.42);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(8,16,34,.92), rgba(13,29,52,.9));
  box-shadow:0 0 16px rgba(108,76,255,.28);
  color:rgba(233,238,255,.92);
  font-size:10px;
  font-weight:700;
  line-height:1;
  opacity:.95;
  transform:translate(0,0) scale(1);
  transition:transform .9s cubic-bezier(.2,.78,.2,1), opacity .9s ease;
}
.a5-search-fly-chip .term{
  min-width:0;
  max-width:200px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.a5-search-fly-chip .operator{
  color:rgba(124,196,255,.95);
  white-space:nowrap;
}
.slide-5 .a5-search-row-empty{
  min-height:28px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:6px;
  color:rgba(255,255,255,.44);
  font-size:9.5px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.slide-5 .a5-search-transfer{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto 1fr;
  gap:6px;
  align-items:center;
}
.slide-5 .a5-search-transfer .chip{
  border:1px solid rgba(255,108,75,.26);
  border-radius:999px;
  padding:4px 8px;
  font-size:10px;
  color:#f8b7a7;
  text-align:center;
  background:rgba(255,108,75,.08);
  transition:transform .45s ease, opacity .45s ease;
}
.slide-5 .a5-search-transfer .arrow{
  width:26px;height:26px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  color:#f0b33f;
}
.slide-5 .a5-search-transfer .target{
  border:1px dashed rgba(255,108,75,.42);
  border-radius:8px;
  padding:6px 8px;
  font-size:10px;
  color:#ffb8a7;
  text-align:center;
  background:rgba(255,108,75,.08);
}
.slide-5 .a5-search-transfer.is-transfer .chip.c1{transform:translateX(148px);opacity:.18;}
.slide-5 .a5-search-transfer.is-transfer .chip.c2{transform:translateX(140px);opacity:.18;}
.slide-5 .a5-search-transfer.is-transfer .chip.c3{transform:translateX(132px);opacity:.18;}

.slide-5 .a5-table{
  border:1px solid rgba(255,255,255,.06);
  border-top:none;
  border-radius:0 0 10px 10px;
  overflow:hidden;
}
.slide-5 .a5-row{
  display:grid;
  grid-template-columns:.35fr 1.05fr .95fr 1.1fr 1.1fr .96fr .78fr 1fr .9fr .66fr .45fr;
  align-items:center;
  column-gap:8px;
  padding:9px 10px;
  border-bottom:1px solid rgba(255,255,255,.05);
  color:rgba(255,255,255,.82);
  font-size:11.5px;
}
.slide-5 .a5-change{
  color:inherit;
  font-weight:inherit;
}
.slide-5 .a5-row:not(.a5-head):not(.a5-total) > :nth-child(9){
  color:rgba(124,196,255,.9);
  font-weight:600;
}
.slide-5 .a5-row:last-child{border-bottom:none;}
.slide-5 .a5-row.rule-pulse{
  animation:s5RulePulse 1.9s ease;
}
.slide-5 .a5-row.a5-head{
  background:rgba(255,255,255,.02);
  color:rgba(255,255,255,.58);
  font-size:10px;
  font-weight:700;
}
.slide-5 .a5-row.a5-total{
  background:rgba(255,255,255,.01);
  color:rgba(255,255,255,.86);
  font-weight:700;
}
.slide-5 .a5-check{
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.14);
}
.slide-5 .a5-toggle{
  display:inline-block;
  position:relative;
  width:30px;
  height:16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.08);
  transition:background .2s ease, border-color .2s ease;
}
.slide-5 .a5-toggle::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  transition:left .2s ease, background .2s ease;
}
.slide-5 .a5-toggle.on{
  background:linear-gradient(135deg,#6c4cff,#5a42e2);
  border-color:rgba(108,76,255,.65);
}
.slide-5 .a5-toggle.on::after{
  left:16px;
  background:#fff;
}
.slide-5 .a5-actions{
  display:flex;
  gap:8px;
  font-size:16px;
}
.slide-5 .a5-actions i:nth-child(1){color:#2aa2ff;}
.slide-5 .a5-actions i:nth-child(2){color:rgba(201,210,230,.72);}
.slide-5 .a5-actions i:nth-child(3){color:#ff6c4b;}

@keyframes s5RulePulse{
  0%{background:rgba(108,76,255,.00);}
  20%{background:rgba(108,76,255,.18);}
  100%{background:rgba(108,76,255,.00);}
}

@keyframes s5FlowTrigger{
  0%{box-shadow:0 0 0 0 rgba(240,179,63,.00);}
  20%{box-shadow:0 0 0 2px rgba(240,179,63,.45);}
  100%{box-shadow:0 0 0 0 rgba(240,179,63,.00);}
}
@keyframes s5ApplyFlash{
  0%{opacity:.95;transform:scale(1);}
  100%{opacity:0;transform:scale(1.08);}
}

/* === Slide 3 preview containment: keep chart inside dashboard card === */
html body .slide.slide-3:not(.slide-3-alt) .preview-card-main,
html body .slide.slide-3:not(.slide-3-alt) .preview-body,
html body .slide.slide-3:not(.slide-3-alt) .preview-content{
  overflow:hidden !important;
}

html body .slide.slide-3:not(.slide-3-alt) .preview-content{
  display:flex !important;
  flex-direction:column !important;
  min-height:0 !important;
}

html body .slide.slide-3:not(.slide-3-alt) .preview-content-inner{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
}

html body .slide.slide-3:not(.slide-3-alt) .crumb-row,
html body .slide.slide-3:not(.slide-3-alt) .filters-card{
  flex:0 0 auto !important;
}

html body .slide.slide-3:not(.slide-3-alt) .filters-inner{
  padding:12px 14px !important;
}

html body .slide.slide-3:not(.slide-3-alt) .field-box,
html body .slide.slide-3:not(.slide-3-alt) .apply-btn{
  height:40px !important;
}

html body .slide.slide-3:not(.slide-3-alt) .metric-tab{
  min-height:64px !important;
  padding:10px 12px 12px !important;
}

html body .slide.slide-3:not(.slide-3-alt) .chart-shell{
  flex:1 1 auto !important;
  min-height:0 !important;
  padding:10px 12px 12px !important;
  display:flex !important;
  flex-direction:column !important;
}

html body .slide.slide-3:not(.slide-3-alt) .chart-toolbar{
  flex:0 0 auto !important;
  margin-bottom:8px !important;
}

html body .slide.slide-3:not(.slide-3-alt) .chart{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:100% !important;
}

html body .slide.slide-3:not(.slide-3-alt) .products-preview > .preview-demo-badge{
  position:absolute !important;
  left:18px !important;
  right:auto !important;
  top:auto !important;
  bottom:18px !important;
  z-index:80 !important;
  pointer-events:auto !important;
}

html body .slide.slide-3:not(.slide-3-alt) .products-preview > .preview-demo-badge *{
  pointer-events:auto !important;
}

html body .slide.slide-3:not(.slide-3-alt) .products-preview .preview-card-main{
  pointer-events:auto !important;
}

/* === Slide 6 final close === */
.slide-6 .final-page{
  position:relative;
  min-height:100vh;
  padding:72px 56px 96px !important;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.slide-6 .final-page::before{
  content:"";
  position:absolute;
  inset:-18%;
  background:
    radial-gradient(circle at 50% 42%, rgba(112,86,255,.28), transparent 24%),
    radial-gradient(circle at 50% 70%, rgba(36,148,255,.14), transparent 26%),
    linear-gradient(180deg, rgba(5,8,14,.08), rgba(5,8,14,.72));
  opacity:.92;
  transform:scale(1.08);
  transition:transform 1.4s cubic-bezier(.16,1,.3,1), opacity 1.4s ease;
  pointer-events:none;
}

.slide-6.active .final-page::before{
  opacity:1;
  transform:scale(1);
}

.slide-6 .final-page::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(78vw, 920px);
  height:min(78vw, 920px);
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 90px rgba(108,76,255,.14), inset 0 0 80px rgba(255,255,255,.025);
  transform:translate(-50%,-50%) scale(.88);
  opacity:0;
  transition:opacity 1s ease .16s, transform 1.15s cubic-bezier(.16,1,.3,1) .16s;
  pointer-events:none;
}

.slide-6.active .final-page::after{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.slide-6 .final-shell{
  position:absolute;
  inset:0;
  z-index:40;
  width:100%;
  min-height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:54px;
  text-align:center;
  pointer-events:none;
}

.slide-6 .final-logo{
  position:relative;
  width:168px;
  height:auto;
  opacity:.96;
  filter:drop-shadow(0 14px 32px rgba(0,0,0,.36));
  transform:translateY(0);
}

.slide-6.active .final-logo{
  animation:finalLogoIn .9s cubic-bezier(.16,1,.3,1) both;
}

.slide-6 .final-title{
  position:relative;
  margin:0;
  padding:0 32px;
  max-width:1120px;
  font-size:clamp(52px, 7.8vw, 132px);
  line-height:.92;
  letter-spacing:0;
  font-weight:900;
  color:#fff !important;
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
  text-shadow:0 0 48px rgba(108,76,255,.34), 0 18px 70px rgba(0,0,0,.42);
}

.slide-6.active .final-title{
  animation:finalTitleIn 1.1s cubic-bezier(.16,1,.3,1) .08s both;
}

.slide-6 .final-title span{
  position:relative;
  display:inline-block;
  color:#fff !important;
}

.slide-6 .final-title span::before{
  content:"";
  position:absolute;
  inset:-18% -8%;
  z-index:-1;
  background:linear-gradient(100deg,transparent 0%,rgba(143,114,255,.26) 42%,rgba(88,184,255,.20) 58%,transparent 100%);
  filter:blur(22px);
  opacity:.84;
  animation:finalTitleLight 6.8s ease-in-out infinite;
}

.slide-6 .final-title span::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-42px;
  width:min(560px, 58vw);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);
  box-shadow:0 0 24px rgba(143,114,255,.34);
  transform:translateX(-50%) scaleX(.35);
  opacity:0;
  transition:opacity .9s ease .55s, transform 1s cubic-bezier(.16,1,.3,1) .55s;
}

.slide-6.active .final-title span::after{
  opacity:1;
  transform:translateX(-50%) scaleX(1);
}

@keyframes finalTitleLight{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

@keyframes finalLogoIn{
  0%{opacity:0;transform:translateY(16px);}
  100%{opacity:.96;transform:translateY(0);}
}

@keyframes finalTitleIn{
  0%{opacity:0;transform:translateY(28px) scale(.985);filter:blur(14px);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@media (max-width: 740px){
  .slide-6 .final-page{
    padding:82px 18px 132px !important;
  }
  .slide-6 .final-shell{
    gap:38px;
  }
  .slide-6 .final-logo{
    width:128px;
  }
  .slide-6 .final-title{
    font-size:clamp(44px, 16vw, 78px);
  }
  .slide-6 .final-title span::after{
    bottom:-28px;
    width:72vw;
  }
}