/* Data & Insights identity: DAYLIGHT GLASS. Bright office photography, glass chart cards that float off the screen and follow the mouse,
   ombre ocean navy to royal to sky sections. Nothing is black and nothing is flat white: the deepest color is ocean navy #0a2a66.
   Colors come from the hero pictures: sky #7fb8ff, royal #0877ff, cyan #00c2ff, ocean #0a2a66. No amber, no green, no arrows on buttons. */
.di-lead,.di-views,.di-pk,.di-how,.di-cta{--ink:#0a1f4a;--ocean:#0a2a66;--deep:#0b3f9a;--royal:#0877ff;--cyan:#00c2ff;--ice:#eaf3ff;--line:rgba(10,42,102,.16)}

/* ---------- hero ---------- */
.is-di .rb-stage-inner::after{display:none}
.is-di .rb-stage img{animation:none;transform:none}
.is-di .rb-hero,.rb-hero.is-di{background:#dce6f4}
.di-stage{container-type:inline-size;position:relative}
.di-title{position:absolute;left:8.5vw;top:12%;z-index:4;width:27vw;pointer-events:none}
.di-title h1{margin:0;text-transform:uppercase;text-shadow:0 0 24px rgba(255,255,255,.8)}
.di-t1{display:block;margin-bottom:.8vw;font:700 .95vw/1.2 var(--rb-display);letter-spacing:.2em;color:#0877ff}
.di-t2{display:block;font:700 3.1vw/1.02 var(--rb-display);letter-spacing:-.04em;color:var(--ink)}
.di-t2 .hot{color:#0877ff}
.di-title .w{display:inline-block;opacity:0;transform:translateY(34px);filter:blur(8px);animation:rb-wordin .85s var(--rb-ease) forwards;animation-delay:calc(var(--i) * .07s + .2s)}
.di-cue{margin:1.4vw 0 0;font:600 1vw/1.3 var(--rb-display);color:#27467e;text-shadow:0 0 18px rgba(255,255,255,.9)}
.di-cards{position:absolute;left:0;top:0;width:1933px;height:813px;pointer-events:none;transform:scale(var(--s,.745));transform-origin:0 0}
.di-card{position:absolute;left:0;top:0;width:0;height:0;padding:0;border:0;background:none;cursor:pointer;pointer-events:none;transform:translate(var(--tx,0px),var(--ty,0px));will-change:transform}
.di-warp{position:absolute;left:0;top:0;display:block;transform-origin:0 0;pointer-events:auto;container-type:inline-size;filter:drop-shadow(0 18px 18px rgba(4,40,130,.4))}
.di-warp img{display:block;width:100%;height:100%;transition:filter .3s,transform .35s var(--rb-ease)}
.di-card:hover .di-warp img,.di-card:focus-visible .di-warp img{filter:brightness(1.18) saturate(1.1)}
.di-card:focus-visible .di-warp{outline:6px solid #fff;outline-offset:6px;border-radius:40px}
.di-n{position:absolute;display:grid;gap:0;color:#fff;text-align:left;pointer-events:none;font-family:var(--rb-display);text-shadow:0 2px 10px rgba(5,40,120,.6)}
.di-n small{font:700 4.6cqw/1 var(--rb-display);letter-spacing:.14em;text-transform:uppercase;opacity:.92}
.di-n b{font:700 15cqw/1.05 var(--rb-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.di-c-kpi .di-n{left:7%;top:17%}
.di-n-c{inset:0;place-content:center;text-align:center}.di-n-c b{font-size:15cqw;color:#fff}
.di-n-l{right:10%;top:12%}.di-n-l b{font-size:11cqw;color:#e6f4ff}
.di-n-b{right:5%;top:3%;width:25%;aspect-ratio:1;border-radius:50%;background:#0877ff;place-content:center;text-align:center;animation:di-ping 2.4s ease-out infinite}
.di-n-b b{font-size:17cqw}
@keyframes di-ping{0%{box-shadow:0 0 0 0 rgba(0,194,255,.75)}100%{box-shadow:0 0 0 70px rgba(0,194,255,0)}}
.is-di .rb-swipe{display:none}
.is-di .rb-stage{overflow:visible}
.is-di .rb-stage-inner{min-width:0;width:100%;height:auto;max-height:none;aspect-ratio:1933/813}
.di-hnote{position:absolute;z-index:6;margin:0;width:240px;padding:11px 14px;border-radius:14px;background:#fff;color:var(--ink);font-size:13px;line-height:1.35;box-shadow:0 14px 34px rgba(10,42,102,.28);opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s var(--rb-ease);pointer-events:none}
.di-hnote.is-on{opacity:1;transform:none}
.di-hnote b{display:block;margin-bottom:2px;font:700 14px var(--rb-display);color:#0877ff}

/* ---------- lead: royal ombre ---------- */
.di-lead{background:linear-gradient(135deg,#0a2a66 0%,#0b4fc0 55%,#0877ff 100%);color:#fff;padding:clamp(72px,10vw,150px) 0}
.di-lead-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,80px);align-items:end}
.di-lead-h{margin:0;font:700 clamp(2.4rem,5.6vw,5.6rem)/1 var(--rb-display);letter-spacing:-.05em}
.di-lead-p{margin:0;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.55;color:#dbeaff}

/* ---------- four views: ice with an ocean canvas ---------- */
.di-views{background:linear-gradient(180deg,#eaf3ff 0%,#d9e8fb 100%);color:var(--ink);padding:clamp(56px,8vw,110px) 0}
.di-views-top{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(24px,3vw,40px)}
.di-h2{margin:0;max-width:18ch;font:700 clamp(2rem,4.2vw,4rem)/1.02 var(--rb-display);letter-spacing:-.045em}
.di-views .rb-chip,.di-pk .rb-chip{border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.di-views .rb-chip:hover{border-color:var(--royal)}
.di-views .rb-chip[aria-pressed="true"]{background:var(--royal);border-color:var(--royal);color:#fff;box-shadow:none}
.di-canvas{position:relative;border-radius:28px;background:linear-gradient(160deg,#1550b0 0%,#0a2a66 75%);color:#fff;padding:clamp(20px,3vw,40px);box-shadow:0 34px 70px rgba(10,42,102,.3)}
.di-canvas .rb-kpi em{color:#8fe6ff}.di-canvas .rb-kpi em.is-down{color:#ffb4b4}
.di-canvas .rb-bars i{transition:height .6s var(--rb-ease),opacity .2s}
.di-canvas .rb-bars i.is-dim{opacity:.45}
.di-tip{position:absolute;z-index:3;transform:translate(-50%,-100%) translateY(4px);padding:7px 11px;border-radius:9px;background:#fff;color:var(--ink);font:700 13px var(--rb-display);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s var(--rb-ease)}
.di-tip.is-on{opacity:1;transform:translate(-50%,-100%)}
.di-fine{margin:14px 0 0;font-size:12.5px;color:#7b8fb2}
.di-canvas .di-fine{color:#a9c4ee}

/* ---------- packages: a banner picture, then a sheet that overlaps it ---------- */
.di-pk{padding:clamp(56px,8vw,110px) 0 clamp(56px,8vw,110px);position:relative}
.di-banner{margin:0;border-radius:32px;overflow:hidden;height:clamp(240px,27vw,400px);box-shadow:0 30px 70px rgba(10,42,102,.28)}
.di-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.di-sheet{position:relative;z-index:2;width:min(1180px,calc(100% - 2*clamp(16px,4vw,48px)));margin:clamp(-110px,-8vw,-64px) auto 0;border-radius:30px;padding:clamp(22px,3.4vw,48px);box-shadow:0 30px 70px rgba(10,42,102,.22)}
.di-num{display:block;margin-bottom:8px;font:700 clamp(3.4rem,6.4vw,6rem)/.85 var(--rb-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px var(--numc,#0877ff);opacity:.7}
.di-pk-name{margin:0 0 12px;font:700 clamp(2.2rem,4.4vw,4.2rem)/.98 var(--rb-display);letter-spacing:-.045em}
.di-pk-line{margin:0 0 22px;font:600 clamp(1.05rem,1.4vw,1.3rem)/1.35 var(--rb-display);letter-spacing:-.01em}
.di-inc{margin:0 0 10px;font:700 .72rem/1 var(--rb-display);letter-spacing:.18em;text-transform:uppercase;opacity:.7}
.di-list{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.di-list li{position:relative;padding-left:26px;font-size:1rem;line-height:1.45}
.di-list li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:3px;border-radius:2px;background:var(--cyan)}
.di-demo-tag{margin:0 0 16px;font:700 .72rem/1 var(--rb-display);letter-spacing:.18em;text-transform:uppercase}
.di-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.di-tiles3{grid-template-columns:repeat(3,minmax(0,1fr))}
.di-tile{padding:14px 14px 12px;border-radius:14px}
.di-tile small{display:block;font:600 .74rem/1.2 var(--rb-display);letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:6px}
.di-tile b{display:block;font:700 clamp(1.3rem,2.2vw,2rem)/1 var(--rb-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.di-tile b.is-bump{animation:di-bump .4s var(--rb-ease)}
@keyframes di-bump{0%{transform:translateY(5px);opacity:.4}100%{transform:none;opacity:1}}
.di-pk .rb-btn.is-primary{background:var(--royal);color:#fff;box-shadow:0 14px 30px rgba(8,119,255,.3)}
.di-pk .rb-btn.is-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* 01 snapshot: white sheet, ice entry pad */
.di-snap{background:#fff;color:var(--ink)}
.di-snap .di-sheet{background:#fff;border:1px solid var(--line)}
.di-snap-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:start}
.di-snap .di-pk-line{color:var(--royal)}
.di-snap .rb-chip:hover{border-color:var(--royal)}
.di-snap .rb-chip[aria-pressed="true"]{background:var(--royal);border-color:var(--royal);color:#fff;box-shadow:none}
.di-pad{background:var(--ice);border-radius:22px;padding:clamp(18px,2.4vw,30px)}
.di-pad .di-tile{background:#fff;border:1px solid var(--line)}
.di-split{height:10px;border-radius:99px;background:#9ec2f5;overflow:hidden;margin-top:4px}
.di-split i{display:block;height:100%;width:50%;background:var(--royal);transition:width .5s var(--rb-ease)}
.di-split-cap{display:flex;justify-content:space-between;margin:6px 0 18px;font-size:12px;color:#5b709a}
.di-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}
.di-amt{display:grid;gap:4px;font:600 .72rem/1 var(--rb-display);letter-spacing:.12em;text-transform:uppercase;color:#5b709a}
.di-amt input{width:120px;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font:600 1rem var(--rb-display);color:var(--ink);background:#fff}
.di-amt input:focus-visible{outline:3px solid var(--cyan);outline-offset:1px}
.di-amt input:disabled{opacity:.4}
.di-feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-height:150px;align-content:start}
.di-feed li{padding:10px 14px;border-radius:10px;background:#fff;font-size:.95rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s var(--rb-ease)}
.di-feed li.is-on{opacity:1;transform:none}

/* 02 growth: ombre ocean section, glass sheet */
.di-grow{background:linear-gradient(180deg,#0a2a66 0%,#0b4fc0 100%);color:#fff}
.di-grow .di-banner{box-shadow:0 30px 70px rgba(2,20,70,.45)}
.di-grow .di-sheet{background:linear-gradient(160deg,#1352b5 0%,#0d3f94 100%);border:1px solid rgba(255,255,255,.22)}
.di-grow .di-pk-line{color:#9fe7ff}
.di-grow-head{max-width:none;margin-bottom:clamp(24px,3vw,40px)}
.di-grow-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(24px,4vw,56px);align-items:start}
.di-chart{background:#0a2a66;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:clamp(18px,2.4vw,30px)}
.di-grow .rb-chip{border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff}
.di-grow .rb-chip:hover{border-color:#00c2ff}
.di-grow .rb-chip[aria-pressed="true"]{background:#00c2ff;border-color:#00c2ff;color:#0a2a66;box-shadow:none}
.di-svg{display:block;width:100%;height:clamp(180px,22vw,260px);margin:18px 0 8px;cursor:ns-resize}
.di-svg line{stroke:rgba(255,255,255,.14);stroke-width:1;vector-effect:non-scaling-stroke}
.di-svg line.di-th{stroke:#00c2ff;stroke-dasharray:6 6;stroke-width:2}
.di-svg path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;clip-path:inset(0 100% 0 0);opacity:0;transition:clip-path 1s var(--rb-ease),opacity .3s}
.di-svg path.is-on{clip-path:inset(0 0 0 0);opacity:1}
.di-drag{margin:0 0 10px;font:600 .72rem/1 var(--rb-display);letter-spacing:.14em;text-transform:uppercase;color:#7fd8ff}
.di-key{display:flex;flex-wrap:wrap;gap:8px 22px;min-height:28px;margin-bottom:10px;font-size:.92rem;color:#d3e4ff}
.di-key span{display:inline-flex;align-items:center;gap:8px}
.di-key i{width:10px;height:10px;border-radius:50%}
.di-key b{color:#fff;font-variant-numeric:tabular-nums}
.di-range{display:grid;gap:8px;font-size:.92rem;color:#d3e4ff}
.di-range b{color:#00c2ff}
.di-range input{width:100%;accent-color:#00c2ff}
.di-alert{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.1);color:#d3e4ff;font-size:.95rem;transition:background .3s,color .3s}
.di-alert.is-hot{background:#00c2ff;color:#0a2a66;font-weight:600}
.di-chart .di-fine{color:#9bb8e6}
.di-copy-side{padding-top:6px}
.di-grow .rb-btn.is-primary{background:#00c2ff;color:#0a2a66;box-shadow:none}
.di-grow .rb-btn.is-primary:hover{box-shadow:0 12px 30px rgba(0,194,255,.45)}

/* 03 pro: ice section, white sheet */
.di-pro{background:linear-gradient(180deg,#d9e8fb 0%,#eaf3ff 100%);color:var(--ink)}
.di-pro .di-sheet{background:#fff;border:1px solid var(--line)}
.di-pro-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;margin-bottom:clamp(24px,3vw,40px)}
.di-pro .di-pk-line{color:var(--royal)}
.di-role{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);background:var(--ice);border-radius:24px;padding:clamp(18px,2.6vw,34px)}
.di-role>.di-fine{grid-column:1/-1;margin:0}
.di-roles{display:grid;gap:8px}
.di-roleb{text-align:left;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:600 1rem var(--rb-display);cursor:pointer;transition:all .2s var(--rb-ease)}
.di-roleb:hover{border-color:var(--royal)}
.di-roleb[aria-pressed="true"]{background:var(--royal);border-color:var(--royal);color:#fff;transform:translateX(6px)}
.di-roleb:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.di-role .di-tile{background:#fff;border:1px solid var(--line)}
.di-cap{margin:8px 0 10px;font-size:.85rem;color:#5b709a}
.di-vbars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;height:200px;align-items:end;margin-bottom:16px}
.di-vbars button{display:grid;grid-template-rows:1fr auto;gap:6px;height:100%;padding:0;border:0;background:none;cursor:pointer;font:600 .8rem var(--rb-display);color:#5b709a}
.di-vbars button i{align-self:end;display:block;width:100%;height:0;border-radius:10px 10px 4px 4px;background:#b9d3f6;transition:height .6s var(--rb-ease),background .2s}
.di-vbars button i.is-on{height:var(--h)}
.di-vbars button:hover i{background:#6ea8ee}
.di-vbars button[aria-pressed="true"] i{background:var(--royal)}
.di-vbars button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:8px}
.di-recs{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:6px;min-height:120px;align-content:start}
.di-recs li{padding:10px 14px;border-radius:10px;background:#fff;font-size:.95rem;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s var(--rb-ease)}
.di-recs li.is-on{opacity:1;transform:none}
.di-export.rb-btn.is-line{border:1.5px solid var(--royal);background:#fff;color:var(--royal)}
.di-export:disabled{opacity:.4;cursor:not-allowed}
.di-note{margin:12px 0 0;font-size:.9rem;color:#33527f}

/* ---------- how + cta ---------- */
.di-how{background:#fff;color:var(--rb-text);padding:clamp(64px,9vw,120px) 0}
.di-note-fine{max-width:90ch;margin:34px 0 0;font-size:13.5px;line-height:1.6;color:#4a5a73}
.di-cta{background:linear-gradient(135deg,#0877ff 0%,#00a8f0 60%,#00c2ff 100%);color:#fff;text-align:center;padding:clamp(72px,10vw,150px) 0}
.di-cta h2{margin:0 auto 32px;max-width:20ch;font:700 clamp(2.2rem,5.2vw,4.4rem)/1.02 var(--rb-display);letter-spacing:-.045em}
.di-cta .rb-btn.is-dark{background:#0a2a66;color:#fff}
.di-cta .rb-btn.is-dark:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(10,42,102,.4)}

@media(max-width:1000px){
  .di-title{position:static;width:auto;padding:26px 16px 22px;background:#eaf3ff}
  .di-title h1,.di-cue{text-shadow:none}
  .di-t1{font-size:.78rem;margin-bottom:8px}
  .di-t2{font-size:clamp(1.9rem,9.4vw,2.8rem)}
  .di-cue{font-size:.95rem;margin-top:12px}
  .is-di .rb-stagewrap{display:flex;flex-direction:column}
  .is-di .di-title{order:-1}
  .is-di .rb-swipe{position:static;align-self:flex-end;margin:-46px 16px 0 0;z-index:2}
  .di-n small{font-size:max(5px,.55cqw)}
  .di-lead-grid,.di-snap-grid,.di-grow-grid,.di-pro-head{grid-template-columns:1fr}
  .di-role{grid-template-columns:1fr}
  .di-roles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .di-roleb[aria-pressed="true"]{transform:none}
  .di-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .di-tiles3{grid-template-columns:1fr}
  .di-hnote{display:none}
}
@media(prefers-reduced-motion:reduce){
  .di-title .w{animation:none;opacity:1;transform:none;filter:none}
  .di-n-b{animation:none}
  .di-card{transform:none}
  .di-svg path,.di-split i,.di-feed li,.di-recs li,.di-vbars button i,.di-roleb,.di-warp img{transition:none}
  .di-tile b.is-bump{animation:none}
}

@media(pointer:coarse){.di-mouse{display:none}}

.di-sheet-flat{margin-top:0}
.di-scene{margin:0 0 clamp(18px,2.4vw,30px);border-radius:24px;overflow:hidden;box-shadow:0 22px 50px rgba(10,42,102,.22)}
.di-scene img{display:block;width:100%;height:auto;aspect-ratio:1034/675;object-fit:cover}

.di-grow{--numc:#8fe6ff}