/* ============ W-EXPERTS-CRM page styles — tokens only, no raw brand hex ============
   Content ported verbatim from the 2.0 "CRM Integration" page (/crm-integration/),
   rebuilt on DS7-Web components. Section shapes pattern-lifted from the Experts+ family:
   cz-light band + asymmetric rhythm (how-it-works.css) · w-marquee trust strip (experts.njk) ·
   w-panel-rise--dark beats · w-cta-band close.
   Theme rhythm: light 1-3 -> DARK 4 -> light 5-8 -> DARK 9 -> light 10.
   =================================================================================== */

/* ===== light-band technique (.cz-light) — WHITE variant (verbatim from sibling Experts+ pages) ===== */
.cz-light{
  background:var(--w-bg);color:var(--w-text);
  --w-bg:#ffffff; --w-bg-deep:#ececec; --w-bg-elev:#ffffff;
  --w-card:#ffffff; --w-card-lo:#efefef; --w-card-hi:#ffffff;
  --w-text:var(--w-charcoal); --w-text-2:rgba(28,26,36,0.66); --w-text-3:rgba(28,26,36,0.62);
  --w-text-prose:#302d2e; --w-text-on-brand:#ffffff; --w-icon-ink:var(--w-charcoal);
  --w-line-soft:rgba(28,26,36,0.06); --w-line:rgba(28,26,36,0.10); --w-line-strong:rgba(28,26,36,0.16); --w-edge-top:rgba(255,255,255,0.9);
  --w-brand:var(--w-purple-ink); --w-brand-2:var(--w-purple); --w-brand-soft:rgba(152,135,244,0.10); --w-brand-line:rgba(152,135,244,0.28);
  --w-shadow-raise:0 8px 18px -8px rgba(28,26,36,0.07), inset 0 1px 0 rgba(255,255,255,0.9);
  --w-shadow-raise-soft:0 4px 10px -6px rgba(28,26,36,0.05), inset 0 1px 0 rgba(255,255,255,0.85);
  --w-shadow-recess:inset 0 1px 3px rgba(28,26,36,0.05), inset 0 -1px 0 rgba(255,255,255,0.8);
  --w-shadow-recess-deep:inset 0 2px 5px rgba(28,26,36,0.07), inset 0 -1px 0 rgba(255,255,255,0.7);
  --w-shadow-sm:0 1px 2px rgba(28,26,36,0.04); --w-shadow-md:0 4px 12px rgba(28,26,36,0.05); --w-shadow-lg:0 12px 28px rgba(28,26,36,0.07);
  --w-glow-brand:0 2px 8px rgba(28,26,36,0.05); --w-glow-brand-strong:0 6px 16px rgba(28,26,36,0.07);
  --w-glass-fill:rgba(255,255,255,0.66); --w-glass-fill-strong:rgba(255,255,255,0.86); --w-glass-tint:rgba(28,26,36,0.90);
  --w-glass-fill-soft:rgba(28,26,36,0.03); --w-glass-line:rgba(28,26,36,0.10); --w-glass-line-bright:rgba(28,26,36,0.16);
  --w-glass-rim-top:rgba(255,255,255,0.95); --w-glass-rim-bottom:rgba(28,26,36,0.05);
  --w-glass-blur:blur(18px) saturate(140%); --w-glass-blur-lg:blur(22px) saturate(145%);
  --w-glass-shadow:0 10px 24px rgba(28,26,36,0.06); --w-glass-shadow-soft:0 4px 12px rgba(28,26,36,0.05);
  --w-cta-fill:var(--w-glass-tint); --w-cta-text:#ffffff; --w-cta-glow:var(--w-shadow-md); --w-cta-glow-strong:var(--w-shadow-lg);
  --w-card-brand-wash:linear-gradient(160deg, rgba(28,26,36,0.06), rgba(28,26,36,0.015)); --w-card-brand-line:var(--w-line-strong);
  --w-tag-brand-bg:rgba(28,26,36,0.06); --w-tag-brand-fg:var(--w-text); --w-focus:rgba(28,26,36,0.55);
  --w-grad-surface:linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
  --w-grad-surface-hi:linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  --w-grad-recess:linear-gradient(180deg, #ededed 0%, #e3e3e3 100%);
}
@media (prefers-reduced-transparency: reduce){
  .cz-light .w-glass,.cz-light .w-btn--glass,.cz-light .w-tag,.cz-light .w-card,.cz-light .w-cta-band{background:var(--w-card);border-color:var(--w-line)}
}

/* ===== asymmetric section rhythm (tight top / generous bottom) ===== */
.w-section{padding-block:clamp(36px, 2.2vw + 1rem, 64px) clamp(64px, 4vw + 1.7rem, 108px)}
.w-section--hero{padding-block:clamp(96px, 6rem + 5vw, 168px) clamp(72px, 5vw + 2rem, 128px)}
.w-badge{box-shadow:0 2px 10px rgba(12,10,22,.12), inset 0 1px 0 var(--w-glass-rim-top)}
.w-panel-rise{--w-panel-overlap:34px}

/* ───────────── §1 HERO — copy LEFT · sync diagram RIGHT ───────────── */
.cri-hero{position:relative;background:#f1f0ee;overflow:hidden;
  padding-block:clamp(88px,6rem + 4vw,152px) clamp(56px,5vw + 1rem,104px)}
.cri-hero__grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.cri-hero__copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.cri-hero__copy .w-display{font-size:clamp(2.05rem,1rem + 2.85vw,3.3rem);line-height:1.06;margin-top:var(--w-s-5)}
.cri-hero__copy .w-lead{margin-top:var(--w-s-4);max-width:54ch}

.cri-hero__stat{display:flex;align-items:baseline;gap:var(--w-s-4);margin-top:var(--w-s-6);
  padding-left:var(--w-s-5);border-left:2px solid var(--w-brand-line)}
.cri-hero__stat-v{font-size:clamp(34px,1.8vw + 1.3rem,52px);font-weight:300;line-height:1;letter-spacing:-0.02em;
  background:var(--w-grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cri-hero__stat-l{font-size:var(--w-fs-sm);color:var(--w-text-2);max-width:24ch}
.cri-hero__cta{margin-top:var(--w-s-6)}

.cri-quote{margin:var(--w-s-7) 0 0;padding:var(--w-s-5) var(--w-s-5) var(--w-s-5) var(--w-s-6);
  position:relative;border-radius:var(--w-glass-radius);
  background:var(--w-glass-fill);border:1px solid var(--w-glass-line);
  -webkit-backdrop-filter:var(--w-glass-blur);backdrop-filter:var(--w-glass-blur);
  box-shadow:inset 0 1px 0 var(--w-glass-rim-top), var(--w-glass-shadow-soft);max-width:52ch}
.cri-quote__mark{position:absolute;left:var(--w-s-4);top:var(--w-s-4);width:16px;height:16px;color:var(--w-brand);opacity:.55}
.cri-quote blockquote{margin:0;font-family:var(--w-font-serif);font-style:italic;font-size:var(--w-fs-lead);
  line-height:var(--w-lh-snug);color:var(--w-text)}
.cri-quote figcaption{margin-top:var(--w-s-3);font-size:var(--w-fs-xs);color:var(--w-text-3)}

/* hero visual — sync diagram */
.cri-hero__visual{width:100%}
.cri-sync{display:flex;flex-direction:column;gap:var(--w-s-5);
  padding:clamp(18px,2vw,26px);border-radius:var(--w-r-2xl);
  background:var(--w-glass-fill-strong);border:1px solid var(--w-glass-line);
  -webkit-backdrop-filter:var(--w-glass-blur-lg);backdrop-filter:var(--w-glass-blur-lg);
  box-shadow:inset 0 1.5px 0 var(--w-glass-rim-top), var(--w-shadow-lg)}
.cri-sync__pills{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--w-s-3)}
.cri-pill{display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding:var(--w-s-3);border-radius:var(--w-r-lg);
  background:var(--w-glass-fill-soft);border:1px solid var(--w-line-soft)}
.cri-pill b{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-text);line-height:1.1}
.cri-pill i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3);line-height:1.3}

.cri-sync__flow{display:flex;flex-direction:column;gap:var(--w-s-4)}
.cri-node{display:flex;align-items:center;gap:var(--w-s-3);
  padding:var(--w-s-4);border-radius:var(--w-r-lg);
  background:var(--w-card);border:1px solid var(--w-line);box-shadow:var(--w-shadow-sm)}
.cri-node--source{background:var(--w-card-brand-wash);border-color:var(--w-card-brand-line)}
.cri-node__tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.cri-node__tx b{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-text);line-height:1.2}
.cri-node__tx i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3);line-height:1.3}

.cri-sync__link{display:flex;flex-direction:column;align-items:center;gap:6px}
.cri-sync__wire{position:relative;width:2px;height:22px;border-radius:2px;background:var(--w-line-strong);overflow:hidden}
.cri-sync__dot{position:absolute;left:-1px;width:4px;height:8px;border-radius:2px;background:var(--w-brand);
  animation:cri-flow 2.2s linear infinite}
.cri-sync__wire--rev .cri-sync__dot{animation-direction:reverse;animation-delay:1.1s}
@keyframes cri-flow{from{transform:translateY(-10px)}to{transform:translateY(24px)}}
.cri-sync__label{font-family:var(--w-font-kicker);text-transform:uppercase;letter-spacing:.1em;
  font-size:10.5px;color:var(--w-text-3)}
.cri-sync__targets{display:grid;grid-template-columns:1fr 1fr;gap:var(--w-s-3)}

@media (prefers-reduced-motion:reduce){.cri-sync__dot{animation:none;top:7px}}
@media (max-width:900px){
  .cri-hero__grid{grid-template-columns:1fr;gap:clamp(28px,6vw,42px)}
}
@media (max-width:520px){
  .cri-sync__pills{grid-template-columns:1fr}
  .cri-sync__targets{grid-template-columns:1fr}
  .cri-hero__stat{flex-direction:column;gap:var(--w-s-2)}
}

/* ───────────── §2 TRUST STRIP ─────────────
   Markup lifted from the homepage; these five rules are lifted with it (home.css "light trust
   strip" block). They're REQUIRED, not cosmetic: ds7.css inverts `.w-marquee__item` to white for
   the dark default theme, and this strip sits on a light band — without the re-inversion every
   logo renders white-on-white and the row looks empty. */
#trust{background:#f5f5f5}
#trust .w-trust-label{color:rgba(28,26,36,.55)}
#trust .w-marquee__item{filter:brightness(0);opacity:.5}
#trust .w-marquee__lockup i{filter:brightness(0);opacity:.5}
#trust .w-marquee__lockup b{color:rgba(28,26,36,.62)}

/* ───────────── §3 NATIVE INTEGRATIONS — bento ───────────── */
.cri-apps__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--w-s-6)}
/* grid/flex children default to min-width:auto — nowrap content (the window URL, the status
   tag) would otherwise force the card wider than its track at narrow widths. */
.cri-apps__grid>*{min-width:0}
.cri-app{gap:var(--w-s-5);min-width:0}
.cri-app__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--w-s-3);min-width:0}
.cri-app__tx{display:flex;flex-direction:column;gap:2px;margin-right:auto;min-width:0}
.cri-app__tx b{font-size:var(--w-fs-h4);font-weight:var(--w-fw-bold);color:var(--w-text);line-height:1.15}
.cri-app__tx i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3)}

.cri-win{border-radius:var(--w-r-lg);overflow:hidden;border:1px solid var(--w-line);min-width:0;
  background:var(--w-grad-recess);box-shadow:var(--w-shadow-recess)}
.cri-win__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;min-width:0;
  background:var(--w-card-lo);border-bottom:1px solid var(--w-line-soft)}
.cri-win__bar>span{width:8px;height:8px;flex:none;border-radius:var(--w-r-full);background:var(--w-line-strong)}
.cri-win__bar em{margin-left:10px;min-width:0;font-style:normal;font-family:var(--w-font-mono);
  font-size:10.5px;color:var(--w-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cri-win__panel{margin:var(--w-s-4);display:flex;flex-direction:column;gap:var(--w-s-3)}
.cri-win__row{display:flex;align-items:center;justify-content:space-between;gap:var(--w-s-3)}
.cri-win__app{display:inline-flex;align-items:center;gap:8px;font-size:var(--w-fs-sm);font-weight:var(--w-fw-semi);color:var(--w-charcoal)}
.cri-win__state{font-family:var(--w-font-kicker);text-transform:uppercase;letter-spacing:.1em;
  font-size:9.5px;color:var(--w-green)}
.cri-win__title{margin:0;font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-charcoal)}
.cri-win__body{margin:0;font-size:var(--w-fs-xs);line-height:1.5;color:rgba(28,26,36,0.66)}
.cri-win__cta{align-self:flex-start;font-size:var(--w-fs-xs);font-weight:var(--w-fw-semi);
  padding:7px 14px;border-radius:var(--w-r-pill);color:var(--w-charcoal);
  background:rgba(28,26,36,0.06);border:1px solid rgba(28,26,36,0.10)}
.cri-win__cta--solid{background:var(--w-glass-tint);border-color:transparent;color:#fff}

.cri-app__pts{list-style:none;margin:0;padding:0;min-width:0;display:flex;flex-wrap:wrap;gap:var(--w-s-3) var(--w-s-5)}
.cri-app__pts li{display:inline-flex;align-items:center;gap:7px;font-size:var(--w-fs-sm);color:var(--w-text-2)}
.cri-app__pts .w-icon{width:15px;height:15px;color:var(--w-brand);flex:none}

.cri-any{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.cri-any__copy .w-card__title{font-size:var(--w-fs-h3)}
.cri-any__copy .w-card__body{margin-top:var(--w-s-3);max-width:52ch}
.cri-any__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--w-s-4)}
.cri-opt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  padding:var(--w-s-4);border-radius:var(--w-r-lg);
  background:var(--w-glass-fill-soft);border:1px solid var(--w-line-soft)}
.cri-opt b{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-text)}
.cri-opt i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3)}

@media (max-width:900px){
  .cri-apps__grid{grid-template-columns:1fr}
  .cri-any{grid-template-columns:1fr}
}
@media (max-width:520px){
  .cri-any__opts{grid-template-columns:1fr}
  .cri-app__pts{gap:var(--w-s-2) var(--w-s-4)}
}

/* ───────────── §4 SETUP — dark connected stepper ───────────── */
.cri-setup{background:var(--w-bg)}
.cri-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.cri-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--w-s-3)}
.cri-step__n{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;
  border-radius:var(--w-r-full);font-size:var(--w-fs-lead);font-weight:var(--w-fw-bold);
  color:var(--w-text-on-brand);background:var(--w-grad-brand);box-shadow:var(--w-glow-brand)}
.cri-step__rule{position:absolute;top:23px;left:calc(46px + var(--w-s-4));right:calc(-1 * clamp(24px,3vw,44px) - var(--w-s-4));
  height:1px;background:linear-gradient(90deg,var(--w-line-strong),transparent)}
.cri-step__t{margin:var(--w-s-2) 0 0;font-size:var(--w-fs-h4);font-weight:var(--w-fw-bold);color:var(--w-text)}
.cri-step__b{margin:0;font-size:var(--w-fs-sm);line-height:var(--w-lh-normal);color:var(--w-text-2);max-width:38ch}

@media (max-width:860px){
  .cri-steps{grid-template-columns:1fr;gap:var(--w-s-6)}
  .cri-step__rule{display:none}
}

/* ───────────── §5 FEATURES ───────────── */
.cri-feat .w-card{gap:var(--w-s-4)}

/* ───────────── §6 DASHBOARD PREVIEW — tabs ───────────── */
.cri-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:var(--w-s-7);
  padding:6px;border-radius:var(--w-r-pill);width:fit-content;margin-inline:auto;
  background:var(--w-glass-fill-soft);border:1px solid var(--w-glass-line)}
.cri-tab{appearance:none;border:0;cursor:pointer;font-family:var(--w-font);
  font-size:var(--w-fs-sm);font-weight:var(--w-fw-semi);color:var(--w-text-2);
  padding:10px 20px;border-radius:var(--w-r-pill);background:transparent;
  transition:color var(--w-dur) var(--w-ease),background var(--w-dur) var(--w-ease)}
.cri-tab:hover{color:var(--w-text)}
.cri-tab.is-on{color:var(--w-cta-text);background:var(--w-cta-fill);box-shadow:var(--w-cta-glow)}
.cri-tab:focus-visible{outline:none;box-shadow:0 0 0 3px var(--w-brand-soft)}

.cri-pane[hidden]{display:none}
.cri-pane__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,64px);align-items:center}
.cri-pane__grid>*{min-width:0}
.cri-pane__grid--rev .cri-pane__copy{order:2}
.cri-pane__grid--rev .cri-mock{order:1}
.cri-pane__t{margin:0;font-size:var(--w-fs-h3);font-weight:var(--w-fw-bold);letter-spacing:var(--w-ls-tight);color:var(--w-text)}
.cri-pane__lead{margin:var(--w-s-3) 0 0;font-size:var(--w-fs-lead);color:var(--w-text-2)}
.cri-pane__b{margin:var(--w-s-4) 0 0;font-size:var(--w-fs-body);line-height:var(--w-lh-normal);color:var(--w-text-2);max-width:50ch}
.cri-chips{display:flex;flex-wrap:wrap;gap:var(--w-s-2);margin-top:var(--w-s-5)}

.cri-mock{display:flex;flex-direction:column;gap:var(--w-s-3);
  padding:clamp(16px,2vw,24px);border-radius:var(--w-r-2xl);
  background:var(--w-glass-fill-strong);border:1px solid var(--w-glass-line);
  -webkit-backdrop-filter:var(--w-glass-blur-lg);backdrop-filter:var(--w-glass-blur-lg);
  box-shadow:inset 0 1.5px 0 var(--w-glass-rim-top), var(--w-shadow-lg)}
.cri-mock__row{display:flex;align-items:center;gap:var(--w-s-3);
  padding:var(--w-s-3);border-radius:var(--w-r-lg);background:var(--w-card);border:1px solid var(--w-line-soft)}
.cri-mock__card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--w-s-3);
  padding:var(--w-s-4);border-radius:var(--w-r-lg);background:var(--w-glass-fill-soft);border:1px solid var(--w-line-soft)}
.cri-mock__card--brand{background:var(--w-card-brand-wash);border-color:var(--w-card-brand-line)}
.cri-mock__tx{display:flex;flex-direction:column;gap:2px;margin-right:auto;min-width:0}
.cri-mock__tx--end{margin-right:0;text-align:right;align-items:flex-end}
.cri-mock__tx b{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-text);line-height:1.2}
.cri-mock__tx i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3);line-height:1.3}
.cri-mock__pills{display:flex;flex-wrap:wrap;gap:var(--w-s-2)}
.cri-mock__score{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);
  background:var(--w-grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cri-mock__foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--w-s-3);
  padding-top:var(--w-s-3);border-top:1px solid var(--w-line-soft)}
.cri-mock__kpi{display:flex;flex-direction:column;gap:2px}
.cri-mock__kpi b{font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);color:var(--w-text)}
.cri-mock__kpi i{font-style:normal;font-size:var(--w-fs-xs);color:var(--w-text-3)}
.cri-mock .w-icon{width:13px;height:13px}

.cri-ava{display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:38px;height:38px;border-radius:var(--w-r-full);
  font-size:12px;font-weight:var(--w-fw-bold);letter-spacing:.02em;
  color:var(--w-text-on-brand);background:var(--w-grad-brand)}
.cri-ava--alt{background:var(--w-grad-brand-rev)}
.cri-ava--alt2{background:var(--w-glass-tint)}

@media (max-width:900px){
  .cri-pane__grid{grid-template-columns:1fr;gap:var(--w-s-6)}
  .cri-pane__grid--rev .cri-pane__copy,.cri-pane__grid--rev .cri-mock{order:0}
}
@media (max-width:480px){
  .cri-tabs{width:100%;justify-content:stretch}
  .cri-tab{flex:1 1 auto;padding:10px 12px;text-align:center}
  .cri-mock__tx--end{text-align:left;align-items:flex-start}
}

/* ───────────── §7 ROI COUNTERS ───────────── */
.cri-roi{padding-top:0}
.cri-roi .w-stat-grid{gap:var(--w-s-4) 0}
.cri-roi .w-stat__value{font-size:clamp(32px,1.7vw + 1.2rem,50px)}
@media (max-width:600px){
  .cri-roi .w-stat{flex:1 1 45%;min-width:130px;border-left:none;padding:var(--w-s-3) var(--w-s-2)}
}

/* ───────────── §8 REVIEWS — two opposing marquee rows ───────────── */
.cri-wall__rows{display:flex;flex-direction:column;gap:var(--w-s-5);margin-top:var(--w-s-4);
  overflow:hidden;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.cri-wall__row{display:flex;gap:var(--w-s-5);width:max-content;
  animation:cri-wall 78s linear infinite}
.cri-wall__row--rev{animation-direction:reverse}
.cri-wall__rows:hover .cri-wall__row{animation-play-state:paused}
@keyframes cri-wall{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.cri-rev{width:clamp(280px,26vw,352px);flex:none;gap:var(--w-s-3)}
.cri-rev__t{margin:0;font-size:var(--w-fs-sm);font-weight:var(--w-fw-bold);letter-spacing:var(--w-ls-tight);
  line-height:var(--w-lh-snug);color:var(--w-text)}
.cri-rev__b{margin:0;font-size:var(--w-fs-xs);line-height:1.6;color:var(--w-text-2)}
.cri-rev__f{margin-top:auto;padding-top:var(--w-s-3);display:flex;align-items:center;gap:var(--w-s-3);
  border-top:1px solid var(--w-line-soft)}
.cri-wall__note{margin-top:var(--w-s-5);text-align:center;font-size:var(--w-fs-xs);color:var(--w-text-3)}

@media (prefers-reduced-motion:reduce){
  .cri-wall__row{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  .cri-wall__rows{-webkit-mask:none;mask:none}
  .cri-rev{width:min(100%,352px)}
}

/* ───────────── §9 SECURITY — dark asymmetric split ───────────── */
.cri-sec{background:var(--w-bg)}
.cri-sec__grid{display:grid;grid-template-columns:0.95fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}
.cri-sec__copy{display:flex;flex-direction:column;align-items:flex-start}
.cri-sec__copy .w-section-head__title{margin-top:var(--w-s-5);text-align:left}
.cri-sec__copy .w-p{margin-top:var(--w-s-4);max-width:46ch}
.cri-sec__checks{display:flex;flex-direction:column;gap:var(--w-s-3);margin-top:var(--w-s-6)}
.cri-sec__check{display:inline-flex;align-items:center;gap:10px;font-size:var(--w-fs-sm);color:var(--w-text-2)}
.cri-sec__check .w-icon{width:16px;height:16px;color:var(--w-brand);flex:none}
.cri-sec__tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--w-s-5)}
.cri-sec__tile{gap:var(--w-s-3)}
.cri-sec__tile .w-card__title{font-size:var(--w-fs-h4)}

@media (max-width:900px){
  .cri-sec__grid{grid-template-columns:1fr;gap:var(--w-s-7)}
}
@media (max-width:520px){
  .cri-sec__tiles{grid-template-columns:1fr}
}

/* ───────────── §10 FINAL CTA ───────────── */
.cri-cta .w-cta-band__title{max-width:20ch}