/* Visual refinement for the AI & Intelligent ERP page */
.aie-hero{background:radial-gradient(circle at 76% 37%,#dff4ff 0,transparent 33%),linear-gradient(110deg,#fff 0%,#f7fffb 53%,#edf8ff 100%)}
.aie-hero-grid{grid-template-columns:.9fr 1.1fr;gap:34px;padding:12px 0 30px}.aie-copy>p{font-size:16px;max-width:510px}
.aie-hero-visual{overflow:hidden;border:1px solid #d6e9e3;border-radius:18px;background:#0b4b3c;box-shadow:0 19px 40px #073d2b22}.aie-hero-visual img{display:block;width:100%;height:340px;object-fit:cover}
.aie-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:510px;margin-top:22px}.aie-pillars span{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center;min-height:49px;padding:8px 10px;border:1px solid;border-radius:10px;font-size:10px;line-height:1.25;box-shadow:0 5px 14px #08463112}.aie-pillars span i{grid-row:1 / span 2;font-size:22px;font-style:normal}.aie-pillars span b{font-size:11px;line-height:1.1}.aie-pillars span small{font-size:9px;font-weight:700}.aie-pillars span:nth-child(1){color:#075c3b;background:#e8f8ed;border-color:#a9dfbd}.aie-pillars span:nth-child(2){color:#135794;background:#eaf4ff;border-color:#afd0f5}.aie-pillars span:nth-child(3){color:#673ea0;background:#f3edff;border-color:#cfbaef}.aie-pillars span:nth-child(4){color:#a54516;background:#fff1e8;border-color:#f4c28b}
.aie-flow{padding:18px 0}.aie-flow .aie-shell{display:block;overflow:hidden;padding:0;border:1px solid #dceae3;border-radius:14px;background:linear-gradient(135deg,#fff,#f8fffc);box-shadow:0 8px 22px #0d493112}.aie-flow-copy{padding:19px 22px 12px}.aie-flow h2{font-size:18px;text-align:left;margin:0 0 4px}.aie-flow p{font-size:13px;color:#295b4a}.aie-flow img{display:block;width:100%;height:auto;border-top:1px solid #e0ece7}
@media(max-width:1000px){.aie-hero-grid{grid-template-columns:1fr}.aie-hero-visual img{height:auto}.aie-pillars{max-width:none}}@media(max-width:650px){.aie-pillars{grid-template-columns:1fr}.aie-hero-visual img{height:auto}.aie-flow-copy{padding:16px}.aie-flow h2{font-size:16px}}

/* Align capability visuals regardless of heading line count. */
.aie-cap header{min-height:56px;align-items:flex-start}.aie-cap header>div{flex:1}.aie-cap h3{line-height:1.2}.aie-cap header small{display:block;line-height:1.2;margin-top:3px}

/* Let the right-side hero visual occupy the full hero height. */
.aie-hero-grid{align-items:stretch}.aie-hero-visual{display:flex;height:100%;min-height:0}.aie-hero-visual img{flex:1 1 auto;min-width:0;min-height:0;width:100%;height:auto;object-fit:cover;object-position:center}
@media(max-width:1000px){.aie-hero-grid{align-items:center}.aie-hero-visual{height:auto}.aie-hero-visual img{height:auto}}

/* Desktop: make the hero visual a genuinely full-height right panel. */
@media(min-width:1001px){.aie-hero-grid{min-height:430px}.aie-hero-visual{height:430px;align-self:stretch}.aie-hero-visual img{height:100%;width:100%;flex:none}}

/* Capability cards: image first, then the title/subtitle, then the description. */
.aie-cap article>img{margin:0 0 10px;height:112px}.aie-cap article>header{margin:0 0 7px}