/* Premium About Us presentation. Scoped to the Elementor document so global
 * Aleric navigation and footer styles remain untouched. */
.eai-about-premium {
  --eai-ink: #071521;
  --eai-muted: #5d6b76;
  --eai-line: #dbe5ea;
  --eai-cyan: #69e6f4;
  --eai-cyan-deep: #1cb5cc;
  --eai-dark: #071924;
  background: #f8fbfc;
  color: var(--eai-ink);
  overflow: hidden;
}

.eai-about-premium.elementor-section { width: 100%; }
.eai-about-premium > .elementor-container {
  width: min(1200px, calc(100% - 96px));
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.eai-about-premium > .elementor-container > .elementor-column > .elementor-widget-wrap { align-content: center; }

.eai-about-hero {
  min-height: min(820px, calc(100vh - 92px));
  display: flex;
  align-items: center;
  background-color: #071924;
  position: relative;
}
.eai-about-hero::after,
.eai-about-statement::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(3,17,27,.94) 0%, rgba(3,17,27,.7) 44%, rgba(3,17,27,.28) 100%);
  pointer-events: none;
}
.eai-about-hero__content { padding: 118px 0 110px; max-width: 860px; }
.eai-about-breadcrumb { margin-bottom: 30px; }
.eai-about-breadcrumb nav { display:flex; gap: 12px; align-items:center; color: rgba(255,255,255,.64); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eai-about-breadcrumb a { color: var(--eai-cyan); text-decoration:none; }
.eai-about-breadcrumb a:hover { color:#fff; }
.eai-about-hero__title .elementor-heading-title { margin:0; color:#fff!important; font-size: clamp(3.6rem, 8vw, 7.6rem); line-height:.92; letter-spacing:-.065em; font-weight: 800; }
.eai-about-hero__subtitle .elementor-heading-title { margin: 34px 0 0; color: var(--eai-cyan)!important; font-size: clamp(1.35rem, 2.6vw, 2.25rem); line-height:1.08; letter-spacing:-.035em; }
.eai-about-hero__copy { max-width: 720px; margin-top: 28px; }
.eai-about-hero__copy p { color: rgba(255,255,255,.78); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height:1.8; margin:0; }
.eai-about-hero__content > .elementor-widget-wrap > .eai-about-button { display:inline-block; margin: 38px 12px 0 0; width:auto; }

.eai-about-button .elementor-button { display:inline-flex; align-items:center; gap:12px; border-radius:999px; padding:17px 26px; min-height:54px; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.eai-about-button .elementor-button:hover { transform: translateY(-3px); }
.eai-about-button--light .elementor-button { background:#fff; color:var(--eai-ink); }
.eai-about-button--light .elementor-button:hover { background:var(--eai-cyan); color:var(--eai-ink); }
.eai-about-button--outline .elementor-button { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.44); }
.eai-about-button--outline .elementor-button:hover { background:rgba(255,255,255,.12); border-color:#fff; }

.eai-about-intro { background:#fff; padding: 126px 0 132px; }
.eai-about-intro > .elementor-container { gap: 8%; }
.eai-about-intro__content { padding-right: 2%; }
.eai-about-eyebrow .elementor-heading-title { color:var(--eai-cyan-deep)!important; margin:0 0 22px; font-size:11px; line-height:1; letter-spacing:.2em; font-weight:800; }
.eai-about-eyebrow--light .elementor-heading-title { color:var(--eai-cyan)!important; }
.eai-about-section-title .elementor-heading-title { margin:0; color:var(--eai-ink)!important; font-size:clamp(2.2rem,4.6vw,4.25rem); line-height:1.02; letter-spacing:-.06em; font-weight:800; }
.eai-about-section-title--light .elementor-heading-title { color:#fff!important; }
.eai-about-rich-copy { margin-top: 31px; }
.eai-about-rich-copy p { margin:0 0 20px; color:var(--eai-muted); font-size:16px; line-height:1.86; }
.eai-about-rich-copy p:last-child { margin-bottom:0; }
.eai-about-intro__media { padding-top:22px; }
.eai-about-intro__image { position:relative; overflow:hidden; border-radius:4px; box-shadow: 0 30px 80px rgba(7,21,33,.17); }
.eai-about-intro__image::before { content:""; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.55); z-index:1; pointer-events:none; }
.eai-about-intro__image img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.eai-about-intro__image:hover img { transform:scale(1.055); }

.eai-about-ecosystem { background:var(--eai-dark); padding: 112px 0 126px; }
.eai-about-ecosystem .eai-about-section-copy { max-width:760px; }
.eai-about-section-copy { margin-top: 24px; }
.eai-about-section-copy p { margin:0; color:rgba(255,255,255,.68); font-size:16px; line-height:1.8; }
.eai-about-cards-row { display:flex; flex-wrap:wrap; margin:54px -10px 0; }
.eai-about-cards-row > .elementor-container { width:100%; }
.eai-about-card { margin:10px; width:calc(20% - 20px); min-height:238px; padding:28px 25px 26px; border:1px solid rgba(255,255,255,.15); background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.eai-about-card:hover { transform:translateY(-8px); border-color:rgba(105,230,244,.7); background:linear-gradient(145deg, rgba(105,230,244,.15), rgba(255,255,255,.035)); }
.eai-about-card__index .elementor-heading-title { color:var(--eai-cyan)!important; margin:0 0 42px; font-size:11px; letter-spacing:.18em; font-weight:800; }
.eai-about-card__title .elementor-heading-title { color:#fff!important; margin:0; font-size:20px; line-height:1.16; letter-spacing:-.03em; }
.eai-about-card__copy { margin-top:16px; }
.eai-about-card__copy p { color:rgba(255,255,255,.63); font-size:13px; line-height:1.65; margin:0; }

.eai-about-statement { min-height:520px; display:flex; align-items:center; position:relative; background-color:#0a2230; }
.eai-about-statement__content { padding:110px 0; max-width:900px; }
.eai-about-statement__title .elementor-heading-title { margin:0; color:#fff!important; max-width:850px; font-size:clamp(2.7rem,6vw,6.2rem); line-height:.98; letter-spacing:-.07em; font-weight:800; }
.eai-about-statement .eai-about-section-copy { max-width:720px; margin-top:28px; }

.eai-about-direction { background:#f3f8fa; padding:122px 0 132px; }
.eai-about-direction .eai-about-section-title { margin-bottom: 48px; }
.eai-about-direction .eai-about-cards-row { margin-top:0; margin-left:-14px; margin-right:-14px; }
.eai-about-direction-card { width:calc(50% - 28px); min-height:330px; margin:14px; background:#fff; border:1px solid var(--eai-line); box-shadow: 0 18px 50px rgba(7,21,33,.06); }
.eai-about-direction-card:hover { background:#fff; border-color:var(--eai-cyan-deep); box-shadow: 0 22px 60px rgba(7,21,33,.11); }
.eai-about-direction-card .eai-about-card__index .elementor-heading-title { color:var(--eai-cyan-deep)!important; }
.eai-about-direction-card .eai-about-card__title .elementor-heading-title { color:var(--eai-ink)!important; font-size:28px; }
.eai-about-direction-card .eai-about-card__copy p { color:var(--eai-muted); font-size:15px; line-height:1.8; }

.eai-about-cta { background:var(--eai-dark); padding:110px 0 122px; }
.eai-about-cta__content { max-width:800px; text-align:center; margin:0 auto; }
.eai-about-cta .eai-about-eyebrow { text-align:center; }
.eai-about-cta__title .elementor-heading-title { margin:0; color:#fff!important; font-size:clamp(2.6rem,5vw,5rem); line-height:1; letter-spacing:-.065em; }
.eai-about-cta .eai-about-section-copy { max-width:670px; margin:25px auto 0; }
.eai-about-cta .eai-about-button { margin-top:35px; display:inline-block; }

@media (max-width: 1100px) {
  .eai-about-premium > .elementor-container { width:min(100% - 56px, 960px); }
  .eai-about-card { width:calc(33.333% - 20px); }
}
@media (max-width: 767px) {
  .eai-about-premium > .elementor-container { width:calc(100% - 36px); }
  .eai-about-hero { min-height:620px; }
  .eai-about-hero__content { padding:90px 0 80px; }
  .eai-about-hero__title .elementor-heading-title { font-size: clamp(3.05rem, 16vw, 4.8rem); }
  .eai-about-hero__subtitle .elementor-heading-title { margin-top:24px; font-size:1.5rem; }
  .eai-about-hero__copy p { font-size:14px; line-height:1.65; }
  .eai-about-intro, .eai-about-ecosystem, .eai-about-direction { padding:78px 0 84px; }
  .eai-about-intro > .elementor-container { display:flex; flex-direction:column; gap:32px; }
  .eai-about-intro__content, .eai-about-intro__media { width:100%; padding:0; }
  .eai-about-intro__image img { aspect-ratio:16/11; }
  .eai-about-card { width:100%; min-height:0; margin:8px 0; }
  .eai-about-cards-row { margin:38px 0 0; }
  .eai-about-cards-row > .elementor-container { display:block; }
  .eai-about-statement { min-height:500px; }
  .eai-about-statement__content { padding:82px 0; }
  .eai-about-direction .eai-about-section-title { margin-bottom:30px; }
  .eai-about-direction .eai-about-cards-row { margin:0; }
  .eai-about-direction-card { width:100%; min-height:0; margin:8px 0; }
  .eai-about-direction-card .eai-about-card__title .elementor-heading-title { font-size:24px; }
  .eai-about-cta { padding:78px 0 84px; }
  .eai-about-button .elementor-button { min-height:50px; padding:14px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .eai-about-premium *, .eai-about-premium *::before, .eai-about-premium *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; }
}
