/* Impactable homepage redesign — Figma Homepage-dark */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--navy-900);
  color:var(--text);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit}
.wrap{
  max-width:var(--wrap);
  width:100%;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}
.display{
  font-family:var(--font-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:.98;
}
.hl{color:#0099D1}
.hl-blue{color:var(--blue)}
.em{color:#00C4B3}
h2 .hl{color:#0099D1}
.rd-hero h1 .em{color:#00C4B3}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;height:49px;padding:0 26px;
  font-family:var(--font-body);font-weight:700;font-size:16px;
  letter-spacing:.64px;line-height:normal;text-transform:uppercase;
  border-radius:6px;border:1px solid transparent;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.btn-primary{background:#0099D1;color:#FFF;border-color:#0099D1}
.btn-primary:hover{background:#33adda;border-color:#33adda;transform:translateY(-1px)}
.btn-teal{background:var(--teal);color:#FFF;border-color:var(--teal)}
.btn-teal:hover{background:var(--teal-dark);border-color:var(--teal-dark);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:#FFF;border-color:#D8D4C8}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#FFF;color:#FFF;transform:translateY(-1px)}
.btn-outline-light{background:transparent;color:#FFF;border-color:#FFF}
.btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#FFF;color:#FFF;transform:translateY(-1px)}
.btn-dark{background:var(--navy-900);color:#FFF;border-color:var(--navy-900)}
.btn-dark:hover{background:#000;border-color:#000}
.btn-outline-dark{background:transparent;color:var(--navy-900);border-color:rgba(0,23,46,.35)}
.btn-outline-dark:hover{background:rgba(0,23,46,.08);border-color:var(--navy-900);transform:translateY(-1px)}

/* Banner / nav / footer → assets/css/chrome.css */

/* ── HERO (Figma 4954:147306) ── */
.rd-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--navy-900);
  padding:70px 0 90px;
  min-height:740px;
}
/* Decor anchored to wrap center, wider + soft right fade (no hard clip) */
.rd-hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.rd-hero-bg-inner{
  position:absolute;left:50%;top:0;
  width:min(1680px,100vw);
  height:100%;
  transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 72%,rgba(0,0,0,.55) 86%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 72%,rgba(0,0,0,.55) 86%,transparent 100%);
}
.rd-hero-dots{
  position:absolute;
  right:8%;top:6px;
  width:856px;height:auto;max-width:none;
  opacity:.9;
}
.rd-hero-dots--light{display:none}
.rd-hero-ellipse{
  position:absolute;max-width:none;
  width:760px;height:auto;
  opacity:.9;
}
.rd-hero-ellipse--a{
  right:18%;top:120px;
}
.rd-hero-ellipse--b{
  right:2%;top:-20px;
}
.rd-hero-ellipse-light{
  display:none;
  position:absolute;max-width:none;
  right:-2%;top:-60px;
  width:1110px;height:auto;
  opacity:1;
}
.rd-hero-grid{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,666px) 344px;
  justify-content:space-between;
  column-gap:48px;
  align-items:start;
  width:100%;
}
@media(max-width:1200px){
  .rd-hero-bg-inner{
    width:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 78%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 78%,transparent 100%);
  }
  .rd-hero-dots{right:0;width:720px}
  .rd-hero-ellipse{width:640px}
  .rd-hero-ellipse--a{right:8%;top:100px}
  .rd-hero-ellipse--b{right:-4%}
  .rd-hero-ellipse-light{right:-6%;width:920px;top:-40px}
}
@media(max-width:960px){
  .rd-hero-dots{opacity:.45;right:-8%;width:92%;top:0}
  .rd-hero-ellipse{opacity:.55;width:min(560px,92%)}
  .rd-hero-ellipse-light{opacity:.85;right:-18%;width:min(720px,110%);top:-20px}
  .rd-hero-bg-inner{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 85%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 85%,transparent 100%);
  }
}
.rd-hero-copy{
  display:flex;flex-direction:column;align-items:flex-start;gap:26px;
  max-width:666px;
  min-width:0;
  width:100%;
}
.rd-pill{
  display:inline-flex;align-items:center;
  background:rgba(0,153,209,.11);color:#5bb8e0;
  font-size:12px;line-height:1;border-radius:50px;padding:8px 14px;
}
.rd-hero h1{
  font-family:var(--font-display);
  font-size:clamp(40px,4.2vw,66px);
  line-height:1;letter-spacing:.01em;text-transform:uppercase;
  color:var(--white);margin:0;font-weight:400;
  display:flex;flex-direction:column;align-items:flex-start;
  width:100%;
}
.rd-hero h1 .h1-line{display:block;white-space:nowrap;max-width:100%}
.rd-hero h1 .em{color:#00C4B3}
.rd-hero-sub{
  font-size:19px;line-height:1.55;color:#dde1e5;
  max-width:640px;margin:0;
}
.rd-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin:0}
.rd-hero-stats{
  display:flex;flex-wrap:wrap;gap:36px;
  padding-top:52px;margin-top:0;
  border-top:1px solid transparent;
  width:100%;max-width:612px;
}
.hero-sm-text {
  color: #FFF;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  margin-top: -12px;
  opacity: 0.6;
}
.hstat .n{font-size:34px;font-weight:800;line-height:1;color:#00C4B3}
.hstat .n.teal{color:var(--teal)}
.hstat .l{font-size:14px;color:#d8d4c8;margin-top:6px;max-width:180px;line-height:1.3}

/* System timeline — Figma x~967 in 1440 (= right of 1200 wrap) */
.sys-rail-wrap{
  justify-self:end;width:100%;max-width:344px;
  padding-top:70px;margin-right:0;
}
.sys-head{
  display:flex;align-items:center;gap:12px;margin-bottom:28px;
}
.live-dot-img{width:10px;height:10px;flex:none;animation:pulse 2.4s infinite}
@keyframes pulse{
  0%{filter:drop-shadow(0 0 0 rgba(198,255,61,.5))}
  70%{filter:drop-shadow(0 0 8px rgba(198,255,61,0))}
  100%{filter:drop-shadow(0 0 0 rgba(198,255,61,0))}
}
.sys-head .t{
  font-size:16px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--white);font-weight:400;
}
.sys-rail{
  --rail-progress:0;
  list-style:none;margin:0;padding:0;position:relative;
  display:flex;flex-direction:column;gap:0;
}
.sys-rail::before{
  content:"";position:absolute;left:10px;top:22px;bottom:36px;width:2px;
  background:linear-gradient(180deg,#0099d1 0%, rgba(0,153,209,.35) 55%, rgba(198,255,61,.45) 100%);
  transform-origin:top center;
  transform:scaleY(var(--rail-progress));
  will-change:transform;
  transition:transform 1s cubic-bezier(.16,1,.3,1);
}
.sys-rail.is-resetting::before{
  transition-duration:.55s;
  transition-timing-function:ease;
}
.sys-node{
  position:relative;display:grid;grid-template-columns:22px 1fr;gap:14px;
  align-items:flex-start;padding:0 0 28px;min-height:50px;
}
.sys-node:last-child{padding-bottom:0}
.sys-ico{
  width:22px;height:22px;position:relative;z-index:1;display:block;
  opacity:.32;
  transform:scale(.86);
  transition:
    opacity .7s cubic-bezier(.16,1,.3,1),
    transform .75s cubic-bezier(.16,1,.3,1);
}
.sys-node .sn-t{
  font-size:18px;font-weight:700;color:var(--white);line-height:1.2;
  opacity:.28;
  transform:translateY(7px);
  transition:
    opacity .65s cubic-bezier(.16,1,.3,1),
    transform .65s cubic-bezier(.16,1,.3,1);
}
.sys-node .sn-d{
  font-size:16px;color:rgba(255,255,255,.92);margin-top:8px;line-height:1.25;
  opacity:.22;
  transform:translateY(7px);
  transition:
    opacity .65s cubic-bezier(.16,1,.3,1) .06s,
    transform .65s cubic-bezier(.16,1,.3,1) .06s;
}
.sys-node.is-on .sys-ico{
  opacity:1;
  transform:scale(1);
}
.sys-node.is-on .sn-t,
.sys-node.is-on .sn-d{
  opacity:1;
  transform:none;
}
.sys-node.loop .sn-t{color:var(--lime)}
.sys-ico-wrap{
  position:relative;z-index:1;width:22px;height:22px;display:block;
}
.sys-node.loop .sys-ico-light{display:none}
.sys-node.loop .sys-ico-dark{display:block}
.sys-node.loop .sys-ico-wrap .sys-ico{
  position:absolute;left:0;top:0;
}

@media(prefers-reduced-motion:reduce){
  .sys-node .sn-t,
  .sys-node .sn-d,
  .sys-node .sys-ico,
  .sys-rail::before{
    transition:none;
    transform:none;
    opacity:1;
  }
  .sys-node:not(.is-on) .sn-t,
  .sys-node:not(.is-on) .sn-d,
  .sys-node:not(.is-on) .sys-ico{opacity:.3}
}

@media(max-width:1100px){
  .rd-hero h1{
    font-size:clamp(36px,5vw,52px);
  }
  .rd-hero h1 .h1-line{white-space:normal}
  .rd-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(240px,300px);
    column-gap:32px;
  }
}
@media(max-width:1040px){
  .rd-hero{min-height:0;padding:48px 0 56px}
  .rd-hero-grid{grid-template-columns:1fr;gap:40px;justify-content:stretch}
  .rd-hero h1 .h1-line{white-space:normal}
  .sys-rail-wrap{justify-self:start;max-width:100%;padding-top:0}
  .rd-hero-ellipse--a{right:10%;top:40%}
  .rd-hero-ellipse--b{right:-20%;top:20%}
}

/* ── SERVICES ── */
.rd-services{
  position:relative;padding:96px 0;
  background-color:var(--navy-900);
  background-image:url("../img/dots2.svg");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
}
.rd-services .wrap{position:relative;z-index:1}
.rd-sec-head{text-align:center;max-width:100%;margin:0 auto 48px}
.rd-sec-head h2{
  font-family:var(--font-display);font-size:clamp(36px,4vw,48px);
  line-height:1.05;color:var(--white);margin-bottom:16px; font-weight: 400;
}
.rd-sec-head p{font-size:16px;color:var(--text);opacity:.85;line-height:1.55}
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.svc-card{
  background:rgba(13,39,68,.72);border:1px solid var(--line);border-radius:12px;
  padding:28px 24px 24px;min-height:200px;display:flex;flex-direction:column;
  transition:border-color .2s,transform .2s,background .2s;
}
.svc-card:hover{border-color:rgba(255,255,255,.65);transform:none;background:rgba(255,255,255,.03)}
.svc-card h3{font-size:20px;font-weight:800;color:var(--white);margin-bottom:14px;line-height:1.2}
.svc-card p{font-size:15px;color:var(--muted);line-height:1.5;margin:0;color: rgba(255, 255, 255, 0.80);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;}
.svc-arrow{
  margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--teal);
}
.svc-card:hover .svc-arrow{color:var(--lime)}
@media(max-width:960px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.svc-grid{grid-template-columns:1fr}}

/* ── PROCESS (white) — Figma Frame 2147226792 ── */
.rd-process{background:var(--white);color:var(--navy-800);padding:90px 0 96px}
.rd-process .rd-sec-head{max-width:680px}
.rd-process .rd-sec-head h2{
  color:var(--navy-800);text-transform:none;font-family:var(--font-display);
  letter-spacing:0;font-size:clamp(32px,3.4vw,48px);line-height:1.15;
}
.rd-process .rd-sec-head h2 .hl-blue{color:var(--blue)}
.rd-process .rd-sec-head p{color:var(--navy-700);opacity:.8;font-size:16px;max-width:620px;margin:0 auto}
.proc-rail{
  display:flex;gap:18px;align-items:stretch;justify-content:center;
  margin:50px auto 0;max-width:1200px;height:238px;
}
.proc-card{
  flex:0 0 138px;width:138px;height:238px;
  border-radius:6px;background:rgba(204,215,227,.55);
  border:none;cursor:pointer;position:relative;
  padding:10px 16px 0;overflow:hidden;
  text-align:left;color:var(--navy-700);
  transition:
    flex-basis .7s cubic-bezier(.16,1,.3,1),
    width .7s cubic-bezier(.16,1,.3,1),
    background .45s ease,
    box-shadow .45s ease;
}
.proc-card:hover:not(.is-open){background:rgba(204,215,227,.85)}
.proc-card:hover:not(.is-open) .plus{
  transform:translateX(-50%) scale(1.08);
}
.proc-card .pn{
  position:absolute;top:10px;left:16px;z-index:1;
  font-family:var(--font-body);font-size:62px;font-weight:900;line-height:1;
  color:rgba(2,50,79,.23);letter-spacing:-.02em;
  margin:0;padding:0;
  transform-origin:left top;
  transition:
    opacity .35s ease .32s,
    transform .45s cubic-bezier(.16,1,.3,1) .28s;
}
.proc-card .plus{
  position:absolute;left:50%;bottom:28px;z-index:1;
  width:28px;height:28px;transform:translateX(-50%);
  transition:
    opacity .3s ease .32s,
    transform .45s cubic-bezier(.16,1,.3,1);
}
.proc-card .body{
  position:absolute;left:0;top:0;right:0;bottom:0;
  display:flex;flex-direction:column;justify-content:center;
  padding:24px 28px 24px 26px;
  opacity:0;
  transform:translateX(22px);
  /* hide fast on close so text is not crushed while width shrinks */
  transition:
    opacity .18s ease,
    transform .18s ease;
  pointer-events:none;
}
.proc-card .body h3{
  font-size:32px;font-weight:700;line-height:1.2;color:var(--navy-700);
  margin:0 0 14px;display:flex;align-items:center;gap:12px;
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity .15s ease,
    transform .15s ease;
}
.proc-card .body h3 img{
  width:41px;height:41px;flex:none;
  transform:scale(.88);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.proc-card .body p{
  font-size:18px;line-height:1.55;color:var(--navy-700);
  max-width:530px;margin:0;
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .15s ease,
    transform .15s ease;
}
.proc-card.is-open{
  flex-basis:577px;width:577px;
  background:rgba(204,215,227,.92);
  box-shadow:0 10px 28px rgba(2,50,79,.08);
  cursor:default;
}
.proc-card.is-open .pn{
  opacity:0;pointer-events:none;
  transform:translateY(-6px) scale(.92);
  transition:opacity .2s ease,transform .28s ease;
}
.proc-card.is-open .plus{
  opacity:0;pointer-events:none;
  transform:translateX(-50%) rotate(45deg) scale(.75);
  transition:opacity .2s ease,transform .35s cubic-bezier(.16,1,.3,1);
}
.proc-card.is-open .body{
  opacity:1;pointer-events:auto;
  transform:none;
  transition:
    opacity .4s ease .22s,
    transform .65s cubic-bezier(.16,1,.3,1) .18s;
}
.proc-card.is-open .body h3{
  opacity:1;transform:none;
  transition:
    opacity .4s ease .34s,
    transform .55s cubic-bezier(.16,1,.3,1) .3s;
}
.proc-card.is-open .body h3 img{
  transform:none;
  transition:transform .55s cubic-bezier(.16,1,.3,1) .38s;
}
.proc-card.is-open .body p{
  opacity:1;transform:none;
  transition:
    opacity .45s ease .44s,
    transform .6s cubic-bezier(.16,1,.3,1) .4s;
}
.proc-free{text-align:center;margin-top:36px;font-size:16px;color:var(--navy-700)}
.proc-free a{color:var(--blue);font-weight:700}
.proc-free a:hover{color:var(--navy-800)}

a.svc-card {
  border-radius: 10px;
  border: 1px solid rgba(0, 153, 209, 0.10);
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(119.5999984741211px);
}
span.svc-arrow {
  color: var(--Color-Text-Success-default, #00C4B3);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
}
.svc-card h3 {
  color: #f5f5f5;
  font-family: Anton;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 112%;
}
@media(max-width:1100px){
  .proc-rail{gap:12px;height:220px}
  .proc-card{flex-basis:110px;width:110px;height:220px}
  .proc-card .pn{font-size:48px}
  .proc-card.is-open{flex-basis:min(577px,52vw);width:min(577px,52vw)}
  .proc-card .body h3{font-size:26px}
  .proc-card .body p{font-size:16px}
}
@media(max-width:900px){
  .proc-rail{flex-direction:column;height:auto;gap:10px}
  .proc-card{
    flex:none;width:100%;height:72px;max-height:72px;padding:12px 16px;
    box-shadow:none;
    transition:
      max-height .6s cubic-bezier(.16,1,.3,1),
      height .6s cubic-bezier(.16,1,.3,1),
      background .35s ease,
      box-shadow .35s ease;
  }
  .proc-card .pn{font-size:28px;line-height:1.2}
  .proc-card .plus{bottom:16px}
  .proc-card .body{
    padding:18px 20px;justify-content:flex-start;padding-top:22px;
    transform:translateY(10px);
  }
  .proc-card.is-open{
    width:100%;height:auto;min-height:180px;max-height:260px;flex-basis:auto;
    box-shadow:0 8px 22px rgba(2,50,79,.07);
  }
  .proc-card.is-open .body{
    transform:none;
    transition:
      opacity .35s ease .18s,
      transform .5s cubic-bezier(.16,1,.3,1) .14s;
  }
  .proc-card.is-open .body h3{font-size:22px}
  .proc-card.is-open .body p{font-size:16px}
}

/* ── CREDS ── */
.rd-creds{background:var(--navy-900);padding:120px 0;border-top:1px solid var(--line-soft)}
.creds-top{
  display:grid;
  grid-template-columns:minmax(0,568px) minmax(0,1fr);
  gap:40px 48px;
  align-items:center;
  margin-bottom:56px;
}
.creds-copy{max-width:568px}
.creds-copy h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(36px,3.4vw,48px);line-height:1.167;
  color:var(--white);margin:0 0 16px;text-transform:none;
}
.creds-copy h2 .hl{color:#0099D1}
.creds-copy p{
  font-size:16px;line-height:1.55;color:var(--text);margin:0;max-width:480px;
}
.creds-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:50px;
  text-align:left;margin:0;
}
.creds-stats .n{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(36px,3.4vw,48px);line-height:1.167;color:var(--teal);
  margin-bottom: 9px;
}
.creds-stats .l{font-size:16px;line-height:1.3;color:var(--white);margin-top:4px}
.creds-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cred-badge{
  display:block;box-sizing:border-box;
  border:.8px solid rgba(255,255,255,.39);border-radius:6px;
  background:var(--navy-900);padding:28px 32px;padding-right:23px;min-height:120px;
  text-decoration:none;color:inherit;
  transition:border-color .2s,background .2s;
}
.cred-badge:hover{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.03)}
.cred-badge b{
  display:block;font-family:var(--font-display);font-weight:400;
  font-size:24px;line-height:1.55;color:var(--blue);margin-bottom:8px;
}
.cred-badge span{display:block;font-size:15px;line-height:1.55;color:var(--text)}
@media(max-width:960px){
  .creds-top{grid-template-columns:1fr;gap:36px;margin-bottom:40px}
  .creds-stats{padding-top:0}
}
@media(max-width:700px){
  .rd-creds{padding:72px 0}
  .creds-stats{
    display:flex;flex-direction:row;flex-wrap:nowrap;
    justify-content:space-between;align-items:flex-start;
    gap:12px;grid-template-columns:none;
  }
  .creds-stats > div{flex:1;min-width:0}
  .creds-stats .n{font-size:28px;line-height:1.15;margin-bottom:6px}
  .creds-stats .l{font-size:12px;line-height:1.3}
  .creds-badges{grid-template-columns:1fr;gap:14px}
  .cred-badge{padding:22px 20px;min-height:0}
  .cred-badge b{font-size:20px}
}

/* ── CASE CAROUSEL ── */
.rd-case{background:var(--navy-800);padding:100px 0 110px}
.case-wrap{position:relative;padding-top:56px}
.case-nav{
  position:absolute;top:0;left:calc(355px + 76px);z-index:3;
  display:flex;gap:6px;align-items:center;
}
.case-arrow{
  width:40px;height:40px;padding:0;border:0;background:transparent;
  cursor:pointer;border-radius:50%;line-height:0;
  transition:opacity .2s,transform .2s;
}
.case-arrow img{width:40px;height:40px;display:block;transition:opacity .2s}
.case-arrow:hover:not(:disabled){opacity:.85;transform:scale(1.04)}
.case-arrow:disabled,
.case-arrow[aria-disabled="true"]{
  cursor:default;pointer-events:none;
}
.case-arrow:disabled img,
.case-arrow[aria-disabled="true"] img{opacity:.29}
.case-arrow.case-next{transform:rotate(180deg)}
.case-arrow.case-next:hover:not(:disabled){transform:rotate(180deg) scale(1.04)}
.case-arrow.case-next:disabled:hover,
.case-arrow.case-next[aria-disabled="true"]:hover{transform:rotate(180deg)}
.case-slide{
  display:none;
  grid-template-columns:355px minmax(0,1fr);
  gap:76px;align-items:start;
  width:100%;
}
.case-slide.is-active{
  display:grid;
  position:relative;
  z-index:2;
}
.case-slide.is-leaving{
  display:grid;
  position:absolute;
  left:0;right:0;top:56px;
  z-index:1;
  pointer-events:none;
}
.case-slide.is-active.is-dir-next{animation:caseInNext .6s cubic-bezier(.16,1,.3,1) both}
.case-slide.is-active.is-dir-prev{animation:caseInPrev .6s cubic-bezier(.16,1,.3,1) both}
.case-slide.is-leaving.is-dir-next{animation:caseOutNext .45s cubic-bezier(.4,0,.2,1) both}
.case-slide.is-leaving.is-dir-prev{animation:caseOutPrev .45s cubic-bezier(.4,0,.2,1) both}
.case-slide.is-active.is-dir-next .case-media,
.case-slide.is-active.is-dir-prev .case-media{
  animation:casePieceIn .55s cubic-bezier(.16,1,.3,1) .06s both;
}
.case-slide.is-active.is-dir-next .case-copy,
.case-slide.is-active.is-dir-prev .case-copy{
  animation:casePieceIn .6s cubic-bezier(.16,1,.3,1) .14s both;
}
.case-slide.is-dir-prev.is-active .case-media,
.case-slide.is-dir-prev.is-active .case-copy{
  animation-name:casePieceInPrev;
}
@keyframes caseInNext{
  from{opacity:0;transform:translateX(36px)}
  to{opacity:1;transform:none}
}
@keyframes caseInPrev{
  from{opacity:0;transform:translateX(-36px)}
  to{opacity:1;transform:none}
}
@keyframes caseOutNext{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateX(-28px) scale(.985)}
}
@keyframes caseOutPrev{
  from{opacity:1;transform:none}
  to{opacity:0;transform:translateX(28px) scale(.985)}
}
@keyframes casePieceIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes casePieceInPrev{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.case-media{width:355px;max-width:100%}
.case-poster{
  position:relative;width:100%;aspect-ratio:355 / 493;
  border-radius:6px;overflow:hidden;background:#0a1a2c;
}
.case-poster.is-playing{background:#000}
.case-play{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;padding:0;cursor:pointer;background:transparent;display:block;z-index:1;
}
.case-poster-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;display:block;
  pointer-events:none;
}
.case-poster iframe,
.case-poster .case-iframe{
  position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;
  background:#000;display:block;
}
.case-watch{
  display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;width:100%;
  color:var(--teal);font-size:18px;line-height:1;text-decoration:none;
}
h2.ir-statement {
  text-align: center;
  font-family: Anton;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 106%;
}
.case-watch:hover{color:#33d4c5}
.case-watch img{width:13px;height:13px;flex:none;}
.case-copy{padding-top:8px;min-width:0}
.case-copy h2{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(32px,3.4vw,48px);line-height:1.167;
  color:var(--white);margin:0 0 16px;text-transform:none;max-width:650px;
}
.case-desc{
  font-size:18px;line-height:1.45;color:var(--white);
  margin:0 0 30px;max-width:620px;
}
.case-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 16px;margin:0 0 40px;max-width:640px;
}
.case-n{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(36px,3.4vw,48px);line-height:1.167;color:var(--teal);
}
.case-l{font-size:16px;line-height:1.3;color:var(--white);margin-top:11px}
.case-out{
  display:inline-block;color:var(--lime);font-size:18px;line-height:1.3;
  text-decoration:none;margin:0 0 30px;
}
.case-out:hover{color:#d8ff70}
.case-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.case-row{
  display:flex;flex-wrap:wrap;gap:28px 48px;align-items:center;
  margin:0 0 28px;
}
.case-stat-solo{max-width:260px}
.case-clutch{display:flex;flex-direction:column;gap:10px;justify-content:center}
.case-clutch-top{display:flex;align-items:center;gap:10px}
.case-score{
  font-family:var(--font-body);font-weight:700;font-size:20px;
  line-height:28px;color:var(--white);
}
.case-clutch-top img{height:27px;width:auto;display:block}
.case-clutch-bot{display:flex;align-items:center;gap:8px;color:var(--white);font-size:18px;font-weight:600}
.case-clutch-bot img{height:22px;width:auto;display:block;object-fit:contain;object-position:left center;max-width:90px}
.case-quote{position:relative;margin:0 0 22px;max-width:640px;padding-top:8px;overflow:visible}
.case-quote-mark{
  position:absolute;left:-48px;top:4px;width:100px;height:auto;
  pointer-events:none;z-index:0;
}
.case-quote p{
  position:relative;z-index:1;margin:18px 0 0;
  font-size:26px;font-weight:700;line-height:1.3;color:var(--white);
}
.rd-sec-head {
  margin: 0 auto 50px;
}
@media(max-width:1100px){
  .case-nav{left:calc(300px + 40px)}
  .case-slide{grid-template-columns:300px minmax(0,1fr);gap:40px}
  .case-media{width:300px}
  .case-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .rd-case{padding:72px 0}
  .case-wrap{padding-top:0}
  .case-nav{position:static;margin:0 0 20px}
  .case-slide.is-active{display:flex;flex-direction:column;gap:28px}
  .case-slide.is-leaving{
    top:0;
    display:flex;flex-direction:column;gap:28px;
  }
  .case-media{width:100%;max-width:420px}
  .case-stats{grid-template-columns:repeat(2,1fr)}
  .case-quote p{font-size:22px}
  .case-quote-mark{left:-28px;width:88px;height:auto}
  .case-cta .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .case-slide.is-active,
  .case-slide.is-leaving,
  .case-slide.is-active .case-media,
  .case-slide.is-active .case-copy{
    animation:none!important;
  }
}

/* ── MID CTA ── */
.rd-midcta{
  position:relative;
  padding:72px 0;text-align:center;
  background:#001122 center / cover no-repeat;
  background-image:url("../img/background-2.webp");
  color:#FFF;
}
.rd-midcta .wrap{position:relative;z-index:1}
.rd-midcta h2{
  font-family:var(--font-display);font-size:48px;line-height:56px;
  font-weight:400;font-style:normal;text-transform:none;
  color:#C6FF3D;margin:0 0 12px;text-align:center;
}
.rd-midcta p{
  font-family:var(--font-body);font-size:24px;line-height:32px;
  font-weight:500;color:#001122;margin:0 0 28px;text-align:center;
}
.rd-midcta .btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.rd-midcta .btn-primary{
  border-radius:6px;
  background:var(--navy-900);
  border-color:var(--navy-900);
}
.rd-midcta .btn-primary:hover{
  background:#002245;
  border-color:#002245;
}
@media(max-width:600px){
  .rd-midcta{padding:56px 0}
  .rd-midcta h2{font-size:clamp(32px,8vw,48px);line-height:1.15}
  .rd-midcta p{font-size:18px;line-height:1.35}
}

/* ── CAPABILITIES TABS ── */
.rd-caps{
  background:var(--white);
  background-image:url("../img/pattern.svg");
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  padding:96px 0;
}
.rd-caps .rd-sec-head{max-width:760px;margin:0 auto 40px}
.rd-caps .rd-sec-head h2{
  color:var(--navy-800);
  text-align:center;
  font-family:var(--font-display);
  font-size:48px;
  font-style:normal;
  font-weight:400;
  line-height:56px;
}
.rd-caps .rd-sec-head h2 .hl{color:var(--blue)}
.rd-caps .rd-sec-head p{
  color:var(--navy-700);
  text-align:center;
  font-family:var(--font-body);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:155%;
}
.rd-cta {
  height: 37px;
  text-transform: uppercase;
}
.cap-tabs{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:0 0 40px}
.cap-tab{
  position:relative;
  overflow:hidden;
  height:44px;padding:0 25px;border-radius:4px;cursor:pointer;
  border:1px solid rgba(0,57,115,.4);background:var(--white);
  color:rgba(0,57,115,.45);font-size:18px;line-height:28px;
  font-weight:500;letter-spacing:.02em;text-transform:uppercase;
  transition:background .25s ease,border-color .25s ease,color .25s ease,transform .2s ease;
}
.cap-tab:hover{transform:translateY(-1px)}
.cap-tab[aria-selected="true"]{
  background:var(--blue);border-color:var(--blue);color:var(--navy-900);
}
.cap-tab[aria-selected="true"]:hover{transform:none}
.cap-tab.is-progress::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:rgba(0,34,69,.35);
  transform-origin:left center;
  transform:scaleX(0);
  animation:capProgress var(--cap-progress-ms,2800ms) linear forwards;
}
@keyframes capProgress{
  from{transform:scaleX(0)}
  to{transform:scaleX(1)}
}
.cap-panel{
  background:#e8edf4;
  border-radius:6px;
  padding:36px 42px;
  color:var(--navy-800);
  min-height:265px;
  max-width:892px;
  margin:0 auto;
}
.cap-panel[hidden]{display:none!important}
.cap-panel.is-enter{animation:capIn .55s cubic-bezier(.22,1,.36,1) both}
.cap-panel.is-enter .cap-kicker,
.cap-panel.is-enter h3,
.cap-panel.is-enter p,
.cap-panel.is-enter .cap-chips span{
  animation:capItemIn .5s cubic-bezier(.22,1,.36,1) both;
}
.cap-panel.is-enter .cap-kicker{animation-delay:.04s}
.cap-panel.is-enter h3{animation-delay:.1s}
.cap-panel.is-enter p{animation-delay:.16s}
.cap-panel.is-enter .cap-chips span:nth-child(1){animation-delay:.24s}
.cap-panel.is-enter .cap-chips span:nth-child(2){animation-delay:.3s}
.cap-panel.is-enter .cap-chips span:nth-child(3){animation-delay:.36s}
@keyframes capIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes capItemIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
  .cap-panel.is-enter,
  .cap-panel.is-enter .cap-kicker,
  .cap-panel.is-enter h3,
  .cap-panel.is-enter p,
  .cap-panel.is-enter .cap-chips span{animation:none}
  .cap-tab{transition:none}
  .cap-tab.is-progress::after{animation:none;transform:scaleX(1)}
}
.cap-kicker{
  font-size:16px;line-height:24px;letter-spacing:.02em;text-transform:uppercase;
  color:var(--blue);margin-bottom:12px;font-weight:500;
}
.cap-panel h3{
  font-family:var(--font-display);font-size:24px;line-height:32px;
  font-weight:400;margin:0 0 14px;color:var(--navy-700);
}
.cap-panel p{font-size:16px;line-height:1.55;color:var(--navy-700);margin:0 0 22px;max-width:814px}
.cap-chips{display:flex;flex-wrap:wrap;gap:8px}
.cap-chips span{
  font-size:12px;font-weight:400;line-height:18px;letter-spacing:.02em;text-transform:uppercase;
  border:1px solid rgba(0,196,179,.2);border-radius:4px;padding:5px 10px;color:var(--teal);
}
@media(max-width:980px){
  .cap-tabs{
    gap:8px;
    flex-wrap:nowrap;
    justify-content:center;
    width:100%;
    max-width:100%;
  }
  .cap-tab{
    flex:1 1 0;
    min-width:0;
    height:40px;
    padding:0 10px;
    font-size:14px;line-height:1.2;
    white-space:nowrap;
    text-align:center;
  }
  .cap-panel{padding:28px 24px;min-height:0}
}
p.validated.reveal.in {
  color: #DDE1E5;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 155%;
  margin-top: 50px;
}
.validated em {
  color: #00C4B3;
  font-family: Inter;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 155%;
}
.rd-steps .rd-sec-head h2 .hl {
  color: #C6FF3D !important;
}
@media(max-width:980px){.cap-grid{grid-template-columns:1fr}}

/* ── STEPS GRID ── */
.rd-steps{background:#012;padding:96px 0}
.rd-steps .rd-sec-head{max-width:760px;margin:0 auto 50px}
.rd-steps .rd-sec-head h2{
  color:var(--white);
  font-family:var(--font-display);
  font-size:48px;
  font-style:normal;
  font-weight:400;
  line-height:56px;
}
.rd-steps .rd-sec-head h2 .hl{color:var(--white)}
.rd-steps .rd-sec-head p{
  color:var(--text);
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:155%;
}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:0}
.step{
  background:transparent;border:1px solid rgba(255,255,255,.4);border-radius:4px;padding:28px 24px 24px;
  transition:border-color .2s,transform .2s;
  min-height:262px;
}
.step:hover{border-color:rgba(255,255,255,.65);transform:none;background:rgba(255,255,255,.03)}
.step-n{
  font-size:16px;font-weight:600;line-height:24px;letter-spacing:.02em;
  color:var(--blue);margin-bottom:14px
}
.step h4{
  font-family:var(--font-display);font-size:22px;line-height:1.12;font-weight:400;
  color:#f5f5f5;margin-bottom:14px
}
.step p{font-size:16px;color:var(--muted);line-height:1.5;margin:0}
.step-tag{
  display:block;margin-top:18px;font-size:12px;line-height:normal;
  color:var(--teal);letter-spacing:.02em;text-transform:uppercase
}
@media(max-width:900px){.step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.step-grid{grid-template-columns:1fr}}

/* ── IMPACT ACTS ── */
.rd-impact{background:#00172E;padding:96px 0}
.rd-impact .strike{color:#f5f5f5;text-decoration:line-through;text-decoration-color:#F4F1EA}
.rd-impact .lift{color:var(--lime);font-style:normal}
.ir-head{max-width:635px;margin:0 auto 50px;text-align:center!important}
.ir-statement{
  font-family:var(--font-display);font-size:48px;line-height:1.06;
  margin:0 0 10px;max-width:none
}
.ir-head p:last-child{font-size:16px;line-height:1.5;color:var(--text);margin:0}
.ir-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:0}
.act{
  border:1px solid rgba(0,153,209,.18);border-radius:4px;padding:28px;
  background:rgba(0,153,209,.09);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.act:hover{
  border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.03);
  transform:none;
}
.act-n{font-size:16px;line-height:normal;color:var(--blue-400);margin-bottom:12px}
.act h4{
  display:flex;align-items:flex-start;gap:12px;
  font-family:var(--font-display);font-size:22px;line-height:1.12;font-weight:400;
  color:#f5f5f5;margin:0 0 12px
}
.act h4 img,
.act h4 svg{width:26px;height:26px;flex:none;color:#FFD166}
.act p{font-size:16px;color:var(--muted);line-height:1.45;margin:0}
@media(max-width:900px){.ir-acts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ir-acts{grid-template-columns:1fr}}

/* ── GALLERY ── */
.rd-gal{
  background:#012;
  padding:90px 0;
  position:relative;
  overflow:hidden;
}
.rd-gal::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  z-index:0;
  pointer-events:none;
  width:min(1740px,140vw);
  height:min(1202px,100%);
  transform:translateX(calc(-50% - 4vw));
  background:url("../img/background-ellipse.svg") center top / 100% 100% no-repeat;
}
.rd-gal > .wrap{
  position:relative;
  z-index:1;
}
.gal-head{max-width:680px;margin:0 auto 40px;text-align:center!important}
.gal-head h2{color:#fff;font-family:var(--font-display);font-size:48px;font-weight:400;line-height:56px}
.gal-head h2 .hl{color:#fff}
.gal-head p{color:var(--text);font-size:16px;line-height:1.55;opacity:.8}
.gal-sources,
.gal-tablist{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  margin:0 auto 20px;padding:8px;border-radius:72px;
  background:rgba(255,255,255,.05);gap:0;max-width:max-content;
}
.gal-tablist{margin-bottom:36px}
.gal-source,
.gal-tab{
  height:42px;padding:0 23px;border:0;border-radius:72px;cursor:pointer;
  background:transparent;color:var(--text);font-size:16px;line-height:1.55;
  opacity:.7;transition:background .25s ease,color .25s ease,opacity .25s ease;
}
.gal-source:hover,
.gal-tab:hover{opacity:1;color:#fff}
.gal-source.is-active,
.gal-tab[aria-selected="true"]{
  background:rgba(255,255,255,.16);color:var(--teal);opacity:1;
}
.gal-tablist[hidden],
#impactTabs[hidden],
#dsTabs[hidden],
.gal-panel[hidden]{display:none!important}
.gal-panel.is-enter{animation:galIn .75s ease both}
@keyframes galIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
@keyframes galPop{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
.gal-panel .stab tbody tr,
.gal-panel .sig-row:not(.sig-head),
.gal-panel .scale-row:not(.scale-head),
.gal-panel .pcard,
.gal-panel .waste-col,
.ds-panel img{
  opacity:0;
}
.gal-panel.is-enter .stab tbody tr,
.gal-panel.is-enter .sig-row:not(.sig-head),
.gal-panel.is-enter .scale-row:not(.scale-head),
.ds-panel.is-enter img{
  animation:galPop .75s ease both;
}
.gal-panel.is-enter .pcard{
  animation:pcardIn 1.05s cubic-bezier(.16,1,.3,1) both;
}
.gal-panel.is-enter .waste-col{
  animation:wasteColIn 1s cubic-bezier(.16,1,.3,1) both;
}
@keyframes pcardIn{
  from{opacity:0;transform:translateY(22px) scale(.975)}
  to{opacity:1;transform:none}
}
@keyframes wasteColIn{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}
@keyframes wasteRowIn{
  from{opacity:0;transform:translateX(-12px)}
  to{opacity:1;transform:none}
}
@keyframes suppressIn{
  from{opacity:0;transform:translateX(8px) scale(.92)}
  to{opacity:1;transform:none}
}
@keyframes zcPulse{
  0%{opacity:0;transform:translateY(4px)}
  60%{opacity:1;transform:translateY(0)}
  80%{transform:scale(1.04)}
  100%{opacity:1;transform:none}
}
.gal-panel.is-enter .stab tbody tr:nth-child(1),
.gal-panel.is-enter .sig-row:not(.sig-head):nth-child(2),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(2){animation-delay:.12s}
.gal-panel.is-enter .pcard:nth-child(1){animation-delay:.18s}
.gal-panel.is-enter .waste-col:nth-child(1){animation-delay:.2s}
.gal-panel.is-enter .stab tbody tr:nth-child(2),
.gal-panel.is-enter .sig-row:not(.sig-head):nth-child(3),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(3){animation-delay:.22s}
.gal-panel.is-enter .pcard:nth-child(2){animation-delay:.38s}
.gal-panel.is-enter .waste-col:nth-child(2){animation-delay:.4s}
.gal-panel.is-enter .stab tbody tr:nth-child(3),
.gal-panel.is-enter .sig-row:not(.sig-head):nth-child(4),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(4){animation-delay:.32s}
.gal-panel.is-enter .pcard:nth-child(3){animation-delay:.58s}
.gal-panel.is-enter .stab tbody tr:nth-child(4),
.gal-panel.is-enter .sig-row:not(.sig-head):nth-child(5),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(5){animation-delay:.42s}
.gal-panel.is-enter .pcard:nth-child(4){animation-delay:.78s}
.gal-panel.is-enter .stab tbody tr:nth-child(5),
.gal-panel.is-enter .sig-row:not(.sig-head):nth-child(6),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(6){animation-delay:.52s}
.gal-panel.is-enter .stab tbody tr:nth-child(6),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(7){animation-delay:.62s}
.gal-panel.is-enter .stab tbody tr:nth-child(7),
.gal-panel.is-enter .scale-row:not(.scale-head):nth-child(8){animation-delay:.72s}
.gal-panel.is-enter .stab tbody tr:nth-child(n+8){animation-delay:.8s}
.ds-panel.is-enter img{animation-delay:.18s}
.spec{
  border:0;border-radius:6px;background:#fff;overflow:hidden;
  max-width:1100px;margin:0 auto;
}
.sp-ft {
color: var(--Color-Dark-blue-500, #003973);
font-family: Inter;
font-size: var(--Font-size-Body-M, 16px);
font-style: normal;
font-weight: 500;
line-height: var(--Line-height-Body-M, 24px); /* 150% */
}
.spec-head{padding:37px 50px 0px;border-bottom:0;text-align:left}
.spec-q{display:none}
.spec-title{font-size:28px;font-weight:700;line-height:36px;margin:0 0 8px;color:var(--navy-800)}
.spec-ask{font-family:Inter;font-style:italic;font-weight:500;font-size:20px;line-height:28px;color:var(--blue)}
.spec-body{padding:40px 50px;padding-bottom:20px;}
.spec-foot{
  padding:0 50px 37px;border-top:0;
  font-size:16px;line-height:24px;font-weight:500;font-style:italic;
  color:var(--blue);
}
.spec-foot .sf-lead{color:#003973;font-style:italic}
.spec-foot .tk{color:var(--blue);font-style:italic}
.spec-foot--legend{
  font-style:normal;font-weight:500;color:#003973;
}
.spec-foot--legend .tk{
  font-style:normal;font-weight:700;color:#0099d1;
}
.fun{display:flex;flex-direction:column;gap:24px}
.fun-row{display:grid;grid-template-columns:150px minmax(0,1fr) 160px;gap:18px;align-items:center}
.fun-label .fl-n{font-size:18px;font-weight:700;color:var(--navy-800);line-height:24px}
.fun-label .fl-s{font-size:16px;color:var(--navy-700);opacity:.7;margin-top:4px}
.fun-bar{position:relative;height:49px;width:100%}
.fun-track{
  position:absolute;inset:0;border-radius:4px;background:#dde1e5;
}
.fun-fill{
  position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;
  display:flex;align-items:center;padding:0 20px;color:#fff;
  transition:width 1.45s cubic-bezier(.22,1,.36,1);
  overflow:hidden;min-width:0;
}
.fun-fill.is-solid{background:#003973}
.fun-fill.is-light{color:var(--navy-700)}
.fun-fill .fb-n{font-size:18px;font-weight:800;line-height:24px;white-space:nowrap}
.fun-stat{display:flex;align-items:flex-start;gap:8px}
.fun-stat .fs-p{font-size:20px;font-weight:800;color:var(--navy-800);line-height:28px}
.fun-stat .fs-p small{display:block;font-size:16px;font-weight:400;color:var(--navy-700);opacity:.7;margin-top:0;line-height:20px}
.fun-delta{
  font-size:12px;font-weight:800;padding:2px 6px;border-radius:3px;line-height:16px;
  opacity:0;transform:translateY(6px);transition:opacity .7s ease,transform .7s ease;
}
.fun-delta.is-pop{opacity:1;transform:none}
.fun-delta.down{color:#cd5257;background:#f3d4d5}
.fun-delta.up{color:#009d8f;background:#ccf3f0}
.fun-accts{margin-top:28px;padding-top:24px;border-top:1px solid #DDE1E5;}
.fa-h{
  font-size:20px;line-height:28px;font-weight:600;
  letter-spacing:0;text-transform:none;color:#00172e;margin:0 0 14px;
}
.fa-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.facard{
  display:flex;flex-direction:column;align-items:flex-start;
  box-sizing:border-box;min-height:122px;
  border:0;border-radius:4px;padding:20px 15px 18px;
  background:rgba(221,225,229,.4);
  opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease;
}
.facard.is-pop{opacity:1;transform:none}
.facard .fa-logo{
  display:block;height:25px;width:auto;max-width:110px;
  object-fit:contain;object-position:left center;margin:0;
}
.facard .fa-logo--sterling{height:25px;width:auto;max-width:85px}
.facard .fa-logo--cedar{height:28px;width:27px;max-width:27px}
.facard .fa-meta{
  font-size:13px;font-weight:500;line-height:1.25;color:#003973;
  margin:14px 0 0;letter-spacing:.02em;
}
.fa-stage{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:10px;
  font-size:12px;font-weight:500;letter-spacing:.02em;
  padding:2px 10px;border-radius:49px;line-height:18px;white-space:nowrap;
}
.fa-stage.aware{background:#ccebf6;color:#0099d1}
.fa-stage.engaged{background:#ccf3f0;color:#00c4b3}
.fa-stage.pipeline{background:#fdecdf;color:#f4a261}
.fa-stage.won{background:#fff6e0;color:#ffd166;text-shadow:0 0 .4px rgba(107,115,125,.53)}
.ds-panel{
  max-width:1154px;margin:0 auto;border-radius:6px;
  overflow:hidden;;
}
.ds-panel img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 0 8.8px rgba(0,46,92,.22)}
.stab{width:100%;border-collapse:collapse;font-size:14px}
.stab th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#58708b;text-align:left;padding:10px 12px;border-bottom:1px solid rgba(0,23,46,.12)}
.stab th.r,.stab td.r{text-align:right}
.stab td{padding:12px;border-bottom:1px solid rgba(0,23,46,.08);color:var(--navy-700)}
.stab .acct{color:var(--navy-800);font-weight:600}
.stab .num{color:var(--navy-800);font-variant-numeric:tabular-nums}

/* Account signals board — Figma 4996:176406
   x of 1046: Account 0 · Pools 214 · Depth 467 · Surge 588 · Score 666–829 · gap · Action 911 */
.sig-board{width:100%;min-width:980px}
.sig-row{
  display:grid;
  /* Surge col wide enough for one-line "SURGE (7WK)"; 82px gutter before Next action */
  grid-template-columns:214fr 240fr 110fr minmax(120px,130fr) 140fr 82px minmax(138px,145fr);
  align-items:center;
  column-gap:0;
  border-bottom:1px solid #dde1e5;
  min-height:89px;
  padding:0;
}
.sig-row.sig-head{
  min-height:0;padding:0 0 18px;border-bottom:1px solid #dde1e5;
  align-items:end;
}
.sig-row.sig-head > div{
  font-size:18px;font-weight:700;line-height:24px;
  text-transform:uppercase;color:#00172e;letter-spacing:0;
}
.sig-row.sig-head > :nth-child(4){white-space:nowrap}
.sig-row:last-child{border-bottom:0}
.sig-acct{
  font-size:16px;font-weight:500;line-height:20px;color:#00172e;
  white-space:nowrap;padding-right:12px;
}
.sig-score{
  text-align:right;
  font-size:16px;font-weight:700;line-height:20px;color:#00172e;
  font-variant-numeric:tabular-nums;
  padding-right:0;
  box-sizing:border-box;
}
.sig-row.sig-head .sig-score{font-weight:700;text-transform:uppercase}
/* Empty gutter cell between Score and Next action */
.sig-gap{width:100%;pointer-events:none}
.sig-row > :last-child{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  text-align:right;
  white-space:nowrap;
}
.sig-row.sig-head > :last-child{
  display:block;
  text-align:right;
  white-space:nowrap;
}

.sig-board .pools{display:flex;gap:5.7px;align-items:center}
.sig-board .pool{
  width:33px;height:33px;border-radius:2px;border:0;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;line-height:24px;letter-spacing:0;
}
.sig-board .pool.on{background:rgba(0,153,209,.18);color:#0099d1}
.sig-board .pool.off{background:rgba(204,215,227,.4);color:#99b0c7}

.sig-board .depth .dot5{display:flex;gap:4px;align-items:center;width:66px}
.sig-board .depth .dd{
  width:10px;height:10px;border-radius:50%;background:#dde1e5;display:block;flex:none;
}
.sig-board .depth .dd.on{background:#0b315e}

.sig-board .spark{
  display:flex;align-items:flex-end;gap:4.2px;
  width:66px;height:30px;
  margin-left:0;
}
.sig-board .spark i{
  display:block;flex:none;
  width:5.5px;height:var(--h,8px);
  border-radius:0;background:#0099d1;opacity:1;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform 1.15s cubic-bezier(.16,1,.3,1);
}
.sig-board .spark i.peak{background:#00c4b3}
.sig-board .spark--navy i{background:#0b315e}
.gal-panel.is-enter .sig-board .spark i{transform:scaleY(1)}
.gal-panel.is-enter .sig-board .spark i.peak{
  animation:sigPeakGlow .85s ease .95s both;
}

.sig-board .pool{
  opacity:0;
  transform:scale(.62);
  transition:
    opacity .35s ease,
    transform .4s cubic-bezier(.16,1,.3,1);
}
.gal-panel.is-enter .sig-board .pool{
  opacity:1;
  transform:none;
}
.sig-board .pool:nth-child(1){transition-delay:0ms}
.sig-board .pool:nth-child(2){transition-delay:40ms}
.sig-board .pool:nth-child(3){transition-delay:80ms}
.sig-board .pool:nth-child(4){transition-delay:120ms}
.sig-board .pool:nth-child(5){transition-delay:160ms}
.gal-panel.is-enter .sig-row:nth-child(2) .pool:nth-child(1){transition-delay:.22s}
.gal-panel.is-enter .sig-row:nth-child(2) .pool:nth-child(2){transition-delay:.26s}
.gal-panel.is-enter .sig-row:nth-child(2) .pool:nth-child(3){transition-delay:.3s}
.gal-panel.is-enter .sig-row:nth-child(2) .pool:nth-child(4){transition-delay:.34s}
.gal-panel.is-enter .sig-row:nth-child(2) .pool:nth-child(5){transition-delay:.38s}
.gal-panel.is-enter .sig-row:nth-child(3) .pool:nth-child(1){transition-delay:.32s}
.gal-panel.is-enter .sig-row:nth-child(3) .pool:nth-child(2){transition-delay:.36s}
.gal-panel.is-enter .sig-row:nth-child(3) .pool:nth-child(3){transition-delay:.4s}
.gal-panel.is-enter .sig-row:nth-child(3) .pool:nth-child(4){transition-delay:.44s}
.gal-panel.is-enter .sig-row:nth-child(3) .pool:nth-child(5){transition-delay:.48s}
.gal-panel.is-enter .sig-row:nth-child(4) .pool:nth-child(1){transition-delay:.42s}
.gal-panel.is-enter .sig-row:nth-child(4) .pool:nth-child(2){transition-delay:.46s}
.gal-panel.is-enter .sig-row:nth-child(4) .pool:nth-child(3){transition-delay:.5s}
.gal-panel.is-enter .sig-row:nth-child(4) .pool:nth-child(4){transition-delay:.54s}
.gal-panel.is-enter .sig-row:nth-child(4) .pool:nth-child(5){transition-delay:.58s}
.gal-panel.is-enter .sig-row:nth-child(5) .pool:nth-child(1){transition-delay:.52s}
.gal-panel.is-enter .sig-row:nth-child(5) .pool:nth-child(2){transition-delay:.56s}
.gal-panel.is-enter .sig-row:nth-child(5) .pool:nth-child(3){transition-delay:.6s}
.gal-panel.is-enter .sig-row:nth-child(5) .pool:nth-child(4){transition-delay:.64s}
.gal-panel.is-enter .sig-row:nth-child(5) .pool:nth-child(5){transition-delay:.68s}
.gal-panel.is-enter .sig-row:nth-child(6) .pool:nth-child(1){transition-delay:.62s}
.gal-panel.is-enter .sig-row:nth-child(6) .pool:nth-child(2){transition-delay:.66s}
.gal-panel.is-enter .sig-row:nth-child(6) .pool:nth-child(3){transition-delay:.7s}
.gal-panel.is-enter .sig-row:nth-child(6) .pool:nth-child(4){transition-delay:.74s}
.gal-panel.is-enter .sig-row:nth-child(6) .pool:nth-child(5){transition-delay:.78s}

.sig-board .depth .dd{
  transform:scale(0);
  transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease;
}
.gal-panel.is-enter .sig-board .depth .dd{transform:none}
.sig-board .depth .dd:nth-child(1){transition-delay:0ms}
.sig-board .depth .dd:nth-child(2){transition-delay:45ms}
.sig-board .depth .dd:nth-child(3){transition-delay:90ms}
.sig-board .depth .dd:nth-child(4){transition-delay:135ms}
.sig-board .depth .dd:nth-child(5){transition-delay:180ms}
.gal-panel.is-enter .sig-row:nth-child(2) .dd:nth-child(1){transition-delay:.28s}
.gal-panel.is-enter .sig-row:nth-child(2) .dd:nth-child(2){transition-delay:.32s}
.gal-panel.is-enter .sig-row:nth-child(2) .dd:nth-child(3){transition-delay:.36s}
.gal-panel.is-enter .sig-row:nth-child(2) .dd:nth-child(4){transition-delay:.4s}
.gal-panel.is-enter .sig-row:nth-child(2) .dd:nth-child(5){transition-delay:.44s}
.gal-panel.is-enter .sig-row:nth-child(3) .dd:nth-child(1){transition-delay:.38s}
.gal-panel.is-enter .sig-row:nth-child(3) .dd:nth-child(2){transition-delay:.42s}
.gal-panel.is-enter .sig-row:nth-child(3) .dd:nth-child(3){transition-delay:.46s}
.gal-panel.is-enter .sig-row:nth-child(3) .dd:nth-child(4){transition-delay:.5s}
.gal-panel.is-enter .sig-row:nth-child(3) .dd:nth-child(5){transition-delay:.54s}
.gal-panel.is-enter .sig-row:nth-child(4) .dd:nth-child(1){transition-delay:.48s}
.gal-panel.is-enter .sig-row:nth-child(4) .dd:nth-child(2){transition-delay:.52s}
.gal-panel.is-enter .sig-row:nth-child(4) .dd:nth-child(3){transition-delay:.56s}
.gal-panel.is-enter .sig-row:nth-child(4) .dd:nth-child(4){transition-delay:.6s}
.gal-panel.is-enter .sig-row:nth-child(4) .dd:nth-child(5){transition-delay:.64s}
.gal-panel.is-enter .sig-row:nth-child(5) .dd:nth-child(1){transition-delay:.58s}
.gal-panel.is-enter .sig-row:nth-child(5) .dd:nth-child(2){transition-delay:.62s}
.gal-panel.is-enter .sig-row:nth-child(5) .dd:nth-child(3){transition-delay:.66s}
.gal-panel.is-enter .sig-row:nth-child(5) .dd:nth-child(4){transition-delay:.7s}
.gal-panel.is-enter .sig-row:nth-child(5) .dd:nth-child(5){transition-delay:.74s}
.gal-panel.is-enter .sig-row:nth-child(6) .dd:nth-child(1){transition-delay:.68s}
.gal-panel.is-enter .sig-row:nth-child(6) .dd:nth-child(2){transition-delay:.72s}
.gal-panel.is-enter .sig-row:nth-child(6) .dd:nth-child(3){transition-delay:.76s}
.gal-panel.is-enter .sig-row:nth-child(6) .dd:nth-child(4){transition-delay:.8s}
.gal-panel.is-enter .sig-row:nth-child(6) .dd:nth-child(5){transition-delay:.84s}

.sig-board .act-pill{
  display:inline-flex;align-items:center;justify-content:center;
  height:33px;padding:3px 14px;border:0;border-radius:9px;
  font-size:17px;font-weight:500;letter-spacing:0;line-height:1.55;white-space:nowrap;
  opacity:0;
  transform:translateX(12px);
  transition:
    opacity .4s ease,
    transform .5s cubic-bezier(.16,1,.3,1);
}
.gal-panel.is-enter .sig-board .act-pill{
  opacity:1;
  transform:none;
}
.gal-panel.is-enter .sig-row:nth-child(2) .act-pill{transition-delay:.48s}
.gal-panel.is-enter .sig-row:nth-child(3) .act-pill{transition-delay:.58s}
.gal-panel.is-enter .sig-row:nth-child(4) .act-pill{transition-delay:.68s}
.gal-panel.is-enter .sig-row:nth-child(5) .act-pill{transition-delay:.78s}
.gal-panel.is-enter .sig-row:nth-child(6) .act-pill{transition-delay:.88s}

@keyframes sigPeakGlow{
  0%{box-shadow:0 0 0 0 rgba(0,196,179,0)}
  45%{box-shadow:0 0 0 4px rgba(0,196,179,.28)}
  100%{box-shadow:0 0 0 0 rgba(0,196,179,0)}
}
.sig-board .act-now{background:rgba(243,212,213,.76);color:#c1272d}
.sig-board .act-week{background:rgba(244,162,97,.19);color:#f4a261}
.sig-board .act-keep{background:rgba(0,196,179,.15);color:#009d8f}
.sig-board .act-mon{background:rgba(11,49,94,.1);color:#003973}

/* Scale vs cut board — Figma 5000:178593 */
.scale-board{width:100%;min-width:940px}
.scale-row{
  display:grid;
  /* tighter gap before Next action (was 82px — too wide vs Figma) */
  grid-template-columns:199fr 165fr 140fr 141fr 141fr 120fr 36px minmax(138px,145fr);
  align-items:center;
  border-bottom:1px solid #dde1e5;
  min-height:69px;
}
.scale-row.scale-head{
  min-height:0;padding:0 0 18px;align-items:end;
}
.scale-row.scale-head > div{
  font-size:18px;font-weight:700;line-height:24px;
  text-transform:uppercase;color:#00172e;letter-spacing:0;
}
.scale-row:last-child{border-bottom:0}
.scale-name{
  font-size:16px;font-weight:500;line-height:20px;color:#00172e;
}
.scale-num{
  text-align:center;
  font-size:16px;font-weight:700;line-height:20px;color:#00172e;
  font-variant-numeric:tabular-nums;
  padding:0;
}
.scale-row.scale-head .scale-num{
  font-weight:700;text-transform:uppercase;
  text-align:center;
}
.scale-num .pct{font-weight:700;color:#007aa7}
.scale-row > :last-child{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  text-align:right;
  white-space:nowrap;
}
.scale-row.scale-head > :last-child{
  display:block;
  text-align:right;
  white-space:nowrap;
}
.verdict-pill{
  display:inline-flex;align-items:center;justify-content:center;
  height:33px;padding:3px 14px;border:0;border-radius:9px;
  font-size:17px;font-weight:500;letter-spacing:0;line-height:1.55;white-space:nowrap;
  opacity:0;
  transform:translateX(8px);
  transition:opacity .35s ease,transform .45s cubic-bezier(.16,1,.3,1);
}
.gal-panel.is-enter .verdict-pill{
  opacity:1;
  transform:none;
}
.gal-panel.is-enter .scale-row:nth-child(2) .verdict-pill{transition-delay:.45s}
.gal-panel.is-enter .scale-row:nth-child(3) .verdict-pill{transition-delay:.58s}
.gal-panel.is-enter .scale-row:nth-child(4) .verdict-pill{transition-delay:.71s}
.gal-panel.is-enter .scale-row:nth-child(5) .verdict-pill{transition-delay:.84s}
.gal-panel.is-enter .scale-row:nth-child(6) .verdict-pill{transition-delay:.97s}
.gal-panel.is-enter .scale-row:nth-child(7) .verdict-pill{transition-delay:1.1s}
.gal-panel.is-enter .scale-row:nth-child(8) .verdict-pill{transition-delay:1.23s}
.vp-invest{background:rgba(0,196,179,.15);color:#009d8f}
.vp-hold{background:rgba(0,153,209,.14);color:#007aa7}
.vp-reduce{background:rgba(244,162,97,.16);color:#f4a261}
.vp-exclude{background:rgba(243,212,213,.53);color:#c1272d}
#galp-2 .spec-head{padding:37px 50px 0}
#galp-2 .spec-body{padding:52px 50px 20px}
#galp-4 .spec-head{padding:33px 47px 0}
#galp-4 .spec-body{padding:35px 47px 16px}
#galp-4 .spec-foot{padding:0 47px 37px}

@media(max-width:900px){
  .spec-body:has(.sig-board),
  .spec-body:has(.scale-board){overflow-x:auto}
}

/* legacy stab-signals kept for safety if referenced */
.stab-signals{width:100%}
.stab-signals .spark i{transform:none!important}

.pools{display:flex;gap:4px}
.pool{width:28px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.pool.on{background:rgba(0,153,209,.12);color:#0099d1}
.pool.off{background:rgba(0,23,46,.03);color:#58708b}
.spark{display:flex;align-items:flex-end;gap:3px;height:28px}
.spark i{width:6px;background:var(--blue);border-radius:1px;opacity:.55;display:block;transform:scaleY(0);transform-origin:bottom;transition:transform .9s cubic-bezier(.22,1,.36,1)}
.spark i:nth-child(1){transition-delay:80ms}
.spark i:nth-child(2){transition-delay:140ms}
.spark i:nth-child(3){transition-delay:200ms}
.spark i:nth-child(4){transition-delay:260ms}
.spark i:nth-child(5){transition-delay:320ms}
.spark i:nth-child(6){transition-delay:380ms}
.spark i:nth-child(7){transition-delay:440ms}
.gal-panel.is-enter .spark i{transform:scaleY(1)}
.spark i.peak{background:var(--lime);opacity:1}
.depth .dot5{display:flex;gap:3px}
.depth .dd{width:7px;height:7px;border-radius:50%;background:rgba(0,23,46,.15);display:inline-block}
.depth .dd.on{background:var(--blue)}
.score-n{font-size:16px;font-weight:800;color:var(--navy-800)}
.act-pill{font-size:11px;font-weight:700;letter-spacing:.04em;padding:5px 10px;border-radius:3px}
.act-now{background:rgba(255,90,31,.15);color:#ff5a1f;border:1px solid rgba(255,90,31,.5)}
.act-week{background:rgba(255,182,39,.13);color:var(--orange);border:1px solid rgba(244,162,97,.45)}
.act-keep{background:rgba(123,170,62,.1);color:#7baa3e;border:1px solid rgba(123,170,62,.4)}
.act-mon{background:rgba(11,49,94,.1);color:#003973;border:0}
.v-invest{color:#7baa3e;border:1px solid rgba(123,170,62,.5);background:rgba(123,170,62,.08);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
.v-hold{color:#0099d1;border:1px solid rgba(0,153,209,.4);background:rgba(0,153,209,.07);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
.v-reduce{color:var(--orange);border:1px solid rgba(244,162,97,.4);background:rgba(244,162,97,.07);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
.v-exclude,.v-suppress{color:#ff5a6e;border:1px solid rgba(255,90,110,.5);background:rgba(255,90,110,.08);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px}
.dimbar{display:inline-block;height:7px;background:linear-gradient(90deg,var(--blue),var(--blue-soft));border-radius:4px;vertical-align:middle;margin-right:8px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:19px 23px}
.pcard{
  box-sizing:border-box;
  border:0;border-top:4px solid transparent;border-radius:10px;
  padding:30px 25px 28px;
  background:rgba(221,225,229,.3);
  position:relative;overflow:hidden;
  min-height:275px;
  --card-d:0s;
}
.pcard::before{display:none}
.pcard::after{
  content:"";
  position:absolute;left:0;top:0;height:4px;width:0;
  background:#0099d1;border-radius:10px 10px 0 0;
  transition:width .95s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--card-d);
}
.gal-panel.is-enter .pcard::after{width:100%}
.gal-panel.is-enter .pcard:nth-child(1){--card-d:.28s}
.gal-panel.is-enter .pcard:nth-child(2){--card-d:.48s}
.gal-panel.is-enter .pcard:nth-child(3){--card-d:.68s}
.gal-panel.is-enter .pcard:nth-child(4){--card-d:.88s}
.pcard h4{
  color:#00172e;
  font-family:var(--font-body);
  font-size:20px;
  font-style:normal;
  font-weight:700;
  line-height:28px;
  margin:0;
}
.pcard .prole{
  font-size:18px;font-weight:700;line-height:28px;
  color:#007aa7;margin:0 0 18px;
}
.pcard .pline{
  font-size:16px;font-weight:500;line-height:24px;
  color:#009d8f;letter-spacing:.32px;
  margin:0 0 6px;
}
.pcard .pstats{
  font-size:16px;line-height:24px;color:#003973;
  display:block;margin:0 0 10px;
}
.pcard .pstats .ps-lab{font-weight:500}
.pcard .pstats .ps-sep{font-weight:500;margin:0 2px}
.pcard .pstats b{font-weight:700;color:#00172e}
.pcard .pstats .gv{color:#00c4b3}
.pcard .pstats .bv{color:#0099d1}
.pcard .paction{
  font-size:16px;font-weight:400;line-height:24px;color:#003973;
  margin:0;
}
.pcard .paction b{font-weight:700;color:#003973}
.pcard > h4,
.pcard > .prole,
.pcard > .pline,
.pcard > .pstats,
.pcard > .paction{
  opacity:0;
  transform:translateY(12px);
  transition:
    opacity .55s ease,
    transform .7s cubic-bezier(.16,1,.3,1);
}
.gal-panel.is-enter .pcard > h4,
.gal-panel.is-enter .pcard > .prole,
.gal-panel.is-enter .pcard > .pline,
.gal-panel.is-enter .pcard > .pstats,
.gal-panel.is-enter .pcard > .paction{
  opacity:1;
  transform:none;
}
.gal-panel.is-enter .pcard > h4{transition-delay:calc(var(--card-d) + .12s)}
.gal-panel.is-enter .pcard > .prole{transition-delay:calc(var(--card-d) + .24s)}
.gal-panel.is-enter .pcard > .pline{transition-delay:calc(var(--card-d) + .36s)}
.gal-panel.is-enter .pcard > .pstats{transition-delay:calc(var(--card-d) + .48s)}
.gal-panel.is-enter .pcard > .paction{transition-delay:calc(var(--card-d) + .6s)}
.pcard .pstats .gv,
.pcard .pstats .bv{
  display:inline-block;
  transform:scale(.92);
  transition:transform .45s cubic-bezier(.16,1,.3,1);
}
.gal-panel.is-enter .pcard .pstats .gv,
.gal-panel.is-enter .pcard .pstats .bv{
  transform:none;
  transition-delay:calc(var(--card-d) + .7s);
}
#galp-3 .spec-head{padding:26px 76px 0}
#galp-3 .spec-body{padding:16px 76px 20px}
#galp-3 .spec-foot{padding:0 76px 37px;font-style:normal;color:#003973}
#galp-3 .sp-ft{font-style:normal;font-weight:500;color:#003973}
/* Budget waste — Figma 5000:178672 / card 5004:172383
   Signal col needs room for "Suppress" (~88px) so it doesn't collide with Clicks "0" */
.waste-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:29px;
}
.waste-col{
  box-sizing:border-box;
  background:rgba(221,225,229,.3);
  border-radius:10px;
  padding:36px 25px 32px;
  min-height:503px;
}
.waste-col-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0 0 22px;
}
.waste-col h5{
  font-family:var(--font-body);
  font-size:20px;font-weight:700;line-height:28px;color:#00172e;margin:0;
}
.waste-col .zc{
  font-size:16px;font-weight:600;line-height:20px;color:#0099d1;white-space:nowrap;
  opacity:0;
}
.gal-panel.is-enter .waste-col .zc{
  animation:zcPulse .9s cubic-bezier(.16,1,.3,1) both;
}
.gal-panel.is-enter .waste-col:nth-child(1) .zc{animation-delay:.45s}
.gal-panel.is-enter .waste-col:nth-child(2) .zc{animation-delay:.65s}
.waste-board{width:100%}
.waste-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px 78px 96px;
  align-items:center;
  column-gap:16px;
  min-height:76px;
  border-bottom:1px solid #dde1e5;
}
.gal-panel .waste-row:not(.waste-head){
  opacity:0;
}
.gal-panel.is-enter .waste-row:not(.waste-head){
  animation:wasteRowIn .75s cubic-bezier(.16,1,.3,1) both;
}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(2){animation-delay:.5s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(3){animation-delay:.62s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(4){animation-delay:.74s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(5){animation-delay:.86s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(6){animation-delay:.98s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(2){animation-delay:.7s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(3){animation-delay:.82s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(4){animation-delay:.94s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(5){animation-delay:1.06s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(6){animation-delay:1.18s}
.waste-row.waste-head{
  min-height:0;
  padding:0 0 16px;
  border-bottom:1px solid #dde1e5;
  align-items:end;
}
.mh-96 {min-height: 96px;}
.waste-row.waste-head > div{
  font-size:16px;font-weight:700;line-height:20px;
  text-transform:uppercase;color:#00172e;opacity:.67;letter-spacing:0;
  text-align:left;
}
.waste-row:last-child{border-bottom:0}
.w-name{
  font-size:16px;font-weight:500;line-height:20px;color:#00172e;
  min-width:0;
}
.w-num{
  text-align:right;
  font-size:16px;font-weight:500;line-height:20px;color:#00172e;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
/* Clicks col: center header + values (single-digit "0" looks off when right-aligned) */
.waste-row > :nth-child(3){
  text-align:center;
}
.waste-row.waste-head .w-num,
.waste-row.waste-head .w-sig{
  font-weight:700;text-transform:uppercase;
  text-align:right;
  opacity:.67;color:#00172e;
  white-space:nowrap;
}
.waste-row.waste-head > :nth-child(3){
  text-align:center;
}
.w-sig{
  display:block;
  width:100%;
  box-sizing:border-box;
  text-align:right;
  font-size:16px;font-weight:600;line-height:20px;color:#0099d1;
  white-space:nowrap;
  opacity:0;
  transform:translateX(8px) scale(.92);
}
.gal-panel.is-enter .w-sig{
  animation:suppressIn .55s cubic-bezier(.16,1,.3,1) both;
}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(2) .w-sig{animation-delay:.72s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(3) .w-sig{animation-delay:.84s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(4) .w-sig{animation-delay:.96s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(5) .w-sig{animation-delay:1.08s}
.gal-panel.is-enter .waste-col:nth-child(1) .waste-row:nth-child(6) .w-sig{animation-delay:1.2s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(2) .w-sig{animation-delay:.92s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(3) .w-sig{animation-delay:1.04s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(4) .w-sig{animation-delay:1.16s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(5) .w-sig{animation-delay:1.28s}
.gal-panel.is-enter .waste-col:nth-child(2) .waste-row:nth-child(6) .w-sig{animation-delay:1.4s}
.waste-row.waste-head .w-sig{
  opacity:1;transform:none;animation:none;
}
#galp-5 .spec-q{display:none}
#galp-5 .spec-head{padding:51px 46px 0}
#galp-5 .spec-body{padding:36px 46px 20px}
#galp-5 .spec-foot{padding:12px 46px 37px;font-style:normal;color:#003973}
#galp-5 .sp-ft{font-style:normal;font-weight:500;font-size:16px;line-height:24px;color:#003973}
.spec-scroll{overflow-x:auto}
@media (max-width:1200px) {
/* wrap padding is always on; keep rule for any overrides */
.wrap {
  padding-left: 20px;
  padding-right: 20px;
}
}
@media(max-width:900px){
  .gal-sources{
    max-width:max-content;
    width:fit-content;
    margin-left:auto;margin-right:auto;
    border-radius:72px;
    overflow:visible;
  }
  /* Impactable + DemandSense: single-row horizontal swipe */
  .gal-tablist:not([hidden]),
  .gal-tablist#impactTabs:not([hidden]),
  .gal-tablist#dsTabs:not([hidden]){
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    gap:4px;
    width:100%;
    max-width:100%;
    margin:0 0 28px;
    padding:4px 20px;
    background:transparent;
    border-radius:0;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .gal-tablist.is-scrollable:not(.is-at-start):not(.is-at-end){
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);
  }
  .gal-tablist.is-scrollable.is-at-start:not(.is-at-end){
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent);
  }
  .gal-tablist.is-scrollable.is-at-end:not(.is-at-start){
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 100%);
  }
  .gal-tablist.is-scrollable.is-at-start.is-at-end{
    -webkit-mask-image:none;
    mask-image:none;
  }
  .gal-tablist[hidden],
  #impactTabs[hidden],
  #dsTabs[hidden]{display:none!important}
  .gal-tablist::-webkit-scrollbar{display:none}
  .gal-source,
  .gal-tab{
    height:auto;min-height:40px;
    padding:8px 16px;
    font-size:15px;line-height:1.35;
    white-space:nowrap;
    flex:none;
    scroll-snap-align:start;
    -webkit-tap-highlight-color:transparent;
  }
  .spec-head,.spec-body,.spec-foot{padding-left:20px;padding-right:20px}
  #galp-3 .spec-head,#galp-3 .spec-body,#galp-3 .spec-foot,
  #galp-4 .spec-head,#galp-4 .spec-body,#galp-4 .spec-foot,
  #galp-5 .spec-head,#galp-5 .spec-body,#galp-5 .spec-foot{padding-left:20px;padding-right:20px}

  /* Impactable panel content: smaller type on mobile */
  .gal-panel[data-gal-group="impactable"] .spec-title{
    font-size:22px;line-height:28px;
  }
  .gal-panel[data-gal-group="impactable"] .spec-ask{
    font-size:16px;line-height:22px;
  }
  .gal-panel[data-gal-group="impactable"] .spec-foot,
  .gal-panel[data-gal-group="impactable"] .sp-ft{
    font-size:13px;line-height:20px;
  }
  .gal-panel[data-gal-group="impactable"] .fun-label .fl-n{font-size:15px;line-height:20px}
  .gal-panel[data-gal-group="impactable"] .fun-label .fl-s{font-size:13px}
  .gal-panel[data-gal-group="impactable"] .fun-fill .fb-n{font-size:14px;line-height:18px}
  .gal-panel[data-gal-group="impactable"] .fun-stat .fs-p{font-size:16px;line-height:22px}
  .gal-panel[data-gal-group="impactable"] .fun-stat .fs-p small{font-size:12px;line-height:16px}
  .gal-panel[data-gal-group="impactable"] .fun-delta{font-size:12px;padding:3px 7px}
  .gal-panel[data-gal-group="impactable"] .fa-h{font-size:13px}
  .gal-panel[data-gal-group="impactable"] .facard .fa-meta{font-size:12px}
  .gal-panel[data-gal-group="impactable"] .sig-row.sig-head > div,
  .gal-panel[data-gal-group="impactable"] .scale-row.scale-head > div{
    font-size:13px;line-height:18px;
  }
  .gal-panel[data-gal-group="impactable"] .sig-acct,
  .gal-panel[data-gal-group="impactable"] .sig-score,
  .gal-panel[data-gal-group="impactable"] .scale-name,
  .gal-panel[data-gal-group="impactable"] .scale-num{
    font-size:13px;line-height:18px;
  }
  .gal-panel[data-gal-group="impactable"] .sig-board .pool{
    width:26px;height:26px;font-size:12px;line-height:16px;
  }
  .gal-panel[data-gal-group="impactable"] .sig-board .act-pill,
  .gal-panel[data-gal-group="impactable"] .verdict-pill{
    height:28px;padding:2px 10px;font-size:13px;
  }
  .gal-panel[data-gal-group="impactable"] .pcard h4{font-size:17px;line-height:24px}
  .gal-panel[data-gal-group="impactable"] .pcard .prole{font-size:15px;line-height:22px;margin-bottom:12px}
  .gal-panel[data-gal-group="impactable"] .pcard .pline,
  .gal-panel[data-gal-group="impactable"] .pcard .pstats,
  .gal-panel[data-gal-group="impactable"] .pcard .paction{font-size:13px;line-height:20px}
  .gal-panel[data-gal-group="impactable"] .waste-col h5{font-size:17px;line-height:24px}
  .gal-panel[data-gal-group="impactable"] .waste-col .zc{font-size:13px}
  .gal-panel[data-gal-group="impactable"] .waste-row.waste-head > div,
  .gal-panel[data-gal-group="impactable"] .w-name,
  .gal-panel[data-gal-group="impactable"] .w-num,
  .gal-panel[data-gal-group="impactable"] .w-sig{font-size:13px;line-height:18px}
  .gal-panel[data-gal-group="impactable"] .waste-row{min-height:56px;column-gap:10px}

  .fun-row{grid-template-columns:110px 1fr;gap:8px 12px}
  .fun-stat{grid-column:2;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
  .fa-grid{grid-template-columns:1fr 1fr;gap:10px}
  .pgrid,.waste-grid{grid-template-columns:1fr}
  .waste-col{min-height:0;padding:28px 20px 22px}
  .pcard{min-height:0;padding:24px 22px 22px}
  .stab{min-width:560px}
}
@media(hover:none){
  .gal-source:hover,
  .gal-tab:hover{opacity:.7;color:var(--text);background:transparent}
  .gal-source.is-active:hover,
  .gal-tab[aria-selected="true"]:hover{
    opacity:1;color:var(--teal);background:rgba(255,255,255,.16);
  }
}
@media(prefers-reduced-motion:reduce){
  .gal-panel.is-enter{animation:none}
  .gal-panel .stab tbody tr,
  .gal-panel .sig-row:not(.sig-head),
  .gal-panel .scale-row:not(.scale-head),
  .gal-panel .pcard,
  .gal-panel .waste-col,
  .gal-panel .waste-row:not(.waste-head),
  .ds-panel img,
  .gal-panel.is-enter .stab tbody tr,
  .gal-panel.is-enter .sig-row:not(.sig-head),
  .gal-panel.is-enter .scale-row:not(.scale-head),
  .gal-panel.is-enter .pcard,
  .gal-panel.is-enter .waste-col,
  .gal-panel.is-enter .waste-row:not(.waste-head),
  .ds-panel.is-enter img{opacity:1;animation:none;transform:none}
  .fun-fill{transition:none}
  .fun-delta,.facard{opacity:1;transform:none;transition:none}
  .spark i,
  .sig-board .spark i{transform:none;transition:none;animation:none}
  .sig-board .pool,
  .sig-board .depth .dd,
  .sig-board .act-pill,
  .verdict-pill,
  .pcard > h4,
  .pcard > .prole,
  .pcard > .pline,
  .pcard > .pstats,
  .pcard > .paction,
  .pcard .pstats .gv,
  .pcard .pstats .bv,
  .pcard::after,
  .waste-col .zc,
  .w-sig{
    opacity:1;transform:none;transition:none;animation:none;width:auto;
  }
  .pcard::after{width:100%}
}

/* ── DIFFS (white) ── */
.rd-diff{background:var(--white);color:var(--navy-800);padding:90px 0}
.diff-grid{display:grid;grid-template-columns:476px 1fr;gap:54px;align-items:start}
.diff-head{max-width:476px!important;margin-left:0!important;text-align:left!important}
.rd-diff .rd-sec-head h2{
  color:var(--navy-800);text-transform:none;
  font-family:var(--font-display);font-size:48px;font-weight:400;line-height:56px;
}
.rd-diff .rd-sec-head h2 .hl{color:var(--blue)}
.rd-diff .rd-sec-head p{color:var(--navy-700);opacity:.8;font-size:16px;line-height:1.55}
.diff-head{grid-column:1;grid-row:1 / span 2}
.diff-grid > .diff-item:nth-child(2){grid-column:2;grid-row:1}
.diff-grid > .diff-item:nth-child(3){grid-column:2;grid-row:1;margin-left:330px}
.diff-grid > .diff-item:nth-child(4){grid-column:2;grid-row:2}
.diff-grid > .diff-item:nth-child(5){grid-column:2;grid-row:2;margin-left:330px}
.diff-item{
  width:300px;display:flex;flex-direction:column;align-items:flex-start;
}
.diff-item img{width:33px;height:33px;display:block;margin-bottom:12px}
.diff-item h3{
  font-family:var(--font-display);font-size:22px;line-height:1.12;font-weight:400;
  color:var(--navy-700);margin:0 0 10px;
}
.diff-item p{font-size:16px;color:var(--navy-700);line-height:1.45;margin:0;opacity:.8}
@media(max-width:1100px){
  .diff-grid{grid-template-columns:1fr 1fr;gap:28px 30px}
  .diff-head{max-width:720px!important;grid-column:1 / -1;grid-row:auto}
  .diff-grid > .diff-item:nth-child(n){grid-column:auto;grid-row:auto;margin-left:0}
}
@media(max-width:700px){
  .diff-grid{grid-template-columns:1fr}
  .diff-item{width:auto}
}

/* Footer → assets/css/chrome.css */

/* ── reveal ── */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .proc-card{transition:none}
}

.verdict{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px;border:1px solid}
.cpc-g{color:#7baa3e}
.cpc-t{color:var(--blue-soft)}
.cpc-r{color:#ff5a1f}
.gv{color:#7baa3e}
.bv{color:var(--blue-soft)}
.pcard .pstats .gv{color:#00c4b3}
.pcard .pstats .bv{color:#0099d1}
@media (max-width: 991px) {
  p br {
    display: none;
  }
}
@media (max-width: 768px) {
.rd-foot, .rd-diff, .rd-gal, .rd-impact, .rd-steps, .rd-caps, .rd-case, .rd-creds, .rd-process, .rd-services {
    padding: 50px 0;
}
.rd-hero-stats {
  padding-top: 20px;
}
.svc-card {
  min-height: auto;
}
.proc-rail {
  margin: 30px auto 0;
}
.rd-sec-head h2,
.creds-copy h2,
.case-copy h2,
.rd-midcta h2,
.gal-head h2,
.rd-caps .rd-sec-head h2,
.rd-steps .rd-sec-head h2,
.rd-process .rd-sec-head h2,
.rd-diff .rd-sec-head h2{
  font-size:40px;
  line-height:50px;
}
.mh-96 {min-height: auto;}
}
/* ── LIGHT THEME (Figma Light version 5058:210521) ── */
html[data-theme="light"] body{
  background:#fff;
  color:var(--navy-700);
}
html[data-theme="light"] .em{color:#00C4B3}
html[data-theme="light"] h2 .hl,
html[data-theme="light"] .hl{color:#0099D1}
html[data-theme="light"] .rd-hero h1 .em{color:#00C4B3}

/* Hero */
html[data-theme="light"] .rd-hero{
  background:#fff;
}
html[data-theme="light"] .rd-hero-dots--dark,
html[data-theme="light"] .rd-hero-ellipse--dark{display:none}
html[data-theme="light"] .rd-hero-dots--light{
  display:block;
  opacity:.9;
  filter:none;
}
html[data-theme="light"] .rd-hero-ellipse-light{
  display:block;
  opacity:1;
}
html[data-theme="light"] .rd-pill{
  border-radius: 50px;
  background: rgba(0, 153, 209, 0.15);
  color: #0099D1;
}
html[data-theme="light"] .rd-hero h1{color:var(--navy-900)}
html[data-theme="light"] .rd-hero-sub{color:#002245;}
html[data-theme="light"] .btn-ghost{    
  color: #003973;
  border-color: #003973;
}
html[data-theme="light"] .btn-ghost:hover{
  background:rgba(0,23,46,.05);
  border-color:var(--navy-800);
  color:var(--navy-900);
}
html[data-theme="light"] .hero-sm-text{color:var(--navy-700);opacity:.7}
html[data-theme="light"] .hstat .n{color:var(--teal)}
html[data-theme="light"] .hstat .l{color:#002245;}
html[data-theme="light"] .sys-head .t{color:var(--navy-800)}
html[data-theme="light"] .sys-node .sn-t{color:var(--navy-900)}
html[data-theme="light"] .sys-node .sn-d{color:rgba(0,34,69,.78)}
html[data-theme="light"] .sys-node.is-on .sn-t,
html[data-theme="light"] .sys-node.is-on .sn-d{color:var(--navy-900)}
html[data-theme="light"] .sys-node.loop .sn-t,
html[data-theme="light"] .sys-node.loop .sn-d,
html[data-theme="light"] .sys-node.loop.is-on .sn-t,
html[data-theme="light"] .sys-node.loop.is-on .sn-d{
  color:#00C4B3!important;
}
html[data-theme="light"] .sys-node.loop .sys-ico-dark{display:none!important}
html[data-theme="light"] .sys-node.loop .sys-ico-light{display:block!important}
html[data-theme="light"] .sys-node.loop.is-on .sys-ico-wrap .sys-ico{
  opacity:1;
  transform:scale(1);
}
html[data-theme="light"] .sys-rail::before{
  background:linear-gradient(180deg,#0099d1 0%, rgba(0,153,209,.4) 55%, rgba(0,196,179,.55) 100%);
}
html[data-theme="light"] .live-dot-img{
  animation:pulse-light 2.4s infinite;
}
@keyframes pulse-light{
  0%{filter:drop-shadow(0 0 0 rgba(0,196,179,.5))}
  70%{filter:drop-shadow(0 0 8px rgba(0,196,179,0))}
  100%{filter:drop-shadow(0 0 0 rgba(0,196,179,0))}
}

/* Services — Every channel we run */
html[data-theme="light"] .rd-services{
  background-color:#eef1f5;
  background-image:url("../../img/patterns-light.svg");
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  background-blend-mode:normal;
}
html[data-theme="light"] .rd-services .rd-sec-head h2{color:var(--navy-900)}
html[data-theme="light"] .rd-services .rd-sec-head p{color:#002245;opacity:.8}
html[data-theme="light"] .svc-card{
  background:#fff;
  border-color:rgba(0,57,115,.14);
  box-shadow:0 8px 28px rgba(0,17,34,.04);
}
html[data-theme="light"] .svc-card:hover{
  border-color:rgba(0,153,209,.45);
  background:#fff;
}
html[data-theme="light"] .svc-card h3{color:var(--navy-900)}
html[data-theme="light"] .svc-card p{color:rgba(0,34,69,.78)}
html[data-theme="light"] .svc-arrow{color:var(--teal)}
html[data-theme="light"] .svc-card:hover .svc-arrow{color:#5a8f00}

/* Creds — Certified, awarded, measured on revenue */
html[data-theme="light"] .rd-creds{
  position:relative;
  background:
    url("../../img/clip-img.svg") center top / cover no-repeat,
    linear-gradient(0deg, rgba(11, 49, 94, 0.04) 0%, rgba(11, 49, 94, 0.04) 100%),
    #FFF;
  border-top-color:rgba(0,57,115,.08);
}
html[data-theme="light"] .rd-creds > .wrap{
  position:relative;
  z-index:1;
}
html[data-theme="light"] .creds-copy h2{color:var(--navy-900)}
html[data-theme="light"] .creds-copy h2 .hl{color:#0099D1}
html[data-theme="light"] .creds-copy p{color:var(--navy-700)}
html[data-theme="light"] .creds-stats .n{color:var(--teal)}
html[data-theme="light"] .creds-stats .l{color:var(--navy-800)}
html[data-theme="light"] .cred-badge{
  background:#fff;
  border-color:rgba(0,57,115,.18);
}
html[data-theme="light"] .cred-badge:hover{
  border-color:rgba(0,153,209,.45);
  background:#f7fafc;
}
html[data-theme="light"] .cred-badge b{color:#002245}
html[data-theme="light"] .cred-badge span{color:var(--navy-700)}

/* Impact — A performance report / strategic diagnostic */
html[data-theme="light"] .rd-impact{
  background:#fff;
}
html[data-theme="light"] .rd-impact .strike{
  color:#002245;
  text-decoration-color:#002245;
}
html[data-theme="light"] .rd-impact .lift{
  color:#0099D1;
}
html[data-theme="light"] .ir-head p:last-child{
  color:#002245;
}
html[data-theme="light"] .act{
  background:rgba(0,153,209,.06);
  border-color:rgba(0,57,115,.14);
}
html[data-theme="light"] .act:hover{
  border-color:rgba(0,153,209,.4);
  background:rgba(0,153,209,.09);
}
html[data-theme="light"] .act h4{color:#002245}
html[data-theme="light"] .act p{color:#002245}
html[data-theme="light"] .act h4 svg{color:#00C4B3}

/* Gallery — A peek at the intel we share */
html[data-theme="light"] .rd-gal{
  background:rgba(204, 215, 227, 0.37);
}
html[data-theme="light"] .rd-gal::before{
  opacity:.35;
  filter:invert(1) hue-rotate(180deg) brightness(1.15);
}
html[data-theme="light"] .gal-head h2,
html[data-theme="light"] .gal-head h2 .hl{color:#002245}
html[data-theme="light"] .gal-head p{color:#002245;opacity:1}
html[data-theme="light"] .gal-sources,
html[data-theme="light"] .gal-tablist{
  background:#fff;
}
html[data-theme="light"] .gal-source,
html[data-theme="light"] .gal-tab{
  color:rgba(0,34,69,.55);
}
html[data-theme="light"] .gal-source:hover,
html[data-theme="light"] .gal-tab:hover{
  color:var(--navy-900);
  opacity:1;
}
html[data-theme="light"] .gal-source.is-active,
html[data-theme="light"] .gal-tab[aria-selected="true"]{
  background:#D4F5F2;
  color:#009D8F;
}
html[data-theme="light"] .gal-panel{
  background:#fff;
  border:1px solid rgba(0,57,115,.1);
  box-shadow:0 16px 40px rgba(0,17,34,.06);
  color:var(--navy-800);
}
html[data-theme="light"] .gal-panel .stab,
html[data-theme="light"] .gal-panel .sig-board,
html[data-theme="light"] .gal-panel .scale-board,
html[data-theme="light"] .gal-panel .waste-board,
html[data-theme="light"] .gal-panel .pcard{
  border-color:rgba(0,57,115,.12);
  color:var(--navy-800);
}
html[data-theme="light"] .gal-panel h3,
html[data-theme="light"] .gal-panel h4,
html[data-theme="light"] .gal-panel .stab th,
html[data-theme="light"] .gal-panel .sig-head,
html[data-theme="light"] .gal-panel .scale-head{
  color:var(--navy-900);
}
html[data-theme="light"] .gal-panel p,
html[data-theme="light"] .gal-panel td,
html[data-theme="light"] .gal-panel .sig-row,
html[data-theme="light"] .gal-panel .scale-row{
  color:var(--navy-700);
}

/* Soft theme crossfade on key surfaces */
body,
.rd-hero,
.rd-services,
.rd-creds,
.rd-gal,
.svc-card,
.cred-badge{
  transition:background-color .35s ease,color .3s ease,border-color .3s ease;
}