/* ── GLOBAL RESETS (matching backup page) ── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html, body { max-width: 100%; overflow-x: hidden; }
    body {
      background-color: #f8f9fa;
      overflow-x: hidden;
      margin-top: 80px;
      font-family: Arial, sans-serif;
      color: #1b2b3a;
    }

    /* ── MAIN SCOPE — new UI (matches backup page structure) ── */
    main, main * { box-sizing: border-box; }
    main {
      font-family: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
      color: #1e2d3d;
      background: #fff;
      font-size: 1rem;
      --navy:    #0c2040;
      --navy2:   #133563;
      --navy3:   #1a4a8a;
      --teal:    #0d7377;
      --teal2:   #14a085;
      --teal3:   #1abc9c;
      --amber:   #f59e0b;
      --offwhite:#f0f6fb;
      --border:  #d0dde8;
      --muted:   #5a7a8f;
      --text:    #1e2d3d;
      --sh:      0 4px 24px rgba(12,32,64,0.10);
      --shh:     0 12px 40px rgba(12,32,64,0.18);
      --r:       14px;
      --rlg:     22px;
    }

    /* scroll reveal */
    .ae-reveal { opacity:0; transform:translateY(32px); transition:opacity .7s ease, transform .7s ease; }
    .ae-reveal.visible { opacity:1; transform:translateY(0); }
    .ae-reveal.d1{transition-delay:.1s} .ae-reveal.d2{transition-delay:.2s}
    .ae-reveal.d3{transition-delay:.3s} .ae-reveal.d4{transition-delay:.4s}
    .ae-reveal.d5{transition-delay:.5s}

    /* shared inner */
    .ae-inner { max-width:1200px; margin:0 auto; }
    .ae-tag {
      display:inline-block;
      background:rgba(12,32,64,.1);
      color:var(--navy2);
      font-size:12px; font-weight:700;
      letter-spacing:.1em; text-transform:uppercase;
      padding:5px 14px; border-radius:999px; margin-bottom:14px;
    }
    .ae-title {
      font-family:'Sora',sans-serif;
      font-size:clamp(1.8rem,3vw,2.6rem);
      color:var(--navy); margin:0 0 16px; line-height:1.25;
    }
    .ae-lead {
      color:var(--muted); font-size:16px; line-height:1.75;
      max-width:640px; margin-bottom:40px;
    }
    .ae-btn-primary {
      background:var(--navy2); color:#fff;
      padding:14px 28px; border-radius:8px;
      font-weight:700; font-size:15px; text-decoration:none;
      transition:background .2s,transform .2s;
      box-shadow:0 4px 18px rgba(12,32,64,.35);
      display:inline-block;
    }
    .ae-btn-primary:hover { background:var(--navy3); transform:translateY(-2px); }
    .ae-btn-outline {
      background:transparent; color:#fff;
      padding:13px 28px; border-radius:8px;
      font-weight:600; font-size:15px; text-decoration:none;
      border:2px solid rgba(255,255,255,.3);
      transition:border-color .2s,background .2s; display:inline-block;
    }
    .ae-btn-outline:hover { border-color:var(--teal3); background:rgba(26,188,156,.1); }

    /* ── HERO ── */
    .ae-hero {
      background:var(--navy);
      background-image:
        radial-gradient(ellipse 800px 500px at 80% 40%,rgba(13,115,119,.28) 0%,transparent 70%),
        radial-gradient(ellipse 400px 400px at 5% 80%,rgba(26,70,140,.2) 0%,transparent 70%);
      padding:90px 40px 100px; position:relative; overflow:hidden;
    }
    .ae-hero::before {
      content:''; position:absolute; inset:0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:55px 55px; pointer-events:none;
    }
    .ae-hero-inner {
      max-width:1200px; margin:0 auto;
      display:grid; grid-template-columns:1.15fr 1fr;
      gap:64px; align-items:center; position:relative; z-index:1;
    }
    .ae-hero-badge {
      display:inline-flex; align-items:center; gap:8px;
      background:rgba(13,115,119,.3);
      border:1px solid rgba(26,188,156,.4);
      color:var(--teal3); font-size:12px; font-weight:700;
      letter-spacing:.08em; text-transform:uppercase;
      padding:6px 16px; border-radius:999px; margin-bottom:22px;
    }
    .ae-hero-badge::before { content:'●'; font-size:7px; }
    .ae-hero h1 {
      font-family:'Sora',sans-serif;
      font-size:clamp(2rem,3.8vw,3.2rem);
      line-height:1.2; color:#fff; margin:0 0 22px;
    }
    .ae-hero h1 em { font-style:italic; color:var(--teal3); }
    .ae-hero-sub { color:#a8c0d4; font-size:15px; line-height:1.8; margin-bottom:14px; }
    .ae-hero-tags {
      display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 34px;
    }
    .ae-hero-tag {
      background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);
      color:#c0d6e8; font-size:13px; font-weight:600;
      padding:7px 16px; border-radius:999px;
    }
    .ae-hero-btns { display:flex; gap:14px; flex-wrap:wrap; }

    /* hero right side — status cards */
    .ae-hero-right { display:flex; flex-direction:column; gap:16px; }
    .ae-status-card {
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.1);
      border-radius:14px; padding:20px 22px;
      display:flex; align-items:center; gap:16px;
      transition:background .3s;
    }
    .ae-status-card:hover { background:rgba(255,255,255,.1); }
    .ae-status-dot {
      width:14px; height:14px; border-radius:50%; flex-shrink:0;
    }
    .ae-status-dot.normal { background:#22c55e; box-shadow:0 0 8px rgba(34,197,94,.5); }
    .ae-status-dot.warning { background:#f59e0b; box-shadow:0 0 8px rgba(245,158,11,.5); }
    .ae-status-dot.critical { background:#ef4444; box-shadow:0 0 8px rgba(239,68,68,.5); }
    .ae-status-label { font-size:13px; font-weight:700; color:#fff; margin-bottom:3px; }
    .ae-status-desc { font-size:12px; color:#8ab0c8; line-height:1.4; }
    .ae-hero-sys-info {
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:12px; padding:16px 20px;
      display:grid; grid-template-columns:1fr 1fr; gap:12px;
    }
    .ae-sys-item { display:flex; flex-direction:column; gap:3px; }
    .ae-sys-val {
      font-family:'Sora',sans-serif; font-size:22px;
      font-weight:800; color:#fff;
    }
    .ae-sys-lbl { font-size:11px; color:#6b90a8; font-weight:500; }

    /* ── WHAT IS AEPMS ── */
    .ae-what { background:var(--offwhite); padding:90px 40px; }
    .ae-what-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:48px; }
    .ae-what-box {
      background:#fff; border-radius:var(--r); padding:32px;
      box-shadow:var(--sh); border:1px solid var(--border);
      transition:transform .25s,box-shadow .25s;
    }
    .ae-what-box:hover { transform:translateY(-4px); box-shadow:var(--shh); }
    .ae-what-box .icon { font-size:26px; margin-bottom:14px; display:block; }
    .ae-what-box h3 {
      font-family:'Sora',sans-serif; font-size:16px; font-weight:700;
      color:var(--navy); margin:0 0 10px;
    }
    .ae-what-box p { font-size:14px; color:var(--muted); line-height:1.7; margin:0; }

    /* ── MODULE TABLE ── */
    .ae-modules { background:#fff; padding:90px 40px; }
    .ae-module-table { width:100%; border-collapse:collapse; margin-top:48px; border-radius:var(--r); overflow:hidden; box-shadow:var(--sh); }
    .ae-module-table thead tr { background:var(--navy2); }
    .ae-module-table th { color:#fff; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:16px 22px; text-align:left; }
    .ae-module-table tbody tr { background:#fff; border-bottom:1px solid var(--border); transition:background .2s; }
    .ae-module-table tbody tr:last-child { border-bottom:none; }
    .ae-module-table tbody tr:hover { background:var(--offwhite); }
    .ae-module-table td { padding:18px 22px; font-size:14.5px; color:var(--text); line-height:1.5; }
    .ae-module-table td:first-child { font-weight:700; color:var(--navy2); white-space:nowrap; }
    .ae-mod-badge {
      display:inline-block; background:rgba(12,32,64,.07);
      color:var(--navy2); font-size:12px; font-weight:700;
      padding:4px 12px; border-radius:999px;
    }

    /* ── FEATURE SECTIONS (alternating) ── */
    .ae-feature { padding:90px 40px; }
    .ae-feature.dark { background:var(--navy); }
    .ae-feature.light { background:var(--offwhite); }
    .ae-feature.white { background:#fff; }
    .ae-feature-inner {
      max-width:1200px; margin:0 auto;
      display:grid; grid-template-columns:1fr 1fr;
      gap:60px; align-items:start;
    }
    .ae-feature-inner.reverse { direction:rtl; }
    .ae-feature-inner.reverse > * { direction:ltr; }
    .ae-feature.dark .ae-title { color:#fff; }
    .ae-feature.dark .ae-lead { color:#8ab0c8; }
    .ae-feature.dark .ae-tag { background:rgba(26,188,156,.15); color:var(--teal3); }
    .ae-feat-list { list-style:none; padding:0; margin:0; }
    .ae-feat-list li {
      font-size:14px; color:var(--muted); padding:10px 0 10px 20px;
      border-bottom:1px solid var(--border); position:relative; line-height:1.6;
    }
    .ae-feat-list li:last-child { border-bottom:none; }
    .ae-feat-list li::before { content:'›'; position:absolute; left:0; color:var(--navy2); font-weight:700; font-size:17px; }
    .ae-feature.dark .ae-feat-list li { color:#8ab0c8; border-bottom-color:rgba(255,255,255,.07); }
    .ae-feature.dark .ae-feat-list li::before { color:var(--teal3); }
    .ae-feature-right { display:flex; flex-direction:column; gap:16px; }

    /* cards inside feature right */
    .ae-mini-card {
      background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);
      border-radius:12px; padding:18px 20px;
    }
    .ae-mini-card.light-card {
      background:#fff; border:1px solid var(--border); box-shadow:var(--sh);
    }
    .ae-mini-card h4 {
      font-size:14px; font-weight:700; color:#fff; margin:0 0 8px;
    }
    .ae-mini-card.light-card h4 { color:var(--navy); }
    .ae-mini-card p { font-size:13px; color:#7a9fad; line-height:1.6; margin:0; }
    .ae-mini-card.light-card p { color:var(--muted); }

    /* pipeline steps */
    .ae-pipeline {
      display:flex; align-items:center; gap:0;
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
      border-radius:12px; padding:18px; flex-wrap:wrap; margin-top:16px;
    }
    .ae-pipeline.light-pipe {
      background:#fff; border:1px solid var(--border); box-shadow:var(--sh);
    }
    .ae-pipe-step {
      display:flex; flex-direction:column; align-items:center; gap:6px;
      padding:10px 14px; flex:1; min-width:80px;
    }
    .ae-pipe-num {
      width:32px; height:32px; border-radius:50%;
      background:rgba(26,188,156,.2); color:var(--teal3);
      font-weight:800; font-size:13px;
      display:flex; align-items:center; justify-content:center;
    }
    .ae-pipeline.light-pipe .ae-pipe-num {
      background:rgba(12,32,64,.1); color:var(--navy2);
    }
    .ae-pipe-label { font-size:11.5px; font-weight:600; color:#c0d6e8; text-align:center; line-height:1.3; }
    .ae-pipeline.light-pipe .ae-pipe-label { color:var(--muted); }
    .ae-pipe-arrow { color:rgba(255,255,255,.2); font-size:18px; flex-shrink:0; }
    .ae-pipeline.light-pipe .ae-pipe-arrow { color:var(--border); }

    /* param chips */
    .ae-params { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
    .ae-param-chip {
      background:rgba(26,188,156,.12); border:1px solid rgba(26,188,156,.25);
      color:var(--teal3); font-size:12px; font-weight:600;
      padding:5px 13px; border-radius:999px;
    }
    .ae-param-chip.light-chip {
      background:rgba(12,32,64,.07); border-color:var(--border);
      color:var(--navy2);
    }

    /* ── ALERT CLASSIFICATION ── */
    .ae-alerts { background:var(--navy); padding:90px 40px; }
    .ae-alert-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
    .ae-alert-card {
      border-radius:var(--r); padding:30px 26px;
      border:1px solid rgba(255,255,255,.1);
      transition:transform .3s;
    }
    .ae-alert-card:hover { transform:translateY(-5px); }
    .ae-alert-card.normal { background:rgba(34,197,94,.1); border-color:rgba(34,197,94,.3); }
    .ae-alert-card.warning { background:rgba(245,158,11,.1); border-color:rgba(245,158,11,.3); }
    .ae-alert-card.critical { background:rgba(239,68,68,.1); border-color:rgba(239,68,68,.3); }
    .ae-alert-dot { width:18px; height:18px; border-radius:50%; margin-bottom:16px; }
    .ae-alert-card.normal .ae-alert-dot { background:#22c55e; box-shadow:0 0 12px rgba(34,197,94,.5); }
    .ae-alert-card.warning .ae-alert-dot { background:#f59e0b; box-shadow:0 0 12px rgba(245,158,11,.5); }
    .ae-alert-card.critical .ae-alert-dot { background:#ef4444; box-shadow:0 0 12px rgba(239,68,68,.5); }
    .ae-alert-card h3 { font-family:'Sora',sans-serif; font-size:20px; font-weight:800; color:#fff; margin:0 0 8px; }
    .ae-alert-card p { font-size:14px; color:#8ab0c8; line-height:1.6; margin:0; }
    .ae-alert-footer { margin-top:40px; max-width:900px; }
    .ae-alert-rules { display:flex; flex-direction:column; gap:14px; margin-top:16px; }
    .ae-alert-rule {
      display:flex; align-items:center; gap:14px;
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
      border-radius:10px; padding:14px 18px;
    }
    .ae-alert-rule-dot { width:10px; height:10px; border-radius:50%; flex-shrink:0; background:var(--teal3); }
    .ae-alert-rule p { font-size:14px; color:#8ab0c8; line-height:1.5; margin:0; }

    /* ── FLEET ANALYTICS ── */
    .ae-fleet { background:var(--offwhite); padding:90px 40px; }
    .ae-fleet-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }
    .ae-fleet-card {
      background:#fff; border:1px solid var(--border);
      border-radius:var(--r); padding:30px 26px;
      transition:all .3s; position:relative; overflow:hidden;
    }
    .ae-fleet-card::after {
      content:''; position:absolute; bottom:0; left:0; right:0;
      height:3px; background:linear-gradient(90deg,var(--navy2),var(--teal2));
      transform:scaleX(0); transform-origin:left; transition:transform .35s;
    }
    .ae-fleet-card:hover { transform:translateY(-4px); box-shadow:var(--shh); border-color:var(--navy2); }
    .ae-fleet-card:hover::after { transform:scaleX(1); }
    .ae-fleet-card h3 { font-family:'Sora',sans-serif; font-size:16px; font-weight:700; color:var(--navy); margin:0 0 14px; }
    .ae-fleet-card ul { list-style:none; padding:0; margin:0; }
    .ae-fleet-card li { font-size:13.5px; color:var(--muted); padding:7px 0 7px 16px; border-bottom:1px solid var(--border); position:relative; line-height:1.5; }
    .ae-fleet-card li:last-child { border-bottom:none; }
    .ae-fleet-card li::before { content:'›'; position:absolute; left:0; color:var(--navy2); font-weight:700; font-size:15px; }

    /* ── PERFORMANCE COCKPIT ── */
    .ae-cockpit { background:#fff; padding:90px 40px; }
    .ae-cockpit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; margin-top:48px; }
    .ae-cockpit-card {
      background:var(--offwhite); border:1px solid var(--border);
      border-radius:var(--r); padding:28px 26px;
      display:grid; grid-template-columns:52px 1fr; gap:18px;
      align-items:flex-start; transition:all .3s;
    }
    .ae-cockpit-card:hover { background:#fff; box-shadow:var(--shh); border-color:var(--navy2); }
    .ae-cockpit-icon {
      width:52px; height:52px; border-radius:12px;
      background:rgba(12,32,64,.08); display:flex;
      align-items:center; justify-content:center; font-size:22px;
    }
    .ae-cockpit-card h4 { font-family:'Sora',sans-serif; font-size:15px; font-weight:700; color:var(--navy); margin:0 0 8px; }
    .ae-cockpit-card p { font-size:13.5px; color:var(--muted); line-height:1.6; margin:0; }
    .ae-cockpit-footer {
      margin-top:36px; background:var(--offwhite); border:1px solid var(--border);
      border-radius:var(--r); padding:28px 32px;
      border-left:4px solid var(--navy2); font-size:15px; color:var(--muted); line-height:1.75;
    }
    .ae-cockpit-footer strong { color:var(--navy); }

    /* ── SECURITY ── */
    .ae-security { background:var(--navy); padding:90px 40px; }
    .ae-role-hierarchy {
      display:flex; flex-direction:column; gap:0;
      margin-top:24px;
    }
    .ae-role-row {
      display:grid; grid-template-columns:140px 1fr;
      align-items:center; gap:20px;
      padding:16px 22px;
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      margin-bottom:6px; border-radius:10px;
      transition:background .25s;
    }
    .ae-role-row:hover { background:rgba(255,255,255,.09); }
    .ae-role-badge {
      display:inline-block; padding:6px 14px; border-radius:999px;
      font-size:12px; font-weight:700; text-align:center; white-space:nowrap;
    }
    .ae-role-badge.superuser { background:rgba(239,68,68,.2); color:#f87171; border:1px solid rgba(239,68,68,.3); }
    .ae-role-badge.admin { background:rgba(245,158,11,.2); color:#fbbf24; border:1px solid rgba(245,158,11,.3); }
    .ae-role-badge.shore { background:rgba(34,197,94,.2); color:#4ade80; border:1px solid rgba(34,197,94,.3); }
    .ae-role-badge.vessel { background:rgba(99,102,241,.2); color:#a5b4fc; border:1px solid rgba(99,102,241,.3); }
    .ae-role-desc { font-size:14px; color:#8ab0c8; line-height:1.5; }
    .ae-sso-badge {
      margin-top:32px; background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.1); border-radius:12px;
      padding:18px 22px; display:flex; align-items:center; gap:14px;
    }
    .ae-sso-icon { font-size:22px; }
    .ae-sso-text { font-size:14px; color:#8ab0c8; line-height:1.6; }
    .ae-sso-text strong { color:#fff; }

    /* ── TECH STACK ── */
    .ae-tech { background:var(--offwhite); padding:90px 40px; }
    .ae-tech-cols { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:48px; }
    .ae-tech-col {
      background:#fff; border:1px solid var(--border);
      border-radius:var(--r); padding:32px; box-shadow:var(--sh);
    }
    .ae-tech-col h3 {
      font-family:'Sora',sans-serif; font-size:16px; font-weight:700;
      color:var(--navy); margin:0 0 20px; padding-bottom:14px;
      border-bottom:2px solid var(--navy2);
    }
    .ae-tech-col ul { list-style:none; padding:0; margin:0; }
    .ae-tech-col li {
      font-size:14px; color:var(--muted); padding:10px 0 10px 20px;
      border-bottom:1px solid var(--border); position:relative; line-height:1.5;
    }
    .ae-tech-col li:last-child { border-bottom:none; }
    .ae-tech-col li::before { content:'›'; position:absolute; left:0; color:var(--navy2); font-weight:700; font-size:17px; }

    /* ── WHY AEPMS ── */
    .ae-why { background:var(--navy); padding:90px 40px; }
    .ae-why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:48px; }
    .ae-why-card {
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.09);
      border-radius:var(--r); padding:26px 22px; transition:all .3s;
    }
    .ae-why-card:hover { background:rgba(255,255,255,.09); transform:translateY(-4px); }
    .ae-why-icon { font-size:26px; margin-bottom:14px; display:block; }
    .ae-why-card h4 { font-family:'Sora',sans-serif; font-size:14px; font-weight:700; color:#fff; margin:0 0 8px; line-height:1.4; }
    .ae-why-card p { font-size:13px; color:#7a9fad; line-height:1.6; margin:0; }
    .ae-why-tagline {
      margin-top:40px; text-align:center;
      font-family:'Sora',sans-serif; font-size:18px; font-weight:700;
      color:var(--teal3); letter-spacing:.02em;
    }

    /* ── CTA FINAL ── */
    .ae-final {
      background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);
      padding:100px 40px; text-align:center; position:relative; overflow:hidden;
    }
    .ae-final::before {
      content:''; position:absolute; inset:0;
      background-image:radial-gradient(circle 600px at 30% 50%,rgba(13,115,119,.2) 0%,transparent 70%),
        radial-gradient(circle 400px at 80% 20%,rgba(26,188,156,.1) 0%,transparent 70%);
      pointer-events:none;
    }
    .ae-final-inner { max-width:700px; margin:0 auto; position:relative; z-index:1; }
    .ae-final h2 {
      font-family:'Sora',sans-serif; font-size:clamp(1.8rem,3.5vw,2.7rem);
      color:#fff; margin:0 0 16px;
    }
    .ae-final p { color:#a8c0d4; font-size:16px; line-height:1.7; margin:0 0 36px; }
    .ae-final-btns { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
    .ae-final-btn {
      display:flex; flex-direction:column; align-items:center; gap:4px;
      padding:15px 28px; border-radius:10px; text-decoration:none;
      font-weight:700; font-size:15px; min-width:220px; transition:all .2s;
    }
    .ae-final-btn.call { background:var(--teal); color:#fff; box-shadow:0 4px 18px rgba(13,115,119,.4); }
    .ae-final-btn.call:hover { background:var(--teal2); transform:translateY(-2px); }
    .ae-final-btn.mail { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.2); }
    .ae-final-btn.mail:hover { background:rgba(255,255,255,.14); }
    .ae-final-btn-sub { font-size:12.5px; font-weight:500; opacity:.85; }
    .ae-reach-btns { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:20px; }
    .ae-reach-btn {
      display:inline-flex; align-items:center; gap:8px;
      padding:11px 20px; border-radius:8px; text-decoration:none;
      font-size:14px; font-weight:600; transition:all .2s;
    }
    .ae-reach-btn.wa { background:#25d366; color:#fff; }
    .ae-reach-btn.wa:hover { background:#1ebe5d; }
    .ae-reach-btn.contact { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.2); }
    .ae-reach-btn.contact:hover { background:rgba(255,255,255,.15); }

    /* ── DOCUMENT & ADMIN SECTION (shared) ── */
    .ae-doc { background:#fff; padding:90px 40px; }
    .ae-doc-grid { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:48px; }
    .ae-doc-card {
      background:var(--offwhite); border:1px solid var(--border);
      border-radius:var(--r); padding:28px 26px; transition:all .3s;
    }
    .ae-doc-card:hover { background:#fff; box-shadow:var(--shh); border-color:var(--navy2); }
    .ae-doc-card h4 { font-family:'Sora',sans-serif; font-size:15px; font-weight:700; color:var(--navy); margin:0 0 14px; }
    .ae-doc-card ul { list-style:none; padding:0; margin:0; }
    .ae-doc-card li {
      font-size:14px; color:var(--muted); padding:8px 0 8px 18px;
      border-bottom:1px solid var(--border); position:relative; line-height:1.5;
    }
    .ae-doc-card li:last-child { border-bottom:none; }
    .ae-doc-card li::before { content:'—'; position:absolute; left:0; color:var(--navy2); font-weight:700; }
    .ae-azure-badge {
      margin-top:28px; background:rgba(12,32,64,.06); border:1px solid var(--border);
      border-radius:12px; padding:18px 22px;
      display:flex; align-items:center; gap:14px;
    }
    .ae-azure-icon { font-size:22px; }
    .ae-azure-text { font-size:14px; color:var(--muted); line-height:1.6; }
    .ae-azure-text strong { color:var(--navy); }

    /* RESPONSIVE */
    @media (max-width:1024px) {
      .ae-hero-inner { grid-template-columns:1fr; gap:48px; }
      .ae-what-grid, .ae-doc-grid, .ae-tech-cols { grid-template-columns:1fr; }
      .ae-feature-inner { grid-template-columns:1fr; direction:ltr; }
      .ae-feature-inner.reverse { direction:ltr; }
      .ae-alert-cards { grid-template-columns:1fr; }
      .ae-fleet-grid { grid-template-columns:1fr 1fr; }
      .ae-cockpit-grid { grid-template-columns:1fr; }
      .ae-why-grid { grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:768px) {
      .ae-hero, .ae-what, .ae-modules, .ae-feature, .ae-alerts, .ae-fleet,
      .ae-cockpit, .ae-security, .ae-tech, .ae-why, .ae-final, .ae-doc {
        padding-left:20px; padding-right:20px;
      }
      .ae-fleet-grid { grid-template-columns:1fr; }
      .ae-why-grid { grid-template-columns:1fr 1fr; }
      .ae-role-row { grid-template-columns:1fr; }
      .ae-module-table { font-size:13px; }
      .ae-module-table th, .ae-module-table td { padding:12px 14px; }
      .ae-final-btns { flex-direction:column; align-items:center; }
      .ae-pipeline { gap:0; }
      .ae-hero-sys-info { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:480px) {
      .ae-why-grid { grid-template-columns:1fr; }
      .ae-cockpit-card { grid-template-columns:1fr; }
    }

    /* GeM logo & scroll-top (matching original) */
    #GeM-logo { width:100%; background:#d9d9d9; }
    #GeM-logo img { width:260px; height:85px; margin:auto; display:flex; justify-content:center; padding:10px 0; }
    .scroll-top {
      position:fixed; bottom:30px; right:25px; width:44px; height:44px;
      background:#133563; color:#fff; border-radius:50%; display:flex;
      align-items:center; justify-content:center; font-size:22px;
      cursor:pointer; opacity:0; transition:opacity .3s; z-index:999;
    }
    .scroll-top.show { opacity:1; }
    .floating-icons {
      position:fixed; bottom:90px; right:25px;
      display:flex; flex-direction:column; align-items:center; gap:15px; z-index:999;
    }
    .icon-btn {
      width:55px; height:55px; border-radius:50%; background:#fff;
      display:flex; align-items:center; justify-content:center;
      box-shadow:0 8px 20px rgba(0,0,0,.08); transition:.3s ease;
    }
    .icon-btn:hover { transform:translateY(-3px); }
    .whatsapp-icon img { width:28px; height:28px; }
    .call-icon { color:#0066cc; }