/* ==========================================================================
   Case studies: the /case-studies hub ("Our Work") and the detail pages.
   Homepage visual language: builds on home.css (.hm-*) and fq-page.css
   (.pg-hero, .pg-crumb, .pg-mock, .pg-case). Square edges, hairlines, one blue
   accent, no glows. Mobile: [data-fq-carousel] (site-chrome.js) instead of
   long stacked lists.
   ========================================================================== */

.cs{--cs-pain:#B4441F;--cs-pain-bg:#FBEEE9;--cs-pain-line:#F3D9CE;--cs-ok:#0B7A44;--cs-ok-bg:#EAF5EF;--cs-ok-line:#D3EADD;}
.cs strong{font-weight:600;color:var(--ink);}
.cs .hm-dark strong,.cs .hm-tone--brand strong{color:#fff;}
.cs-sec{position:relative;}
.cs-lead{font-size:17.5px;line-height:1.65;color:var(--text-2);max-width:62ch;}
.hm-dark .cs-lead{color:rgba(255,255,255,.78);}
.cs-head{max-width:780px;margin-bottom:44px;}
.cs-head h2{margin-top:18px;font-size:42px;line-height:1.06;letter-spacing:-1.2px;}
.cs-head .cs-lead{margin-top:16px;}
.cs-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.cs-head--center .cs-lead{margin-left:auto;margin-right:auto;}
.cs-head--center .hm-eyebrow{justify-content:center;}
.cs-cap{margin-top:12px;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);}
.hm-dark .cs-cap{color:rgba(255,255,255,.72);}

/* ---------- detail hero (dark, homepage language: square, grid texture, no glow) ---------- */
.cs-hero.pg-hero{padding:48px 0 88px;}
.cs-hero .pg-hero__in{align-items:center;}
.cs-hero h1{font-size:48px;line-height:1.06;letter-spacing:-1.6px;}
.cs-hero.pg-hero--dark .pg-crumb,.cs-hero.pg-hero--dark .pg-crumb a{color:rgba(255,255,255,.72);}
.cs-hero.pg-hero--dark .pg-crumb a:hover,.cs-hero.pg-hero--dark .pg-crumb [aria-current]{color:#fff;}
.cs-hero.pg-hero--dark .lead{color:rgba(255,255,255,.8);}
.cs-hero.pg-hero--dark .hm-eyebrow{color:rgba(255,255,255,.78);}
.cs-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);}
.cs-meta > div{padding:0 20px;border-left:1px solid rgba(255,255,255,.18);}
.cs-meta > div:first-child{padding-left:0;border-left:0;}
.cs-meta dt{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.72);}
.cs-meta dd{margin:5px 0 0;font-size:15px;color:#fff;letter-spacing:-.1px;}

/* recreated dashboard in the hero */
.cs-dash{background:#121317;border:1px solid rgba(255,255,255,.16);}
.cs-dash__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12.5px;color:rgba(255,255,255,.78);}
.cs-dash__bar i{width:8px;height:8px;background:#3A3D45;flex:none;}
.cs-dash__bar b{margin-left:6px;font-weight:500;color:#fff;}
.cs-dash__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#4ADE80;}
.cs-dash__live::before{content:"";width:6px;height:6px;border-radius:50%;background:#4ADE80;}
.cs-dash__grid{display:grid;grid-template-columns:1fr 1fr;}
.cs-dash__tile{padding:22px 22px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.cs-dash__tile:nth-child(2n){border-right:0;}
.cs-dash__v{font-size:30px;letter-spacing:-1px;color:#fff;line-height:1;}
.cs-dash__k{margin-top:8px;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.72);}
.cs-dash__feed{padding:16px 18px 18px;}
.cs-dash__fl{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.72);margin-bottom:8px;}
.cs-dash__row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:rgba(255,255,255,.78);}
.cs-dash__row::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-light);flex:none;}
.cs-dash__row.ok::before{background:#4ADE80;}
.cs-dash__row.warn::before{background:#F2A285;}
.cs-dash__row b{color:#fff;font-weight:600;}

/* ---------- summary ---------- */
.cs-sum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;align-items:start;margin-bottom:44px;}
.cs-sum h2{margin-top:18px;font-size:42px;line-height:1.06;letter-spacing:-1.2px;}
.cs-sum p{font-size:19px;line-height:1.6;color:var(--ink);}
.cs-sum p + p{margin-top:16px;font-size:16px;color:var(--text-2);}
.cs-exec{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cs-exec__c{background:#fff;border:1px solid var(--line);padding:26px 24px 28px;}
.cs-exec__k{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);}
.cs-exec__c h3{margin-top:12px;font-size:23px;letter-spacing:-.6px;line-height:1.12;}
.cs-exec__c p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-3);}

/* ---------- client overview ---------- */
.cs-spec{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;border-top:1px solid var(--line);}
.cs-spec > div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);}
.cs-spec dt{font-size:14.5px;color:var(--text-3);}
.cs-spec dd{margin:0;font-size:14.5px;color:var(--ink);font-weight:600;text-align:right;}

/* ---------- card grids ---------- */
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.cs-grid--4{grid-template-columns:repeat(4,1fr);}
.cs-grid--2{grid-template-columns:repeat(2,1fr);}
.hm-tone--blue .cs-grid{background:#DDE3FB;border-color:#DDE3FB;}
.cs-card{display:flex;flex-direction:column;background:#fff;padding:28px 28px 30px;color:inherit;transition:background .2s var(--ease);}
a.cs-card:hover{background:#F7F8FF;}
.cs-card h3{font-size:20px;letter-spacing:-.4px;line-height:1.2;}
.cs-card p{margin-top:10px;font-size:15px;line-height:1.6;color:var(--text-3);}
.cs-card .hm-link{margin-top:auto;padding-top:18px;}
.cs-card__n{margin-bottom:12px;font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);}
.cs-ic{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);}
.cs-ic svg{width:20px;height:20px;}
.cs-ic--pain{border-color:var(--cs-pain-line);background:var(--cs-pain-bg);color:var(--cs-pain);}
.cs-bar{width:30px;height:2px;background:var(--accent);margin-bottom:18px;}
.cs-out{display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:16px;font-size:14px;line-height:1.45;font-weight:500;color:var(--cs-ok);}
.cs-out::before{content:"";flex:none;width:16px;height:16px;margin-top:1px;border:1px solid var(--cs-ok-line);background:var(--cs-ok-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B7A44' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat;}

/* ---------- before / after storyboards (dark) ---------- */
.cs-story{position:relative;}
.cs-story__line{position:absolute;top:29px;left:8%;right:8%;height:2px;background:rgba(255,255,255,.18);}
.cs-story__pulse{position:absolute;top:25px;left:8%;width:10px;height:10px;background:var(--accent-light);}
.cs-story--manual .cs-story__pulse{background:#F2A285;}
.is-live .cs-story__pulse{animation:csTravel 6s ease-in-out infinite;}
@keyframes csTravel{0%{left:8%;}45%{left:84%;}55%{left:84%;}100%{left:8%;}}
.cs-steps{display:grid;grid-template-columns:repeat(6,1fr);}
.cs-step{position:relative;text-align:center;padding:0 10px;}
.cs-step__ic{position:relative;z-index:1;width:58px;height:58px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:#121317;border:1px solid rgba(255,255,255,.22);color:#fff;}
.cs-story--manual .cs-step__ic{color:#F2A285;}
.cs-story--auto .cs-step__ic{background:var(--accent);border-color:var(--accent);}
.cs-step__ic svg{width:24px;height:24px;}
.cs-step__n{display:none;}
.cs-step h3{font-size:17px;letter-spacing:-.2px;color:#fff;}
.cs-step p{margin-top:6px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.75);}
.cs-step__pain{display:block;margin-top:8px;font-size:12.5px;font-weight:500;color:#F2A285;}
.cs-story__note{margin-top:44px;text-align:center;font-size:15px;color:rgba(255,255,255,.78);}

/* ---------- how it works: system diagram ---------- */
.cs-flow{display:grid;grid-template-columns:1fr 1.08fr .94fr 1fr;gap:40px;align-items:start;}
.cs-fcol{position:relative;}
.cs-fcol + .cs-fcol::before{content:"";position:absolute;left:-31px;top:50%;width:22px;height:22px;margin-top:-11px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231028E0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-5-6 6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat;}
.cs-fhd{display:flex;align-items:flex-start;gap:10px;min-height:52px;margin-bottom:16px;}
.cs-fhd__n{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:-.3px;line-height:1.2;}
.cs-fhd__t{font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--ink);line-height:1.35;}
.cs-fhd__t i{display:block;margin-top:3px;font-style:normal;font-size:11.5px;letter-spacing:.5px;color:var(--text-3);}
.cs-fpanel{background:var(--accent-soft);border:1px solid var(--accent-line);padding:14px;}
.cs-fnode{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line-2);padding:12px 14px;}
.cs-fnode + .cs-fnode{margin-top:10px;}
.cs-fico{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);color:var(--accent);}
.cs-fico img{width:20px;height:20px;object-fit:contain;display:block;}
.cs-fico svg{width:18px;height:18px;}
.cs-fico--ok{color:var(--cs-ok);background:var(--cs-ok-bg);border-color:var(--cs-ok-line);}
.cs-fico--pain{color:var(--cs-pain);background:var(--cs-pain-bg);border-color:var(--cs-pain-line);}
.cs-fnode b{display:block;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.25;}
.cs-fnode i{display:block;margin-top:3px;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--text-3);}
.cs-fsys{background:#fff;border:1px solid var(--line-2);padding:20px 16px 14px;}
.cs-fsys__logo{display:flex;justify-content:center;padding-bottom:18px;}
.cs-fsys__logo img{height:48px;width:auto;}
.cs-fsys__row{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:10px 13px;font-size:13.5px;color:var(--ink);}
.cs-fsys__row + .cs-fsys__row{margin-top:8px;}
.cs-fsys__row svg{width:16px;height:16px;flex:none;color:var(--accent);}
.cs-end{display:flex;align-items:center;gap:18px;margin-top:40px;background:#fff;border:1px solid var(--accent-line);padding:20px 24px;}
.cs-end__k{flex:none;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--accent);}
.cs-end__v{font-size:16px;line-height:1.5;color:var(--ink);border-left:1px solid var(--accent-line);padding-left:18px;}

/* ---------- human control / not automated ---------- */
.cs-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.cs-ctrl__p{background:#fff;border:1px solid #DDE3FB;padding:30px 30px 32px;}
.cs-ctrl__k{display:flex;align-items:center;gap:12px;}
.cs-ctrl__k span{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;}
.cs-ctrl__p--no .cs-ctrl__k span{background:#fff;border:1px solid var(--line-2);color:var(--ink);}
.cs-ctrl__k svg{width:20px;height:20px;}
.cs-ctrl__k h3{font-size:22px;letter-spacing:-.5px;line-height:1.15;}
.cs-ctrl ul{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--line);}
.cs-ctrl li{position:relative;padding:13px 0 13px 28px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--text-2);}
.cs-ctrl li::before{content:"";position:absolute;left:0;top:18px;width:10px;height:10px;border:2px solid var(--accent);}
.cs-ctrl__p--no li::before{border-color:var(--ink);background:linear-gradient(45deg,transparent 42%,var(--ink) 42%,var(--ink) 58%,transparent 58%);}
.cs-ctrl li b{color:var(--ink);font-weight:600;}
.cs-exc{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;align-items:baseline;margin-top:20px;padding:20px 24px;background:#fff;border:1px dashed var(--accent);}
.cs-exc__k{font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);}
.cs-exc__v{font-size:15.5px;line-height:1.55;color:var(--ink);}

/* ---------- technology ---------- */
.cs-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.cs-app{background:#fff;padding:26px 26px 28px;}
.cs-app__logo{height:46px;display:flex;align-items:center;margin-bottom:16px;color:var(--accent);}
.cs-app__logo img{max-height:28px;width:auto;max-width:150px;}
.cs-app__logo img.tall{max-height:46px;}
.cs-app__logo svg{width:28px;height:28px;}
.cs-app h3{font-size:16.5px;letter-spacing:-.3px;}
.cs-app p{margin-top:6px;font-size:14px;line-height:1.5;color:var(--text-3);}

/* ---------- results (brand band) + evidence strip ---------- */
.cs-results{padding:96px 0;}
.cs-results .cs-lead{color:rgba(255,255,255,.88);}
.cs-results .hm-eyebrow{color:#fff;}
.cs-stats{display:grid;grid-template-columns:repeat(4,1fr);}
.cs-stat{padding:4px 28px;border-left:1px solid rgba(255,255,255,.36);}
.cs-stat__n{font-size:48px;line-height:1;letter-spacing:-1.6px;color:#fff;font-variant-numeric:tabular-nums;}
.cs-stat__l{margin-top:14px;font-size:15px;line-height:1.5;color:#fff;max-width:230px;}
.cs .cs-callout{margin-top:44px;font-size:20px;line-height:1.55;letter-spacing:-.2px;color:#fff;max-width:900px;}
.cs-callout b{font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,.7);}
.cs .cs-callout + .cs-callout{margin-top:14px;font-size:17px;}
.cs-ev{margin-top:44px;border:1px solid rgba(255,255,255,.4);background:rgba(5,10,48,.24);}
.cs-ev__h{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.28);font-size:12.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#fff;}
.cs-ev dl{margin:0;display:grid;grid-template-columns:repeat(2,1fr);}
.cs-ev dl > div{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.2);}
.cs-ev dl > div:nth-child(odd){border-right:1px solid rgba(255,255,255,.2);}
.cs-ev dt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#fff;}
.cs-ev dd{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:#fff;}
.cs-tag{display:inline-block;padding:3px 8px;border:1px solid rgba(255,255,255,.6);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff;}
.cs-tag--solid{background:#fff;border-color:#fff;color:var(--accent);}
.cs-ev__foot{padding:14px 22px;font-size:14px;line-height:1.55;color:#fff;}

/* ---------- testimonial ---------- */
.cs-quote{max-width:880px;border-left:3px solid var(--accent);padding:6px 0 6px 32px;}
.cs-quote blockquote{margin:0;font-size:25px;line-height:1.42;letter-spacing:-.5px;color:var(--ink);}
.cs-quote figcaption{margin-top:24px;}
.cs-quote figcaption b{display:block;font-size:15.5px;font-weight:600;color:var(--ink);}
.cs-quote figcaption span{display:block;margin-top:2px;font-size:14px;color:var(--text-3);}
.cs .cs-next{max-width:880px;margin-top:30px;padding:20px 24px;background:#fff;border:1px solid var(--line);font-size:16px;line-height:1.65;color:var(--text-2);}
.cs-next b{color:var(--ink);font-weight:600;}

/* ---------- key takeaways (dark) ---------- */
.cs-take{border-top:1px solid rgba(255,255,255,.16);}
.cs-take__row{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.16);}
.cs-take__n{font-size:54px;letter-spacing:-2px;line-height:1;color:#fff;}
.cs-take__n b{font-weight:400;color:var(--accent-hi);}
.cs-take__t{font-size:18.5px;line-height:1.55;color:rgba(255,255,255,.8);}

/* ---------- related pages ---------- */
.cs-rel{margin-top:40px;padding-top:30px;border-top:1px solid var(--line-2);}
.cs-rel__k{font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:16px;}
.cs-chips{display:flex;flex-wrap:wrap;gap:10px;}
.cs-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--line-2);font-size:14.5px;font-weight:500;color:var(--ink);transition:border-color .2s ease,background .2s ease;}
.cs-chip:hover{border-color:var(--ink);}
.cs-chip em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);}
.cs-chip span{color:var(--accent);}

/* more case studies: .pg-case cards (fq-page.css) in a 2-up grid */
.cs-more{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.cs-more__foot{margin-top:28px;}

/* closing CTA: links under the card */
.cs-cta-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:18px;}
.hm-tone--brand .cs-cta-links .hm-link{color:#fff;}
.hm-cta__card .hm-cta__link{color:var(--accent);}

/* ---------- company page mock (company intelligence) ---------- */
.cs-ci{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:88px;}
.cs-ci h2{margin-top:18px;font-size:38px;line-height:1.08;letter-spacing:-1px;}
.cs-ci .cs-lead{margin-top:16px;}
.cs-ci__list{margin-top:26px;border-top:1px solid var(--line);}
.cs-ci__item{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);}
.cs-ci__item b{display:block;font-size:16px;font-weight:600;color:var(--ink);}
.cs-ci__item span{display:block;margin-top:3px;font-size:15px;line-height:1.6;color:var(--text-3);}
.cs-ci__proof{display:flex;gap:18px;align-items:center;margin-top:24px;background:#fff;border:1px solid var(--accent-line);padding:18px 22px;}
.cs-ci__proof b{flex:none;font-size:32px;font-weight:400;letter-spacing:-1px;line-height:1;color:var(--accent);}
.cs-ci__proof span{font-size:15px;line-height:1.55;color:var(--text-2);border-left:1px solid var(--accent-line);padding-left:18px;}
.cs-cpage{background:#fff;border:1px solid var(--line-2);}
.cs-cpage__top{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);}
.cs-cpage__logo{width:40px;height:40px;flex:none;background:var(--accent);}
.cs-cpage__nm{font-size:16px;letter-spacing:-.3px;color:var(--ink);}
.cs-cpage__sub{margin-top:2px;font-size:12.5px;color:var(--text-3);}
.cs-cpage__badge{margin-left:auto;padding:5px 9px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--cs-ok);background:var(--cs-ok-bg);}
.cs-cpage__sec{padding:16px 22px 10px;}
.cs-cpage__sec + .cs-cpage__sec{border-top:1px solid var(--line);}
.cs-cpage__h{display:flex;justify-content:space-between;margin-bottom:8px;font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);}
.cs-cpage__h em{font-style:normal;color:var(--accent);}
.cs-cev{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:9px 0;font-size:13.5px;color:var(--ink);}
.cs-cev + .cs-cev{border-top:1px dashed var(--line-2);}
.cs-cev__tag{padding:4px 0;text-align:center;font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);}
.cs-cev__tag--hire{color:var(--cs-ok);background:var(--cs-ok-bg);}
.cs-cev__tag--fund{color:#4B34B8;background:#F1ECFF;}
.cs-cev__src{font-size:12px;color:var(--text-3);white-space:nowrap;}
.cs-crole{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13.5px;color:var(--ink);}
.cs-crole + .cs-crole{border-top:1px dashed var(--line-2);}
.cs-crole span{font-size:12px;color:var(--text-3);white-space:nowrap;}

/* ==========================================================================
   Hub (/case-studies, "Our Work")
   ========================================================================== */
.ow-hero.hm-hero{padding:48px 0 88px;}
.ow-hero h1{margin-top:22px;font-size:56px;line-height:1.03;letter-spacing:-2px;}
.ow-hero .lead{margin-top:22px;font-size:19px;line-height:1.6;color:var(--text-2);max-width:46ch;}
.ow-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.ow-hero .ow-hero__note{margin-top:16px;font-size:14px;color:var(--text-3);}
.ow-board .pg-mock__row{grid-template-columns:28px 1fr auto;}
.ow-board .pg-mock__row b{font-size:14.5px;}
.ow-board .pg-mock__row small{font-size:13px;}
.ow-board__v{font-size:15px;font-weight:600;color:var(--ink);text-align:right;white-space:nowrap;}
.ow-board__v small{display:block;font-size:12px;font-weight:400;color:var(--text-3);}
.ow-board .pg-mock__label{margin-top:16px;color:var(--text-3);}

.ow-list{display:grid;gap:24px;}
.ow-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border:1px solid var(--line);color:inherit;transition:border-color .2s var(--ease),box-shadow .25s var(--ease);}
.ow-case:hover{border-color:var(--line-2);box-shadow:0 22px 50px -30px rgba(11,17,60,.3);}
.ow-case__img{position:relative;overflow:hidden;background:#0A0B0D;min-height:100%;}
.ow-case__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%;transition:transform .6s var(--ease);}
.ow-case:hover .ow-case__img img{transform:scale(1.04);}
.ow-case__b{display:flex;flex-direction:column;padding:34px 36px 32px;}
.ow-case__tag{font-size:12px;letter-spacing:.4px;text-transform:uppercase;font-weight:600;color:var(--accent);}
.ow-case h3{margin-top:12px;font-size:27px;line-height:1.18;letter-spacing:-.7px;}
.ow-facts{margin:22px 0 0;display:grid;gap:0;}
.ow-facts > div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-top:1px solid var(--line);}
.ow-facts dt{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);padding-top:2px;}
.ow-facts dd{margin:0;font-size:15px;line-height:1.55;color:var(--text-2);}
.ow-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.ow-kpi{padding:10px 12px;background:var(--accent-soft);border:1px solid var(--accent-line);}
.ow-kpi b{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--ink);line-height:1.2;}
.ow-kpi span{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--text-2);}
.ow-case .hm-link{margin-top:22px;}

.ow-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#DDE3FB;border:1px solid #DDE3FB;}
.ow-label{background:#fff;padding:26px 26px 28px;}
.ow-label .cs-tag{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);}
.ow-label h3{margin-top:16px;font-size:19px;letter-spacing:-.3px;}
.ow-label p{margin-top:8px;font-size:15px;line-height:1.6;color:var(--text-3);}
.ow-anon{display:flex;gap:16px;align-items:flex-start;margin-top:24px;padding:20px 24px;background:#fff;border:1px solid #DDE3FB;font-size:15.5px;line-height:1.6;color:var(--text-2);}
.ow-anon svg{flex:none;width:22px;height:22px;color:var(--accent);margin-top:2px;}

.ow-common{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);}
.ow-common__c{background:var(--dark);padding:30px 30px 32px;}
.ow-common__n{font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--accent-hi);}
.ow-common__c h3{margin-top:14px;font-size:21px;letter-spacing:-.4px;line-height:1.2;}
.ow-common__c p{margin-top:10px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.75);}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .cs-flow{grid-template-columns:1fr 1fr;gap:30px 24px;}
  .cs-fcol + .cs-fcol::before{display:none;}
  .cs-fhd{min-height:0;}
  .cs-exec{grid-template-columns:1fr 1fr;}
  .cs-apps,.ow-labels{grid-template-columns:1fr 1fr;}
  .ow-case{grid-template-columns:1fr;}
  .ow-case__img{aspect-ratio:16/7;min-height:0;}
}
@media (max-width:980px){
  .cs-hero h1,.ow-hero h1{font-size:42px;letter-spacing:-1.3px;}
  .cs-sum,.cs-ci,.cs-ctrl{grid-template-columns:1fr;gap:24px;}
  .cs-ci{gap:40px;}
  .cs-spec{grid-template-columns:1fr;}
  .cs-grid,.cs-grid--4{grid-template-columns:1fr 1fr;}
  .cs-stats{grid-template-columns:1fr 1fr;row-gap:34px;}
  .cs-take__row{grid-template-columns:1fr;gap:14px;padding:30px 0;}
  .cs-take__n{font-size:44px;}
  .cs-ev dl{grid-template-columns:1fr;}
  .cs-ev dl > div:nth-child(odd){border-right:0;}
  .ow-common{grid-template-columns:1fr;}
}
@media (max-width:820px){
  .cs-head h2,.cs-sum h2{font-size:30px;letter-spacing:-.8px;}
  .cs-head{margin-bottom:32px;}
  .cs-results{padding:72px 0;}
  .cs-hero .acts .hm-btn,.ow-hero .acts .hm-btn{flex:1 1 100%;}
}
@media (max-width:760px){
  .cs{--fq-car-gutter:22px;}
  .cs-hero.pg-hero,.ow-hero.hm-hero{padding:28px 0 60px;}
  .cs-hero h1,.ow-hero h1{font-size:34px;letter-spacing:-1px;line-height:1.08;}
  .cs-hero .lead,.ow-hero .lead{font-size:16.5px;}
  .cs-meta{grid-template-columns:1fr 1fr;row-gap:14px;}
  .cs-meta > div{padding:0;border-left:0;}
  .cs-dash__v{font-size:24px;}
  .cs-dash__tile{padding:16px;}
  .cs-sum p{font-size:17px;}
  /* carousels: cards carry their own borders */
  .cs-grid,.cs-apps,.ow-labels,.ow-common{background:none;border:0;}
  .cs-grid > *,.cs-apps > *,.cs-exec > *,.cs-more > *,.ow-labels > *{border:1px solid var(--line);}
  .hm-tone--blue .cs-grid > *{border-color:#DDE3FB;}
  .ow-common > *{border:1px solid rgba(255,255,255,.16);}
  .cs-card{padding:24px 22px 26px;}
  /* storyboards: swipe through the steps */
  .cs-story__line,.cs-story__pulse{display:none;}
  .cs-step{text-align:left;padding:22px 20px 24px;background:#121317;border:1px solid rgba(255,255,255,.16);}
  .cs-step__ic{margin:0 0 16px;width:48px;height:48px;}
  .cs-step__n{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.6px;color:rgba(255,255,255,.72);}
  .cs-story__note{text-align:left;margin-top:24px;}
  .cs-steps{--fq-car-w:78%;}
  .cs-flow{--fq-car-w:88%;align-items:stretch;}
  .cs-end{flex-direction:column;align-items:flex-start;gap:10px;}
  .cs-end__v{border-left:0;padding-left:0;}
  .cs-stat{padding:2px 0 2px 16px;}
  .cs-stat__n{font-size:38px;}
  .cs-callout{font-size:18px;}
  .cs-quote{padding-left:22px;}
  .cs-quote blockquote{font-size:20px;}
  .cs-ctrl__p{padding:24px 20px 26px;}
  .cs-exc{grid-template-columns:1fr;}
  .cs-ci h2{font-size:28px;}
  .cs-ci__proof{flex-direction:column;align-items:flex-start;}
  .cs-ci__proof span{border-left:0;padding-left:0;}
  .cs-cev{grid-template-columns:60px 1fr;}
  .cs-cev__src{display:none;}
  .cs-chip{width:100%;justify-content:space-between;}
  .cs-more{--fq-car-w:86%;}
  .ow-list{--fq-car-w:88%;align-items:stretch;}
  .ow-case__img{aspect-ratio:16/9;}
  .ow-case__b{padding:22px 20px 24px;}
  .ow-case h3{font-size:21px;letter-spacing:-.4px;}
  .ow-facts > div{grid-template-columns:1fr;gap:4px;}
  .ow-kpis{grid-template-columns:1fr;}
  .ow-anon{padding:18px;}
}
@media (prefers-reduced-motion:reduce){
  .cs-story__pulse{animation:none!important;}
}

/* ---------- redacted result table (company intelligence) ---------- */
.cs-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.cs-tbl{width:100%;min-width:860px;border-collapse:collapse;background:#fff;border:1px solid #DDE3FB;font-size:14px;line-height:1.45;color:var(--text-2);}
.cs-tbl caption{caption-side:top;text-align:left;padding:0 0 14px;font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink);}
.cs-tbl th{padding:13px 16px;text-align:left;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);background:#F7F8FF;border-bottom:1px solid #DDE3FB;}
.cs-tbl td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
.cs-tbl tr:last-child td{border-bottom:0;}
.cs-tbl td b{display:inline-block;margin-right:6px;padding:2px 7px;font-size:11.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;}
.cs-yes{color:var(--cs-ok);background:var(--cs-ok-bg);}
.cs-maybe{color:#8A5300;background:#FFF4DE;}
.cs-no{color:var(--cs-pain);background:var(--cs-pain-bg);}
.cs-redact{font-family:ui-monospace,Menlo,monospace;letter-spacing:-1px;color:var(--ink);}
.cs-rv{display:inline-block;padding:3px 8px;border:1px solid var(--line-2);font-size:12.5px;color:var(--text-2);white-space:nowrap;}
.cs-rv--ok{border-color:var(--cs-ok-line);color:var(--cs-ok);}
.cs-rv--no{border-color:var(--cs-pain-line);color:var(--cs-pain);}
@media (max-width:760px){.cs-tbl-wrap{margin-right:-22px;padding-right:22px;}}
.cs-more .pg-case__img{aspect-ratio:16/7;}
.cs-more .pg-case__img img{object-position:100% 50%;}