.ai-hero{padding:4rem 0 3rem;background:linear-gradient(125deg,#edf6f4,#f5f7fa)}.ai-hero .container{position:relative}.ai-hero h1{font-size:clamp(2.1rem,4.5vw,4rem);max-width:950px;line-height:1.1;color:#153745}.ai-hero .lead{max-width:900px;margin:1.5rem 0 2rem}.ai-hero-image{width:100%;max-height:340px;object-fit:cover;border-radius:20px;margin-top:2rem}.ai-richtext{max-width:1180px}.ai-section{margin:3.5rem 0}.ai-section h2{font-size:clamp(1.5rem,3vw,2.3rem);margin-bottom:1.4rem;color:#153745}.ai-section p,.ai-section li{line-height:1.8}.ai-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.ai-cards article{border:1px solid #dce6e6;border-radius:18px;padding:1.6rem;background:#fff}.ai-cards h3{font-size:1.25rem}.ai-cards a,.ai-links a{color:#135d67}.ai-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;list-style:none;counter-reset:phase}.ai-method li{padding:1.5rem;border-top:3px solid #277b80;background:#eff6f5;border-radius:0 0 14px 14px;counter-increment:phase}.ai-method h3{font-size:1.2rem}.ai-method li:before{content:counter(phase,decimal-leading-zero);font-size:2rem;font-weight:700;color:#277b80}.ai-section details{border-bottom:1px solid #dce6e6;padding:1rem 0}.ai-section summary{font-weight:600;cursor:pointer}.ai-final{padding:2.5rem 0 4rem}.ai-practice-service .oling-two-col{grid-template-columns:1fr}.ai-hub-card{padding:1.8rem;background:#edf6f4;border:1px solid #dce6e6;border-radius:18px;margin:2rem 0}.ai-links{display:flex;gap:1rem;flex-wrap:wrap;list-style:none;padding:0}.ai-links li{flex:1 1 240px}.ai-practice-extension{margin-top:2rem}@media(max-width:767px){.ai-cards,.ai-method{grid-template-columns:1fr}.ai-hero{padding:2rem 0}.ai-section{margin:2.5rem 0}}@media(min-width:1200px){.oling-mega-grid:has(> :nth-child(4)) .oling-mega-col{min-width:0}}
@media(min-width:1200px) and (max-width:1399.98px){body:has(.ai-practice-page) .oling-main-menu__cta,body.ai-practice-service .oling-main-menu__cta{display:none!important}}

/* Keep all four expertise universes on one desktop row, above bundled theme specificity. */
@media (min-width: 1200px) {
  #header .hs-has-mega-menu { position: static !important; }
  #header .hs-has-mega-menu > .oling-mega-menu--needs {
    width: 100%;
    max-width: 100%;
  }
  #header .oling-mega-menu--needs .oling-mega-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: start;
  }
  #header .oling-mega-menu--needs .oling-mega-col { min-width: 0; }
}