/* =========================================================
   CRACK THE GRADE — CRO SERVICE PAGE
   Page-specific visual system. Global shell remains shared.
   ========================================================= */

.cro-page{overflow-x:hidden}
.cro-page p,.cro-page li,.cro-page blockquote,.cro-page figcaption{text-wrap:pretty}
.cro-page h1,.cro-page h2,.cro-page h3,.cro-page h4{font-family:"Instrument Sans",sans-serif}

.cro-hero{
  min-height:min(760px,calc(100svh - 112px));
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:clamp(48px,6vw,90px);
  align-items:center;
  padding:48px 0 70px;
}
.cro-hero-copy h1{
  max-width:770px;
  margin:0;
  font-size:clamp(50px,5.1vw,74px);
  line-height:.99;
  letter-spacing:-.058em;
  font-weight:500;
}
.cro-hero-copy h1 strong{display:block;font-weight:650}
.cro-hero-copy h1 span{display:block;margin-top:22px;max-width:690px;color:#c4c9d1;font-family:"Manrope",sans-serif;font-size:clamp(21px,1.7vw,27px);line-height:1.48;letter-spacing:-.025em;font-weight:400}
.cro-hero-copy p{
  max-width:700px;
  margin:34px 0 0;
  color:var(--muted);
  font-size:19px;
  line-height:1.75;
}

.cro-hero-engine{
  position:relative;
  min-height:510px;
  overflow:hidden;
  border:1px solid var(--line);
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 70% 44%,rgba(184,198,255,.09),transparent 31%),
    rgba(27,29,33,.78);
  background-size:38px 38px,38px 38px,auto,auto;
  box-shadow:0 36px 90px rgba(0,0,0,.2);
}
.cro-hero-engine::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 0 48%,rgba(32,34,38,.72) 100%);
}
.cro-engine-grid{position:absolute;inset:12%;border:1px solid rgba(184,198,255,.08);border-radius:50%;opacity:.8}
.cro-engine-grid::before{content:"";position:absolute;inset:18%;border:1px solid rgba(184,198,255,.07);border-radius:50%}
.cro-engine-head{
  position:absolute;z-index:3;left:7%;right:7%;top:7%;display:grid;grid-template-columns:1fr 1fr;gap:52px;
  color:#aeb4bf;font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
}
.cro-engine-head span:last-child{text-align:right;color:#cbd3ef}
.cro-engine-columns{
  position:absolute;z-index:3;inset:18% 8% 10%;display:grid;grid-template-columns:1fr 60px 1fr;gap:16px;align-items:stretch;
}
.cro-engine-column{display:grid;grid-template-rows:auto 1fr auto 1fr auto;align-items:center;padding:22px;border:1px solid rgba(238,241,246,.10);background:rgba(32,34,38,.72)}
.cro-engine-after{border-color:rgba(184,198,255,.22);background:rgba(33,36,43,.78)}
.cro-engine-metric span{display:block;color:#969eaa;font-size:16px;line-height:1.35}
.cro-engine-metric strong{display:block;margin-top:6px;color:#e8eaf0;font-family:"Instrument Sans",sans-serif;font-size:clamp(28px,2.5vw,40px);letter-spacing:-.045em;line-height:1}
.cro-engine-after .cro-engine-metric strong{color:var(--accent)}
.cro-engine-line{height:1px;background:linear-gradient(90deg,transparent,rgba(184,198,255,.22),transparent);transform:scaleX(0);transform-origin:left}
.cro-engine-axis{display:grid;place-items:center}
.cro-engine-axis span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(184,198,255,.23);border-radius:50%;background:#202226;color:var(--accent);font-size:28px;opacity:0;transform:scale(.8)}
.cro-hero-engine.is-active .cro-engine-line{animation:cro-line .7s var(--ease) .5s forwards}
.cro-hero-engine.is-active .cro-engine-axis span{animation:cro-axis .65s var(--ease) .85s forwards}
.cro-hero-engine.is-active .cro-engine-after{animation:cro-after 1s var(--ease) .45s both}
@keyframes cro-line{to{transform:scaleX(1)}}
@keyframes cro-axis{to{opacity:1;transform:scale(1);box-shadow:0 0 0 9px rgba(184,198,255,.035),0 0 34px rgba(184,198,255,.12)}}
@keyframes cro-after{0%{opacity:.35;filter:blur(4px);transform:translateX(12px)}100%{opacity:1;filter:none;transform:none}}

.cro-section-nav{position:sticky;top:88px;z-index:80;border-top:0;border-bottom:1px solid var(--line-soft);background:rgba(32,34,38,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cro-section-nav-inner{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:none}.cro-section-nav-inner::-webkit-scrollbar{display:none}
.cro-section-nav a{flex:0 0 auto;padding:9px 13px;border:1px solid transparent;color:#aeb4bf;font-size:16px;line-height:1;font-weight:600;white-space:nowrap;transition:.2s ease}
.cro-section-nav a:hover,.cro-section-nav a:focus-visible,.cro-section-nav a.is-current{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.025)}

.cro-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:86px 0 104px}
.cro-benefit-card{min-height:520px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 55%);transition:transform .35s var(--ease),border-color .35s ease}
.cro-benefit-card:hover{transform:translateY(-4px);border-color:rgba(184,198,255,.24)}
.cro-benefit-card h2{margin:30px 0 24px;font-size:clamp(28px,2.4vw,38px);line-height:1.03;letter-spacing:-.045em;font-weight:560}
.cro-benefit-card ul,.cro-critical-card ul,.cro-easy-panel ul,.cro-method ul{margin:0;padding:0;list-style:none}
.cro-benefit-card li,.cro-critical-card li,.cro-easy-panel li,.cro-method li{position:relative;padding:18px 0 18px 22px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:16px;line-height:1.72}
.cro-benefit-card li::before,.cro-critical-card li::before,.cro-easy-panel li::before,.cro-method li::before{content:"";position:absolute;left:0;top:29px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.7}
.cro-benefit-card strong,.cro-critical-card strong,.cro-easy-panel strong,.cro-method strong{color:var(--text)}
.cro-benefit-visual{position:relative;height:132px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;background:radial-gradient(circle at center,rgba(184,198,255,.055),transparent 42%)}
.cro-benefit-visual i{position:absolute;display:block}
.cro-benefit-budget i:nth-child(1){left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,#6f7682,var(--accent))}
.cro-benefit-budget i:nth-child(2){left:22%;top:38%;width:12px;height:12px;border-radius:50%;background:#777f8c}
.cro-benefit-budget i:nth-child(3){right:20%;top:30%;width:32px;height:32px;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 24px rgba(184,198,255,.18)}
.cro-benefit-actions i{width:38px;height:38px;border:1px solid rgba(184,198,255,.22);border-radius:50%;top:47px}
.cro-benefit-actions i:nth-child(1){left:14%}.cro-benefit-actions i:nth-child(2){left:calc(50% - 19px);border-color:var(--accent);box-shadow:0 0 24px rgba(184,198,255,.12)}.cro-benefit-actions i:nth-child(3){right:14%}
.cro-benefit-actions::before{content:"";position:absolute;left:20%;right:20%;top:66px;height:1px;background:rgba(184,198,255,.26)}
.cro-benefit-trust i:nth-child(1){left:18%;top:42px;width:78px;height:48px;border:1px solid rgba(184,198,255,.13)}
.cro-benefit-trust i:nth-child(2){left:50%;top:62px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(184,198,255,.05)}
.cro-benefit-trust i:nth-child(3){right:18%;top:42px;width:78px;height:48px;border:1px solid rgba(184,198,255,.13)}

.cro-section{padding:112px 0;border-top:1px solid var(--line-soft)}
.cro-section[id]{scroll-margin-top:160px}
.cro-section-heading{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:64px;align-items:start;margin-bottom:54px}
.cro-section-heading h2,.cro-critical-intro h2,.cro-small-site-intro h2,.cro-call-intro h2{margin:0;font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.06em;font-weight:540}
.cro-section-heading p{margin:8px 0 0;color:var(--muted);font-size:18px;line-height:1.78}
.cro-section-heading-full{display:block}.cro-section-heading-full h2{max-width:1040px}

.cro-impact{background:var(--bg-deep)}
.cro-impact-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:34px;align-items:start}
.cro-impact-spotlight{position:sticky;top:178px;padding:26px;border:1px solid var(--line);background:radial-gradient(circle at 75% 35%,rgba(184,198,255,.08),transparent 38%)}
.cro-impact-spotlight>div:not(.cro-impact-revenue){padding:18px 0}.cro-impact-spotlight>div span{display:block;color:var(--muted);font-size:16px}.cro-impact-spotlight>div strong{display:block;margin-top:7px;font-family:"Instrument Sans",sans-serif;font-size:56px;line-height:.9;letter-spacing:-.06em}.cro-impact-spotlight>div:nth-child(3) strong{color:var(--accent)}
.cro-impact-spotlight>i{display:block;color:var(--muted-2);font-size:28px;font-style:normal}
.cro-impact-spotlight small{display:block;margin-top:9px;color:var(--muted);font-size:16px}
.cro-impact-revenue{margin-top:18px;padding-top:22px;border-top:1px solid var(--line)}
.cro-impact-revenue strong{font-size:28px!important;line-height:1.15!important}

.cro-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:rgba(31,33,37,.58);outline:none}
.cro-table-wrap:focus-visible{box-shadow:0 0 0 2px rgba(184,198,255,.35)}
.cro-table{width:100%;border-collapse:collapse;min-width:760px;font-size:16px;line-height:1.45}
.cro-table-four{min-width:980px}.cro-table th,.cro-table td{padding:17px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.cro-table tr:last-child th,.cro-table tr:last-child td{border-bottom:0}.cro-table th:last-child,.cro-table td:last-child{border-right:0}.cro-table thead th{position:sticky;top:0;background:#24262b;color:#e8eaf0;font-family:"Instrument Sans",sans-serif;font-weight:650}.cro-table tbody th{width:28%;color:#e3e5e9;font-family:"Instrument Sans",sans-serif;font-weight:620;background:rgba(255,255,255,.012)}.cro-table td{color:#c3c8d0}.cro-table td strong{color:#f1f1ee}.cro-table tbody td:last-child strong,.cro-table-three tbody td:nth-child(3) strong{color:#d6ddff}.cro-table tbody tr:hover{background:rgba(184,198,255,.025)}

.cro-critical{background:var(--paper);color:var(--ink)}
.cro-critical-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:72px;align-items:start;margin-bottom:72px}.cro-critical-intro p{margin:7px 0 0;color:#555b63;font-size:19px;line-height:1.8}.cro-critical-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(21,23,26,.16);border-left:1px solid rgba(21,23,26,.16)}.cro-critical-card{min-height:460px;padding:30px;border-right:1px solid rgba(21,23,26,.16);border-bottom:1px solid rgba(21,23,26,.16)}.cro-critical-card h3{margin:0 0 24px;font-size:31px;line-height:1.06;letter-spacing:-.045em}.cro-critical-card li{border-color:rgba(21,23,26,.12);color:#5c6269}.cro-critical-card strong{color:var(--ink)}.cro-critical-card li::before{background:#48516c}

.cro-easy{padding:112px 0}.cro-easy-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.cro-easy-panel{padding:34px}.cro-easy-panel+ .cro-easy-panel{border-left:1px solid var(--line)}.cro-easy-panel h3{margin:0 0 20px;font-size:34px;letter-spacing:-.045em}.cro-easy-financial{background:radial-gradient(circle at 78% 22%,rgba(184,198,255,.07),transparent 33%)}

.cro-high-ticket{background:#1c1e22}.cro-high-ticket-head{display:grid;grid-template-columns:minmax(0,.75fr) minmax(320px,1.25fr);gap:60px;margin-bottom:34px}.cro-high-ticket-head h3{margin:0;font-size:36px;letter-spacing:-.045em}.cro-high-ticket-head p{margin:0;color:var(--muted);font-size:18px;line-height:1.75}.cro-high-ticket-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.cro-high-ticket-points article{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.012)}.cro-high-ticket-points p{margin:0;color:var(--muted);font-size:16px;line-height:1.78}.cro-high-ticket-points strong{color:var(--text)}

.cro-small-site{background:var(--paper);color:var(--ink)}.cro-small-site-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:70px;align-items:start}.cro-small-site-intro>div{display:none}.cro-small-site-intro p{grid-column:2;margin:0 0 24px;color:#565d65;font-size:18px;line-height:1.8}.cro-small-site-intro h2{grid-row:1 / span 2}.cro-strategy-block{margin-top:72px}.cro-strategy-block h3,.cro-methods-head h3,.cro-call-table h3,.cro-redesign-elements h3{margin:0 0 26px;font-size:clamp(30px,3vw,44px);letter-spacing:-.045em}.cro-small-site .cro-table-wrap{background:#f4f4f0;border-color:rgba(21,23,26,.16)}.cro-small-site .cro-table th,.cro-small-site .cro-table td{border-color:rgba(21,23,26,.16)}.cro-small-site .cro-table thead th{background:#e7e7e2;color:var(--ink)}.cro-small-site .cro-table tbody th{color:var(--ink);background:rgba(21,23,26,.025)}.cro-small-site .cro-table td{color:#555b63}.cro-methods{display:grid;grid-template-columns:360px minmax(0,1fr);gap:54px;margin-top:86px}.cro-methods-head{position:sticky;top:180px;align-self:start}.cro-methods-head p{margin:0;color:#5c6269;font-size:17px;line-height:1.8}.cro-method{display:block;padding:30px 0;border-top:1px solid rgba(21,23,26,.14)}.cro-method:last-child{border-bottom:1px solid rgba(21,23,26,.14)}.cro-method h4{margin:0 0 14px;font-size:27px;letter-spacing:-.035em}.cro-method li{border-color:rgba(21,23,26,.11);color:#5d636b}.cro-method strong{color:var(--ink)}.cro-method li::before{background:#66708d}

.cro-call-based{background:var(--bg)}.cro-call-intro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:68px}.cro-call-intro h2{grid-row:1 / span 2}.cro-call-intro p{grid-column:2;margin:0 0 22px;color:var(--muted);font-size:18px;line-height:1.8}.cro-call-table{margin-top:74px}.cro-call-table>p{max-width:850px;margin:0 0 30px;color:var(--muted);font-size:17px;line-height:1.78}.cro-redesign-elements{margin-top:76px}.cro-redesign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cro-redesign-grid article{padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.02),transparent)}.cro-redesign-grid p{margin:0;color:var(--muted);font-size:16px;line-height:1.78}.cro-redesign-grid strong{color:var(--text)}

.cro-reveal{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.cro-reveal.is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .cro-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:80px}.cro-hero-copy h1{max-width:960px}.cro-hero-engine{width:min(100%,820px);min-height:500px}
  .cro-benefits{grid-template-columns:1fr}.cro-benefit-card{min-height:0}.cro-benefit-card h2{font-size:36px}
  .cro-section-heading,.cro-critical-intro,.cro-small-site-intro,.cro-call-intro{grid-template-columns:1fr;gap:28px}.cro-small-site-intro h2,.cro-call-intro h2{grid-row:auto}.cro-small-site-intro p,.cro-call-intro p{grid-column:auto}.cro-critical-grid{grid-template-columns:1fr}.cro-critical-card{min-height:0}
  .cro-impact-layout{grid-template-columns:1fr}.cro-impact-spotlight{position:relative;top:auto;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.cro-impact-revenue{grid-column:1 / -1}.cro-impact-spotlight>i{text-align:center}
  .cro-high-ticket-head{grid-template-columns:1fr;gap:16px}.cro-high-ticket-points,.cro-redesign-grid{grid-template-columns:1fr}
  .cro-methods{grid-template-columns:1fr}.cro-methods-head{position:relative;top:auto}
}
@media(max-width:980px){.cro-section-nav{top:72px}.cro-section-nav-inner{justify-content:flex-start}}
@media(max-width:760px){
  .cro-hero{padding:34px 0 56px}.cro-hero-copy h1{font-size:clamp(42px,11vw,62px)}.cro-hero-copy p{font-size:17px}.cro-hero-engine{min-height:620px}.cro-engine-columns{grid-template-columns:1fr;grid-template-rows:1fr 48px 1fr;inset:14% 8% 7%}.cro-engine-head{display:none}.cro-engine-axis span{transform:rotate(90deg) scale(.8)}.cro-hero-engine.is-active .cro-engine-axis span{animation:cro-axis-mobile .65s var(--ease) .85s forwards}@keyframes cro-axis-mobile{to{opacity:1;transform:rotate(90deg) scale(1);box-shadow:0 0 0 9px rgba(184,198,255,.035),0 0 34px rgba(184,198,255,.12)}}
  .cro-benefits{padding:62px 0 74px}.cro-benefit-card{padding:24px}
  .cro-section{padding:80px 0}.cro-section-heading{margin-bottom:38px}.cro-section-heading h2,.cro-critical-intro h2,.cro-small-site-intro h2,.cro-call-intro h2{font-size:clamp(42px,11vw,60px)}
  .cro-easy{padding:80px 0}.cro-easy-grid{grid-template-columns:1fr}.cro-easy-panel+.cro-easy-panel{border-left:0;border-top:1px solid var(--line)}
  .cro-impact-spotlight{grid-template-columns:1fr}.cro-impact-spotlight>i{text-align:left;transform:rotate(90deg);width:max-content}.cro-impact-revenue{grid-column:auto}
  .cro-method h4{font-size:24px}
  .cro-table{min-width:700px}.cro-table-four{min-width:900px}
}
@media(max-width:480px){.section-shell{width:min(calc(100% - 32px),var(--max))}.cro-hero-engine{min-height:590px}.cro-engine-column{padding:18px}.cro-engine-metric strong{font-size:30px}.cro-benefit-card h2{font-size:32px}.cro-easy-panel{padding:26px}}
@media(prefers-reduced-motion:reduce){.cro-reveal{opacity:1!important;transform:none!important;transition:none!important}.cro-hero-engine *{animation:none!important;transition:none!important}.cro-engine-line{transform:scaleX(1)!important}.cro-engine-axis span{opacity:1!important;transform:none!important}.cro-engine-after{opacity:1!important;filter:none!important;transform:none!important}}


/* CRO industry scenario directory */
.cro-industry-library{background:#1b1d21}.cro-industry-library-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:64px;align-items:end;margin-bottom:72px}.cro-industry-library-head h2{margin:0;font-family:"Instrument Sans",sans-serif;font-size:clamp(48px,5vw,78px);line-height:.98;letter-spacing:-.06em;font-weight:540}.cro-industry-library-head p{margin:0;color:var(--muted);font-size:18px;line-height:1.7}.cro-industry-library-head sup a{color:var(--accent);text-decoration:none}.cro-industry-group{margin-top:58px}.cro-industry-group h3{margin:0 0 18px;color:#9da5b2;font-size:16px;letter-spacing:.09em;text-transform:uppercase}.cro-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cro-industry-card{position:relative;min-height:148px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.008);transition:background .25s ease}.cro-industry-card:hover{background:rgba(184,198,255,.035)}.cro-industry-card span{color:#858d9a;font-size:16px}.cro-industry-card strong{max-width:86%;color:#eceef2;font-family:"Instrument Sans",sans-serif;font-size:24px;line-height:1.12;letter-spacing:-.035em}.cro-industry-card i{position:absolute;right:22px;bottom:22px;color:var(--accent);font-size:18px;font-style:normal}.cro-industry-disclosure{max-width:980px;margin:48px 0 0;color:#858d98;font-size:13px!important;line-height:1.65}.cro-industry-disclosure>span{color:var(--accent)}
@media(max-width:1000px){.cro-industry-grid{grid-template-columns:repeat(2,1fr)}.cro-industry-library-head{grid-template-columns:1fr;gap:18px}}
@media(max-width:620px){.cro-industry-grid{grid-template-columns:1fr}.cro-industry-card{min-height:128px}}

/* =========================================================
   SHARED SERVICE-HERO CLIENT ACCESS CTA
   Mirrors the Website Design hero CTA treatment.
   ========================================================= */
.service-client-cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-width:184px;
  min-height:52px;
  margin-top:28px;
  padding:0 16px 0 20px;
  border:1px solid rgba(184,198,255,.54);
  background:linear-gradient(135deg,#b8c6ff 0%,#d4dcff 52%,#aebeff 100%);
  box-shadow:0 12px 30px rgba(116,136,224,.14),inset 0 1px 0 rgba(255,255,255,.46);
  color:#181b21;
  text-decoration:none;
  font-size:16px;
  line-height:1;
  font-weight:700;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.service-client-cta svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-client-cta:hover,
.service-client-cta:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(116,136,224,.21),inset 0 1px 0 rgba(255,255,255,.55);
  filter:brightness(1.025);
}

/* Keep the Power of 1% section title on a single line at every viewport. */
#impact-heading{
  white-space:nowrap;
  font-size:clamp(34px,5vw,78px);
}

/* =========================================================
   CRO V5 — section balance and whitespace refinement
   ========================================================= */

/* Keep supporting copy + CTA together in the right column. */
.cro-critical-intro{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:52px;
  align-items:start;
  margin-bottom:58px;
}
.cro-critical-copy{
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.cro-critical-copy p{
  margin:5px 0 0;
  color:#555b63;
  font-size:19px;
  line-height:1.78;
}
.cro-critical-copy .service-client-cta{
  margin-top:26px;
}

/* High-ticket section: remove the redundant secondary title and tighten the lead-in. */
.cro-high-ticket .cro-section-heading{
  margin-bottom:18px;
}
.cro-high-ticket-head{
  display:block;
  max-width:760px;
  margin-bottom:30px;
}
.cro-high-ticket-head p{
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
}

/* Tighten the two editorial intro sections while keeping comfortable reading widths. */
.cro-small-site,
.cro-call-based{
  padding-top:96px;
  padding-bottom:96px;
}
.cro-small-site-intro{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:44px;
  align-items:start;
}
.cro-small-site-intro h2{
  max-width:590px;
}
.cro-small-site-intro p{
  max-width:720px;
  margin:2px 0 14px;
  line-height:1.72;
}
.cro-strategy-block{
  margin-top:48px;
}

.cro-call-intro{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:44px;
  align-items:start;
}
.cro-call-intro h2{
  max-width:600px;
}
.cro-call-intro p{
  max-width:720px;
  margin:2px 0 14px;
  line-height:1.72;
}
.cro-call-table{
  margin-top:52px;
}
.cro-redesign-elements{
  margin-top:58px;
}

/* Match the other short service headings: one line where space permits. */
#industry-scenarios-heading{
  white-space:nowrap;
  font-size:clamp(38px,4.7vw,72px);
}

@media(max-width:1000px){
  .cro-critical-intro,
  .cro-small-site-intro,
  .cro-call-intro{
    grid-template-columns:1fr;
    gap:24px;
  }
  .cro-critical-copy{
    max-width:760px;
  }
  .cro-small-site-intro h2,
  .cro-call-intro h2{
    max-width:760px;
  }
  .cro-small-site-intro p,
  .cro-call-intro p{
    grid-column:auto;
  }
}

@media(max-width:620px){
  .cro-small-site,
  .cro-call-based{
    padding-top:76px;
    padding-bottom:76px;
  }
  #industry-scenarios-heading{
    font-size:clamp(34px,10vw,54px);
  }
}

/* =========================================================
   CRO V6 — secondary section CTA placement
   ========================================================= */

/* Small-site qualitative-method CTA stays directly beneath its supporting copy. */
.cro-methods-head .service-client-cta{
  margin-top:24px;
  width:100%;
  min-width:0;
  max-width:320px;
}

/* Keep both call-model paragraphs visually connected and place CTA beneath them. */
.cro-call-copy{
  grid-column:2;
  max-width:720px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.cro-call-copy p{
  margin:2px 0 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
}
.cro-call-copy p + p{
  margin-top:10px;
}
.cro-call-copy .service-client-cta{
  margin-top:24px;
}

@media(max-width:1000px){
  .cro-call-copy{
    grid-column:auto;
    max-width:760px;
  }
}

/* =========================================================
   HOMEPAGE GRID TREATMENT — SERVICE HERO
   Mirrors the homepage 64px grid + center-axis treatment.
   ========================================================= */
.cro-hero{
  position:relative;
  isolation:isolate;
}
.cro-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);
}
.cro-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.9%,var(--line-soft) 50%,transparent 50.1%),
    linear-gradient(transparent 49.9%,var(--line-soft) 50%,transparent 50.1%);
  opacity:.45;
}
.cro-hero > *{
  position:relative;
  z-index:1;
}

/* =========================================================
   CRO V8 — FLUSH STACKED NAVIGATION
   Keep the CRO secondary nav visually attached to the global nav.
   ========================================================= */
body:has(.cro-section-nav) .ctg-header.is-scrolled::before,
body:has(.cro-section-nav) .ctg-header.is-open::before{
  border-bottom-color:transparent;
}

.performance-engine{
  --engine-progress:20%;
  position:relative;
  z-index:1;
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 72% 30%,rgba(184,198,255,.055),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004));
}

.engine-topline,
.engine-footer{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:0 2px;
  color:var(--muted);
  font-size:16px;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}

.engine-topline{
  border-bottom:1px solid var(--line);
}

.engine-counter{
  color:#d4d8de;
  font-variant-numeric:tabular-nums;
}

.engine-core{
  display:grid;
  grid-template-columns:minmax(145px,.78fr) minmax(230px,1.22fr);
  min-height:372px;
}

.engine-stage-list{
  --rail-progress:10%;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 20px 12px 0;
  border-right:1px solid var(--line);
}

.engine-stage-list::before,
.engine-stage-list::after{
  content:"";
  position:absolute;
  left:6px;
  top:34px;
  width:1px;
  height:calc(100% - 68px);
}

.engine-stage-list::before{
  background:var(--line);
}

.engine-stage-list::after{
  height:var(--engine-progress);
  max-height:calc(100% - 68px);
  background:linear-gradient(to bottom,var(--accent),rgba(184,198,255,.24));
  box-shadow:0 0 16px rgba(184,198,255,.25);
  transition:height .55s var(--ease);
}

.engine-stage{
  appearance:none;
  position:relative;
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  align-items:center;
  padding:0 6px 0 24px;
  border:0;
  border-bottom:1px solid var(--line-soft);
  background:transparent;
  color:#727984;
  text-align:left;
  cursor:pointer;
  transition:
    color .42s var(--ease),
    transform .42s var(--ease),
    background .42s ease;
}

.engine-stage:last-child{
  border-bottom:0;
}

.engine-stage::before{
  content:"";
  position:absolute;
  left:3px;
  width:7px;
  height:7px;
  border-radius:50%;
  border:1px solid #59606b;
  background:var(--bg);
  transition:
    transform .42s var(--ease),
    background .42s ease,
    border-color .42s ease,
    box-shadow .42s ease;
}

.engine-stage:hover,
.engine-stage:focus-visible{
  color:#c9cdd4;
}

.engine-stage:focus-visible{
  outline:1px solid rgba(184,198,255,.5);
  outline-offset:-1px;
}

.engine-stage.is-active{
  color:var(--text);
  transform:translateX(7px);
  background:linear-gradient(90deg,rgba(184,198,255,.045),transparent 68%);
}

.engine-stage.is-active::before{
  transform:scale(1.22);
  border-color:var(--accent);
  background:var(--accent);
  box-shadow:0 0 0 5px rgba(184,198,255,.10),0 0 18px rgba(184,198,255,.38);
}

.engine-stage-index{
  font-size:16px;
  font-variant-numeric:tabular-nums;
}

.engine-stage strong{
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(16px,1.45vw,22px);
  line-height:1;
  letter-spacing:-.03em;
  font-weight:540;
}

.engine-visual-shell{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#1c1e22;
}

.engine-visual-grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.7;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.55) 72%,transparent);
}

.engine-panel{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  padding:20px 22px 18px;
  opacity:0;
  transform:translateY(16px) scale(.985);
  filter:blur(6px);
  pointer-events:none;
  transition:
    opacity .52s var(--ease),
    transform .52s var(--ease),
    filter .52s var(--ease);
}

.engine-panel.is-active{
  opacity:1;
  transform:none;
  filter:none;
  pointer-events:auto;
}

.engine-panel-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--muted-2);
  font-size:16px;
  line-height:1.3;
  letter-spacing:.12em;
  font-weight:700;
}

.engine-panel-copy{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--line);
}

.engine-panel-copy span{
  display:block;
  color:var(--accent);
  font-size:16px;
  letter-spacing:.12em;
  font-weight:700;
}

.engine-panel-copy strong{
  display:block;
  margin-top:7px;
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(17px,1.8vw,25px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:530;
}

/* Observe */

.observe-map{
  position:relative;
  flex:1;
  min-height:220px;
  display:flex;
  align-items:center;
  color:var(--accent);
}

.observe-map svg{
  width:100%;
  height:auto;
  overflow:visible;
}

.observe-path{
  fill:none;
  stroke:rgba(184,198,255,.46);
  stroke-width:1.2;
  stroke-dasharray:7 8;
  stroke-dashoffset:72;
}

.engine-panel.is-active .observe-path{
  animation:engine-path 2.6s var(--ease) forwards;
}

.path-two{
  opacity:.45;
  animation-delay:.16s!important;
}

.observe-point{
  fill:#202226;
  stroke:var(--accent);
  stroke-width:1.2;
  opacity:.25;
}

.engine-panel.is-active .observe-point{
  animation:engine-point 1.6s var(--ease) forwards;
}

.p2{animation-delay:.18s!important}
.p3{animation-delay:.34s!important}
.p4{animation-delay:.48s!important}

.observe-cursor{
  position:absolute;
  width:9px;
  height:9px;
  border:1px solid rgba(244,244,241,.65);
  transform:rotate(45deg);
  opacity:0;
}

.cursor-one{
  left:29%;
  top:46%;
}

.cursor-two{
  right:20%;
  top:34%;
}

.engine-panel.is-active .cursor-one{
  animation:engine-cursor-one 2.3s var(--ease) .15s forwards;
}

.engine-panel.is-active .cursor-two{
  animation:engine-cursor-two 2.1s var(--ease) .4s forwards;
}

/* Measure */

.measure-chain{
  flex:1;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.measure-node{
  width:44px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  color:var(--muted-2);
  opacity:.35;
  transform:translateY(8px);
}

.measure-node i{
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid var(--muted-2);
  background:#1c1e22;
}

.measure-node span{
  font-size:16px;
  letter-spacing:.08em;
  font-style:normal;
}

.measure-link{
  width:26px;
  height:1px;
  background:var(--line);
  transform:scaleX(0);
  transform-origin:left;
}

.engine-panel.is-active .measure-node{
  animation:engine-node-in .45s var(--ease) forwards;
}

.engine-panel.is-active .measure-node:nth-of-type(3){animation-delay:.15s}
.engine-panel.is-active .measure-node:nth-of-type(5){animation-delay:.30s}
.engine-panel.is-active .measure-node:nth-of-type(7){animation-delay:.45s}
.engine-panel.is-active .measure-node:nth-of-type(9){animation-delay:.60s}

.engine-panel.is-active .measure-link{
  animation:engine-link-in .4s var(--ease) forwards;
}

.engine-panel.is-active .measure-link:nth-of-type(2){animation-delay:.12s}
.engine-panel.is-active .measure-link:nth-of-type(4){animation-delay:.27s}
.engine-panel.is-active .measure-link:nth-of-type(6){animation-delay:.42s}
.engine-panel.is-active .measure-link:nth-of-type(8){animation-delay:.57s}

/* Hypothesis */

.hypothesis-visual{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 0;
}

.hypothesis-visual > div{
  padding:13px 15px;
  border:1px solid var(--line);
  border-bottom:0;
  background:rgba(21,23,26,.34);
  opacity:0;
  transform:translateY(8px);
}

.hypothesis-visual > div:last-child{
  border-bottom:1px solid var(--line);
}

.engine-panel.is-active .hypothesis-visual > div{
  animation:engine-card-in .48s var(--ease) forwards;
}

.engine-panel.is-active .hypothesis-visual > div:nth-child(2){animation-delay:.13s}
.engine-panel.is-active .hypothesis-visual > div:nth-child(3){animation-delay:.26s}

.hypothesis-visual span{
  display:block;
  color:var(--accent);
  font-size:16px;
  letter-spacing:.11em;
  font-weight:700;
}

.hypothesis-visual p{
  margin:6px 0 0;
  color:#d9dce1;
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(16px,1vw,16px);
  line-height:1.28;
  letter-spacing:-.015em;
}

/* Experiment */

.experiment-visual{
  position:relative;
  flex:1;
  min-height:230px;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  align-items:start;
  padding-top:34px;
}

.experiment-divider{
  height:120px;
  background:var(--line);
}

.experiment-half{
  position:relative;
  padding:0 14px;
}

.experiment-label{
  position:absolute;
  top:-22px;
  left:14px;
  color:var(--muted-2);
  font-size:16px;
  letter-spacing:.1em;
}

.experiment-ui{
  height:112px;
  padding:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
}

.ui-line,
.ui-button,
.ui-proof{
  display:block;
}

.ui-line{
  height:5px;
  background:#777e87;
  opacity:.38;
}

.ui-long{width:70%}
.ui-medium{width:52%;margin-top:9px}
.ui-short{width:38%;margin-top:9px}

.ui-proof{
  width:100%;
  height:20px;
  margin-top:12px;
  border:1px solid rgba(184,198,255,.20);
  background:rgba(184,198,255,.05);
}

.ui-button{
  width:54%;
  height:15px;
  margin-top:18px;
  background:#8d939d;
  opacity:.38;
}

.experiment-half-b .ui-button{
  background:var(--accent);
  opacity:.82;
}

.experiment-chart{
  position:absolute;
  left:12px;
  right:12px;
  bottom:6px;
  width:calc(100% - 24px);
  height:86px;
  overflow:visible;
}

.experiment-path{
  fill:none;
  stroke-width:1.4;
  stroke-dasharray:450;
  stroke-dashoffset:450;
}

.path-control{
  stroke:#767d87;
}

.path-variant{
  stroke:var(--accent);
  filter:drop-shadow(0 0 5px rgba(184,198,255,.28));
}

.engine-panel.is-active .experiment-path{
  animation:engine-chart-in 1.25s var(--ease) .16s forwards;
}

/* Scale */

.scale-visual{
  position:relative;
  flex:1;
  min-height:230px;
  display:flex;
  align-items:center;
}

.scale-visual svg{
  width:100%;
  color:var(--accent);
  overflow:visible;
}

.scale-path{
  fill:none;
  stroke:var(--accent);
  stroke-width:1.8;
  stroke-dasharray:520;
  stroke-dashoffset:520;
  filter:drop-shadow(0 0 5px rgba(184,198,255,.30));
}

.scale-fill{
  fill:url(#scaleFade);
  opacity:0;
}

.scale-endpoint{
  fill:var(--accent);
  opacity:0;
}

.engine-panel.is-active .scale-path{
  animation:engine-chart-in 1.35s var(--ease) .1s forwards;
}

.engine-panel.is-active .scale-fill{
  animation:engine-fade-in .7s ease .7s forwards;
}

.engine-panel.is-active .scale-endpoint{
  animation:engine-point .5s ease 1.1s forwards;
}

.scale-result{
  position:absolute;
  right:0;
  bottom:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  opacity:0;
  transform:translateY(6px);
}

.engine-panel.is-active .scale-result{
  animation:engine-card-in .55s var(--ease) .9s forwards;
}

.scale-result span{
  color:var(--muted-2);
  font-size:16px;
  letter-spacing:.11em;
  font-weight:700;
}

.scale-result strong{
  color:var(--text);
  font-size:16px;
  letter-spacing:.08em;
}

/* Footer */

.engine-footer{
  border-top:1px solid var(--line);
}

.engine-footer-status{
  display:flex;
  align-items:center;
  gap:10px;
}

.engine-status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 0 rgba(184,198,255,.25);
}

.performance-engine.is-intro .engine-status-dot{
  animation:engine-pulse 1.2s infinite;
}

.engine-explore{
  color:var(--muted-2);
}

/* Cinematic entry states */

.performance-engine:not(.is-ready) .engine-stage{
  pointer-events:none;
}

.performance-engine.is-intro{
  box-shadow:0 0 70px rgba(184,198,255,.025);
}

.performance-engine.is-ready .engine-explore{
  color:#c1c6ce;
}

/* Engine keyframes */

@keyframes engine-path{
  to{stroke-dashoffset:0}
}

@keyframes engine-point{
  to{opacity:1}
}

@keyframes engine-cursor-one{
  0%{opacity:0;transform:translate(-16px,20px) rotate(45deg)}
  25%{opacity:.75}
  100%{opacity:.75;transform:translate(18px,-14px) rotate(45deg)}
}

@keyframes engine-cursor-two{
  0%{opacity:0;transform:translate(14px,-16px) rotate(45deg)}
  25%{opacity:.55}
  100%{opacity:.55;transform:translate(-16px,18px) rotate(45deg)}
}

@keyframes engine-node-in{
  to{opacity:1;transform:none;color:#dce0e5}
}

@keyframes engine-link-in{
  to{transform:scaleX(1);background:rgba(184,198,255,.32)}
}

@keyframes engine-card-in{
  to{opacity:1;transform:none}
}

@keyframes engine-chart-in{
  to{stroke-dashoffset:0}
}

@keyframes engine-fade-in{
  to{opacity:1}
}

@keyframes engine-pulse{
  0%{box-shadow:0 0 0 0 rgba(184,198,255,.24)}
  70%{box-shadow:0 0 0 9px rgba(184,198,255,0)}
  100%{box-shadow:0 0 0 0 rgba(184,198,255,0)}
}

/* =========================================================
   PERFORMANCE SYSTEM V13 — TYPOGRAPHY + UI BALANCE
   Applies consistently across Observe / Measure /
   Hypothesize / Experiment / Scale.
   ========================================================= */

/* System chrome: premium, quieter, more architectural. */
.performance-engine .engine-topline,
.performance-engine .engine-footer{
  min-height:50px;
  color:#a7adb6;
  font-size:16px;
  line-height:1.25;
  letter-spacing:.075em;
  font-weight:600;
}
.performance-engine .engine-counter{
  color:#d5d9e0;
  font-weight:650;
  letter-spacing:.09em;
}

/* Stage rail: less visual competition with the active card. */
.performance-engine .engine-stage{
  min-height:60px;
  grid-template-columns:34px 1fr;
  gap:12px;
  color:#777e89;
}
.performance-engine .engine-stage-index{
  color:#7d8490;
  font-size:16px;
  line-height:1;
  letter-spacing:.035em;
  font-weight:500;
}
.performance-engine .engine-stage strong{
  font-size:clamp(18px,1.35vw,21px);
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:500;
}
.performance-engine .engine-stage.is-active{
  color:#f1f2f0;
}
.performance-engine .engine-stage.is-active .engine-stage-index{
  color:#f1f2f0;
  font-weight:600;
}
.performance-engine .engine-stage.is-active strong{
  font-size:clamp(21px,1.6vw,24px);
  font-weight:560;
}

/* Shared card labels. */
.performance-engine .engine-panel{
  padding:22px 24px 20px;
}
.performance-engine .engine-panel-meta{
  gap:24px;
  color:#9da4ae;
  font-size:16px;
  line-height:1.2;
  letter-spacing:.075em;
  font-weight:600;
}
.performance-engine .engine-panel-meta span:last-child{
  text-align:right;
}
.performance-engine .engine-panel-copy{
  padding-top:16px;
}
.performance-engine .engine-panel-copy span{
  color:#b8c6ff;
  font-size:16px;
  line-height:1.2;
  letter-spacing:.075em;
  font-weight:600;
}
.performance-engine .engine-panel-copy strong{
  max-width:520px;
  margin-top:8px;
  font-size:clamp(24px,1.75vw,30px);
  line-height:1.05;
  letter-spacing:-.035em;
  font-weight:520;
}

/* 01 / Observe — preserve the visual map as the hero of the card. */
.performance-engine .engine-panel-observe .engine-panel-meta,
.performance-engine .engine-panel-observe .engine-panel-copy{
  position:relative;
  z-index:2;
}

/* 02 / Measure — prevent event labels from colliding. */
.performance-engine .measure-chain{
  gap:0;
  padding:0 2px;
}
.performance-engine .measure-node{
  width:62px;
  gap:11px;
}
.performance-engine .measure-node span{
  font-size:16px;
  line-height:1;
  letter-spacing:.015em;
  font-weight:500;
  white-space:nowrap;
}
.performance-engine .measure-link{
  width:20px;
}

/* 03 / Hypothesize — labels quiet, decisions readable. */
.performance-engine .hypothesis-visual{
  padding:20px 0;
}
.performance-engine .hypothesis-visual > div{
  padding:14px 16px;
}
.performance-engine .hypothesis-visual span{
  font-size:16px;
  line-height:1.2;
  letter-spacing:.07em;
  font-weight:600;
}
.performance-engine .hypothesis-visual p{
  margin-top:7px;
  font-size:16px;
  line-height:1.42;
  letter-spacing:-.01em;
  font-weight:480;
}

/* 04 / Experiment — make A/B markers secondary to the test visual. */
.performance-engine .experiment-label{
  font-size:16px;
  line-height:1;
  letter-spacing:.07em;
  font-weight:600;
}
.performance-engine .experiment-half{
  padding-inline:16px;
}

/* 05 / Scale — outcome label and deployed state read as one unit. */
.performance-engine .scale-result{
  gap:7px;
}
.performance-engine .scale-result span{
  font-size:16px;
  line-height:1.2;
  letter-spacing:.07em;
  font-weight:600;
}
.performance-engine .scale-result strong{
  font-size:18px;
  line-height:1.2;
  letter-spacing:.045em;
  font-weight:600;
}

/* Footer status: informative, not a competing headline. */
.performance-engine .engine-footer-status,
.performance-engine .engine-explore{
  font-weight:600;
}
.performance-engine .engine-explore{
  color:#9da4ae;
}

/* Responsive balance. */
@media(max-width:1000px){
  .performance-engine .engine-panel{
    padding:20px 20px 18px;
  }
  .performance-engine .engine-stage strong{
    font-size:18px;
  }
  .performance-engine .engine-stage.is-active strong{
    font-size:21px;
  }
  .performance-engine .measure-node{
    width:58px;
  }
  .performance-engine .measure-link{
    width:16px;
  }
}

@media(max-width:620px){
  .performance-engine .engine-topline,
  .performance-engine .engine-footer{
    min-height:44px;
    letter-spacing:.055em;
  }
  .performance-engine .engine-stage{
    min-height:62px;
    gap:4px;
  }
  .performance-engine .engine-stage strong,
  .performance-engine .engine-stage.is-active strong{
    font-size:16px;
    line-height:1.08;
    font-weight:540;
  }
  .performance-engine .engine-stage-index{
    font-size:16px;
  }
  .performance-engine .engine-panel-meta{
    gap:14px;
    letter-spacing:.055em;
  }
  .performance-engine .engine-panel-copy strong{
    font-size:clamp(20px,6vw,24px);
  }
  .performance-engine .measure-chain{
    justify-content:space-between;
  }
  .performance-engine .measure-node{
    width:48px;
    gap:8px;
  }
  .performance-engine .measure-link{
    width:12px;
  }
  .performance-engine .measure-node span{
    font-size:16px;
    letter-spacing:0;
  }
  .performance-engine .hypothesis-visual > div{
    padding:12px 13px;
  }
  .performance-engine .hypothesis-visual p{
    line-height:1.38;
  }
}

/* Final Performance System refinements carried over from the homepage. */
.performance-engine .engine-topline{
  padding-left:22px;
  padding-right:22px;
}
.performance-engine .engine-counter{
  flex:0 0 auto;
}
.performance-engine .engine-stage-list{
  padding-left:20px;
}
.performance-engine .engine-stage-list::before,
.performance-engine .engine-stage-list::after{
  left:6px;
}
.performance-engine .engine-footer{
  justify-content:flex-start;
  padding-left:22px;
  padding-right:22px;
}
.performance-engine .engine-footer-status{
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  letter-spacing:.065em;
}
.performance-engine .engine-explore{
  display:none!important;
}
.performance-engine .engine-panel-copy strong{
  max-width:520px;
  margin-top:7px;
  font-size:18px;
  line-height:1.22;
  letter-spacing:-.02em;
  font-weight:520;
}
.performance-engine .measure-node span{
  font-size:12px;
  line-height:1;
  letter-spacing:.055em;
  font-weight:600;
  white-space:nowrap;
}

@media(max-width:760px){
  .performance-engine .engine-topline,
  .performance-engine .engine-footer{
    padding-left:20px;
    padding-right:20px;
  }
  .performance-engine .engine-stage-list{
    padding-left:20px;
  }
  .performance-engine .engine-stage-list::before,
  .performance-engine .engine-stage-list::after{
    left:6px;
  }
  .performance-engine .engine-footer-status{
    letter-spacing:.04em;
  }
}

@media(max-width:620px){
  .performance-engine .engine-panel-copy strong{
    font-size:18px;
    line-height:1.22;
  }
  .performance-engine .measure-node span{
    font-size:12px;
    letter-spacing:.035em;
  }
}

/* =========================================================
   CRO V9 — CTG PERFORMANCE SYSTEM
   Moved from the homepage hero to the CRO "easy to understand" section.
   ========================================================= */
.cro-easy-intro{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);
  gap:clamp(42px,5vw,72px);
  align-items:center;
  margin-bottom:64px;
}
.cro-easy-intro .cro-section-heading{
  margin:0;
}
.cro-easy-intro .cro-section-heading h2{
  max-width:560px;
}
.cro-easy-engine-wrap{
  min-width:0;
}
.cro-performance-engine{
  width:100%;
  box-shadow:0 28px 80px rgba(0,0,0,.18);
}

@media(max-width:1100px){
  .cro-easy-intro{
    grid-template-columns:minmax(260px,.62fr) minmax(500px,1.38fr);
    gap:36px;
  }
}

@media(max-width:900px){
  .cro-easy-intro{
    grid-template-columns:1fr;
    gap:38px;
    margin-bottom:50px;
  }
  .cro-easy-intro .cro-section-heading h2{
    max-width:760px;
  }
  .cro-easy-engine-wrap{
    max-width:760px;
  }
}

@media(max-width:620px){
  .cro-performance-engine .engine-core{
    grid-template-columns:132px minmax(0,1fr);
  }
  .cro-performance-engine .engine-panel{
    padding-inline:16px;
  }
}

/* =========================================================
   CRO V10 — HOMEPAGE "THE PREMISE" MOVED UNDER CRO HERO
   ========================================================= */

.cro-premise{
  padding:104px 0 112px;
  border-top:1px solid var(--line-soft);
}

.cro-premise .section-intro{
  display:grid;
  grid-template-columns:220px minmax(0,900px);
  gap:40px;
  align-items:start;
}

.cro-premise .eyebrow{
  color:#b8c6ff;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:650;
}

.cro-premise .section-intro h2{
  margin:0;
  max-width:900px;
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(40px,5vw,72px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:560;
}

.cro-premise .fit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  margin-top:64px;
  background:var(--line);
}

.cro-premise .fit-card{
  min-height:280px;
  padding:30px;
  background:var(--bg);
  transition:background .25s ease;
}

.cro-premise .fit-card:hover{
  background:var(--bg-2);
}

.cro-premise .fit-card > span{
  color:var(--muted-2);
  font-size:16px;
  letter-spacing:.12em;
}

.cro-premise .fit-card h3{
  margin:68px 0 0;
  font-family:"Instrument Sans",sans-serif;
  font-size:clamp(24px,2.25vw,34px);
  line-height:1.06;
  letter-spacing:-.045em;
  font-weight:540;
}

.cro-premise .fit-card p{
  margin:20px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.7;
}

.cro-premise .fit-cta-card{
  background:linear-gradient(145deg,var(--accent-soft),var(--bg) 68%);
}

.cro-premise .fit-cta-card a{
  display:inline-flex;
  margin-top:26px;
  color:var(--text);
  font-size:16px;
  font-weight:700;
  text-decoration:none;
}

@media(max-width:1000px){
  .cro-premise .section-intro{
    grid-template-columns:1fr;
  }

  .cro-premise .fit-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .cro-premise{
    padding:76px 0;
  }

  .cro-premise .section-intro h2{
    font-size:clamp(40px,11vw,58px);
  }

  .cro-premise .fit-grid{
    grid-template-columns:1fr;
    margin-top:48px;
  }

  .cro-premise .fit-card{
    min-height:auto;
    padding:24px 20px;
  }

  .cro-premise .fit-card h3{
    margin-top:42px;
  }
}