@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
.case-hub{background:#fff}.case-hub-hero{padding:82px 0 72px;background:#f4f4f1;border-bottom:1px solid var(--line)}
.case-hub-hero h1{font-size:clamp(3.4rem,6.4vw,6.8rem);line-height:.92;letter-spacing:-.06em;margin:.65rem 0 1.35rem;max-width:900px}.case-hub-hero .lead{max-width:820px;font-size:1.12rem;line-height:1.7;color:#5d676a}
.case-featured{padding:92px 0}.case-featured-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.58fr);gap:7rem;align-items:start}.case-label,.case-card-meta{font-size:.69rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:var(--teal)}
.case-featured h2{font-size:clamp(2.8rem,4.8vw,5rem);line-height:.98;letter-spacing:-.052em;margin:1rem 0 1.6rem;max-width:820px}.case-featured-copy p{line-height:1.75;color:#606a6d;max-width:760px;margin:0 0 1rem}
.case-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.3rem;text-decoration:none;color:var(--ink);font-weight:800}.case-link span{color:var(--teal)}.case-proof{border-top:1px solid var(--line)}.case-proof-item{padding:1.55rem 0;border-bottom:1px solid var(--line)}.case-proof-item strong{display:block;font-size:clamp(2.3rem,4vw,4rem);line-height:1;letter-spacing:-.05em}.case-proof-item span{display:block;margin-top:.45rem;color:#697376;font-size:.8rem}
.case-library{padding:88px 0 96px;background:#f4f4f1}.case-library-head{display:grid;grid-template-columns:1fr minmax(260px,.42fr);gap:4rem;align-items:end;margin-bottom:3.2rem}.case-library-head h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;letter-spacing:-.045em;margin:.75rem 0 0}.case-library-head p{margin:0;color:#687275;line-height:1.65}
.case-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.case-library-card{background:#fff;border:1px solid #dde1de;border-radius:22px;padding:2rem;min-height:390px;display:flex;flex-direction:column}.case-library-card h3{font-size:1.75rem;line-height:1.08;letter-spacing:-.035em;margin:1rem 0}.case-library-card p{color:#626c6f;line-height:1.7;margin:0}.case-library-card .case-link{margin-top:auto;padding-top:1.5rem}.case-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.4rem}.case-tags span{font-size:.64rem;font-weight:700;padding:.45rem .65rem;border:1px solid #d9dedb;border-radius:999px;color:#566164}
.case-hub-cta{background:var(--ink);color:#fff;padding:72px 0}.case-hub-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.case-hub-cta h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;letter-spacing:-.045em;margin:.7rem 0 .9rem}.case-hub-cta p{color:#aeb7b5;max-width:720px}.case-cta-button{background:#fff!important;color:var(--ink)!important;white-space:nowrap}
@media(max-width:980px){.case-featured-grid{grid-template-columns:1fr;gap:3rem}.case-library-grid{grid-template-columns:repeat(2,1fr)}.case-library-head{grid-template-columns:1fr;gap:1.25rem}}
@media(max-width:680px){.case-hub-hero{padding:58px 0 50px}.case-featured,.case-library{padding:62px 0}.case-library-grid{grid-template-columns:1fr}.case-library-card{min-height:auto}.case-hub-cta-inner{flex-direction:column;align-items:flex-start}}

/* ============================================================
   TEKSIO SHARED BRAND CONSISTENCY — FINAL
   Scope: palette, header/logo/nav, hero surfaces, section surfaces only.
   ============================================================ */

:root{
  --ink:#0B0D0E;
  --text:#15191C;
  --teal:#2F7D78;
  --teal-dark:#245F5B;
  --paper:#F7F7F5;
  --hero:#FBFBFA;
  --white:#FFFFFF;
  --muted:#667078;
  --line:#DDE1DF;
  --soft:#E9EFED;
}

/* Header: same appearance everywhere */
.site-header{
  position:sticky;
  top:0;
  z-index:5000;
  background:rgba(247,247,245,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(11,13,14,.08);
}

/* Homepage wordmark treatment */
.site-header .logo{
  font-family:Manrope,system-ui,sans-serif;
  font-size:1.72rem;
  font-weight:750;
  letter-spacing:-.06em;
  line-height:1;
  color:#0B0D0E;
  text-transform:none;
}
.site-header .logo span{color:#2F7D78}

/* Header navigation typography / CTA */
.site-header .nav-links{
  align-items:center;
  gap:25px;
  font-family:Manrope,system-ui,sans-serif;
  font-size:.91rem;
  font-weight:700;
}
.site-header .nav-cta{
  background:#0B0D0E;
  color:#fff!important;
  border-color:#0B0D0E;
  border-radius:999px;
  padding:.72rem 1.05rem;
  white-space:nowrap;
  line-height:1;
}

/* Inner-page hero intentionally differs slightly from the header */
.page-hero,
.tech-clean-hero,
.case-hub-hero,
.cs-hero,
.case-detail-hero{
  background:#FBFBFA;
}

/* Shared surface vocabulary */
.section-white,
.white{background:#FFFFFF}

.section-paper,
.flow-section,
.featured{background:#F7F7F5}

.section-soft{background:#E9EFED}

.section-dark,
.dark,
.why-migration{
  background:#0B0D0E;
  color:#FFFFFF;
}

/* Preserve the established teal CTA treatment */
.page-cta,
.cta{
  background:#2F7D78;
  color:#FFFFFF;
}
/* Case studies hub surface consistency */
.case-hub{background:#FFFFFF}
.case-hub-hero{background:#FBFBFA;border-bottom:1px solid #DDE1DF}
.case-featured{background:#FFFFFF}
.case-library{background:#F7F7F5}
.case-hub-cta{background:#0B0D0E;color:#FFFFFF}

/* ============================================================
   TEKSIO INNER PAGE HEADER / HERO VISUAL MATCH
   Header = homepage paper tone
   Hero   = white
   No other component/layout changes
   ============================================================ */

.site-header{
  background:rgba(247,247,245,.94) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  border-bottom:1px solid rgba(11,13,14,.08) !important;
}

.page-hero,
.tech-clean-hero,
.case-hub-hero,
.cs-hero,
.case-detail-hero{
  background:#FFFFFF !important;
}