html[data-design=v5] #main{background:#fff}
html[data-design=v5] #main [id]{scroll-margin-top:150px}
html[data-design=v5] .v5-hero{background:#06253c;color:#fff;padding:70px 0}
html[data-design=v5] .v5-hero h1{font-size:clamp(32px,3.8vw,58px);line-height:1.1;letter-spacing:-1.6px;margin:22px 0}
html[data-design=v5] .v5-hero p{color:#e0edf6;font-size:18px;max-width:600px}
html[data-design=v5] .v5-hero .eyebrow{color:#a5eaf5}
html[data-design=v5] .v5-hero .btn.secondary{color:white;border-color:#a5c6dd}
html[data-design=v5] .v5-split{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}
html[data-design=v5] .v5-split>img{width:100%;height:440px;object-fit:cover;border-radius:12px}
html[data-design=v5] .v5-lead{max-width:700px;margin:20px 0 32px}
html[data-design=v5] .v5-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html[data-design=v5] .v5-need{display:block;padding:28px;background:#f1f6fa;border:1px solid #d5e2ee;border-radius:10px;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}
html[data-design=v5] .v5-need:hover{transform:translateY(-3px);border-color:#0068ce}
html[data-design=v5] .v5-need[aria-current]{background:#e1edf9;border-color:#0068ce}
html[data-design=v5] .v5-index{display:block;color:#0064bd;font-size:13px;margin-bottom:22px}
html[data-design=v5] .v5-need h3{font-size:22px;line-height:1.3;margin-bottom:12px}
html[data-design=v5] .v5-need p{font-size:15px;margin:0}
html[data-design=v5] .v5-catalog{background:#f5f8fc}
html[data-design=v5] .solution-card[hidden]{display:none!important}
html[data-design=v5] .v5-case h2{margin-bottom:36px}
html[data-design=v5] .v5-case h3{font-size:clamp(25px,3vw,38px);line-height:1.2;margin-bottom:20px}
html[data-design=v5] .services,html[data-design=v5] .method{background:#eff5fb;color:var(--ink)}
html[data-design=v5] .services p,html[data-design=v5] .method p{color:var(--text)}
html[data-design=v5] .contact select{width:100%;font:inherit;min-height:48px;padding:12px;border:1px solid #9ab5ca;border-radius:6px;color:#092c47;background:white}
html[data-design=v5] :is(a,button,select):focus-visible{outline:3px solid #0071c8;outline-offset:5px}
html[data-design=v5] .v5-hero a:focus-visible{outline-color:#60d9ff}
html[data-design=v5] #v5-status{min-height:28px;margin:20px 0}
@media(max-width:1024px){html[data-design=v5] .v5-split{gap:28px}html[data-design=v5] .v5-split>img{height:360px}html[data-design=v5] .v5-needs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){html[data-design=v5] .v5-hero{padding:40px 0}html[data-design=v5] .v5-split{grid-template-columns:1fr}html[data-design=v5] .v5-split>img{height:240px}html[data-design=v5] .v5-needs{grid-template-columns:1fr}html[data-design=v5] .hero-actions{display:flex;flex-wrap:wrap;gap:14px}html[data-design=v5] .v5-need{padding:24px}html[data-design=v5] .v5-hero h1{letter-spacing:-.8px}}
@media(prefers-reduced-motion:reduce){html[data-design=v5] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-design=v5] .v5-expertise{margin-top:35px;padding-top:30px;border-top:1px solid #bbcddb;max-width:800px}
html[data-design=v5] .v5-expertise h3{font-size:26px;line-height:1.25}
/* Explanatory imagery for the six needs; text remains the accessible link name. */
html[data-design=v5] .v5-need{padding:0;display:flex;flex-direction:column}
html[data-design=v5] .v5-need-media{display:block;overflow:hidden;border-radius:9px 9px 0 0;aspect-ratio:16/9;background:#dce7ee}
html[data-design=v5] .v5-need-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
html[data-design=v5] .v5-need-copy{padding:28px;flex:1}
html[data-design=v5] .v5-need:is(:hover,:focus-visible) .v5-need-media img{transform:scale(1.035)}
@media(max-width:767px){html[data-design=v5] .v5-need-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){html[data-design=v5] .v5-need-media img{transform:none!important}}
/* Keep product contact calls to action readable against their blue fill. */
html[data-design=v5] :is(.product-contact,.cold-contact) .btn{background:#0068ce;border-color:#0068ce;color:#fff}
html[data-design=v5] :is(.product-contact,.cold-contact) .btn:hover{background:#0055ac;border-color:#0055ac;color:#fff}
html[data-design=v5] :is(.product-contact,.cold-contact) .btn:focus-visible{outline-color:#fff}