/* Operational Meridian navigation and journal: clear routes, compact social credibility, unified service bands, and readable editorial hierarchy. */
.services-page-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.1rem; }.services-page-home-link { color:#b9d9f1; font-size:.82rem; font-weight:700; }.services-page-home-link:hover { color:#fff; }.service-detail--full { margin-right:-2.5rem; margin-left:-2.5rem; padding-right:2.5rem; padding-left:2.5rem; }.service-detail--infrastructure { background:#fff; }
@media (max-width:820px) { .service-detail--full { margin-right:-1.4rem; margin-left:-1.4rem; padding-right:1.4rem; padding-left:1.4rem; } }
.header-social { display:flex; align-items:center; gap:.38rem; }.header-social a { display:inline-grid; width:2rem; height:2rem; place-items:center; border:1px solid #cad8e5; color:#235f99; transition:background 160ms var(--ease),color 160ms var(--ease),transform 160ms var(--ease); }.header-social a:hover { background:var(--navy); color:#fff; }.header-social a:active { transform:scale(.97); }.header-social svg { width:1rem; height:1rem; }.mobile-nav__social { display:none; }.blog-hero,.article__hero { position:relative; overflow:hidden; background:var(--navy); }.blog-hero::before,.article__hero::before { position:absolute; inset:0; opacity:.28; background:radial-gradient(circle at 78% 25%,rgba(81,170,235,.35),transparent 22%),linear-gradient(rgba(147,206,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(147,206,255,.12) 1px,transparent 1px); background-size:auto,5.25rem 5.25rem,5.25rem 5.25rem; content:""; }.blog-hero .container,.article__hero .container { position:relative; padding-top:7rem; padding-bottom:5.4rem; }.blog-hero h1,.article__hero h1 { max-width:51rem; margin:.95rem 0 0; color:#fff; font:700 clamp(3rem,5.6vw,5.4rem)/1.01 "Manrope",sans-serif; letter-spacing:-.07em; }.blog-hero p { max-width:43rem; margin:1.4rem 0 0; color:#d5e7f6; font-size:1.03rem; line-height:1.72; }.blog-list { padding:6rem 0 7rem; background:var(--mist); }.blog-list__heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; }.blog-list__heading p { max-width:26rem; margin:0; color:var(--muted); font-size:.92rem; line-height:1.6; text-align:right; }.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.3rem; }.blog-card { display:flex; flex-direction:column; min-height:19rem; padding:1.8rem; border:1px solid var(--line); background:#fff; transition:transform 180ms var(--ease),box-shadow 180ms var(--ease); }.blog-card:hover { transform:translateY(-4px); box-shadow:0 18px 34px rgba(8,29,56,.1); }.blog-card__date { color:var(--cobalt); font:600 .67rem/1 "IBM Plex Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.blog-card h2 { margin:.9rem 0 .7rem; color:var(--navy); font:700 1.55rem/1.2 "Manrope",sans-serif; letter-spacing:-.055em; }.blog-card h2 a { color:inherit; }.blog-card p { margin:0; color:var(--muted); font-size:.9rem; line-height:1.65; }.blog-card .text-link { margin-top:auto; padding-top:1.2rem; }.blog-empty { max-width:44rem; }.blog-empty h1 { margin:.9rem 0 0; color:var(--navy); font:700 clamp(2.2rem,4vw,3.6rem)/1.08 "Manrope",sans-serif; letter-spacing:-.06em; }.blog-empty p { color:var(--muted); line-height:1.7; }.nav-links { display:flex; gap:.75rem; margin-top:2rem; }.nav-links a { padding:.6rem .8rem; border:1px solid var(--line); color:var(--navy); font-size:.8rem; font-weight:700; }.article__hero .container { padding-bottom:4.2rem; }.article__back { display:inline-flex; margin-bottom:2.8rem; color:#b9d9f1; font-size:.8rem; font-weight:700; }.article__back:hover { color:#fff; }.article__hero .eyebrow { display:flex; }.article__hero h1 { max-width:57rem; }.article__date { margin:1.35rem 0 0; color:#b9d9f1; font:600 .7rem/1 "IBM Plex Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.article__body { padding:5.5rem 0 7rem; background:#fff; }.article__body .container { display:grid; grid-template-columns:minmax(0,1fr) 17rem; gap:5rem; align-items:start; max-width:980px; }.article__content { color:#273d55; font-size:1rem; line-height:1.8; }.article__content > *:first-child { margin-top:0; }.article__content h2,.article__content h3 { margin:2.2rem 0 .75rem; color:var(--navy); font-family:"Manrope",sans-serif; letter-spacing:-.04em; }.article__content h2 { font-size:1.7rem; }.article__content h3 { font-size:1.22rem; }.article__content a { color:#1769ad; font-weight:700; text-decoration:underline; text-underline-offset:.16em; }.article__content li { margin:.4rem 0; }.article__aside { display:grid; gap:1rem; padding:1.35rem; border-left:2px solid var(--cobalt); background:var(--ice); }.article__aside span { color:var(--navy); font:700 1rem/1.35 "Manrope",sans-serif; }.article__aside .button-primary { text-align:center; }
@media (max-width:980px) { .header__inner { gap:1rem; }.main-nav,.header-cta,.header-social { display:none; }.menu-toggle { display:inline-flex; }.mobile-nav.is-open { display:grid; padding:0 1.4rem 1rem; border-top:1px solid var(--line); }.mobile-nav a { padding:.75rem 0; border-bottom:1px solid #edf2f6; color:var(--navy); font-size:.9rem; font-weight:700; }.mobile-nav__social { display:flex; flex-wrap:wrap; gap:1rem; padding-top:.9rem; }.mobile-nav__social a { color:var(--cobalt); }.blog-grid { grid-template-columns:repeat(2,1fr); }.article__body .container { grid-template-columns:minmax(0,1fr) 14rem; gap:2.5rem; } }
@media (max-width:620px) { .blog-hero .container,.article__hero .container { padding-top:4.8rem; padding-bottom:3.4rem; }.blog-list { padding-top:4rem; padding-bottom:4.5rem; }.blog-list__heading { display:grid; gap:1rem; }.blog-list__heading p { text-align:left; }.blog-grid { grid-template-columns:1fr; }.blog-card { min-height:16rem; }.article__body { padding-top:3.4rem; padding-bottom:4.5rem; }.article__body .container { grid-template-columns:1fr; gap:2rem; }.article__aside { max-width:25rem; }.article__back { margin-bottom:2rem; }.services-page-hero__actions { align-items:flex-start; flex-direction:column; gap:.85rem; } }