.clint-cs-2027 {
  h2 {
    font-size: 23px;
    font-weight: 800;
    margin: 36px 0 14px;
    font-stretch: 96%;
  }

  .cs-hero {
    padding: 168px 0 64px;
    position: relative;
    overflow: hidden;
  }

  /* download card */
.cs-dl{background:linear-gradient(135deg,rgba(0,165,232,.14),rgba(45,212,168,.07));border:1px solid rgba(0,165,232,.4);border-radius:16px;padding:22px}
.cs-dl h4{font-family:var(--font-display);font-size:16px !important;font-weight:800;color:var(--white) !important;margin:0 0 6px}
.cs-dl p{font-size:12.5px;color:#C9D2E0;margin:0 0 14px;line-height:1.5}
.cs-dl a{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);color:var(--ink);font-weight:800;font-size:13.5px;border-radius:10px;padding:11px;text-decoration:none}
.cs-dl a:hover{background:var(--amber-deep,#c77f18)}
/* results dashboard */
.cs-results{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:30px;margin:36px 0}
.cs-results h2{margin:0 0 22px !important;font-size:15px !important;font-family:var(--font-mono) !important;letter-spacing:.14em;text-transform:uppercase;color:var(--live) !important;font-weight:700 !important}
.cs-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}
.cs-r b{font-family:var(--font-display);font-size:34px;font-weight:850;color:var(--amber);display:block;line-height:1}
.cs-r span{font-size:13px;color:#C9D2E0;display:block;margin-top:8px;line-height:1.4}
/* big quote */
.cs-bigquote{margin:40px 0;padding:85px 34px;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;position:relative}
.cs-bigquote::before{content:"\\201C";position:absolute;top:6px;left:22px;font-family:Georgia,serif;font-size:70px;color:var(--amber);opacity:.35;line-height:1}
.cs-bigquote p{font-size:19px !important;color:#EAF0F8 !important;line-height:1.55 !important;font-weight:500;margin:0 0 16px !important;padding-left:20px}
.cs-bigquote .by{padding-left:20px;font-size:13px;color:var(--mute);font-family:var(--font-mono)}
.cs-bigquote .by b{color:var(--white);font-weight:700}



.cs-hero{padding:150px 0 40px;position:relative;overflow:hidden}
.cs-hero .hero-glow{top:-220px;right:-160px}
.crumbs{font-family:var(--font-mono);font-size:12px;color:var(--mute);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:#C9D2E0}.crumbs a:hover{color:var(--amber)}.crumbs span{color:var(--mute-dark)}
.cs-tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--live);border:1px solid var(--line);border-radius:20px;padding:6px 14px;margin-bottom:18px}
.cs-hero h1{font-size:clamp(28px,4.2vw,46px);font-weight:850;font-stretch:96%;max-width:840px;line-height:1.12}
.cs-hero .sub{font-size:18px;color:#C9D2E0;max-width:680px;line-height:1.6;margin-top:16px}
.cs2-main h2{font-family:var(--font-display);font-size:23px;font-weight:800;color:var(--white);margin:36px 0 14px;font-stretch:96%}
.cs2-main p{font-size:16px;color:#C9D2E0;line-height:1.75;margin-bottom:16px}
.cs2-main a{color:var(--amber);font-weight:600;border-bottom:1px solid rgba(0,165,232,.35)}
.cs2-main ul{margin:0 0 18px;list-style:none;padding:0;display:grid;gap:11px}
.cs2-main ul li{position:relative;padding-left:26px;color:#C9D2E0;font-size:15.5px;line-height:1.6}
.cs2-main ul li::before{content:"\2713";position:absolute;left:0;color:var(--live);font-weight:800}
.cs-stack{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.cs-stack span{font-family:var(--font-mono);font-size:12px;color:#C9D2E0;background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:6px 12px}
.cs-cta{background:linear-gradient(135deg,rgba(0,165,232,.12),rgba(45,212,168,.06));border:1px solid rgba(0,165,232,.35);border-radius:16px;padding:30px;margin:44px 0 0;text-align:center}
.cs-cta h3{font-family:var(--font-display);font-size:21px;font-weight:800;color:var(--white);margin:0 0 10px}
.cs-cta p{color:#C9D2E0;font-size:15px;margin:0 0 20px}
.cs-nav{display:flex;justify-content:space-between;gap:16px;margin:40px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:14px}
.cs-nav a{color:var(--amber);font-weight:700}




/* ============ CASE STUDY — professional client format ============ */
.cs2-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start;/* max-width:1120px */}
@media(max-width:940px){.cs2-layout{grid-template-columns:1fr}}
.cs2-main{min-width:0;/*max-width:720px*/}
.cs2-side{position:sticky;top:110px;display:grid;gap:16px}
@media(max-width:940px){.cs2-side{position:static;order:-1}}
/* client info card */
.cs-client{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:24px}
.cs-client h4{font-family:var(--font-mono);font-size:10.5px !important;letter-spacing:.16em;text-transform:uppercase;color:var(--mute-dark) !important;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cs-client dl{margin:0;display:grid;gap:14px}
.cs-client .row{display:flex;gap:12px;align-items:flex-start}
.cs-client .row .ic{width:18px;height:18px;color:var(--amber);flex-shrink:0;margin-top:1px}
.cs-client .row .ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.cs-client dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-dark);margin-bottom:2px}
.cs-client dd{margin:0;font-size:14px;color:#DCE4EF;font-weight:600;line-height:1.35}



}
.clint-cs-2027 .cs-dl {
    display: none;
}