/* Hub-only presentation. Reuses production Manrope, header, footer and brand tokens.
   Dials: variance 6 / motion 2 / density 3. Same light canvas and navy panels as the approved site.
   Radius: 5px buttons, 10px large panels. No invented imagery, logos, results or client stories. */
.cs-page{--cs-accent:#00b8e8;--cs-rule:#c5d6de;--cs-light:#eaf2f6}
.cs-page .cs-main{padding-bottom:80px}
.cs-page .cs-main :is(h1,h2,h3,p,span,dt,dd){overflow-wrap:anywhere}
.cs-page .cs-preview-note{background:#e5eff4;border-bottom:1px solid #c5d6de;padding:10px 20px;text-align:center;color:#24445e;font-size:12px;line-height:1.6}
.cs-preview-note strong{font-weight:800}
.cs-page .cs-hero{padding:68px 0 54px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:end}
.cs-page .cs-kicker{font-size:12px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#315c79;margin:0 0 20px}
.cs-page .cs-hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.04;letter-spacing:-.06em;max-width:13ch;color:#002244}
.cs-page .cs-hero h1 span{display:block;color:#087ca3}
.cs-page .cs-hero-aside{padding-bottom:4px;max-width:31ch;justify-self:end}
.cs-page .cs-hero-aside p{font-size:18px;line-height:1.7}
.cs-page .cs-browse{margin-top:24px;font-size:14px;font-weight:800;display:inline-flex;gap:24px;align-items:center;min-height:48px;text-decoration:none;border-bottom:1px solid #749eb2;color:#002244}
.cs-browse span{font-size:22px;font-weight:500}
.cs-page .cs-featured-label{font-size:15px;font-weight:800;letter-spacing:0;line-height:1.5;color:#002244;margin:0 0 18px}
.cs-page .cs-featured{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:10px;background:#002244;overflow:hidden;box-shadow:0 20px 48px #0022440b}
.cs-featured>*{min-width:0}
.cs-page .cs-visual{margin:0;position:relative;background:#e0edf3;min-height:380px;display:grid;place-items:center;padding:32px}
.cs-page .cs-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs-page .cs-image-slot{width:100%;height:100%;min-height:300px;border:1px dashed #91aebf;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#355b73;background:#e9f2f6}
.cs-image-slot strong{font-size:22px;font-weight:650;letter-spacing:-.03em}
.cs-image-slot span{font-size:12px;line-height:1.6;color:#4a6578}
.cs-page .cs-featured .cs-visual{background:linear-gradient(145deg,#e3f3f8,#c9dfec);padding:36px}
.cs-page .cs-featured .cs-image-slot{background:#ecf5f899}
.cs-page .cs-feature-body{padding:38px 38px 32px;color:#f6faff;display:flex;flex-direction:column;align-items:start}
.cs-page .cs-dev-label{display:inline-flex;font-size:10px;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;font-weight:800;padding:5px 9px;border:1px solid #7697af;color:#cde4f4;border-radius:3px;margin:0 0 24px}
.cs-page .cs-client{font-size:14px;font-weight:800;color:#f6faff;line-height:1.6;margin:0}
.cs-page .cs-industry{font-weight:500;color:#c4d8e7;margin-left:10px;padding-left:12px;border-left:1px solid #6c8aa2}
.cs-page .cs-feature-body h3{font-size:clamp(28px,2.6vw,37px);line-height:1.2;letter-spacing:-.04em;margin:16px 0 16px;color:#f6faff;max-width:19ch}
.cs-page .cs-summary{font-size:15px;line-height:1.75;margin:0;color:#c4d8e7;max-width:48ch}
.cs-page .cs-services{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px;padding:0;list-style:none}
.cs-services li{font-size:11px;font-weight:700;line-height:1.5;padding:5px 10px;background:#153b5a;color:#d3e4f0;border-radius:3px;border:1px solid #41617b}
.cs-page .cs-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 26px;margin:26px 0 0;padding-top:23px;border-top:1px solid #41617b;width:100%}
.cs-results>div{min-width:0;display:flex;flex-direction:column}
.cs-results dt{order:2}
.cs-results dd{order:1}
.cs-page .cs-results dt{font-size:13px;line-height:1.6;color:#c4d8e7;margin:8px 0 0}
.cs-page .cs-results dd{font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.035em;color:#79d7f3;margin:0}
.cs-page .cs-study-link{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;font-size:14px;line-height:1.5;font-weight:800;width:100%;margin:26px 0 0;padding:10px 0;text-decoration:none;color:#f6faff;border-top:1px solid #41617b}
.cs-study-link>span:last-child{font-size:22px;font-weight:500}
.cs-study-link[aria-disabled=true]{cursor:default}
.cs-page .cs-study-link small{display:block;font-size:10px;line-height:1.6;font-weight:500;letter-spacing:0;color:#c4d8e7}
.cs-page .cs-library{padding-top:68px}
.cs-page .cs-library h2{font-size:36px;letter-spacing:-.045em;line-height:1.2;margin-bottom:26px;color:#002244}
.cs-page .cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.cs-page .cs-card{min-width:0;border:1px solid #c9d8df;border-radius:10px;overflow:hidden;background:#fcfdfb;display:flex;flex-direction:column;transition:border-color .18s}
.cs-card:hover{border-color:#769eb5}
.cs-page .cs-card .cs-visual{min-height:0;aspect-ratio:16/9;padding:24px;border-bottom:1px solid #c9d8df}
.cs-page .cs-card:nth-child(even) .cs-visual{background:#d5e5ed}
.cs-page .cs-card .cs-image-slot{min-height:0}
.cs-page .cs-card .cs-image-slot strong{font-size:19px}
.cs-page .cs-card-body{padding:28px 30px 20px;display:flex;flex:1;flex-direction:column;align-items:start}
.cs-page .cs-card .cs-dev-label{color:#456378;border-color:#b5cbd6;margin-bottom:20px;font-size:9px}
.cs-page .cs-card .cs-client{color:#002244;font-size:13px}
.cs-page .cs-card .cs-industry{color:#496174;border-color:#b6c9d3}
.cs-page .cs-card h3{font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:14px 0;color:#002244}
.cs-page .cs-card .cs-summary{color:#496174;font-size:15px}
.cs-page .cs-card .cs-services{margin-block:20px}
.cs-page .cs-card .cs-services li{background:#eaf2f6;color:#31556d;border:1px solid #c3d7e1}
.cs-page .cs-card .cs-results{margin-top:auto;grid-template-columns:1fr;border-color:#c9d8df;padding-top:18px}
.cs-page .cs-card .cs-results dd{font-size:25px;color:#087292}
.cs-page .cs-card .cs-results dt{color:#496174;font-size:12px;margin-top:5px}
.cs-page .cs-card .cs-study-link{margin-top:22px;border-color:#c9d8df;color:#002244}
.cs-page .cs-card .cs-study-link small{color:#496174}
.cs-page .cs-cta{margin-top:72px;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;background:#002244;border-radius:10px;border-left:4px solid var(--cs-accent)}
.cs-page .cs-cta h2{font-size:33px;line-height:1.2;letter-spacing:-.04em;color:#f6faff;margin:0}
.cs-page .cs-cta p{margin:14px 0 0;font-size:16px;line-height:1.7;color:#c4d8e7;max-width:48ch}
.cs-page .cs-cta .button{white-space:nowrap;background:#80b9ef;color:#002244;gap:30px;font-size:14px;min-width:175px}
.cs-page .cs-cta .button:hover{background:#a8d1f5}
.cs-page .cs-empty{padding:48px;border:1px solid #c5d6de;border-radius:10px;background:#eaf2f6}
.cs-page .cs-empty h2{font-size:30px;margin:0 0 16px}
.cs-page .cs-empty p{max-width:50ch}
@media(max-width:1024px){
 .cs-page .cs-hero{gap:32px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .cs-page .cs-featured{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .cs-page .cs-feature-body{padding:30px}
 .cs-page .cs-featured .cs-visual{padding:26px}
 .cs-page .cs-cta{padding:36px}
}
@media(max-width:767px){
 .cs-page .cs-main{padding-bottom:44px}
 .cs-page .cs-preview-note{padding:8px 16px;font-size:10px;text-align:left}
 .cs-page .cs-main>.wrap{width:calc(100% - 40px)}
 .cs-page .cs-hero{display:block;padding:36px 0 32px}
 .cs-page .cs-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:16px}
 .cs-page .cs-hero h1{font-size:clamp(40px,10.6vw,58px);line-height:1.07;max-width:14ch}
 .cs-page .cs-hero-aside{width:100%;max-width:none;justify-self:start;margin:22px 0 0;padding:0}
 .cs-page .cs-hero-aside p{font-size:16px;line-height:1.65}
 .cs-page .cs-browse{margin-top:14px;font-size:13px;min-height:44px}
 .cs-page .cs-featured-label{font-size:14px;margin-bottom:14px}
 .cs-page .cs-featured{grid-template-columns:1fr}
 .cs-page .cs-featured .cs-visual{min-height:0;aspect-ratio:4/3;padding:24px}
 .cs-page .cs-featured .cs-image-slot{min-height:0}
 .cs-page .cs-image-slot strong{font-size:20px}
 .cs-page .cs-feature-body{padding:26px 24px 22px}
 .cs-page .cs-dev-label{margin-bottom:20px;font-size:9px}
 .cs-page .cs-client{font-size:13px}
 .cs-page .cs-feature-body h3{font-size:30px;margin:16px 0;max-width:20ch}
 .cs-page .cs-summary{font-size:15px;line-height:1.7}
 .cs-page .cs-services{margin-top:20px}
 .cs-page .cs-results{gap:22px 18px;margin-top:24px;padding-top:22px}
 .cs-page .cs-results dd{font-size:26px}
 .cs-page .cs-results dt{font-size:11px}
 .cs-page .cs-study-link{margin-top:24px;font-size:13px}
 .cs-page .cs-library{padding-top:40px}
 .cs-page .cs-library h2{font-size:29px;margin-bottom:22px}
 .cs-page .cs-grid{grid-template-columns:minmax(0,1fr);gap:26px}
 .cs-page .cs-card .cs-visual{aspect-ratio:16/10;padding:22px}
 .cs-page .cs-card-body{padding:24px 24px 18px}
 .cs-page .cs-card h3{font-size:26px}
 .cs-page .cs-cta{grid-template-columns:1fr;margin-top:44px;padding:30px 26px;gap:25px}
 .cs-page .cs-cta h2{font-size:29px;max-width:16ch}
 .cs-page .cs-cta p{font-size:15px}
 .cs-page .cs-cta .button{width:100%;min-height:54px}
 .cs-page .cs-empty{padding:28px}
}
@media(max-width:350px){
 .cs-page .cs-main>.wrap{width:calc(100% - 32px)}
 .cs-page .cs-feature-body,.cs-page .cs-card-body{padding-inline:20px}
 .cs-page .cs-hero h1{font-size:39px}
 .cs-page .cs-feature-body h3{font-size:27px}
 .cs-page .cs-industry{display:block;margin:3px 0 0;padding:0;border:0}
 .cs-page .cs-cta{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){.cs-page *{scroll-behavior:auto!important;transition:none!important}}

/* This featured asset contains labeled evidence; never crop its numbers or dates. */
.cs-page .cs-featured .cs-visual img{object-fit:contain}