/**
 * DataAssist-IO Integrations page (dip-, self-contained). index's forced-dark
 * canvas re-skinned to the site's navy dark-band palette; scoped under .dip-page.
 */

  .dip-page{
    --dip-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --dip-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    
    --dip-ink:#f2f2f5; --dip-muted:#9d9ca8; --dip-line:#243044;
    --dip-bg:#060d1a; --dip-card:#0f172a; --dip-tint:#0a1524; --dip-panel:#060d1a;
    --dip-blue:#7aadf2; --dip-violet:#a9a1f2; --dip-cyan:#5ad4e6; --dip-green:#5cd0a4;
    --dip-data:#7aadf2; --dip-data-tint:#131c2c;
    --dip-hub:#a9a1f2;  --dip-hub-tint:#14203a;
    --dip-ai:#5cd0a4;   --dip-ai-tint:#0c2118;
    --dip-shadow:0 1px 2px rgba(0,0,0,.5);
    --dip-shadow-lift:0 14px 38px rgba(0,0,0,.55);
  }
  .dip-page{margin:0;background:var(--dip-bg);color:var(--dip-ink);font-family:var(--dip-font);line-height:1.6}
  .dip-page .dip-page{overflow-x:hidden}
  .dip-page .dip-page a{color:inherit}
  .dip-page .dip-wrap{max-width:1080px;margin:0 auto;padding:0 22px}
  @media (prefers-reduced-motion: no-preference){.dip-page{scroll-behavior:smooth}
  }

  
  .dip-page .dip-sec{padding:112px 0}
  .dip-page .dip-sec.dip-alt{background:var(--dip-tint);border-top:1px solid var(--dip-line);border-bottom:1px solid var(--dip-line)}
  .dip-page .dip-sec.dip-flag{padding:88px 0 96px}
  .dip-page .dip-sec.dip-slim{padding:76px 0}
  .dip-page .dip-kicker{display:flex;align-items:center;justify-content:center;gap:10px;
    font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dip-muted);margin:0 0 12px}
  .dip-page .dip-kicker::before, .dip-page .dip-kicker::after{content:"";width:22px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,#3B82F6,#8B5CF6)}
  .dip-page .dip-h2{font-size:clamp(28px,4.4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.12;
    text-align:center;margin:0 0 40px}
  .dip-page .dip-fineprint{text-align:center;font-size:12.5px;line-height:1.55;color:var(--dip-muted);
    max-width:640px;margin:26px auto 0}

  
  .dip-page .dip-lockup{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.02em;
    text-decoration:none;background:linear-gradient(90deg,#3B82F6,#8B5CF6,#06B6D4);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .dip-page .dip-lockup svg{display:block;flex-shrink:0}

  
  .dip-page .dip-hero{position:relative;background:var(--dip-bg);color:#ecebf3;overflow:hidden;
    padding:26px 0 72px;isolation:isolate}
  .dip-page .dip-hero::before, .dip-page .dip-hero::after{content:"";position:absolute;border-radius:50%;
    filter:blur(110px);z-index:-1;pointer-events:none}
  .dip-page .dip-hero::before{width:560px;height:560px;left:-140px;top:-180px;
    background:radial-gradient(circle,rgba(59,130,246,.22),transparent 70%)}
  .dip-page .dip-hero::after{width:640px;height:640px;right:-180px;top:180px;
    background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%)}

  
  .dip-page .dip-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;
    flex-wrap:wrap;margin-bottom:58px}
  .dip-page .dip-topbar .dip-lockup{font-size:18px}
  .dip-page .dip-nav{display:flex;align-items:center;gap:4px;row-gap:8px;flex-wrap:wrap;justify-content:flex-end}
  .dip-page .dip-nav a{font-size:13.5px;font-weight:600;color:rgba(236,235,243,.72);text-decoration:none;
    padding:8px 12px;border-radius:9px;transition:color .15s,background .15s,filter .15s}
  .dip-page .dip-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
  .dip-page .dip-nav .sep{width:1px;height:18px;background:rgba(255,255,255,.14);margin:0 8px;flex-shrink:0}
  .dip-page .dip-nav a.dip-nav-login{color:rgba(236,235,243,.58)}
  .dip-page .dip-nav a.dip-nav-login:hover{color:#fff;background:none;text-decoration:underline}
  .dip-page .dip-nav a.dip-nav-start{color:#fff;font-weight:700;border-radius:999px;padding:9px 18px;margin-left:6px;
    background:linear-gradient(120deg,#3B82F6,#8B5CF6 55%,#06B6D4);box-shadow:0 6px 20px rgba(89,91,246,.38)}
  .dip-page .dip-nav a.dip-nav-start:hover{filter:brightness(1.08);
    background:linear-gradient(120deg,#3B82F6,#8B5CF6 55%,#06B6D4)}
  .dip-page .dip-nav a.dip-active{color:#fff;position:relative}
  .dip-page .dip-nav a.dip-active::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;
    border-radius:2px;background:linear-gradient(90deg,#3B82F6,#06B6D4)}

  
  .dip-page .dip-hero-copy{text-align:center;max-width:880px;margin:0 auto}
  .dip-page .dip-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;color:rgba(236,235,243,.75);
    border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);
    border-radius:999px;padding:7px 16px;margin:0 0 24px}
  .dip-page .dip-eyebrow .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#3B82F6,#06B6D4)}
  .dip-page .dip-hv-h1{font-size:clamp(38px,6.6vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1.04;margin:0 0 20px}
  .dip-page .dip-grad{background:linear-gradient(90deg,#3B82F6,#8B5CF6,#06B6D4);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .dip-page .dip-hv-sub{font-size:clamp(16px,2vw,18.5px);line-height:1.6;color:rgba(236,235,243,.78);
    max-width:640px;margin:0 auto 30px}
  .dip-page .dip-hv-sub b{color:#fff;font-weight:650}
  .dip-page .dip-ctas{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:0 0 14px}
  .dip-page .dip-btn{display:inline-block;border-radius:999px;text-decoration:none;font-weight:700;
    font-size:16.5px;padding:15px 30px;transition:transform .15s,filter .15s,background .15s}
  .dip-page .dip-btn-primary{color:#fff;background:linear-gradient(120deg,#3B82F6,#8B5CF6 55%,#06B6D4);
    box-shadow:0 8px 28px rgba(89,91,246,.4)}
  .dip-page .dip-btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}
  .dip-page .dip-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.03)}
  .dip-page .dip-btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
  .dip-page .dip-micro{font-size:13px;color:rgba(236,235,243,.62);margin:0}
  .dip-page .dip-micro b{color:rgba(236,235,243,.9);font-weight:650}

  
  @media (prefers-reduced-motion: no-preference){
    @keyframes dipRise{
      from{opacity:0;filter:blur(10px);transform:translateY(18px)}
      to{opacity:1;filter:blur(0);transform:none}
    }.dip-page .dip-rise{animation:dipRise .9s cubic-bezier(.2,.7,.3,1) both}.dip-page .dip-rise.d1{animation-delay:.08s}.dip-page .dip-rise.d3{animation-delay:.34s}.dip-page .dip-rise.d4{animation-delay:.46s}
  }

  
  
  .dip-page .dip-orbsec{padding:8px 0 40px}
  .dip-page .dip-dk-wrap, .dip-awi-wrap{ --dip-dk-ink:#ecebf3; --dip-dk-muted:#a6a4b2; --dip-dk-line:#474858; --dip-dk-panel:#0f172a; --dip-dk-chipbg:#1e293b; --dip-dk-portline:#5a5c6b; --dip-dk-data:#7aadf2; --dip-dk-data-tint:#16233a; --dip-dk-hub:#a9a1f2; --dip-dk-hub-tint:#1f1d31; --dip-dk-ai:#5cd0a4; --dip-dk-ai-tint:#0e3128; --dip-dk-font:var(--dip-font); }

  .dip-page .dip-dk-wrap{max-width:880px;margin:0 auto;padding:8px 16px 4px;font-family:var(--dip-dk-font)}
  .dip-page .dip-dk-wrap svg{display:block;width:100%;height:auto}
  .dip-page .dip-dk-card{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
  .dip-page .dip-dk-brand{font-size:14px;font-weight:800;letter-spacing:-0.02em}
  .dip-page .dip-dk-lane{font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;fill:var(--dip-dk-muted)}
  .dip-page .dip-dk-tname{font-size:10.5px;font-weight:600;fill:var(--dip-dk-ink)}
  .dip-page .dip-dk-fact{font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  .dip-page .dip-dk-bubble{font-size:10.5px;font-weight:500;fill:var(--dip-dk-ink)}
  .dip-page .dip-dk-ans{font-size:10.5px;font-weight:600;fill:var(--dip-dk-ai)}
  .dip-page .dip-dk-sub{font-size:9.5px;fill:var(--dip-dk-muted)}
  .dip-page .dip-dk-icon{fill:none;stroke:var(--dip-dk-ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
  .dip-page .dip-dk-fadeStop{stop-color:var(--dip-dk-panel)}
  .dip-page .dip-dk-fadeStop0{stop-color:var(--dip-dk-panel);stop-opacity:0}
  
  .dip-page .dip-dk-ledg{opacity:1}
  .dip-page .dip-dk-dockchip{opacity:1}
  .dip-page .dip-dk-dockbar{transform-box:fill-box;transform-origin:left center}
  .dip-page .dip-dk-tilering{opacity:.9}
  .dip-page .dip-dk-mdot{opacity:0}
  .dip-page .dip-dk-restdot{opacity:1}
  .dip-page .dip-dk-cableflow{fill:none;stroke:#ffffff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:1.5 11;opacity:0}
  .dip-page .dip-dk-livehalo{opacity:0}
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dipDkBelt{
      0%,7.7778%{transform:translateY(0)}
      11.1111%,18.8889%{transform:translateY(-46px)}
      22.2222%,30%{transform:translateY(-92px)}
      33.3333%,41.1111%{transform:translateY(-138px)}
      44.4444%,52.2222%{transform:translateY(-184px)}
      55.5556%,63.3333%{transform:translateY(-230px)}
      66.6667%,74.4444%{transform:translateY(-276px)}
      77.7778%,85.5556%{transform:translateY(-322px)}
      88.8889%,96.6667%{transform:translateY(-368px)}
      100%{transform:translateY(-414px)}
    }.dip-page .dip-dk-belt{animation:dipDkBelt 27s cubic-bezier(.3,.8,.3,1) infinite}
    
    @keyframes dipDkBar{0%,6%{transform:scaleX(0)}13%,60%{transform:scaleX(1)}68%,100%{transform:scaleX(0)}}.dip-page .dip-dk-dockbar{animation:dipDkBar 3s ease-in-out infinite}
    @keyframes dipDkLedG{0%,8%{opacity:0}14%,62%{opacity:1}70%,100%{opacity:0}}.dip-page .dip-dk-ledg{animation:dipDkLedG 3s ease-in-out infinite}
    @keyframes dipDkChip{0%,10%{opacity:0;transform:translateY(2px)}16%,60%{opacity:1;transform:translateY(0)}68%,100%{opacity:0;transform:translateY(0)}}.dip-page .dip-dk-dockchip{transform-box:fill-box;transform-origin:center;animation:dipDkChip 3s ease-in-out infinite}
    @keyframes dipDkRing{0%,8%{opacity:0}14%,60%{opacity:.9}68%,100%{opacity:0}}.dip-page .dip-dk-tilering{animation:dipDkRing 3s ease-in-out infinite}
    
    @keyframes dipDkChk{0%,78%{transform:scale(1)}84%{transform:scale(1.35)}90%,100%{transform:scale(1)}}.dip-page .dip-dk-chk{transform-box:fill-box;transform-origin:center;animation:dipDkChk 3s ease-in-out infinite}
    
    @keyframes dipDkCableFlow{from{stroke-dashoffset:0}to{stroke-dashoffset:-125}}.dip-page .dip-dk-cableflow{opacity:.55;animation:dipDkCableFlow 5s linear infinite}
    @keyframes dipDkGlow{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.04);opacity:.7}}.dip-page .dip-dk-glowring{transform-box:fill-box;transform-origin:center;animation:dipDkGlow 3s ease-in-out infinite}
    @keyframes dipDkLive{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.dip-page .dip-dk-livedot{transform-box:fill-box;transform-origin:center;animation:dipDkLive 2.4s ease-in-out infinite}
    @keyframes dipDkLiveHalo{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(2.4);opacity:0}}.dip-page .dip-dk-livehalo{transform-box:fill-box;transform-origin:center;animation:dipDkLiveHalo 2.4s ease-out infinite}
    @supports (offset-path: path("M0 0 L10 10")){
      
      @keyframes dipDkFeed{
        0%,18%{offset-distance:0%;opacity:0}
        22%{opacity:1}
        76%{opacity:1}
        80%{offset-distance:100%;opacity:0}
        100%{offset-distance:100%;opacity:0}
      }
      .dip-dk-mdot{offset-rotate:0deg;offset-path:path("M344 190 C 430 192 490 205 540 216 L 558 220 C 592 205 606 205 636 220");animation:dipDkFeed 3s ease-in-out infinite}
      .dip-dk-restdot{opacity:0}
    }
  }

  .dip-page .dip-tkband{position:relative}
  .dip-page .dip-tk-fig{margin:0;max-width:none}
  .dip-page .dip-tk-panel{position:relative;background:var(--dip-panel);
    border-top:1px solid var(--dip-line);border-bottom:1px solid var(--dip-line);
    padding:24px 0 22px;overflow:hidden}
  .dip-page .dip-tk-head{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--dip-muted);text-align:center;margin:0 16px 13px}
  .dip-page .dip-tk-row{position:relative;overflow:hidden;padding:5px 0}
  .dip-page .dip-tk-track{display:flex;gap:0;flex-wrap:wrap;justify-content:center;width:auto;margin:0 18px}
  .dip-page .dip-tk-set{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding-right:12px}
  .dip-page .dip-tk-set[aria-hidden]{display:none}
  .dip-page .dip-tk-chip{flex:none;display:inline-flex;align-items:center;gap:7px;
    background:var(--dip-card);border:1px solid var(--dip-line);border-radius:999px;
    padding:7px 14px;font-size:13px;font-weight:600;color:var(--dip-ink);white-space:nowrap}
  .dip-page .dip-tk-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dip-data)}
  .dip-page .dip-tk-r2 .dip-tk-chip::before{background:var(--dip-green)}
  .dip-page .dip-tk-r3 .dip-tk-chip::before{background:var(--dip-violet)}
  .dip-page .dip-tk-tag{display:block;text-align:center;font-size:9.5px;font-weight:700;letter-spacing:.09em;
    text-transform:uppercase;color:var(--dip-muted);margin:10px 16px 2px;opacity:.85}
  .dip-page .dip-tk-panel::before, .dip-page .dip-tk-panel::after{content:"";position:absolute;top:0;bottom:0;width:84px;z-index:2;pointer-events:none}
  .dip-page .dip-tk-panel::before{left:0;background:linear-gradient(90deg,var(--dip-panel),transparent)}
  .dip-page .dip-tk-panel::after{right:0;background:linear-gradient(270deg,var(--dip-panel),transparent)}
  @media (prefers-reduced-motion: no-preference){.dip-page .dip-tk-track{flex-wrap:nowrap;justify-content:flex-start;width:max-content;margin:0}.dip-page .dip-tk-set{flex-wrap:nowrap;justify-content:flex-start}.dip-page .dip-tk-set[aria-hidden]{display:flex}.dip-page .dip-tk-r1 .dip-tk-track{animation:dipTkScroll 34s linear infinite}.dip-page .dip-tk-r2 .dip-tk-track{animation:dipTkScroll 41s linear infinite reverse}.dip-page .dip-tk-r3 .dip-tk-track{animation:dipTkScroll 37s linear infinite}.dip-page .dip-tk-row:hover .dip-tk-track{animation-play-state:paused}
    @keyframes dipTkScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  }

  
  .dip-page{
    --dip-awi-line:#2f3d54;
    --dip-awi-data:#7aadf2;  --dip-awi-data-tint:#172234;
    --dip-awi-store:#5ad4e6; --dip-awi-store-tint:#0d2b31;
    --dip-awi-live:#a9a1f2;  --dip-awi-live-tint:#201e33;
    --dip-awi-hub:#a9a1f2;   --dip-awi-hub-tint:#1f1d31;
    --dip-awi-ai:#5cd0a4;    --dip-awi-ai-tint:#0e3128;
    --dip-awi-panel:#060d1a;
    --dip-awi-chipbg:#131f38;
  }
  .dip-page .dip-tk-bridge{display:flex;justify-content:center;margin:2px 16px}
  .dip-page .dip-tk-bridge svg{display:block;width:340px;max-width:90%;height:auto}
  .dip-page .dip-tkb-card{fill:#131f38;stroke:#2f3d54;stroke-width:1.25}
  .dip-page .dip-tkb-brand{font-family:var(--dip-font);font-size:13px;font-weight:800;letter-spacing:-.02em}
  .dip-page .dip-tkb-sub{font-family:var(--dip-font);font-size:9.5px;font-weight:600;fill:#9d9ca8}
  .dip-page .dip-tkb-arrow{stroke:#2f3d54;stroke-width:1.5;fill:none}
  .dip-page .dip-tkb-dot{opacity:0}
  @media (prefers-reduced-motion: no-preference){
    @keyframes dipTkbIn{0%{opacity:0;transform:translateY(0)}12%{opacity:1}38%{opacity:1;transform:translateY(13px)}46%,100%{opacity:0;transform:translateY(13px)}}
    @keyframes dipTkbOut{0%,50%{opacity:0;transform:translateY(0)}60%{opacity:1}88%{opacity:1;transform:translateY(13px)}96%,100%{opacity:0;transform:translateY(13px)}}.dip-page .dip-tkb-dot.in{animation:dipTkbIn 3.2s ease-in-out infinite}.dip-page .dip-tkb-dot.out{animation:dipTkbOut 3.2s ease-in-out infinite}
  }

  .dip-page .dip-awi-wrap{margin:0 auto}
  .dip-page .dip-awi-wrap svg{display:block;width:100%;height:auto}
  .dip-page .dip-awi-card{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
  .dip-page .dip-awi-card rect.box{transition:filter .2s ease}
  .dip-page .dip-awi-card:hover rect.box{filter:brightness(1.06)}
  .dip-page .dip-awi-halo{filter:blur(14px);opacity:.22}
  .dip-page .dip-awi-brand{font-family:var(--dip-font);font-size:14.5px;font-weight:800;letter-spacing:-0.02em}
  .dip-page .dip-awi-glabel{font-family:var(--dip-font);font-size:11px;font-weight:700;fill:var(--dip-ink)}
  .dip-page .dip-awi-lane{font-family:var(--dip-font);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dip-muted)}
  .dip-page .dip-awi-ilabel{font-family:var(--dip-font);font-size:9.5px;font-weight:500;fill:var(--dip-ink)}
  .dip-page .dip-awi-fact{font-family:var(--dip-font);font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  .dip-page .dip-awi-bubble{font-family:var(--dip-font);font-size:10.5px;font-weight:500;fill:var(--dip-ink)}
  .dip-page .dip-awi-ans{font-family:var(--dip-font);font-size:10.5px;font-weight:600;fill:var(--dip-awi-ai)}
  .dip-page .dip-awi-sub{font-family:var(--dip-font);font-size:9.5px;fill:var(--dip-muted)}
  .dip-page .dip-awi-icon{fill:none;stroke:var(--dip-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  .dip-page .dip-awi-conn{fill:none;stroke:var(--dip-awi-line);stroke-width:1.2;stroke-linecap:round}
  .dip-page .dip-awi-conng{fill:none;stroke:url(#dipAwiWordGrad);stroke-width:1.7;stroke-linecap:round;opacity:.85}
  .dip-page .dip-awi-pulse, .dip-page .dip-awi-pop, .dip-page .dip-awi-tbl{opacity:0}
  @media (prefers-reduced-motion: no-preference){
    @supports (offset-path: path("M0 0 L10 10")){
      
      @keyframes dipAwiTravel{
        0%{offset-distance:0%;opacity:0}
        2%{opacity:1}
        11%{opacity:1}
        13%{offset-distance:100%;opacity:0}
        100%{offset-distance:100%;opacity:0}
      }
      .dip-awi-pulse{offset-rotate:0deg;animation:dipAwiTravel 12s ease-in-out infinite}
      .dip-awi-pu1 {offset-path:path("M238 104 C310 104 330 182 392 182")}
      .dip-awi-pu2o{offset-path:path("M392 208 C330 208 306 228 238 228");animation-delay:2.4s}
      .dip-awi-pu2b{offset-path:path("M238 236 C306 236 330 216 392 216");animation-delay:3.6s}
      .dip-awi-pu3o{offset-path:path("M392 240 C330 240 300 352 238 352");animation-delay:5s}
      .dip-awi-pu3b{offset-path:path("M238 360 C300 360 330 248 392 248");animation-delay:6.2s}
      .dip-awi-pu4q{offset-path:path("M866 226 C842 226 834 212 816 212");animation-delay:7.8s}
      .dip-awi-pu5a{offset-path:path("M816 200 C834 200 842 188 866 188");animation-delay:9.2s}
      @keyframes dipAwiPop{
        0%,12%{opacity:0;transform:scale(1)}
        14%{opacity:.55;transform:scale(1)}
        26%{opacity:0;transform:scale(1.7)}
        100%{opacity:0;transform:scale(1.7)}
      }
      .dip-awi-pop{transform-box:fill-box;transform-origin:center;animation:dipAwiPop 12s ease-out infinite}
      .dip-awi-po2{animation-delay:3.6s}
      .dip-awi-po3{animation-delay:6.2s}
      .dip-awi-po5{animation-delay:9.2s}
      
      @keyframes dipAwiTbl{
        0%,4%{opacity:0;transform:scale(.6)}
        7%{opacity:1;transform:scale(1)}
        12%{opacity:1}
        16%{opacity:0;transform:scale(1)}
        100%{opacity:0}
      }
      .dip-awi-tbl{transform-box:fill-box;transform-origin:center;animation:dipAwiTbl 12s ease-out infinite}
    }
  }
  .dip-page .dip-awi-cap{margin:16px auto 0;max-width:620px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dip-muted)}
  .dip-page .dip-awi-cap b{color:var(--dip-ink);font-weight:650}

  
  .dip-page .dip-bn-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;align-items:stretch}
  @media (max-width:940px){.dip-page .dip-bn-grid{grid-template-columns:1fr}}
  .dip-page .dip-bn-card{position:relative;background:var(--dip-card);border:1px solid var(--dip-line);
    border-radius:18px;padding:26px 26px 24px;box-shadow:var(--dip-shadow);
    display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
  .dip-page .dip-bn-card:hover{transform:translateY(-3px);box-shadow:var(--dip-shadow-lift);border-color:#2f3d54}
  .dip-page .dip-bn-card.dip-bn-feature{border:1px solid transparent;
    background:linear-gradient(var(--dip-card),var(--dip-card)) padding-box,
      linear-gradient(135deg,rgba(122,173,242,.5),rgba(169,161,242,.38) 45%,rgba(90,212,230,.45)) border-box}
  .dip-page .dip-bn-card.dip-bn-feature:hover{border-color:transparent}
  .dip-page .dip-bn-icons{display:flex;gap:10px;margin:0 0 16px}
  .dip-page .dip-bn-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;
    justify-content:center;flex-shrink:0}
  .dip-page .dip-bn-ico svg{display:block}
  .dip-page .dip-bn-send .dip-bn-ico{color:var(--dip-blue);background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.3)}
  .dip-page .dip-bn-store .dip-bn-ico{color:var(--dip-cyan);background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.3)}
  .dip-page .dip-bn-live .dip-bn-ico{color:var(--dip-violet);background:rgba(139,92,246,.1);border:1px solid rgba(169,161,242,.32)}
  .dip-page .dip-bn-way{display:flex;align-items:baseline;gap:9px;font-size:18px;font-weight:800;
    letter-spacing:-.015em;line-height:1.25;margin:0 0 8px}
  .dip-page .dip-bn-way .n{font-size:15px;font-weight:800}
  .dip-page .dip-bn-send .dip-bn-way .n{color:var(--dip-blue)}
  .dip-page .dip-bn-store .dip-bn-way .n{color:var(--dip-cyan)}
  .dip-page .dip-bn-live .dip-bn-way .n{color:var(--dip-violet)}
  .dip-page .dip-bn-promise{font-size:14.5px;line-height:1.55;color:var(--dip-muted);margin:0 0 16px}
  .dip-page .dip-bn-promise b{color:var(--dip-ink);font-weight:650}
  .dip-page .dip-bn-chips{display:flex;flex-wrap:wrap;gap:8px}
  .dip-page .dip-bn-chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:650;
    border-radius:999px;padding:6px 13px;border:1px solid;white-space:nowrap}
  .dip-page .dip-bn-send .dip-bn-chip{color:var(--dip-blue);border-color:rgba(59,130,246,.35);background:rgba(59,130,246,.08)}
  .dip-page .dip-bn-store .dip-bn-chip{color:var(--dip-cyan);border-color:rgba(6,182,212,.35);background:rgba(6,182,212,.08)}
  .dip-page .dip-bn-live .dip-bn-chip{color:var(--dip-violet);border-color:rgba(169,161,242,.38);background:rgba(139,92,246,.1)}
  .dip-page .dip-bn-lane{margin-top:auto;padding-top:18px;font-size:10.5px;font-weight:600;
    letter-spacing:.07em;text-transform:uppercase;color:var(--dip-muted)}
  .dip-page .dip-bn-card .dip-ig{margin:20px 0 0;max-width:none}
  .dip-page .dip-bn-wide{margin-top:18px;background:var(--dip-card);border:1px solid var(--dip-line);
    border-radius:18px;padding:26px 26px 24px;box-shadow:var(--dip-shadow)}
  .dip-page .dip-bn-wide .dip-ss{margin:0 auto;max-width:720px}

  
  .dip-page .dip-ig{max-width:780px;margin:0 auto 36px}
  .dip-page .dip-ig svg{display:block;width:100%;height:auto}
  .dip-page .dip-ig-panelbg{fill:var(--dip-panel);stroke:var(--dip-line);stroke-width:1}
  .dip-page .dip-ig-card rect.box{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
  .dip-page .dip-ig-title{font-family:var(--dip-font);font-size:13px;font-weight:600;fill:var(--dip-ink)}
  .dip-page .dip-ig-brand{font-family:var(--dip-font);font-size:13px;font-weight:800;letter-spacing:-.02em}
  .dip-page .dip-ig-sub{font-family:var(--dip-font);font-size:11px;font-weight:400}
  .dip-page .dip-ig-label{font-family:var(--dip-font);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dip-muted)}
  .dip-page .dip-ig-chiptext{font-family:var(--dip-font);font-size:8px;font-weight:700;letter-spacing:.04em}
  .dip-page .dip-ig-vtext{font-family:var(--dip-font);font-size:8.5px;font-weight:700;letter-spacing:.02em}
  .dip-page .dip-ig-conn{fill:none;stroke:var(--dip-line);stroke-width:1.5;stroke-linecap:round}
  .dip-page .dip-ig-conn.in{stroke:url(#dipIgConnIn)}
  .dip-page .dip-ig-conn.out{stroke:url(#dipIgConnOut)}
  .dip-page .dip-ig-boundary{fill:none;stroke:var(--dip-hub);stroke-width:1.5;stroke-dasharray:5 6;stroke-linecap:round;opacity:.8}
  .dip-page .dip-ig-doc{fill:var(--dip-card);stroke:var(--dip-data);stroke-width:1.5;stroke-linejoin:round}
  .dip-page .dip-ig-dot{opacity:0;transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ig-pop{opacity:0;fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ig-typechip{transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ig-v2{transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ig-bolt{transform-box:fill-box;transform-origin:center}
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dipIgFile{
      0%{transform:translateX(-24px);opacity:0}
      7%{opacity:1}
      13%,86%{transform:translateX(0);opacity:1}
      93%,100%{transform:translateX(0);opacity:0}
    }
    @keyframes dipIgHop1{
      0%,10%{transform:translateX(0);opacity:0}
      13%{opacity:1}
      18%{opacity:1}
      21%,100%{transform:translateX(38px);opacity:0}
    }
    @keyframes dipIgChip{
      0%,20%{opacity:0;transform:scale(.85)}
      26%{opacity:1;transform:scale(1.06)}
      30%,100%{opacity:1;transform:scale(1)}
    }
    @keyframes dipIgSchemaLbl{
      0%,26%{opacity:0}
      34%,96%{opacity:1}
      100%{opacity:0}
    }
    @keyframes dipIgHop2{
      0%,34%{transform:translateX(0);opacity:0}
      37%{opacity:1}
      42%{opacity:1}
      45%,100%{transform:translateX(30px);opacity:0}
    }
    @keyframes dipIgCol{
      0%,44%{opacity:.16}
      50%{opacity:.42}
      58%,100%{opacity:.16}
    }
    @keyframes dipIgV2{
      0%,52%{opacity:0;transform:translateY(8px) scale(.85)}
      58%{opacity:1;transform:translateY(0) scale(1.08)}
      62%,90%{opacity:1;transform:translateY(0) scale(1)}
      97%,100%{opacity:0;transform:translateY(0) scale(1)}
    }
    @keyframes dipIgPopLock{
      0%,60%{opacity:0;transform:scale(.9)}
      66%{opacity:.5;transform:scale(1.05)}
      78%,100%{opacity:0;transform:scale(1.5)}
    }
    @keyframes dipIgGlow{
      0%,64%{opacity:.1}
      74%{opacity:.32}
      82%{opacity:.32}
      92%,100%{opacity:.1}
    }
    @keyframes dipIgBolt{
      0%,66%{transform:scale(1)}
      72%{transform:scale(1.15)}
      78%,100%{transform:scale(1)}
    }
    @keyframes dipIgPopQuery{
      0%,68%{opacity:0;transform:scale(.9)}
      74%{opacity:.5;transform:scale(1.05)}
      86%,100%{opacity:0;transform:scale(1.5)}
    }.dip-page .dip-ig-filein{animation:dipIgFile 7s ease-in-out infinite}.dip-page .dip-ig-dot.hop1{animation:dipIgHop1 7s ease-in-out infinite}.dip-page .dip-ig-typechip{animation:dipIgChip 7s ease-in-out infinite}.dip-page .dip-ig-typechip.c2{animation-delay:.2s}.dip-page .dip-ig-typechip.c3{animation-delay:.4s}.dip-page .dip-ig-schemalbl{animation:dipIgSchemaLbl 7s ease-in-out infinite}.dip-page .dip-ig-dot.hop2{animation:dipIgHop2 7s ease-in-out infinite}.dip-page .dip-ig-colbody{animation:dipIgCol 7s ease-in-out infinite}.dip-page .dip-ig-colbody.k2{animation-delay:.12s}.dip-page .dip-ig-colbody.k3{animation-delay:.24s}.dip-page .dip-ig-v2{animation:dipIgV2 7s ease-in-out infinite}.dip-page .dip-ig-pop.lock{animation:dipIgPopLock 7s ease-in-out infinite}.dip-page .dip-ig-glow{animation:dipIgGlow 7s ease-in-out infinite}.dip-page .dip-ig-bolt{animation:dipIgBolt 7s ease-in-out infinite}.dip-page .dip-ig-pop.query{animation:dipIgPopQuery 7s ease-in-out infinite}
  }

  
  .dip-page .dip-ss{max-width:780px;margin:36px auto 0}
  .dip-page .dip-ss svg{display:block;width:100%;height:auto}
  .dip-page .dip-ss-panelbg{fill:var(--dip-panel);stroke:var(--dip-line);stroke-width:1}
  .dip-page .dip-ss-card rect.box{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
  .dip-page .dip-ss-title{font-family:var(--dip-font);font-size:16px;font-weight:600;fill:var(--dip-ink)}
  .dip-page .dip-ss-brand{font-family:var(--dip-font);font-size:15px;font-weight:800;letter-spacing:-.02em}
  .dip-page .dip-ss-sub{font-family:var(--dip-font);font-size:12px;font-weight:400}
  .dip-page .dip-ss-label{font-family:var(--dip-font);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;fill:var(--dip-muted)}
  .dip-page .dip-ss-csvtag{font-family:var(--dip-font);font-size:6.5px;font-weight:700;letter-spacing:.04em;fill:var(--dip-data)}
  .dip-page .dip-ss-conn{fill:none;stroke:var(--dip-line);stroke-width:1.5;stroke-linecap:round}
  .dip-page .dip-ss-conn.in{stroke:url(#dipSsConnIn)}
  .dip-page .dip-ss-conn.out{stroke:url(#dipSsConnOut)}
  .dip-page .dip-ss-dropline{fill:none;stroke:var(--dip-line);stroke-width:1.25;stroke-dasharray:2 5;stroke-linecap:round}
  .dip-page .dip-ss-face{fill:var(--dip-card);stroke:var(--dip-line);stroke-width:1.25}
  .dip-page .dip-ss-hand{stroke:var(--dip-ink);stroke-width:1.5;stroke-linecap:round}
  .dip-page .dip-ss-ring{fill:none;stroke:url(#dipSsWordGrad);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:104;stroke-dashoffset:0}
  .dip-page .dip-ss-doc{fill:var(--dip-card);stroke:var(--dip-data);stroke-width:1.5;stroke-linejoin:round}
  .dip-page .dip-ss-row{fill:var(--dip-ai);opacity:.18}
  .dip-page .dip-ss-dot{opacity:0;transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ss-pop{opacity:0;fill:none;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
  .dip-page .dip-ss-tick{transform-box:fill-box;transform-origin:center}
  @media (prefers-reduced-motion: no-preference){
    
    @keyframes dipSsRing{
      0%{stroke-dashoffset:104;opacity:0}
      4%{opacity:1}
      38%{stroke-dashoffset:0;opacity:1}
      46%{stroke-dashoffset:0;opacity:0}
      100%{stroke-dashoffset:0;opacity:0}
    }
    @keyframes dipSsPopClock{
      0%,36%{opacity:0;transform:scale(1)}
      40%{opacity:.5;transform:scale(1.06)}
      54%,100%{opacity:0;transform:scale(1.35)}
    }
    @keyframes dipSsNewFile{
      0%,38%{opacity:1}
      46%{opacity:0}
      90%{opacity:0}
      97%,100%{opacity:1}
    }
    @keyframes dipSsDot1{
      0%,40%{transform:translateX(0);opacity:0}
      45%{opacity:1}
      53%{opacity:1}
      56%,100%{transform:translateX(62px);opacity:0}
    }
    @keyframes dipSsPopHub{
      0%,54%{opacity:0;transform:scale(.9)}
      58%{opacity:.55;transform:scale(1.05)}
      72%,100%{opacity:0;transform:scale(1.6)}
    }
    @keyframes dipSsDot2{
      0%,58%{transform:translateX(0);opacity:0}
      62%{opacity:1}
      69%{opacity:1}
      72%,100%{transform:translateX(62px);opacity:0}
    }
    @keyframes dipSsPopTable{
      0%,70%{opacity:0;transform:scale(.9)}
      74%{opacity:.55;transform:scale(1.05)}
      88%,100%{opacity:0;transform:scale(1.6)}
    }
    @keyframes dipSsRow{
      0%,72%{opacity:.18}
      77%{opacity:.5}
      84%,100%{opacity:.18}
    }
    @keyframes dipSsTick{
      0%,84%{transform:scale(1)}
      88%{transform:scale(1.18)}
      93%,100%{transform:scale(1)}
    }
    @keyframes dipSsPopFresh{
      0%,84%{opacity:0;transform:scale(.9)}
      88%{opacity:.55;transform:scale(1.05)}
      100%{opacity:0;transform:scale(1.6)}
    }.dip-page .dip-ss-ring{animation:dipSsRing 5s ease-in-out infinite}.dip-page .dip-ss-pop.clock{animation:dipSsPopClock 5s ease-in-out infinite}.dip-page .dip-ss-newfile{animation:dipSsNewFile 5s ease-in-out infinite}.dip-page .dip-ss-dot.hop1{animation:dipSsDot1 5s ease-in-out infinite}.dip-page .dip-ss-pop.hub{animation:dipSsPopHub 5s ease-in-out infinite}.dip-page .dip-ss-dot.hop2{animation:dipSsDot2 5s ease-in-out infinite}.dip-page .dip-ss-pop.table{animation:dipSsPopTable 5s ease-in-out infinite}.dip-page .dip-ss-row{animation:dipSsRow 5s ease-in-out infinite}.dip-page .dip-ss-row.r2{animation-delay:.12s}.dip-page .dip-ss-row.r3{animation-delay:.24s}.dip-page .dip-ss-row.r4{animation-delay:.36s}.dip-page .dip-ss-tick{animation:dipSsTick 5s ease-in-out infinite}.dip-page .dip-ss-pop.fresh{animation:dipSsPopFresh 5s ease-in-out infinite}
  }
  .dip-page .dip-ss-cap{margin:14px auto 0;max-width:560px;text-align:center;font-size:13.5px;line-height:1.5;color:var(--dip-muted)}
  .dip-page .dip-ss-cap b{color:var(--dip-ink);font-weight:650}

  
  .dip-page .dip-clients{text-align:center}
  .dip-page .dip-clients .lbl{display:block;font-size:10.5px;font-weight:800;letter-spacing:.14em;
    text-transform:uppercase;color:var(--dip-muted);margin-bottom:14px}
  .dip-page .dip-cpills{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
  .dip-page .dip-cpill{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:650;
    color:var(--dip-ink);border:1px solid var(--dip-line);background:var(--dip-card);
    border-radius:999px;padding:9px 19px;box-shadow:var(--dip-shadow)}
  .dip-page .dip-cpill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,#3B82F6,#06B6D4)}
  .dip-page .dip-cnote{font-size:13.5px;color:var(--dip-muted);max-width:560px;margin:16px auto 0}
  .dip-page .dip-cnote code{font-family:var(--dip-mono);font-size:12.5px;color:var(--dip-blue);
    background:var(--dip-tint);border:1px solid var(--dip-line);
    border-radius:6px;padding:2px 8px;word-break:break-all}
  .dip-page .dip-cnote a{color:var(--dip-blue);font-weight:700;text-decoration:none}
  .dip-page .dip-cnote a:hover{text-decoration:underline}

  
  .dip-page .dip-final{position:relative;background:var(--dip-bg);color:#ecebf3;text-align:center;
    padding:104px 22px 92px;overflow:hidden;isolation:isolate}
  .dip-page .dip-final::before, .dip-page .dip-final::after{content:"";position:absolute;border-radius:50%;
    filter:blur(100px);z-index:-1;pointer-events:none}
  .dip-page .dip-final::before{width:520px;height:520px;left:-160px;bottom:-260px;
    background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%)}
  .dip-page .dip-final::after{width:520px;height:520px;right:-160px;top:-260px;
    background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%)}
  .dip-page .dip-final .dip-lockup{font-size:19px;margin-bottom:22px}
  .dip-page .dip-final h2{font-size:clamp(26px,4.4vw,40px);font-weight:800;letter-spacing:-.025em;
    line-height:1.15;margin:0 0 12px}
  .dip-page .dip-final p{color:rgba(236,235,243,.75);font-size:16px;max-width:520px;margin:0 auto 28px}
  .dip-page .dip-final .dip-micro{margin:16px auto 0}
  .dip-page .dip-final .also{margin-top:26px;font-size:13.5px}
  .dip-page .dip-final .also a{color:rgba(236,235,243,.75);font-weight:600}
  .dip-page .dip-final .also a:hover{color:#fff}

  
  .dip-page .dip-sitefoot{background:var(--dip-bg);color:rgba(236,235,243,.6);padding:54px 0 0;font-size:13.5px;
    border-top:1px solid var(--dip-line)}
  .dip-page .dip-sitefoot .dip-lockup{font-size:17px}
  .dip-page .dip-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.15fr;gap:36px 28px;padding-bottom:42px}
  @media (max-width:860px){.dip-page .dip-foot-grid{grid-template-columns:1fr 1fr}}
  @media (max-width:520px){.dip-page .dip-foot-grid{grid-template-columns:1fr}}
  .dip-page .dip-foot-brand p{color:rgba(236,235,243,.55);font-size:13.5px;line-height:1.6;
    margin:12px 0 0;max-width:250px}
  .dip-page .dip-foot-col h4{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(236,235,243,.42);margin:4px 0 12px}
  .dip-page .dip-foot-col a{display:block;color:rgba(236,235,243,.7);font-size:13.5px;font-weight:500;
    text-decoration:none;padding:5px 0;transition:color .15s}
  .dip-page .dip-foot-col a:hover{color:#fff;text-decoration:underline}
  .dip-page .dip-foot-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;
    flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);padding:18px 0 24px;
    font-size:12.5px;color:rgba(236,235,243,.48)}


/* ===== Elementor container neutralizer (dip- CSS owns all spacing) ===== */
.dip-page.e-con,.dip-page .e-con,.dip-page .e-con-inner{
  --padding-block-start:0;--padding-block-end:0;--padding-inline-start:0;--padding-inline-end:0;
  --margin-block-start:0;--margin-block-end:0;--margin-inline-start:0;--margin-inline-end:0;
  --gap:0px;--row-gap:0px;--column-gap:0px;
}
.dip-page .elementor-widget-container{margin:0}
.dip-page .elementor-widget:not(:last-child){margin-block-end:0}
/* the section containers must fill width + flow as blocks */
.dip-page .dip-sec,.dip-page .dip-hero,.dip-page .dip-tkband,.dip-page .dip-final{width:100%;display:block}

/* headings inherit the light dip text (Blocksy sets a dark default heading color) */
.dip-page h1,.dip-page h2,.dip-page h3,.dip-page h4,.dip-page h5,.dip-page h6{color:inherit}

/* Enlarge the all-ways ("Send us your data → dock → hub → AI") figure a bit:
   the SVG scales to its container, so a wider wrap grows fonts + blocks + the
   whole animation uniformly. Scoped to the flagship (.dip-flag) section only. */
.dip-page .dip-flag .dip-wrap{ max-width:1260px; }

/* ============================================================
 * BLACK re-theme + two WHITE bands (added task).
 * The source ships a NAVY palette with gradient glows/text. This
 * block (a) re-points --dip-* to the site's pure-black bands and
 * neutralises the animations' navy sub-palettes, (b) removes the
 * radial glows, (c) flattens every gradient to a solid blue that
 * follows var(--dip-blue), and (d) turns the two requested
 * sections — "Three ways in / Pick your lane." (#dip-send) and
 * "On the AI side" (#dip-ai) — into near-white bands. Content +
 * animations read the --dip-* vars, so they adapt automatically.
 * (Section gaps are already 0 via the neutraliser above — the
 * sections are display:block — so no black-strip fix is needed.)
 * ========================================================== */

/* (a) palette: navy -> pure black */
.dip-page{
  --dip-ink:#ecebf3; --dip-muted:#a6a4b2; --dip-line:#26262f;
  --dip-bg:#000; --dip-card:#0e0e15; --dip-tint:#0a0a10; --dip-panel:#0c0c13;
  --dip-blue:#7aadf2; --dip-violet:#a9a1f2; --dip-cyan:#5ad4e6; --dip-green:#5cd0a4;
  --dip-data:#7aadf2; --dip-data-tint:#0f1826;
  --dip-hub:#a9a1f2;  --dip-hub-tint:#161428;
  --dip-ai:#5cd0a4;   --dip-ai-tint:#0b241d;
  /* neutralise the docking / all-ways-in animation navy surfaces */
  --dip-awi-line:#26262f; --dip-awi-data-tint:#0f1826;
  --dip-awi-panel:#0c0c13; --dip-awi-chipbg:#191922;
}
.dip-page .dip-dk-wrap, .dip-page .dip-awi-wrap{
  --dip-dk-panel:#0c0c13; --dip-dk-chipbg:#191922; --dip-dk-data-tint:#0f1826;
}

/* (b) drop the radial glows; deepest black on hero + final */
.dip-page .dip-hero::before, .dip-page .dip-hero::after,
.dip-page .dip-final::before, .dip-page .dip-final::after{ display:none !important; }
.dip-page .dip-hero, .dip-page .dip-final{ background:#050507; }

/* (c) flatten gradients -> solid blue (follows the section's var(--dip-blue)) */
.dip-page .dip-grad,
.dip-page .dip-lockup{ background:none !important;
  -webkit-text-fill-color:var(--dip-blue) !important; color:var(--dip-blue) !important; }
.dip-page .dip-kicker::before, .dip-page .dip-kicker::after,
.dip-page .dip-nav a.dip-active::after,
.dip-page .dip-eyebrow .dot{ background:var(--dip-blue) !important; }
.dip-page .dip-btn-primary,
.dip-page .dip-nav a.dip-nav-start{ background:#3b82f6 !important;
  box-shadow:0 8px 24px rgba(59,130,246,.32) !important; }

/* headings read ink on black; auto-flip dark inside the white sections */
.dip-page h1, .dip-page h2, .dip-page h3,
.dip-page h4, .dip-page h5, .dip-page h6{ color:var(--dip-ink) !important; }

/* (d) WHITE sections: Three ways in (#dip-send) + On the AI side (#dip-ai) */
.dip-page #dip-send, .dip-page #dip-ai{
  --dip-ink:#1c1b22; --dip-muted:#6b6a76; --dip-line:#e2e1ea;
  --dip-bg:#fafafa; --dip-card:#ffffff; --dip-tint:#f4f4fa; --dip-panel:#fbfbfe;
  --dip-blue:#3B82F6; --dip-violet:#8B5CF6; --dip-cyan:#06B6D4; --dip-green:#0f9e75;
  --dip-data:#2f6fd0; --dip-data-tint:#eaf1fb;
  --dip-hub:#5b53c9;  --dip-hub-tint:#f4f3fe;
  --dip-ai:#0f9e75;   --dip-ai-tint:#e2f5ee;
  --dip-shadow:0 1px 2px rgba(15,23,42,.08);
  --dip-shadow-lift:0 10px 30px rgba(15,23,42,.10);
  color:var(--dip-ink);
  border-top:1px solid #e6e8ee !important; border-bottom:1px solid #e6e8ee !important;
}
.dip-page #dip-send{ background:#f1f3f7 !important; }
.dip-page #dip-ai{ background:#ffffff !important; }
