/* 99 Digital v2 — customers page (editorial story rows). Scoped to .customer-story-list / .customer-stories-*. */
html body main:not(#v2) .customer-story-list{padding-block:clamp(56px,7vw,120px) clamp(48px,6vw,96px);background:var(--v2-paper)}
html body main:not(#v2) .customer-story-list>.wrap{
  display:flex;flex-direction:column;gap:clamp(20px,2.6vw,36px);
  width:min(1280px,100% - var(--v2-gutter)*2);max-width:none;grid-template-columns:none;counter-reset:cstory;
}

/* row shell */
html body main:not(#v2) .customer-story-list .customer-story-row{
  --mx:50%;--my:50%;--c-glow:#52e3a433;--c-ink:var(--v2-ink);--c-sub:var(--v2-muted);--c-q:var(--v2-green-2);
  counter-increment:cstory;position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.5fr);column-gap:clamp(28px,5vw,88px);align-items:center;
  width:100%;aspect-ratio:auto;min-height:clamp(380px,58vh,540px);margin:0;
  padding:clamp(24px,4vw,64px);border-radius:clamp(28px,3.4vw,48px)!important;
  background:#fff!important;background-image:none!important;border:1px solid var(--v2-line)!important;
  box-shadow:0 1px 0 #fff inset,0 40px 80px -52px #10261a55!important;transform:none;
}
html body main:not(#v2) .customer-story-list .customer-story-row:hover{transform:none;z-index:auto;background-image:none!important;border-color:#52e3a480!important}
html body main:not(#v2) .customer-story-list .customer-story-row.teal{--c-glow:#2fc7a533}
html body main:not(#v2) .customer-story-list .customer-story-row.coral{--c-glow:#52e3a433}
html body main:not(#v2) .customer-story-list .customer-story-row.green{--c-glow:#087d4344}
html body main:not(#v2) .customer-story-list .customer-story-row.eco{--c-glow:#9bf0c833}

/* even rows: dark cinematic */
html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even){
  --c-ink:#fff;--c-sub:var(--v2-on-dark-muted);--c-q:var(--v2-mint);
  background:radial-gradient(800px 420px at 85% 0%,#14583399,transparent 62%),radial-gradient(600px 400px at 0% 110%,#0c6b4a55,transparent 60%),var(--v2-ink)!important;
  border-color:#ffffff14!important;box-shadow:0 50px 90px -50px #06140dcc!important;
}
/* spotlight following the pointer */
html body main:not(#v2) .customer-story-list .customer-story-row:before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;
  background:radial-gradient(520px circle at var(--mx) var(--my),var(--c-glow),transparent 62%);
}
html body main:not(#v2) .customer-story-list .customer-story-row:hover:before{opacity:1}
/* big faint index numeral (solid fill, no stroke) */
html body main:not(#v2) .customer-story-list .customer-story-row:after{
  content:counter(cstory,decimal-leading-zero);position:absolute;z-index:-1;inset-block-end:-.16em;inset-inline-end:clamp(16px,3vw,48px);
  font-size:clamp(140px,20vw,300px);font-weight:800;line-height:1;letter-spacing:-.06em;color:#0f4b240d;pointer-events:none;direction:ltr;
}
html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even):after{color:#ffffff0b}
.customer-story-list .c-orb{position:absolute;z-index:-1;pointer-events:none;width:46%;aspect-ratio:1;border-radius:50%;inset-block-start:-30%;inset-inline-start:-12%;
  background:radial-gradient(circle,var(--c-glow),transparent 66%);filter:blur(10px)}

/* alternate: identity on the opposite side */
@media(min-width:900px){
  html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even){grid-template-columns:minmax(0,1.5fr) minmax(260px,.78fr)}
  html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even) .customer-story-identity{grid-column:2;grid-row:1}
  html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even) .customer-story-content{grid-column:1;grid-row:1}
}

/* identity: logo tile + names */
html body main:not(#v2) .customer-story-list .customer-story-identity{
  order:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:0;border:0;background:none!important;box-shadow:none;min-height:0;border-radius:0;
}
html body main:not(#v2) .customer-story-list .customer-story-logo{
  position:relative;inset:auto;transform:none;width:100%;height:clamp(150px,17vw,250px);padding:clamp(16px,2vw,32px);margin:0 0 clamp(20px,2.2vw,32px);
  border:1px solid #10261a14;border-radius:clamp(20px,2.2vw,32px);background:#fff!important;overflow:hidden;
  box-shadow:0 30px 60px -36px #06140d66,0 0 0 8px #ffffff10;display:grid;place-items:center;
}
html body main:not(#v2) .customer-story-list .customer-story-row:nth-child(even) .customer-story-logo{border-color:#ffffff30}
html body main:not(#v2) .customer-story-list .customer-story-logo img{position:static;inset:auto;display:block;width:100%;height:100%;min-height:0;max-width:100%;object-fit:contain;object-position:center}
html body main:not(#v2) .customer-story-list .customer-story-logo:has(img[src*="ziv.webp"]){padding:0}
html body main:not(#v2) .customer-story-list .customer-story-logo:has(img[src*="inter.png"]){background:linear-gradient(145deg,#12301f,#087d43)!important}
html body main:not(#v2) .customer-story-list .customer-story-logo img[src*="ziv.webp"]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
html body main:not(#v2) .customer-story-list .customer-story-identity h2{
  order:1;grid-area:auto;margin:0!important;font-size:clamp(22px,2vw,32px)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.15!important;color:var(--c-ink)!important;text-align:start;
}
html body main:not(#v2) .customer-story-list .customer-story-identity p{
  order:2;grid-area:auto;margin:8px 0 0!important;font-size:clamp(15px,1.1vw,18px)!important;font-weight:500!important;line-height:1.4!important;color:var(--c-sub)!important;text-align:start;
  display:flex;align-items:center;gap:10px;
}
html body main:not(#v2) .customer-story-list .customer-story-identity p:before{content:'';width:22px;height:1px;background:currentColor;opacity:.6}

/* quote */
html body main:not(#v2) .customer-story-list .customer-story-content{order:0;flex:none;padding:0;min-height:0;text-align:start}
html body main:not(#v2) .customer-story-list .customer-story-content:before{
  content:'\201C';display:block;margin:0 0 clamp(8px,1.4vw,22px);font-family:var(--v2-font)!important;font-size:clamp(100px,11vw,180px);font-weight:800;line-height:.62;height:.36em;color:var(--c-q);
}
html body main:not(#v2) .customer-story-list .customer-story-content>p{
  margin:0;color:var(--c-ink)!important;font-size:clamp(25px,2.9vw,46px)!important;font-weight:700!important;line-height:1.28!important;letter-spacing:-.025em;text-wrap:pretty;max-width:26em;
}

/* side index rail (JS) */
.c-story-rail{position:fixed;inset-inline-end:clamp(10px,1.6vw,26px);top:50%;z-index:40;display:none;flex-direction:column;gap:14px;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .5s var(--v2-ease)}
.c-story-rail.is-on{opacity:1;pointer-events:auto}
.c-story-rail a{display:flex;align-items:center;gap:10px;width:34px;height:34px;border-radius:50%;justify-content:center;font-size:12px;font-weight:700;color:var(--v2-muted);background:#fafaf6e6;border:1px solid var(--v2-line);backdrop-filter:blur(10px);transition:all .45s var(--v2-ease);text-decoration:none}
.c-story-rail a.is-active{background:var(--v2-ink);color:var(--v2-mint);border-color:var(--v2-ink);transform:scale(1.18);box-shadow:0 10px 24px -8px #06140d88}
@media(min-width:1360px){.c-story-rail{display:flex}}

/* mobile */
@media(max-width:899px){
  html body main:not(#v2) .customer-story-list .customer-story-row{grid-template-columns:1fr;row-gap:clamp(20px,5vw,32px);min-height:0;padding:22px}
  html body main:not(#v2) .customer-story-list .customer-story-logo{height:150px}
  html body main:not(#v2) .customer-story-list .customer-story-content>p{font-size:clamp(21px,5.8vw,28px)!important}
  html body main:not(#v2) .customer-story-list .customer-story-content:before{font-size:96px}
  html body main:not(#v2) .customer-story-list .customer-story-row:after{font-size:150px}
}

/* proof marquee */
html body main:not(#v2) .customer-stories-proof{background:#fff;border-block:1px solid var(--v2-line);padding-block:clamp(40px,5vw,72px)}
html body main:not(#v2) .customer-stories-proof p{font-size:clamp(18px,1.6vw,24px)!important;font-weight:700;color:var(--v2-ink)!important;letter-spacing:-.02em}
html body main:not(#v2) .customer-stories-proof .compact-logo-grid img{filter:grayscale(1);opacity:.6;transition:filter .4s,opacity .4s}
html body main:not(#v2) .customer-stories-proof .compact-logo-grid img:hover{filter:none;opacity:1}

/* CTA */
html body main:not(#v2) .customer-story-cta{margin:0;padding-block:clamp(72px,9vw,150px)}
html body main:not(#v2) .customer-story-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,64px);flex-wrap:wrap}
html body main:not(#v2) .customer-story-cta>.wrap>div{flex:1 1 520px;min-width:0}
html body main:not(#v2) .customer-story-cta :is(h2){font-size:clamp(30px,4.2vw,64px)!important;margin:14px 0 0!important;max-width:16em}
html body main:not(#v2) .customer-story-cta>.wrap>div>span{display:inline-flex;font-size:15px!important;font-weight:500;color:var(--v2-mint)!important}
html body main:not(#v2) .customer-story-cta .btn{white-space:nowrap;flex:none}