/* Shared layout: fluid desktop width, compact laptops, tablets and phones. */
:root{--site-max-width:clamp(1180px,calc(37.5vw + 640px),1360px);--site-gutter:24px}
.container{width:min(var(--site-max-width),calc(100% - 2 * var(--site-gutter)))}
.site-header{padding-left:max(var(--site-gutter),calc((100% - var(--site-max-width))/2));padding-right:max(var(--site-gutter),calc((100% - var(--site-max-width))/2))}
.site-nav{right:max(var(--site-gutter),calc((100vw - var(--site-max-width))/2))!important}
.hero-grid>*,.page-hero-grid>*,.split>*,.contact-grid>*,.life-grid>*,.career-hero-grid>*,.career-two-col>*,.service-grid>*,.offer-grid>*{min-width:0}
.hero-actions{flex-wrap:wrap}
.section-head>p:last-child,.lead{max-width:70ch}
.os-lane{grid-template-columns:42px minmax(0,1fr) auto}
.hero-proof-layer{display:grid;grid-template-columns:minmax(88px,.7fr) minmax(0,1.6fr) minmax(0,1.2fr);gap:18px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.hero-proof-block{display:flex;flex-direction:column;gap:4px;min-width:0;padding:3px 0;text-decoration:none;color:#cbd4e9;transition:color .2s ease}
.hero-proof-block+.hero-proof-block{padding-left:18px;border-left:1px solid rgba(255,255,255,.13)}
.hero-proof-label{font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.07em;color:#92a6c9}
.hero-proof-scale>strong{font:700 30px/1.1 "Space Grotesk",Inter,sans-serif;letter-spacing:-.035em;color:#8ddcff}
.hero-proof-detail{font-size:13px;line-height:1.7}
.hero-proof-detail strong{font-weight:700;color:#eaf0ff}
.hero-proof-misa,.hero-proof-iso{white-space:nowrap}
.hero-proof-block:hover,.hero-proof-block:hover .hero-proof-detail strong{color:#8ddcff}
.hero-proof-block:focus-visible{outline:2px solid #69d8ff;outline-offset:6px;border-radius:3px}
@media(max-width:767px){
  .hero-proof-layer{grid-template-columns:100px minmax(0,1fr);gap:18px 20px}
  .hero-proof-block:last-child{grid-column:1/-1;border-left:0;padding-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
  .hero-proof-block:last-child .hero-proof-label{grid-column:1/-1}
}
@media(max-width:380px){
  .hero-proof-layer{grid-template-columns:1fr;gap:16px}
  .hero-proof-block+.hero-proof-block{border-left:0;padding-left:0}
  .hero-proof-block:last-child{display:flex}
}

/* Wide desktop: more room for the composition, bounded reading widths. */
@media(min-width:1600px){
  .hero2026 .hero-grid{gap:clamp(54px,4vw,76px)}
  .page-hero-grid,.split,.contact-grid,.life-grid,.career-hero-grid{gap:64px}
  .service-grid,.case-grid,.offer-grid,.jobs-grid{gap:24px}
  .hero2026 .lead{max-width:620px}
}

/* Compact desktop and laptop: keep two columns without squeezed content. */
@media(min-width:992px) and (max-width:1199px){
  .hero-grid,.page-hero-grid,.split,.contact-grid,.life-grid,.career-hero-grid,.career-two-col{gap:28px}
  .hero2026 h1{font-size:clamp(52px,5.5vw,66px)}
  .frontier-os,.page-hero-card{padding:26px}
  .os-lane{grid-template-columns:38px minmax(0,1fr);gap:12px}
  .os-lane .os-status{display:none}
  .phase-cards,.rise-stage,.transversal-grid,.idear-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-showcase .compact-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Tablet: stack the main narratives, retain two-column groups where useful. */
@media(max-width:991px){
  section{padding:88px 0}
  .hero2026 .hero-grid,.page-hero-grid,.split,.contact-grid,.brand-story-grid,.life-grid,.career-hero-grid,.career-two-col,.journey-body,.single-journey .journey-body,.culture-compact,.value-banner{grid-template-columns:minmax(0,1fr);gap:36px}
  .hero2026{min-height:auto;padding-top:138px}
  .hero2026 h1{font-size:clamp(52px,7.5vw,74px);max-width:800px}
  .hero-panel{max-width:none}
  .page-hero{min-height:auto}
  .service-grid,.phase-cards,.rise-grid,.system-road,.system-enablers,.rise-stage,.transversal-grid,.idear-stage,.impact-grid,.benefit-grid,.jobs-grid-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-grid,.cap-grid,.report-grid,.insight-proof,.form-grid.two,.contact-meta-grid{grid-template-columns:minmax(0,1fr)}
  .experience-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .trust-capabilities>div{border-left:0;padding-left:0}
  .trust-iso-grid{grid-template-columns:minmax(0,1fr)}
  .trust-showcase .compact-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}
  .news-head,.careers-head{align-items:flex-start;flex-direction:column;gap:18px}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-copy{text-align:center}
  .final-cta-card{align-items:flex-start;flex-direction:column}
}

/* Phone: single-column reading and comfortable controls. */
@media(max-width:767px){
  :root{--site-gutter:24px}
  section{padding:72px 0}
  .hero2026,.page-hero,.career-hero{padding-top:124px;padding-bottom:72px}
  .hero2026 h1,.page-hero h1,.career-hero h1{font-size:clamp(38px,7.7vw,54px)}
  .hero2026 .hero-grid,.page-hero-grid,.split,.contact-grid,.life-grid,.career-two-col{gap:28px}
  .hero-actions{flex-direction:column;align-items:stretch;gap:12px}
  .hero-actions .btn{width:100%}
  .frontier-os,.page-hero-card,.career-hero-card{padding:24px}
  .os-lane{grid-template-columns:38px minmax(0,1fr)}
  .os-lane .os-status{display:none}
  .os-rule{gap:12px;flex-wrap:wrap}
  .service-grid,.phase-cards,.rise-grid,.rise-foundations,.system-road,.system-enablers,.rise-stage,.transversal-grid,.idear-stage,.impact-grid,.benefit-grid,.jobs-grid,.jobs-grid-premium,.offices,.offices-six,.experience-metrics,.value-flow,.route{grid-template-columns:minmax(0,1fr)}
  .route-step:not(:last-child):after{display:none}
  .metric-row{grid-template-columns:1fr;gap:18px}
  .trust-intro{grid-template-columns:minmax(0,1fr)}
  .trust-orbit{display:none}
  .trust-showcase .section-head h2{font-size:clamp(34px,7vw,46px)}
  .trust-partner-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-partner-brand{grid-column:1/-1}
  .trust-stat{border-left:0;padding-left:0}
  .trust-specializations ul{grid-template-columns:1fr}
  .trust-misa-panel{display:flex;flex-direction:column}
  .trust-misa-panel>.trust-misa-mark{align-self:flex-start;margin:0 0 20px;padding:0;border-right:0}
  .trust-misa-footer,.trust-verification,.trust-issuer-strip{flex-direction:column;align-items:flex-start;gap:18px}
  .trust-issuer-logo{border-right:0;padding:0}
  .trust-showcase .compact-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-caption,.culture-video .video-caption{align-items:flex-start;flex-direction:column;gap:6px}
  .video-caption strong{text-align:left}
  .site-nav{width:min(340px,calc(100vw - 48px))!important}
  .contact-modal-panel{width:100%;padding:24px 20px;max-height:calc(100dvh - 20px)}
}

@media(max-width:380px){
  .trust-capabilities,.trust-showcase .compact-timeline{grid-template-columns:minmax(0,1fr)}
  .trust-partner-panel,.trust-misa-panel{padding:22px 16px}
  .trust-iso-card{grid-template-columns:minmax(0,1fr)}
}
