@import url("site-v26.css");

/* V27: keep the established component language; improve hierarchy and reading pace. */
.journey-intro h2{font-size:clamp(2rem,3.2vw,3.8rem)!important;line-height:1.02}
.marketing-hero .page-hero-copy h1{font-size:clamp(3rem,5.4vw,6.8rem)!important;line-height:.94}
.marketing-manifesto h2{font-size:clamp(2.1rem,3.5vw,4.2rem)!important;max-width:1100px}
.home-intelligence-head h2,.client-proof h2{font-size:clamp(2.1rem,3.5vw,4.2rem)!important}
.campaign-system{scroll-margin-top:6rem}
.assessment-launch{margin-top:1rem}

@media(max-width:720px){
  .journey-intro h2{font-size:2.25rem!important}
  .marketing-hero .page-hero-copy h1{font-size:3.2rem!important}
  .marketing-manifesto h2{font-size:2.25rem!important}
}


/* V28 — concise service-led marketing architecture */
.marketing-directory{padding:clamp(4rem,7vw,7rem) 4vw;background:#fff;color:#07101f}
.marketing-directory .section-head{margin-bottom:2rem}
.marketing-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#dce4ec;border:1px solid #dce4ec}
.marketing-directory-grid>a{min-height:18rem;padding:1.6rem;background:#fff;color:#07101f;display:flex;flex-direction:column;transition:.25s ease}
.marketing-directory-grid>a:hover,.marketing-directory-grid>a:focus-visible{background:#eefcf9;transform:translateY(-4px)}
.marketing-directory-grid span{font:700 .76rem/1 monospace;color:#00a98f;letter-spacing:.08em}
.marketing-directory-grid h3{font-size:clamp(1.3rem,1.7vw,1.85rem);line-height:1.05;margin:3.2rem 0 1rem}
.marketing-directory-grid p{font-size:.98rem;line-height:1.55;color:#4e5b6b}
.marketing-directory-grid b{margin-top:auto;padding-top:1.4rem;font-size:.88rem;color:#087b6b}
.directory-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.marketing-proof-teaser{padding:clamp(4rem,7vw,7rem) 4vw}
.marketing-proof-strip{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.8rem}
.marketing-proof-strip figure{position:relative;min-height:24rem;overflow:hidden;margin:0;background:#0a1020}
.marketing-proof-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.marketing-proof-strip figure:hover img{transform:scale(1.035)}
.marketing-proof-strip figcaption{position:absolute;left:1rem;bottom:1rem;padding:.5rem .7rem;background:rgba(4,8,20,.82);color:#fff;font:.72rem/1.2 monospace;letter-spacing:.08em}
.detail-page-hero{min-height:62vh;padding:clamp(8rem,14vw,12rem) 4vw 5rem;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 78% 22%,rgba(0,198,168,.22),transparent 28%),#050814;color:#fff}
.detail-page-hero h1{max-width:1050px;font-size:clamp(3rem,7vw,7rem);line-height:.92;margin:.8rem 0 1.4rem;letter-spacing:-.055em}
.detail-page-hero h1 em{color:#15d9bd;font-style:normal}
.detail-page-hero>p:not(.kicker){max-width:720px;font-size:1.1rem;color:#b9c6d6;line-height:1.6;margin-bottom:1.5rem}
.detail-page-hero .btn{align-self:flex-start}
.automation-intelligence-inline{padding:clamp(4rem,7vw,7rem) 4vw;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;color:#07101f}
.automation-intelligence-inline>div h2{font-size:clamp(2.4rem,4vw,4.6rem);line-height:.98;margin:.8rem 0 1.2rem}
.automation-intelligence-inline>div p:last-child{max-width:650px;color:#536171;line-height:1.65}
.automation-intelligence-inline ol{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce4ec;list-style:none;padding:1px;margin:0}
.automation-intelligence-inline li{background:#fff;padding:1.4rem;min-height:11rem}
.automation-intelligence-inline li span{font:700 .72rem/1 monospace;color:#00a98f}
.automation-intelligence-inline li b{display:block;font-size:1.15rem;margin:2rem 0 .55rem}
.automation-intelligence-inline li p{color:#5c6878;line-height:1.5;margin:0}
.world-service-tags{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;margin:1.1rem 0 1.35rem;padding:0}
.world-service-tags li{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35rem .55rem;font:700 .67rem/1 monospace;letter-spacing:.05em;text-transform:uppercase}
html[dir="rtl"] .marketing-proof-strip figcaption{left:auto;right:1rem}
@media(max-width:1000px){.marketing-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-directory-grid>a:last-child{grid-column:1/-1}.automation-intelligence-inline{grid-template-columns:1fr}.marketing-proof-strip{grid-template-columns:1fr 1fr}.marketing-proof-strip figure:first-child{grid-column:1/-1}}
@media(max-width:640px){.marketing-directory-grid,.marketing-proof-strip,.automation-intelligence-inline ol{grid-template-columns:1fr}.marketing-directory-grid>a:last-child,.marketing-proof-strip figure:first-child{grid-column:auto}.marketing-directory-grid>a{min-height:14rem}.marketing-proof-strip figure{min-height:20rem}.detail-page-hero{min-height:56vh}.detail-page-hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}}