:root {
    --background: #05070b;
    --background-soft: #090b13;
    --panel: #0d1019;
    --panel-light: #141722;
    --border: #292d39;
    --gold: #f2b72a;
    --gold-light: #ffdf70;
    --white: #ffffff;
    --muted: #a8a9b0;
    --green: #20b85a;
    --container: 1480px;
}

/* Live visa success images */
.visa-dashboard .visa-gallery-copy{margin:14px 0;color:#aebbd0;font-size:.82rem;line-height:1.65}
.visa-dashboard .visa-cards{display:flex!important;gap:0!important;width:100%!important;height:210px!important;overflow:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0!important;margin:12px 0 16px!important;border-radius:14px;background:#07142d}
.visa-dashboard .visa-cards::-webkit-scrollbar{display:none}
.visa-dashboard .visa-cards .visa-success-item,.visa-dashboard .visa-cards .visa-success-placeholder{position:relative;overflow:hidden;flex:0 0 100%!important;min-width:100%!important;width:100%!important;height:210px!important;min-height:210px!important;padding:0!important;border-radius:14px!important;background:linear-gradient(145deg,#fff,#f3f6fb);scroll-snap-align:start;box-shadow:none}.visa-dashboard .visa-cards .visa-success-item img{display:block;width:100%;height:210px;object-fit:cover}
.visa-cards .visa-success-item small{position:absolute;left:7px;right:7px;bottom:7px;padding:7px;border-radius:8px;background:rgba(4,18,43,.9);color:#fff!important;text-align:left;backdrop-filter:blur(5px);font-size:.62rem!important;line-height:1.35}.visa-cards .visa-success-item small b{display:block;color:#fff!important;font-size:.7rem!important;font-weight:900;text-shadow:0 1px 4px #000}.visa-cards .visa-success-item small:not(:empty){color:#f2c65d!important}
.visa-cards .visa-success-placeholder{display:grid;place-items:center;padding:12px;text-align:center}
.visa-cards .visa-success-placeholder i{color:#d6a72d;font-size:1.3rem}

/* AM Group v3.3 — bright trust surfaces balanced with premium navy. */
:root { --am-navy:#061a3a; --am-navy-deep:#031127; --am-surface:#f5f7fb; --am-white:#fff; --am-ink:#0b1730; --am-copy:#526079; --am-line:#dfe5ef; --am-gold:#e7ad28; }

#services, #ecosystem { background:var(--am-surface); color:var(--am-ink); }
#services { padding-top:78px; }
#services .section-label, #ecosystem .section-label { color:#667187; }
#services .section-label strong, #ecosystem .section-label, #services .service-card h2, #ecosystem .platform-card h2 { color:var(--am-ink); }
#services .service-card, #ecosystem .platform-card, #ecosystem .more-platforms { border-color:var(--am-line); background:rgba(255,255,255,.97); box-shadow:0 16px 42px rgba(6,26,58,.08); }
#services .service-card:hover, #ecosystem .platform-card:hover { border-color:rgba(215,158,26,.65); box-shadow:0 22px 50px rgba(6,26,58,.14); transform:translateY(-5px); }
#services .service-card p, #ecosystem .platform-card p, #ecosystem .more-platforms p { color:var(--am-copy); }
#services .service-card a, #ecosystem .platform-card b, #ecosystem .more-platforms h2 { color:#a87300; }

#success { padding-block:76px; background:radial-gradient(circle at 18% 10%,rgba(26,74,135,.22),transparent 32%),linear-gradient(145deg,var(--am-navy-deep),#050812 68%); }

#business-setup { padding-block:76px; background:var(--am-white); color:var(--am-ink); }
#business-setup .business-grid { gap:18px; }
#business-setup .business-grid > article { border-color:#ead9ad; background:linear-gradient(145deg,#fffdf7,#f7f0df); box-shadow:0 18px 44px rgba(20,35,60,.09); }
#business-setup h2, #business-setup h3, #business-setup li { color:var(--am-ink); }
#business-setup p, #business-setup small { color:var(--am-copy); }

#careers { padding-block:82px; background:linear-gradient(180deg,#eef4fb,#fff); }
#careers .split-panels { gap:22px; }
#careers .career-panel, #careers .b2b-panel { min-height:420px; border-radius:22px; overflow:hidden; box-shadow:0 24px 60px rgba(5,25,55,.16); }
#careers .career-panel { position:relative; border:1px solid #d8e2ef; background:radial-gradient(circle at 88% 30%,rgba(67,137,211,.24),transparent 31%),linear-gradient(125deg,#fff 0%,#f2f7fd 62%,#dfeeff 100%); color:var(--am-ink); }
#careers .career-panel h2, #careers .career-panel li { color:var(--am-ink); }
#careers .career-panel > p:not(.eyebrow) { color:var(--am-copy); }
#careers .career-figure { display:grid; place-items:center; width:128px; height:128px; right:34px; bottom:30px; border:1px solid rgba(231,173,40,.55); border-radius:50%; background:linear-gradient(145deg,var(--am-navy),#124d8c); color:var(--am-gold); font-size:38px; font-weight:900; letter-spacing:-3px; box-shadow:0 16px 40px rgba(6,26,58,.25); }
#careers .b2b-panel { border:1px solid rgba(231,173,40,.25); background:radial-gradient(circle at 90% 15%,rgba(35,96,172,.32),transparent 34%),linear-gradient(135deg,var(--am-navy),#070b22); }
#careers .b2b-copy > p:not(.eyebrow) { color:#bdc9dc; }

#benefits-contact { background:var(--am-surface); color:var(--am-ink); }
#benefits-contact .benefits-panel { border-color:var(--am-line); background:var(--am-white); box-shadow:0 16px 42px rgba(6,26,58,.08); }
#benefits-contact .benefits-panel b { color:var(--am-ink); }
#benefits-contact .contact-strip { border-color:#d4a33b; background:linear-gradient(100deg,var(--am-navy),#0b2d59); box-shadow:0 18px 42px rgba(6,26,58,.2); }

@media (max-width:900px) {
    #services, #ecosystem, #success, #business-setup, #careers { padding-block:58px; }
    #careers .career-panel, #careers .b2b-panel { min-height:auto; }
    #careers .career-figure { position:static; width:84px; height:84px; margin-top:24px; font-size:27px; }
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    overflow-x: hidden;
    background: var(--background);
    color: var(--white);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

button {
    color: inherit;
    font: inherit;
}

.container {
    width: min(var(--container), calc(100% - 40px));
    margin-inline: auto;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.skip-link {
    position: fixed;
    top: -80px;
    left: 20px;
    z-index: 999;
    padding: 10px 14px;
    background: white;
    color: black;
}

.skip-link:focus {
    top: 20px;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 82px;
    border-bottom: 1px solid #151724;
    background: rgba(5, 6, 18, 0.96);
    backdrop-filter: blur(18px);
}

.navigation {
    display: flex;
    align-items: center;
    gap: 22px;
    height: 100%;
}

.brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.brand img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.brand > span {
    display: grid;
    line-height: 1;
}

.brand strong {
    color: var(--gold);
    font-size: 22px;
    letter-spacing: 0.04em;
}

.brand small {
    margin-top: 4px;
    color: var(--gold-light);
    font-size: 8px;
    letter-spacing: 0.35em;
}

.main-navigation {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-left: auto;
}

.main-navigation a {
    padding-block: 10px;
    color: #e5e5e8;
    font-size: 12px;
}

.main-navigation a:hover,
.main-navigation a.active {
    color: var(--gold);
}

.main-navigation a.active {
    border-bottom: 2px solid var(--gold);
}

.menu-button {
    display: none;
    width: 40px;
    border: 0;
    background: transparent;
}

.menu-button > span:not(.sr-only) {
    display: block;
    height: 1px;
    margin: 6px 0;
    background: white;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 42px;
    padding: 11px 19px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    transition: transform 180ms ease, border-color 180ms ease;
}

.button:hover {
    transform: translateY(-2px);
}

.button-gold {
    background: linear-gradient(180deg, var(--gold-light), #d9920b);
    color: #171006;
    box-shadow: inset 0 1px #fff7b1;
}

.button-outline {
    border-color: #69532c;
    background: rgba(8, 9, 16, 0.65);
}

.button-small {
    min-height: 33px;
    padding: 8px 13px;
    font-size: 9px;
}

.hero-section {
    position: relative;
    height: 570px;
    overflow: hidden;
    background:
        radial-gradient(circle at 73% 39%, rgba(122, 68, 137, 0.75), transparent 34%),
        linear-gradient(120deg, #050713 15%, #111433 62%, #060713);
}

.hero-section::after {
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    height: 170px;
    background: linear-gradient(transparent, var(--background));
    content: "";
}

.hero-content {
    position: relative;
    z-index: 5;
    padding-top: 48px;
}

.eyebrow,
.section-label {
    color: var(--gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.hero-content h1 {
    margin: 22px 0 14px;
    font-size: clamp(42px, 4.4vw, 64px);
    line-height: 1.05;
    letter-spacing: -0.045em;
}

.hero-content h1 em {
    color: var(--gold);
    font-style: normal;
}

.hero-description {
    color: #f0f0f2;
    font-size: 14px;
    line-height: 1.65;
}

.hero-actions {
    display: flex;
    gap: 18px;
    margin-top: 23px;
}

.hero-actions .button {
    min-height: 48px;
    padding-inline: 24px;
}

.hero-skyline {
    position: absolute;
    right: 4%;
    bottom: 65px;
    left: 39%;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    gap: 9px;
    height: 310px;
}

.hero-skyline span {
    flex: 1;
    height: 48%;
    background: repeating-linear-gradient(0deg, #201a29 0 8px, #f5a62e 9px, #201a29 10px);
    clip-path: polygon(12% 14%, 43% 14%, 50% 0, 58% 14%, 90% 14%, 100% 100%, 0 100%);
    box-shadow: 0 0 22px #bb6c1d;
}

.hero-skyline span:nth-child(2) { height: 74%; }
.hero-skyline span:nth-child(3) { height: 50%; }
.hero-skyline span:nth-child(4) { height: 100%; flex: 0.55; }
.hero-skyline span:nth-child(5) { height: 64%; }
.hero-skyline span:nth-child(6) { height: 44%; }
.hero-skyline span:nth-child(7) { height: 70%; }

.hero-am-mark {
    position: absolute;
    top: 140px;
    right: 105px;
    z-index: 4;
    color: #ffc341;
    font-size: 145px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -0.17em;
    text-shadow: 0 0 15px #fff0a1, 0 0 55px #ff9b16;
}

.hero-light-ring {
    position: absolute;
    top: 215px;
    right: -50px;
    z-index: 3;
    width: 630px;
    height: 150px;
    border: 6px solid #ffc446;
    border-radius: 50%;
    box-shadow: 0 0 15px #fff, 0 0 35px #ff9c19;
    transform: rotate(-11deg);
}

.statistics {
    position: absolute;
    top: 370px;
    left: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 850px;
    min-height: 85px;
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: rgba(8, 9, 16, 0.92);
}

.statistics article {
    display: grid;
    grid-template-columns: 30px 1fr;
    padding: 2px 9px;
    border-right: 1px solid var(--border);
}

.statistics article:last-child { border-right: 0; }
.statistics article > span { grid-row: 1 / 3; color: var(--gold); font-size: 17px; }
.statistics strong { font-size: 19px; line-height: 1; }
.statistics small { color: var(--muted); font-size: 8px; line-height: 1.2; }

.online-support-card {
    position: absolute;
    right: 28px;
    bottom: 22px;
    z-index: 6;
    width: 290px;
    padding: 18px;
    border: 1px solid #68532e;
    border-radius: 12px;
    background: linear-gradient(145deg, #17171a, #08090b);
}

.online-support-card > strong { color: var(--gold-light); font-size: 12px; }
.online-support-card > strong span { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #1ce05a; }
.online-support-card p { color: var(--muted); font-size: 10px; }
.online-support-card > .button { width: 100%; }

.support-team { display: flex; margin: 12px 0; }
.support-team i { display: grid; place-items: center; width: 31px; height: 31px; margin-right: -5px; border: 2px solid #161619; border-radius: 50%; background: #666; font-size: 7px; font-style: normal; }
.online-support-card footer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin-top: 10px; }
.online-support-card footer span { padding: 7px 2px; border: 1px solid var(--border); font-size: 8px; text-align: center; }

.section { padding: 18px 0; }
.section-dark { background: var(--background); }
.compact-section { padding-top: 0; }
.section-label { margin: 0 0 12px; color: var(--muted); }
.section-label strong { color: var(--gold); }
.centered-label { padding-top: 9px; border-top: 1px solid var(--border); color: var(--gold); text-align: center; }

.service-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 9px; }
.service-card { display: flex; flex-direction: column; min-height: 205px; padding: 15px 13px; border: 1px solid var(--border); border-radius: 9px; background: linear-gradient(145deg, #15161c, #090a0e); }
.service-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: #3d2b13; font-size: 27px; box-shadow: 0 0 18px #4f3010; }
.service-card-2 .service-icon, .service-card-7 .service-icon { background: #132d48; }
.service-card-4 .service-icon { background: #482029; }
.service-card-5 .service-icon { background: #173529; }
.service-card h2 { margin: 10px 0 4px; font-size: 14px; }
.service-card p { color: var(--muted); font-size: 9px; line-height: 1.5; }
.service-card a { margin-top: auto; color: var(--gold); font-size: 9px; font-weight: 800; }

.platform-grid { display: grid; grid-template-columns: repeat(4, 1fr) 1.15fr; gap: 10px; }
.platform-card { display: flex; gap: 14px; min-height: 180px; padding: 18px; border: 1px solid var(--border); border-radius: 10px; background: radial-gradient(circle at 80%, #103237, #090a0e 48%); }
.platform-card:first-child { background: radial-gradient(circle at 80%, #3d260d, #090a0e 50%); }
.platform-mark { flex: 0 0 55px; color: #55f4e2; font-size: 24px; font-weight: 900; }
.platform-mark.red { color: #ff523e; }
.platform-mark.gold { color: var(--gold); }
.platform-card h2 { margin: 0; font-size: 17px; }
.platform-card p { color: var(--muted); font-size: 9px; }
.platform-card b { color: var(--gold); font-size: 9px; }
.more-platforms h2 { color: var(--gold); }

.dashboard-grid { display: grid; grid-template-columns: 1.45fr 1.05fr 0.85fr; gap: 10px; }
.dashboard-card { min-height: 280px; padding: 21px; border: 1px solid #34343e; border-radius: 11px; background: linear-gradient(145deg, #171321, #070910); }
.dashboard-title { margin-top: 0; font-size: 10px; }
.live-status { color: #45d76d; font-size: 7px; }
.property-dashboard { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 14px; }
.property-dashboard h2 { margin: 10px 0 0; font-size: 37px; }
.property-dashboard p { color: #d0d0d4; font-size: 10px; }
.property-totals { display: flex; gap: 6px; margin: 16px 0; }
.property-totals span { padding: 8px; border: 1px solid #242530; background: #15151e; font-size: 7px; }
.property-totals b { display: block; font-size: 12px; }

.property-carousel { position: relative; min-height: 235px; overflow: hidden; border-radius: 7px; background: #0b0e18; }
.property-slide { position: absolute; inset: 0; display: none; padding: 10px; }
.property-slide.is-active { display: block; }
.property-art { position: relative; height: 155px; margin-bottom: 8px; overflow: hidden; background: linear-gradient(#202945, #0b0d13); }
.property-art span { position: absolute; top: 34%; left: 13%; width: 74%; height: 25%; background: #6d4d2e; clip-path: polygon(0 100%, 25% 0, 100% 0, 100% 100%); }
.property-art i { position: absolute; top: 58%; left: 13%; width: 74%; height: 32%; background: linear-gradient(90deg, #32251c, #ffcc6c); box-shadow: 0 0 30px #e8a72e; }
.property-slide small, .property-slide strong, .property-slide > span { display: block; }
.property-slide small { color: var(--gold); font-size: 7px; }
.property-slide strong { margin-top: 2px; font-size: 11px; }
.property-slide > span { color: var(--muted); font-size: 8px; }
.property-carousel button { position: absolute; top: 122px; z-index: 4; width: 28px; height: 28px; border: 1px solid var(--border); border-radius: 50%; background: #0a0b10; }
.carousel-previous { left: 13px; }
.carousel-next { right: 13px; }

.visa-dashboard header { display: flex; justify-content: space-between; }
.visa-dashboard header h2 { margin: 0; font-size: 13px; }
.visa-dashboard header small { color: var(--muted); }
.visa-totals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: 18px 0; }
.visa-totals span { padding: 13px 4px; border: 1px solid #222534; background: #0e111d; font-size: 8px; text-align: center; }
.visa-totals b { display: block; color: #55dff7; font-size: 18px; }
.visa-totals span:nth-child(2) b { color: var(--gold); }
.visa-cards { display: flex; gap: 7px; margin: 10px 0; }
.visa-cards span { display: grid; place-items: center; width: 43px; height: 58px; border-radius: 3px; background: #eee; color: #171717; font-size: 8px; text-align: center; }
.visa-cards small { color: #444; font-size: 6px; }

.review-rating { display: flex; align-items: center; gap: 14px; margin: 14px 0 3px; }
.review-rating strong { font-size: 25px; }
.review-rating span { color: var(--gold); letter-spacing: 0.08em; }
.reviews-widget > p { color: var(--muted); font-size: 9px; }
.reviews-widget hr { margin: 18px 0; border: 0; border-top: 1px solid var(--border); }
.review-note { line-height: 1.55; }
.review-note code { color: var(--gold-light); }
.google-profile-link { color: var(--gold); font-size: 9px; font-weight: 800; }
.reviews-widget blockquote { margin: 12px 0; color: #e6e6e8; font-size: 9px; line-height: 1.55; }
.google-attribution { display: block; margin: 10px 0; color: #777a84; font-size: 7px; line-height: 1.45; }

.business-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; }
.business-grid > article { min-height: 235px; padding: 23px; border: 1px solid #59401c; border-radius: 10px; background: linear-gradient(110deg, #4a2c08, #171006); }
.business-grid h2 { font-size: 19px; }
.two-column-list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 15px; padding: 0; list-style: none; font-size: 8px; color: #ccc; }
.two-column-list li::before, .b2b-copy li::before { margin-right: 6px; color: var(--gold); content: "◉"; }
.partner-panel { background: linear-gradient(120deg, #291c0c, #110e08) !important; }
.partner-panel h2 { color: var(--gold-light); font-size: 13px; }
.partner-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 35px; }
.partner-logos span { text-align: center; }
.partner-logos strong { display: block; font-size: 18px; }
.partner-logos small { display: block; color: var(--muted); font-size: 7px; }
.partner-logos .rakez { color: #4bc8df; }
.partner-panel footer { display: flex; justify-content: space-between; margin-top: 30px; padding-top: 10px; border-top: 1px solid #4b381e; font-size: 7px; }
.verified-panel { display: grid; grid-template-columns: 1.2fr 0.8fr; background: linear-gradient(120deg, #18130a, #060606) !important; }
.verified-panel p { font-size: 9px; }
.verified-badge { text-align: center; }
.verified-badge > span { display: grid; place-items: center; width: 80px; height: 90px; background: linear-gradient(#ffdf70, #7e4c00); clip-path: polygon(50% 0, 100% 18%, 90% 74%, 50% 100%, 10% 74%, 0 18%); font-size: 38px; }
.verified-badge strong { display: block; margin-top: 6px; color: var(--gold); text-transform: uppercase; }

.split-panels { display: grid; grid-template-columns: 1fr 1.15fr; gap: 10px; }
.split-panels > article { position: relative; min-height: 295px; overflow: hidden; padding: 25px; border: 1px solid #343345; border-radius: 11px; }
.career-panel { background: linear-gradient(90deg, #28142d, #0a1830); }
.career-panel h2, .b2b-panel h2 { margin: 5px 0; font-size: 22px; }
.career-panel > p:not(.eyebrow), .b2b-copy > p:not(.eyebrow) { max-width: 390px; color: #c5c2c9; font-size: 10px; }
.career-panel ul { width: 68%; }
.career-figure { position: absolute; right: 6%; bottom: -8%; font-size: 160px; }
.b2b-panel { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 18px; background: linear-gradient(110deg, #22132d, #080b28); }
.b2b-copy ul { padding: 0; list-style: none; color: #ccc; font-size: 8px; }
.b2b-dashboard { padding: 13px; border: 1px solid #202848; border-radius: 8px; background: #090d1f; font-size: 8px; }
.b2b-dashboard > div:first-of-type { display: flex; gap: 10px; margin: 10px 0; }
.b2b-dashboard > div span { flex: 1; padding: 8px; background: #10172d; }
.b2b-dashboard > div b { display: block; color: #55d4cc; font-size: 15px; }
.chart-line { display: grid; place-items: center; height: 70px; color: var(--gold); font-size: 22px; letter-spacing: -5px; }
.b2b-dashboard p { display: flex; justify-content: space-between; padding-top: 7px; border-top: 1px solid #1d2644; }
.b2b-dashboard p span { color: #55d4cc; }

.benefits-panel { min-height: 130px; padding: 13px 22px; border: 1px solid #262938; border-radius: 11px; background: linear-gradient(100deg, #171720, #090c18); }
.benefits-panel h2 { color: var(--gold); font-size: 11px; text-align: center; text-transform: uppercase; }
.benefits-panel > div { display: grid; grid-template-columns: repeat(8, 1fr); }
.benefits-panel span { color: var(--gold); font-size: 22px; text-align: center; }
.benefits-panel b { display: block; color: white; font-size: 9px; }
.contact-strip { display: flex; align-items: center; gap: 18px; min-height: 78px; padding: 12px 25px; border: 1px solid #573e16; border-radius: 10px; background: linear-gradient(90deg, #422a08, #0d0d0c); }
.contact-strip > div { margin-right: auto; }
.contact-strip h2 { margin: 0; font-size: 20px; }
.contact-strip p { margin: 0; color: var(--muted); font-size: 9px; }
.whatsapp-button { background: var(--green); }

.site-footer { padding: 24px 0 10px; background: #05060a; }
.footer-grid { display: grid; grid-template-columns: 1.25fr repeat(5, 1fr); gap: 25px; }
.footer-grid > div { display: flex; flex-direction: column; }
.footer-grid h2 { margin-bottom: 8px; font-size: 10px; }
.footer-grid a, .footer-grid span, .footer-grid p { color: #bbb; font-size: 8px; line-height: 1.8; }
.footer-about p { max-width: 180px; }
.copyright { margin-top: 15px; padding-top: 9px; border-top: 1px solid #222; color: #777; font-size: 8px; text-align: center; }
.floating-whatsapp { position: fixed; right: 18px; bottom: 18px; z-index: 110; display: flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 40px; background: var(--green); box-shadow: 0 10px 30px #000; }
.floating-whatsapp > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: white; color: var(--green); font-size: 22px; }
.floating-whatsapp b { font-size: 10px; }

@media (max-width: 1100px) {
    .desktop-action { display: none; }
    .menu-button { display: block; margin-left: auto; }
    .main-navigation { display: none; }
    .main-navigation.is-open { position: absolute; top: 70px; right: 18px; left: 18px; display: flex; flex-direction: column; align-items: flex-start; padding: 18px; border: 1px solid var(--border); background: #080a13; }
    .main-navigation.is-open a { padding: 4px; border: 0; }
    .online-support-card { display: none; }
    .service-grid { grid-template-columns: repeat(4, 1fr); }
    .platform-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid, .business-grid { grid-template-columns: 1fr; }
    .split-panels { grid-template-columns: 1fr; }
    .benefits-panel > div { grid-template-columns: repeat(4, 1fr); gap: 20px; }
    .footer-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 700px) {
    .container { width: calc(100% - 24px); }
    .site-header { height: 66px; }
    .hero-section { height: 650px; }
    .hero-content h1 { font-size: 43px; }
    .hero-am-mark { top: 320px; right: 10%; font-size: 86px; }
    .hero-light-ring { top: 350px; right: -120px; width: 390px; }
    .hero-skyline { bottom: 95px; left: 20%; height: 240px; }
    .statistics { top: 450px; width: 100%; grid-template-columns: repeat(3, 1fr); }
    .statistics article { padding: 7px; }
    .service-grid { grid-template-columns: repeat(2, 1fr); }
    .platform-grid { grid-template-columns: 1fr; }
    .property-dashboard { grid-template-columns: 1fr; }
    .property-carousel { min-height: 245px; }
    .b2b-panel { grid-template-columns: 1fr; }
    .career-figure { opacity: 0.35; }
    .career-panel ul { width: 100%; }
    .partner-logos { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .benefits-panel > div { grid-template-columns: repeat(2, 1fr); }
    .contact-strip { display: grid; }
    .contact-strip .button { width: 100%; }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .floating-whatsapp b { display: none; }
    .floating-whatsapp { padding: 7px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .button { transition: none; }
}

/* --------------------------------------------------------------------------
   Visual scale pass v3.2
   Keeps the approved dense mockup on wide screens while preventing the
   interface from looking zoomed-out on common 1280–1440px laptops.
   -------------------------------------------------------------------------- */

body {
    font-size: 16px;
    line-height: 1.55;
}

.container {
    width: min(1360px, calc(100% - 48px));
}

.site-header {
    height: 88px;
}

.brand img {
    width: 52px;
    height: 52px;
}

.brand strong {
    font-size: 25px;
}

.brand small {
    font-size: 9px;
}

.main-navigation {
    gap: 30px;
}

.main-navigation a {
    font-size: 14px;
    font-weight: 700;
}

.button {
    min-height: 46px;
    padding: 12px 22px;
    font-size: 13px;
}

.button-small {
    min-height: 38px;
    padding: 9px 16px;
    font-size: 11px;
}

.hero-section {
    height: 660px;
}

.hero-content {
    padding-top: 66px;
}

.eyebrow,
.section-label {
    font-size: 12px;
    letter-spacing: 0.05em;
}

.hero-content h1 {
    max-width: 760px;
    margin-top: 24px;
    font-size: clamp(58px, 5vw, 72px);
    line-height: 1.03;
    font-weight: 850;
}

.hero-description {
    max-width: 670px;
    font-size: 16px;
    line-height: 1.75;
}

.hero-actions {
    margin-top: 28px;
}

.hero-actions .button {
    min-height: 54px;
    padding-inline: 28px;
    font-size: 14px;
}

.hero-skyline {
    bottom: 78px;
    height: 350px;
}

.hero-am-mark {
    top: 162px;
    font-size: 165px;
}

.hero-light-ring {
    top: 246px;
    width: 690px;
    height: 168px;
}

.statistics {
    top: 465px;
    width: min(900px, calc(100vw - 390px));
    min-height: 102px;
    padding: 16px;
}

.statistics article {
    grid-template-columns: 34px 1fr;
    padding-inline: 12px;
}

.statistics article > span {
    font-size: 20px;
}

.statistics strong {
    font-size: 22px;
}

.statistics small {
    font-size: 9px;
    line-height: 1.35;
}

.online-support-card {
    right: 32px;
    bottom: 35px;
    width: 315px;
    padding: 21px;
}

.online-support-card > strong {
    font-size: 14px;
}

.online-support-card p {
    font-size: 11px;
}

.section {
    padding: 28px 0;
}

.compact-section {
    padding-top: 0;
}

.section-label {
    margin-bottom: 16px;
}

.service-grid {
    gap: 14px;
}

.service-card {
    min-height: 250px;
    padding: 22px 19px;
    border-radius: 12px;
}

.service-icon {
    width: 66px;
    height: 66px;
    font-size: 30px;
}

.service-card h2 {
    margin: 16px 0 7px;
    font-size: 17px;
    line-height: 1.2;
}

.service-card p {
    font-size: 12px;
    line-height: 1.6;
}

.service-card a {
    font-size: 11px;
}

.platform-grid {
    gap: 14px;
}

.platform-card {
    min-height: 215px;
    padding: 24px;
    border-radius: 13px;
}

.platform-mark {
    flex-basis: 62px;
    font-size: 28px;
}

.platform-card h2 {
    font-size: 20px;
}

.platform-card p,
.platform-card b {
    font-size: 11px;
    line-height: 1.55;
}

.dashboard-grid {
    gap: 14px;
}

.dashboard-card {
    min-height: 330px;
    padding: 27px;
    border-radius: 14px;
}

.dashboard-title,
.property-dashboard p,
.reviews-widget > p {
    font-size: 12px;
}

.property-dashboard h2 {
    font-size: 43px;
}

.property-totals span {
    padding: 10px;
    font-size: 9px;
}

.property-totals b {
    font-size: 14px;
}

.visa-dashboard header h2 {
    font-size: 16px;
}

.visa-totals span {
    padding-block: 16px;
    font-size: 10px;
}

.visa-totals b {
    font-size: 21px;
}

.business-grid > article,
.split-panels > article {
    min-height: 325px;
    padding: 30px;
}

.business-grid h2,
.career-panel h2,
.b2b-panel h2 {
    font-size: 25px;
    line-height: 1.2;
}

.two-column-list,
.b2b-copy ul {
    gap: 9px 18px;
    font-size: 11px;
    line-height: 1.45;
}

.career-panel > p:not(.eyebrow),
.b2b-copy > p:not(.eyebrow) {
    font-size: 12px;
    line-height: 1.65;
}

.benefits-panel {
    min-height: 155px;
    padding: 19px 25px;
}

.benefits-panel h2 {
    font-size: 13px;
}

.benefits-panel span {
    font-size: 27px;
}

.benefits-panel b {
    font-size: 11px;
    line-height: 1.35;
}

.contact-strip {
    min-height: 96px;
    padding: 17px 28px;
}

.contact-strip h2 {
    font-size: 23px;
}

.contact-strip p {
    font-size: 11px;
}

.site-footer {
    padding-top: 34px;
}

.footer-grid h2 {
    font-size: 12px;
}

.footer-grid a,
.footer-grid span,
.footer-grid p {
    font-size: 10px;
    line-height: 1.9;
}

@media (max-width: 1499px) {
    .service-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .platform-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .more-platforms {
        grid-column: span 2;
    }
}

/* AM Group v4.6 — About AM Group and Our Journey. */
.about-journey-section {
    position: relative;
    overflow: hidden;
    padding-block: 96px;
    background:
        radial-gradient(circle at 8% 5%, rgba(229,169,29,.13), transparent 25%),
        linear-gradient(180deg, #ffffff, #f6f8fb);
}

.about-journey-section::before {
    position: absolute;
    top: -140px;
    left: -120px;
    width: 360px;
    height: 360px;
    border: 1px solid rgba(216,163,35,.22);
    border-radius: 50%;
    content: "";
}

.about-journey-grid {
    position: relative;
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    gap: 28px;
}

.about-company-card,
.journey-card {
    border: 1px solid #d4dce7;
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(7,26,56,.11);
}

.about-company-card {
    padding: clamp(30px, 4vw, 54px);
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,253,.96)),
        #ffffff;
}

.about-company-card .section-label,
.journey-card .section-label {
    margin-bottom: 14px;
    color: #ae7804;
}

.about-company-card h2 {
    margin: 0 0 23px;
    color: #071a38;
    font-size: clamp(34px, 3.4vw, 52px);
    line-height: 1.06;
    letter-spacing: -.045em;
}

.about-company-card > p {
    max-width: 650px;
    color: #59677c;
    font-size: 14px;
    line-height: 1.78;
}

.about-company-card .about-lead {
    color: #263a56;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.65;
}

.about-values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 30px 0;
}

.about-values span {
    display: grid;
    gap: 9px;
    min-height: 92px;
    place-items: center;
    padding: 14px 8px;
    border: 1px solid #dce3eb;
    border-radius: 14px;
    background: #f8fafc;
    color: #0a3568;
    text-align: center;
}

.about-values i {
    color: #c1870b;
    font-size: 22px;
}

.about-values b {
    color: #263951;
    font-size: 11px;
}

.journey-card {
    position: relative;
    overflow: hidden;
    padding: clamp(30px, 4vw, 50px);
    border-color: rgba(225,174,53,.45);
    background:
        radial-gradient(circle at 100% 0%, rgba(42,102,171,.38), transparent 32%),
        linear-gradient(145deg, #061a3a, #092d5c);
    color: #ffffff;
}

.journey-card::after {
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 250px;
    height: 250px;
    border: 35px solid rgba(229,171,34,.08);
    border-radius: 50%;
    content: "";
}

.journey-card header {
    position: relative;
    z-index: 2;
}

.journey-card header h2 {
    margin: 0;
    font-size: clamp(28px, 2.8vw, 42px);
    letter-spacing: -.035em;
}

.journey-timeline {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 0;
    margin: 34px 0 0;
    padding: 0;
    list-style: none;
}

.journey-timeline::before {
    position: absolute;
    top: 13px;
    bottom: 18px;
    left: 47px;
    width: 1px;
    background: linear-gradient(#e5aa25, rgba(229,170,37,.15));
    content: "";
}

.journey-timeline li {
    position: relative;
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 20px;
    padding: 0 0 28px;
}

.journey-timeline li:last-child {
    padding-bottom: 0;
}

.journey-timeline time {
    position: relative;
    z-index: 2;
    display: grid;
    width: 72px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(241,187,61,.7);
    border-radius: 20px;
    background: #071a38;
    color: #f1bb3d;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 7px 20px rgba(0,0,0,.2);
}

.journey-timeline h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 17px;
}

.journey-timeline p {
    margin: 0;
    color: #bdcadb;
    font-size: 12px;
    line-height: 1.65;
}

@media (max-width: 980px) {
    .about-journey-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .about-journey-section {
        padding-block: 58px;
    }

    .about-values {
        grid-template-columns: 1fr;
    }

    .about-values span {
        grid-template-columns: 30px 1fr;
        min-height: 60px;
        justify-items: start;
        text-align: left;
    }

    .journey-timeline li {
        grid-template-columns: 76px 1fr;
        gap: 12px;
    }

    .journey-timeline::before {
        left: 36px;
    }

    .journey-timeline time {
        width: 65px;
    }
}

/* AM Group v4.7 — premium UAE business setup offer. */
.business-setup-section { padding-block:96px; background:linear-gradient(180deg,#fff,#f6f8fb); }
.business-setup-heading { max-width:820px; margin-bottom:38px; text-align:center; }
.business-setup-heading .section-label { margin-bottom:10px; color:#ad7805; }
.business-setup-heading h2 { margin:0 0 13px; color:#071a38; font-size:clamp(34px,3.5vw,52px); letter-spacing:-.045em; }
.business-setup-heading > p:last-child { margin:0; color:#5a687e; font-size:15px; line-height:1.7; }
.business-setup-section .business-grid { grid-template-columns:1.45fr .9fr .8fr; gap:20px; }
.business-setup-section .business-grid > article { min-height:470px; padding:30px; border-radius:22px; }
.business-offer-card { display:grid; grid-template-columns:1.08fr .92fr; gap:25px; border:1px solid #dfb74e!important; background:radial-gradient(circle at 5% 0%,rgba(245,190,55,.18),transparent 30%),linear-gradient(135deg,#071a38,#0a356a)!important; box-shadow:0 28px 65px rgba(7,26,56,.24); }
.offer-badge { display:inline-flex; padding:7px 10px; border:1px solid rgba(242,183,42,.5); border-radius:8px; background:rgba(242,183,42,.1); color:#f3c354; font-size:10px; font-weight:800; text-transform:uppercase; }
.business-offer-copy h2 { margin:13px 0; color:#fff; font-size:clamp(28px,2.6vw,42px); line-height:1.08; }
.offer-description { color:#c0cde0; font-size:12px; line-height:1.65; }
.business-price { display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; margin:24px 0; }
.business-price small { width:100%; color:#aebdd0; font-size:10px; text-transform:uppercase; }
.business-price strong { color:#f3bd38; font-size:42px; line-height:1; }
.business-price sup { font-size:14px; }
.business-price span { color:#d8e1ec; font-size:10px; }
.business-whatsapp-cta { gap:10px; min-height:48px; }
.business-whatsapp-cta i { font-size:18px; }
.package-note { display:block; margin-top:14px; color:#8fa0b6; font-size:8px; line-height:1.5; }
.offer-inclusions { padding:20px; border:1px solid rgba(255,255,255,.15); border-radius:17px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px); }
.offer-inclusions > p { margin:0 0 16px; color:#f0bc3f; font-size:11px; font-weight:800; text-transform:uppercase; }
.offer-inclusions ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.offer-inclusions li { display:grid; grid-template-columns:42px 1fr; gap:11px; align-items:center; padding:13px; border:1px solid rgba(255,255,255,.13); border-radius:12px; background:rgba(255,255,255,.07); }
.offer-inclusions li > i { display:grid; width:42px; height:42px; place-items:center; border-radius:11px; background:#f0b62e; color:#071a38; font-size:17px; }
.offer-inclusions b { display:block; color:#fff; font-size:12px; }
.offer-inclusions small { display:block; margin-top:3px; color:#aebdd0; font-size:8px; line-height:1.4; }
.business-setup-section .partner-panel { border:1px solid #d6dee8!important; background:#fff!important; box-shadow:0 22px 55px rgba(7,26,56,.1); }
.partner-panel header h2 { margin:7px 0 10px; color:#071a38; font-size:23px; line-height:1.2; }
.partner-panel header > p:last-child { color:#607087; font-size:11px; line-height:1.6; }
.business-setup-section .partner-logos { grid-template-columns:1fr; gap:10px; margin-top:22px; }
.business-setup-section .partner-logo { min-height:78px; display:grid; place-items:center; overflow:hidden; padding:11px 14px; border:1px solid #d8e0ea; border-radius:13px; background:#fff; box-shadow:0 9px 24px rgba(7,26,56,.07); }
.business-setup-section .partner-logo img { display:block; width:100%; max-width:190px; height:54px; object-fit:contain; }
.business-setup-section .anc-partner-logo { background:#375da8; }
.business-setup-section .anc-partner-logo img { height:57px; }
.business-setup-section .rakez-partner-logo img { height:56px; }
.business-setup-section .spc-partner-logo { background:#071a38; }
.business-setup-section .spc-partner-logo img { height:52px; }
.partner-support-points { display:grid; gap:8px; margin-top:18px; }
.partner-support-points span { display:flex; align-items:center; gap:8px; color:#46566d; font-size:9px; }
.partner-support-points i { color:#b57c04; }
.business-setup-section .verified-panel { display:flex; flex-direction:column; justify-content:center; gap:25px; border:1px solid rgba(234,184,61,.4)!important; background:radial-gradient(circle at 100% 0%,rgba(46,110,181,.36),transparent 34%),linear-gradient(145deg,#061a3a,#092b56)!important; box-shadow:0 26px 60px rgba(7,26,56,.22); }
.business-setup-section .verified-badge { position:relative; display:grid; width:100px; height:112px; place-items:center; color:#eab431; }
.business-setup-section .verified-badge > i { font-size:90px; }
.verified-check { position:absolute; color:#fff; font-size:30px; font-weight:900; }
.verified-copy h2 { margin:8px 0 12px; color:#fff; font-size:26px; line-height:1.15; }
.verified-copy > p:not(.eyebrow) { color:#bdcadb; font-size:11px; line-height:1.65; }
.verified-copy ul { display:grid; gap:9px; margin:20px 0 0; padding:0; list-style:none; }
.verified-copy li { color:#e5edf6; font-size:10px; }
.verified-copy li::before { margin-right:8px; color:#efb632; content:'✓'; }
@media(max-width:1200px){.business-setup-section .business-grid{grid-template-columns:1fr 1fr}.business-offer-card{grid-column:1/-1}.business-setup-section .partner-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.business-setup-section{padding-block:58px}.business-setup-section .business-grid,.business-offer-card{grid-template-columns:1fr}.business-setup-section .business-grid>article{min-height:auto}.business-setup-section .partner-logos{grid-template-columns:1fr}}

/* AM Group v4.7.1 — partner visibility and trusted-card correction. */
.business-setup-section .partner-logo {
    min-height: 84px;
    padding: 10px 14px;
}

.business-setup-section .partner-logo img {
    max-width: 220px;
    height: 60px;
}

.business-setup-section .rakez-partner-logo {
    background: #ffffff;
}

.business-setup-section .rakez-partner-logo img {
    height: 62px;
}

.business-setup-section .anc-partner-logo {
    border-color: #375da8;
    background: #375da8;
}

.business-setup-section .anc-partner-logo img {
    width: calc(100% + 8px);
    max-width: 230px;
    height: 66px;
    object-fit: contain;
}

.business-setup-section .spc-partner-logo {
    border-color: #d8e0ea;
    background: #ffffff;
}

.business-setup-section .spc-partner-logo img {
    height: 57px;
    filter: drop-shadow(0 2px 1px rgba(7,26,56,.12));
}

.business-setup-section .verified-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    border: 1px solid #d8c37f !important;
    background: linear-gradient(145deg, #ffffff, #fffaf0) !important;
    color: #071a38;
    box-shadow: 0 24px 58px rgba(7,26,56,.12);
}

.business-setup-section .verified-badge {
    color: #d99d14;
}

.business-setup-section .verified-badge > i {
    filter: drop-shadow(0 10px 18px rgba(180,126,10,.2));
}

.business-setup-section .verified-check {
    color: #071a38;
}

.business-setup-section .verified-copy .eyebrow {
    color: #a87300;
}

.business-setup-section .verified-copy h2 {
    color: #071a38;
}

.business-setup-section .verified-copy > p:not(.eyebrow) {
    color: #59677c;
}

.business-setup-section .verified-copy li {
    color: #32435a;
}

.business-setup-section .verified-copy li::before {
    color: #b67d05;
}

/* AM Group v4.7.2 — business-offer text contrast and readability. */
.business-setup-section .business-offer-card .offer-badge {
    color: #ffd568;
    font-size: 12px;
    line-height: 1.35;
}

.business-setup-section .business-offer-card .eyebrow {
    margin-top: 20px;
    color: #f2bd3f;
    font-size: 12px;
    letter-spacing: .075em;
}

.business-setup-section .business-offer-card .offer-description {
    color: #edf3fa;
    font-size: 14px;
    line-height: 1.72;
}

.business-setup-section .business-price small {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.business-setup-section .business-price strong {
    color: #ffc94e;
    text-shadow: 0 5px 24px rgba(242,183,42,.18);
}

.business-setup-section .business-price span {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.business-setup-section .offer-inclusions > p {
    color: #ffd568;
    font-size: 13px;
    letter-spacing: .07em;
}

.business-setup-section .offer-inclusions b {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
}

.business-setup-section .offer-inclusions small {
    margin-top: 5px;
    color: #e5edf7;
    font-size: 10px;
    line-height: 1.5;
}

.business-setup-section .package-note {
    color: #cfdae8;
    font-size: 10px;
    line-height: 1.6;
}

/* AM Group v4.7.3 — protect the offer title from legacy heading overrides. */
#business-setup .business-offer-card .business-offer-copy h2 {
    color: #ffffff !important;
    text-shadow: 0 3px 20px rgba(0, 0, 0, .18);
}

/* AM Group v4.8 — Career Support and verified B2B opportunities. */
.careers-b2b-section { padding-block:96px; background:linear-gradient(180deg,#f5f8fc,#fff); }
.careers-b2b-heading { max-width:850px; margin-bottom:40px; text-align:center; }
.careers-b2b-heading .section-label { margin-bottom:10px; color:#ad7805; }
.careers-b2b-heading h2 { margin:0 0 13px; color:#071a38; font-size:clamp(34px,3.5vw,52px); letter-spacing:-.045em; line-height:1.08; }
.careers-b2b-heading>p:last-child { margin:0; color:#59677c; font-size:15px; line-height:1.7; }
.careers-b2b-section .split-panels { grid-template-columns:.92fr 1.08fr; gap:22px; }
.careers-b2b-section .split-panels>article { min-height:620px; padding:0; border-radius:24px; box-shadow:0 28px 65px rgba(7,26,56,.14); }
.careers-b2b-section .panel-icon { display:grid; width:54px; height:54px; place-items:center; margin-bottom:22px; border-radius:15px; background:#071a38; color:#f0b72e; font-size:22px; box-shadow:0 12px 28px rgba(7,26,56,.18); }
.careers-b2b-section .panel-lead { max-width:580px; font-size:14px!important; line-height:1.72; }
.careers-b2b-section .career-panel { display:grid; grid-template-columns:1fr 150px; border:1px solid #d5dee9; background:linear-gradient(145deg,#fff,#f0f6fc); color:#071a38; }
.career-panel .panel-copy { position:relative; z-index:2; padding:38px; }
.careers-b2b-section .career-panel h2 { margin:7px 0 15px; color:#071a38; font-size:clamp(34px,3.2vw,48px); line-height:1.08; letter-spacing:-.045em; }
.careers-b2b-section .career-panel .panel-lead { color:#59677c; }
.career-service-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:28px 0; }
.career-service-grid span { display:flex; align-items:center; gap:9px; min-height:54px; padding:10px; border:1px solid #dce3eb; border-radius:11px; background:rgba(255,255,255,.85); }
.career-service-grid i { color:#b77e05; font-size:15px; }
.career-service-grid b { color:#293c55; font-size:10px; }
.career-disclaimer { display:block; max-width:570px; margin-top:15px; color:#7a8799; font-size:8px; line-height:1.55; }
.career-visual { position:relative; overflow:hidden; border-left:1px solid #d5dee9; background:linear-gradient(180deg,#0a3568,#061a3a); }
.career-am-mark { position:absolute; top:48px; left:50%; color:#eab231; font-size:53px; font-weight:900; letter-spacing:-.12em; transform:translateX(-50%); }
.career-stat { position:absolute; right:14px; bottom:58px; left:14px; padding:14px 8px; border:1px solid rgba(239,183,48,.35); border-radius:12px; background:rgba(255,255,255,.08); text-align:center; backdrop-filter:blur(8px); }
.career-stat b { display:block; color:#f1bb3d; font-size:21px; }
.career-stat small { color:#d3ddec; font-size:8px; }
.career-path { position:absolute; top:145px; right:50%; bottom:142px; width:2px; background:linear-gradient(#eab231,rgba(234,178,49,.1)); transform:translateX(50%); }
.career-path i { position:absolute; left:50%; width:10px; height:10px; border:2px solid #eab231; border-radius:50%; background:#071a38; transform:translateX(-50%); }
.career-path i:nth-child(1){top:0}.career-path i:nth-child(2){top:33%}.career-path i:nth-child(3){top:66%}.career-path i:nth-child(4){bottom:0}
.careers-b2b-section .b2b-panel { grid-template-columns:1.05fr .95fr; gap:0; border:1px solid #d1a63e; background:linear-gradient(140deg,#071a38,#0a356a); }
.b2b-panel .b2b-copy { padding:38px; }
.careers-b2b-section .b2b-panel .panel-icon { border:1px solid rgba(241,187,61,.45); background:rgba(255,255,255,.08); }
.careers-b2b-section .b2b-panel h2 { margin:7px 0 15px; color:#fff; font-size:clamp(34px,3.2vw,48px); line-height:1.08; letter-spacing:-.045em; }
.careers-b2b-section .b2b-copy .panel-lead { color:#d4dfec; }
.partner-models { display:grid; gap:10px; margin:29px 0; }
.partner-models span { display:grid; grid-template-columns:38px 1fr; column-gap:10px; align-items:center; padding:12px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.07); }
.partner-models i { grid-row:1/3; display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:#edb52e; color:#071a38; }
.partner-models b { color:#fff; font-size:12px; }
.partner-models small { color:#b9c7d9; font-size:8px; }
.b2b-verification-card { margin:22px 22px 22px 0; padding:25px; border:1px solid #e4d4a6; border-radius:18px; background:linear-gradient(150deg,#fff,#fff9e9); color:#071a38; box-shadow:0 20px 45px rgba(0,0,0,.18); }
.verification-shield { position:relative; display:grid; width:74px; height:78px; place-items:center; margin-bottom:18px; color:#d89c15; }
.verification-shield>i { font-size:70px; }.verification-shield>span { position:absolute; color:#071a38; font-size:23px; font-weight:900; }
.b2b-verification-card h3 { margin:7px 0 10px; font-size:22px; line-height:1.2; }.b2b-verification-card>p:not(.eyebrow){color:#5c697c;font-size:10px;line-height:1.6}
.b2b-verification-card ul { display:grid; gap:9px; margin:20px 0; padding:0; list-style:none; }
.b2b-verification-card li { display:grid; grid-template-columns:38px 1fr; gap:10px; align-items:center; padding:10px; border:1px solid #dce3eb; border-radius:10px; background:#fff; }
.b2b-verification-card li>i { display:grid; width:38px; height:38px; place-items:center; border-radius:9px; background:#eef3f8; color:#0a3568; }
.b2b-verification-card li b { display:block; color:#233850; font-size:10px; }.b2b-verification-card li small { color:#778497; font-size:8px; }
.document-safety { display:block; padding:11px; border:1px solid #ead69d; border-radius:9px; background:#fff7df; color:#65511d; font-size:8px; line-height:1.55; }.document-safety i{margin-right:6px;color:#a87300}
@media(max-width:1100px){.careers-b2b-section .split-panels,.careers-b2b-section .b2b-panel{grid-template-columns:1fr}.b2b-verification-card{margin:0 28px 28px}.careers-b2b-section .career-panel{grid-template-columns:1fr 120px}}
@media(max-width:650px){.careers-b2b-section{padding-block:58px}.careers-b2b-heading{text-align:left}.careers-b2b-section .split-panels>article{min-height:auto}.careers-b2b-section .career-panel{grid-template-columns:1fr}.career-visual{display:none}.career-panel .panel-copy,.b2b-panel .b2b-copy{padding:26px}.career-service-grid{grid-template-columns:1fr}.b2b-verification-card{margin:0 18px 18px}}

/* AM Group v4.9 — contact, payment methods and animated benefits. */
.contact-payment-section { padding-block:96px 55px; background:linear-gradient(180deg,#fff,#f4f7fb); }
.contact-payment-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:22px; }
.contact-details-card,.payment-options-card { min-height:470px; padding:clamp(30px,4vw,48px); border-radius:24px; box-shadow:0 25px 62px rgba(7,26,56,.13); }
.contact-details-card { border:1px solid #d6dee8; background:radial-gradient(circle at 100% 0%,rgba(59,129,202,.18),transparent 30%),linear-gradient(145deg,#fff,#f4f8fc); }
.contact-details-card .section-label,.payment-options-card .section-label { margin-bottom:10px; color:#ad7805; }
.contact-details-card h2 { margin:0 0 15px; color:#071a38; font-size:clamp(34px,3.3vw,50px); line-height:1.08; letter-spacing:-.045em; }
.contact-details-card header>p:last-child,.payment-options-card>p { color:#59677c; font-size:13px; line-height:1.7; }
.contact-methods { display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:28px; }
.contact-methods a { display:grid; grid-template-columns:45px 1fr; gap:11px; align-items:center; min-height:78px; padding:13px; border:1px solid #dce3eb; border-radius:13px; background:rgba(255,255,255,.92); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.contact-methods a:hover { border-color:#d5a330; box-shadow:0 12px 27px rgba(7,26,56,.1); transform:translateY(-3px); }
.contact-methods i { display:grid; width:45px; height:45px; place-items:center; border-radius:11px; background:#071a38; color:#efb62f; font-size:17px; }
.contact-methods small { display:block; color:#7b8799; font-size:8px; text-transform:uppercase; }.contact-methods b { display:block; margin-top:3px; color:#21364f; font-size:10px; line-height:1.4; }
.payment-options-card { border:1px solid rgba(226,174,51,.48); background:radial-gradient(circle at 100% 0%,rgba(57,119,190,.28),transparent 34%),linear-gradient(145deg,#061a3a,#0a3265); color:#fff; }
.payment-options-card header { display:flex; align-items:center; gap:15px; }.payment-options-card header h2 { margin:3px 0 0; color:#fff; font-size:30px; }.payment-options-card>p { color:#c8d4e3; }
.payment-shield { display:grid; flex:0 0 54px; width:54px; height:54px; place-items:center; border:1px solid rgba(239,183,47,.45); border-radius:15px; background:rgba(255,255,255,.08); color:#efb72f; font-size:23px; }
.payment-methods { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:28px 0 22px; }
.payment-methods>span { display:grid; min-height:105px; place-items:center; align-content:center; gap:5px; padding:12px 8px; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(255,255,255,.08); text-align:center; transition:transform .2s ease,background .2s ease; }.payment-methods>span:hover{background:rgba(255,255,255,.13);transform:translateY(-3px)}
.payment-methods i { color:#efb72f; font-size:24px; }.payment-methods b { color:#fff; font-size:10px; }.payment-methods small { color:#aebdd0; font-size:8px; }
.payment-methods strong { display:grid; min-width:70px; min-height:29px; place-items:center; padding:4px 8px; border-radius:8px; font-size:16px; font-weight:900; }
.tabby-method strong { background:linear-gradient(100deg,#3ce6bd,#d9b6ff); color:#071a38; }.tamara-method strong { background:linear-gradient(100deg,#ff7a59,#ffb7d3); color:#341331; }
.payment-note { display:block; padding:12px; border:1px solid rgba(239,183,47,.28); border-radius:10px; background:rgba(239,183,47,.08); color:#c9d4e2; font-size:8px; line-height:1.55; }.payment-note i{margin-right:7px;color:#efb72f}
.benefits-section { padding-block:55px 80px; background:#f4f7fb; }
.benefits-section .benefits-panel { padding:38px 30px; border:1px solid #d8e0ea; border-radius:24px; background:#fff; box-shadow:0 22px 55px rgba(7,26,56,.1); }
.benefits-panel header { max-width:700px; margin:0 auto 30px; text-align:center; }.benefits-panel header .section-label { margin-bottom:8px; color:#ad7805; }.benefits-panel header h2 { margin:0 0 10px; color:#071a38; font-size:clamp(29px,3vw,42px); text-transform:none; }.benefits-panel header>p:last-child { margin:0; color:#627086; font-size:12px; line-height:1.6; }
.benefits-panel .benefits-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:11px; }
.benefits-grid span { display:grid; min-height:135px; place-items:center; align-content:center; gap:12px; padding:15px 7px; border:1px solid #dfe5ed; border-radius:15px; background:linear-gradient(145deg,#fff,#f5f8fb); color:#bd8308; text-align:center; opacity:0; transform:translateY(15px); animation:benefit-rise .55s ease forwards; animation-delay:calc(var(--benefit-index) * 80ms); transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.benefits-grid span:hover { border-color:#d4a32f; box-shadow:0 14px 30px rgba(7,26,56,.1); transform:translateY(-5px); }.benefits-grid i { font-size:27px; }.benefits-grid b { color:#233750; font-size:10px; line-height:1.45; }
@keyframes benefit-rise { to { opacity:1; transform:translateY(0); } }
.final-contact-section { padding-block:0 72px; background:#f4f7fb; }.final-contact-section .contact-strip { min-height:105px; padding:20px 28px; border-radius:16px; }.final-contact-section .contact-strip h2 { color:#fff; font-size:24px; }.final-contact-section .contact-strip p { color:#c8d4e3; font-size:10px; }
@media(max-width:1050px){.contact-payment-grid{grid-template-columns:1fr}.benefits-panel .benefits-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.contact-payment-section{padding-block:58px 35px}.contact-details-card,.payment-options-card{min-height:auto;padding:25px}.contact-methods{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr 1fr}.benefits-section{padding-block:35px 55px}.benefits-section .benefits-panel{padding:28px 18px}.benefits-panel .benefits-grid{grid-template-columns:1fr 1fr}.final-contact-section .contact-strip{padding:22px}}
@media(prefers-reduced-motion:reduce){.benefits-grid span{opacity:1;transform:none;animation:none}}

/* AM Group v4.9.1 — distinctive contact command bar + floating payment rail. */
.contact-payment-section {
    padding-block: 95px 105px;
    background:
        radial-gradient(circle at 88% 15%, rgba(224,167,33,.13), transparent 24%),
        linear-gradient(180deg,#ffffff,#eef3f8);
}

.contact-payment-grid {
    position: relative;
    display: block;
}

.contact-details-card {
    position: relative;
    min-height: 390px;
    overflow: hidden;
    padding: 54px 54px 135px;
    border: 1px solid rgba(231,177,48,.42);
    border-radius: 30px;
    background:
        radial-gradient(circle at 93% 15%, rgba(59,132,211,.42), transparent 30%),
        linear-gradient(125deg,#061a3a 0%,#0a3568 62%,#061a3a 100%);
    box-shadow: 0 32px 72px rgba(7,26,56,.24);
}

.contact-details-card::before {
    position:absolute;
    top:-120px;
    right:-70px;
    width:360px;
    height:360px;
    border:45px solid rgba(239,183,47,.08);
    border-radius:50%;
    content:"";
}

.contact-details-card header {
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(340px,.85fr) 1fr;
    gap:70px;
    align-items:end;
}

.contact-details-card .section-label {
    grid-column:1;
    margin-bottom:-52px;
    color:#f2bb3e;
}

.contact-details-card h2 {
    grid-column:1;
    margin:0;
    color:#ffffff;
    font-size:clamp(39px,4vw,60px);
}

.contact-details-card header>p:last-child {
    grid-column:2;
    margin:0 0 7px;
    max-width:570px;
    color:#d3deeb;
    font-size:15px;
}

.contact-methods {
    position:absolute;
    right:46px;
    bottom:43px;
    left:46px;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:17px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(14px);
}

.contact-methods a {
    min-height:83px;
    border:0;
    border-right:1px solid rgba(255,255,255,.15);
    border-radius:0;
    background:transparent;
}

.contact-methods a:last-child { border-right:0; }
.contact-methods a:hover { background:rgba(255,255,255,.11); box-shadow:none; }
.contact-methods i { background:rgba(239,183,47,.14); color:#f2bb3e; }
.contact-methods small { color:#aebfd3; }
.contact-methods b { color:#ffffff; font-size:11px; }

.payment-options-card {
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:280px 1fr;
    column-gap:32px;
    min-height:unset;
    width:calc(100% - 100px);
    margin:-52px auto 0;
    padding:25px 30px;
    border:1px solid #d7dfe8;
    border-top:4px solid #e3aa26;
    border-radius:20px;
    background:#ffffff;
    color:#071a38;
    box-shadow:0 25px 58px rgba(7,26,56,.18);
}

.payment-options-card header {
    grid-column:1;
    align-self:center;
}

.payment-options-card header h2 {
    color:#071a38;
    font-size:23px;
}

.payment-options-card>p {
    display:none;
}

.payment-shield {
    flex-basis:48px;
    width:48px;
    height:48px;
    border-color:#e5cc8a;
    background:#fff7e2;
    color:#ad7805;
}

.payment-methods {
    grid-column:2;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:8px;
    margin:0;
}

.payment-methods>span {
    min-height:84px;
    border-color:#dfe5ed;
    background:#f7f9fc;
}

.payment-methods>span:hover { background:#fff9e9; }
.payment-methods i { color:#0a3568; font-size:21px; }
.payment-methods b { color:#263951; }
.payment-methods small { color:#7d899a; }
.payment-note {
    grid-column:1/-1;
    margin:14px 0 0;
    padding:8px 11px;
    border:0;
    border-top:1px solid #e2e7ee;
    border-radius:0;
    background:transparent;
    color:#788597;
}

@media(max-width:1000px){
    .contact-details-card header{grid-template-columns:1fr;gap:18px}.contact-details-card .section-label{margin:0}.contact-details-card h2,.contact-details-card header>p:last-child{grid-column:1}.contact-methods{grid-template-columns:1fr 1fr}.contact-details-card{padding-bottom:225px}.contact-methods a:nth-child(2){border-right:0}.contact-methods a:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.payment-options-card{grid-template-columns:1fr;width:calc(100% - 50px)}.payment-options-card header,.payment-methods{grid-column:1}.payment-methods{margin-top:20px}}
@media(max-width:650px){
    .contact-payment-section{padding-block:58px 75px}.contact-details-card{padding:30px 24px 390px;border-radius:22px}.contact-methods{right:20px;bottom:20px;left:20px;grid-template-columns:1fr}.contact-methods a{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.contact-methods a:last-child{border-bottom:0}.payment-options-card{width:calc(100% - 28px);margin-top:-8px;padding:22px 18px}.payment-methods{grid-template-columns:1fr 1fr}.payment-methods>span:last-child{grid-column:1/-1}}

/* AM Group v4.3 — Business Services Hub refinement. */
#services .service-grid {
    gap: 16px;
}

/* AM Group v4.9.2 — final premium footer. */
.site-footer {
    position:relative;
    overflow:hidden;
    padding:0;
    border:0;
    background:
        radial-gradient(circle at 8% 18%,rgba(237,179,44,.09),transparent 27%),
        radial-gradient(circle at 93% 0%,rgba(47,111,181,.2),transparent 30%),
        linear-gradient(145deg,#041229,#071a38 55%,#06162e);
    color:#fff;
}
.site-footer::before { position:absolute; right:-150px; bottom:-210px; width:480px; height:480px; border:60px solid rgba(235,177,42,.035); border-radius:50%; content:""; }
.footer-gold-line { height:4px; background:linear-gradient(90deg,transparent,#e3aa26 18%,#ffd96f 50%,#e3aa26 82%,transparent); box-shadow:0 0 22px rgba(227,170,38,.3); }
.footer-main { position:relative; z-index:2; display:grid; grid-template-columns:340px 1fr; gap:70px; padding-block:66px 52px; }
.footer-brand-column { padding-right:35px; border-right:1px solid rgba(255,255,255,.12); }
.footer-logo { display:block; width:235px; }.footer-logo img { width:100%; height:auto; object-fit:contain; }
.footer-brand-column>p { max-width:315px; margin:24px 0; color:#b8c6d8; font-size:12px; line-height:1.75; }
.footer-socials { display:flex; gap:10px; }.footer-socials a { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:rgba(255,255,255,.06); color:#dce6f1; font-size:15px; transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease; }
.footer-socials a:hover { border-color:#e5ac29; background:#e5ac29; color:#071a38; transform:translateY(-4px); }
.footer-navigation { display:grid; grid-template-columns:repeat(4,1fr); gap:35px; }.footer-navigation>div { display:flex; flex-direction:column; }
.footer-navigation h2 { position:relative; margin:4px 0 24px; color:#fff; font-size:13px; letter-spacing:.02em; }.footer-navigation h2::after { position:absolute; bottom:-10px; left:0; width:28px; height:2px; border-radius:2px; background:#dfa51f; content:""; }
.footer-navigation a { width:fit-content; margin:0 0 10px; color:#adbdcf; font-size:10px; line-height:1.5; transition:color .2s ease,transform .2s ease; }.footer-navigation a:hover { color:#f2bb3e; transform:translateX(4px); }
.footer-bottom { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; min-height:64px; border-top:1px solid rgba(255,255,255,.12); color:#8293a9; font-size:9px; }
.footer-trust-line { display:inline-flex; align-items:center; gap:7px; color:#b4c2d2; }.footer-trust-line i { color:#dca31f; }
.site-footer+.floating-whatsapp { box-shadow:0 12px 35px rgba(7,26,56,.3); }.floating-whatsapp>span i { font-size:20px; }
@media(max-width:1050px){.footer-main{grid-template-columns:1fr;gap:42px}.footer-brand-column{display:grid;grid-template-columns:220px 1fr;column-gap:35px;align-items:center;padding-right:0;padding-bottom:36px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-brand-column>p{margin:0}.footer-socials{grid-column:1/-1;margin-top:22px}.footer-navigation{grid-template-columns:repeat(2,1fr);row-gap:34px}}
@media(max-width:600px){.footer-main{padding-block:48px 35px}.footer-brand-column{display:block}.footer-logo{width:210px}.footer-brand-column>p{margin:22px 0}.footer-navigation{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-bottom{display:grid;gap:9px;padding-block:18px;text-align:center}.footer-trust-line{justify-content:center}}

/* AM Group v5.0 — premium first-impression header and resilient preloader. */
.preloader-active { overflow:hidden; }
.site-preloader { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; background:#fff; opacity:1; visibility:visible; transition:opacity .35s ease,visibility .35s ease; }
.site-preloader.is-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.preloader-mark { position:relative; display:grid; width:86px; height:86px; place-items:center; border:1px solid #e0e6ee; border-radius:25px; background:#fff; box-shadow:0 18px 50px rgba(7,26,56,.12); }
.preloader-mark span { color:#071a38; font-size:27px; font-weight:900; letter-spacing:-.1em; }.preloader-mark span::first-letter{color:#ef522d}
.preloader-mark i { position:absolute; inset:-5px; border:2px solid transparent; border-top-color:#e1a823; border-right-color:#e1a823; border-radius:29px; animation:preloader-spin .85s linear infinite; }
@keyframes preloader-spin{to{transform:rotate(360deg)}}
.site-header { height:94px; border-bottom:1px solid rgba(7,26,56,.09); background:rgba(255,255,255,.94); box-shadow:0 8px 32px rgba(7,26,56,.06); transition:height .25s ease,box-shadow .25s ease,background .25s ease; }
.site-header.is-scrolled { height:78px; background:rgba(255,255,255,.98); box-shadow:0 12px 35px rgba(7,26,56,.12); }
.header-accent { position:absolute; top:0; right:0; left:0; height:3px; background:linear-gradient(90deg,transparent,#e1a823 30%,#ef522d 50%,#e1a823 70%,transparent); }
.site-header .navigation { gap:26px; }
.site-header .brand { width:78px; height:70px; }.site-header .brand img { width:100%; height:100%; border-radius:0; object-fit:contain; }
.site-header.is-scrolled .brand { height:60px; }
.site-header .main-navigation { gap:8px; margin-left:auto; }
.site-header .main-navigation>a,.nav-dropdown-trigger { position:relative; display:flex; align-items:center; gap:6px; padding:13px 12px; border-radius:9px; color:#1d304a; font-size:13px; font-weight:750; white-space:nowrap; }
.site-header .main-navigation>a::after,.nav-dropdown-trigger::after { position:absolute; right:12px; bottom:5px; left:12px; height:2px; border-radius:2px; background:#d99e17; content:""; transform:scaleX(0); transform-origin:center; transition:transform .2s ease; }
.site-header .main-navigation>a:hover::after,.site-header .main-navigation>a.active::after,.nav-dropdown:hover .nav-dropdown-trigger::after { transform:scaleX(1); }
.site-header .main-navigation>a.active { border:0; background:#fff8e8; color:#9e6d02; }
.nav-dropdown { position:relative; }.nav-dropdown-trigger i { font-size:8px; transition:transform .2s ease; }.nav-dropdown:hover .nav-dropdown-trigger i,.nav-dropdown:focus-within .nav-dropdown-trigger i{transform:rotate(180deg)}
.nav-dropdown-menu { position:absolute; top:calc(100% + 11px); left:50%; width:315px; padding:10px; border:1px solid #d7dfe8; border-top:3px solid #dda31e; border-radius:16px; background:#fff; box-shadow:0 24px 55px rgba(7,26,56,.18); opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity .2s ease,visibility .2s ease,transform .2s ease; }
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-dropdown-menu::before { position:absolute; top:-10px; right:0; left:0; height:10px; content:""; }
.nav-dropdown-menu>a { display:grid; grid-template-columns:42px 1fr; gap:11px; align-items:center; padding:11px; border-radius:11px; transition:background .2s ease,transform .2s ease; }.nav-dropdown-menu>a:hover{background:#f5f8fc;transform:translateX(3px)}
.nav-dropdown-menu>a>i { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:#071a38; color:#efb62d; }.nav-dropdown-menu b { display:block; color:#233750; font-size:11px; }.nav-dropdown-menu small { display:block; margin-top:3px; color:#79869a; font-size:8px; }
.b2b-login-button { display:grid; grid-template-columns:38px 1fr 12px; gap:9px; align-items:center; min-width:182px; min-height:54px; padding:7px 12px; border:1px solid #d6a42c; border-radius:13px; background:linear-gradient(135deg,#071a38,#0a3568); color:#fff; box-shadow:0 10px 25px rgba(7,26,56,.18); transition:transform .2s ease,box-shadow .2s ease; }.b2b-login-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(7,26,56,.24)}
.b2b-login-button>span { display:grid; width:38px; height:38px; place-items:center; border-radius:10px; background:rgba(239,183,45,.14); color:#efb72d; }.b2b-login-button small { display:block; color:#aebed1; font-size:7px; text-transform:uppercase; }.b2b-login-button b { display:block; margin-top:2px; font-size:10px; }.b2b-login-button>i { color:#efb72d; font-size:10px; }
@media(max-width:1320px){.site-header{height:82px}.site-header .brand{width:65px;height:60px}.site-header .main-navigation,.b2b-login-button{display:none}.menu-button{display:block;margin-left:auto}.site-header .menu-button{width:46px;padding:7px;border:1px solid #d8e0e9;border-radius:11px;background:#fff}.site-header .main-navigation.is-open{position:absolute;top:calc(100% + 1px);right:20px;left:20px;display:flex;flex-direction:column;align-items:stretch;gap:3px;margin:0;padding:14px;border:1px solid #d6dee8;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 25px 55px rgba(7,26,56,.18)}.site-header .main-navigation>a,.nav-dropdown-trigger{justify-content:space-between;padding:13px}.nav-dropdown-menu{position:static;width:100%;padding:6px;border:0;border-radius:10px;background:#f5f8fc;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-dropdown-menu>a{padding:8px}.menu-button>span:not(.sr-only){height:2px;background:#071a38}}
@media(max-width:600px){.site-header{height:76px}.site-header .brand{width:58px;height:55px}.preloader-mark{width:74px;height:74px}}
@media(prefers-reduced-motion:reduce){.preloader-mark i{animation:none}.site-preloader{transition:none}}

/* AM Group v5.0.1 — signature oversized header identity tab. */
.site-header .brand {
    position:relative;
    align-self:flex-start;
    display:grid;
    grid-template-columns:116px 1fr;
    gap:12px;
    align-items:center;
    width:292px;
    height:112px;
    margin-top:10px;
    padding:12px 15px 11px;
    border:1px solid #d8e0e9;
    border-top:3px solid #e1a823;
    border-radius:0 0 18px 18px;
    background:#ffffff;
    box-shadow:0 16px 36px rgba(7,26,56,.14);
    transition:height .25s ease,margin .25s ease,padding .25s ease,box-shadow .25s ease;
}

.site-header .brand img {
    width:116px;
    height:80px;
    object-fit:contain;
}

.site-header .brand>span.header-brand-caption {
    display:block;
    min-width:0;
    padding-left:12px;
    border-left:1px solid #e0e5ec;
    line-height:1.15;
}

.header-brand-caption b {
    display:block;
    color:#071a38;
    font-size:15px;
    letter-spacing:.02em;
    white-space:nowrap;
}

.header-brand-caption small {
    display:block;
    margin-top:6px;
    color:#a87300;
    font-size:7px;
    font-weight:800;
    letter-spacing:.09em;
    line-height:1.45;
    text-transform:uppercase;
}

.site-header.is-scrolled .brand {
    grid-template-columns:88px 1fr;
    width:250px;
    height:82px;
    margin-top:3px;
    padding-block:7px;
    box-shadow:0 12px 28px rgba(7,26,56,.12);
}

.site-header.is-scrolled .brand img {
    width:88px;
    height:61px;
}

.site-header.is-scrolled .header-brand-caption b { font-size:13px; }
.site-header.is-scrolled .header-brand-caption small { margin-top:4px; font-size:6px; }

@media(max-width:1320px){
    .site-header .brand,.site-header.is-scrolled .brand{grid-template-columns:92px 1fr;width:255px;height:88px;margin-top:3px;padding:8px 12px}.site-header .brand img,.site-header.is-scrolled .brand img{width:92px;height:64px}.site-header .header-brand-caption b{font-size:13px}.site-header .header-brand-caption small{font-size:6px}
}

@media(max-width:600px){
    .site-header .brand,.site-header.is-scrolled .brand{grid-template-columns:88px 1fr;width:235px;height:82px;margin-top:2px;padding:7px 10px;border-radius:0 0 14px 14px}.site-header .brand img,.site-header.is-scrolled .brand img{width:88px;height:61px}.site-header .brand>span.header-brand-caption{padding-left:9px}.header-brand-caption b{font-size:12px}.header-brand-caption small{font-size:5.5px;letter-spacing:.06em}
}

/* AM Group v5.0.2 — flush header tab and NEXPRO solutions identity. */
.site-header .brand,
.site-header.is-scrolled .brand {
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 18px 18px;
}

.site-header .brand {
    height: 114px;
    padding-top: 10px;
}

.site-header.is-scrolled .brand {
    height: 82px;
    padding-top: 6px;
}

.header-brand-caption b {
    font-size: 13px;
    line-height: 1.25;
    white-space: normal;
}

.header-brand-caption small {
    color: #9f6d00;
    font-size: 6.5px;
    letter-spacing: .065em;
}

@media(max-width:1320px){
    .site-header .brand,.site-header.is-scrolled .brand{height:88px;margin-top:0;border-radius:0 0 15px 15px}.site-header .header-brand-caption b{font-size:11px;line-height:1.25}.site-header .header-brand-caption small{font-size:5.5px}
}

@media(max-width:600px){
    .site-header .brand,.site-header.is-scrolled .brand{height:82px;margin-top:0;border-radius:0 0 14px 14px}.header-brand-caption b{font-size:10px}.header-brand-caption small{font-size:5px}
}

/* AM Group v5.0.3 — highlighted direct AM Property navigation. */
.site-header .main-navigation>a.property-menu-link {
    isolation:isolate;
    gap:7px;
    margin-inline:3px;
    padding:11px 13px;
    overflow:hidden;
    border:1px solid #d5a432;
    border-radius:11px;
    background:linear-gradient(135deg,#fff9e9,#fff);
    color:#0a3568;
    box-shadow:0 7px 18px rgba(7,26,56,.08);
}

.site-header .main-navigation>a.property-menu-link::after {
    display:none;
}

.property-menu-link::before {
    position:absolute;
    inset:0 auto 0 -55%;
    z-index:-1;
    width:38%;
    background:linear-gradient(90deg,transparent,rgba(232,174,38,.22),transparent);
    content:"";
    transform:skewX(-18deg);
    animation:property-menu-sweep 3.8s ease-in-out infinite;
}

.property-menu-link>i {
    color:#b77e05;
    font-size:12px;
}

.property-live-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#20b85a;
    box-shadow:0 0 0 0 rgba(32,184,90,.45);
    animation:property-live-pulse 1.55s ease-out infinite;
}

.site-header .main-navigation>a.property-menu-link:hover {
    border-color:#e2a91f;
    background:#071a38;
    color:#fff;
    transform:translateY(-2px);
}

.site-header .main-navigation>a.property-menu-link:hover>i {
    color:#f0b72d;
}

@keyframes property-menu-sweep {
    0%,52%{left:-55%}
    74%,100%{left:125%}
}

@keyframes property-live-pulse {
    0%{box-shadow:0 0 0 0 rgba(32,184,90,.5)}
    70%{box-shadow:0 0 0 7px rgba(32,184,90,0)}
    100%{box-shadow:0 0 0 0 rgba(32,184,90,0)}
}

@media(max-width:1320px){
    .site-header .main-navigation>a.property-menu-link{margin:3px 0;padding:13px;background:#fff9e9}
}

@media(prefers-reduced-motion:reduce){
    .property-menu-link::before,.property-live-dot{animation:none}
}

#services .service-card {
    position: relative;
    min-height: 300px;
    border-color: #d2d9e3;
    border-radius: 20px;
    background: linear-gradient(150deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 14px 36px rgba(7,26,56,.075);
}

#services .service-card::after {
    position: absolute;
    top: 0;
    right: 22px;
    left: 22px;
    height: 3px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(90deg, transparent, #dda51e, transparent);
    content: "";
    opacity: 0;
    transform: scaleX(.55);
    transition: opacity .25s ease, transform .25s ease;
}

#services .service-card:hover::after {
    opacity: 1;
    transform: scaleX(1);
}

#services .service-icon,
#services .service-card-2 .service-icon,
#services .service-card-4 .service-icon,
#services .service-card-5 .service-icon,
#services .service-card-7 .service-icon {
    width: 64px;
    height: 64px;
    border: 1px solid #e8d08e;
    border-radius: 16px;
    background: linear-gradient(145deg, #fffaf0, #f8e9bd);
    color: #9e6c00;
    font-size: 26px;
    box-shadow: 0 10px 24px rgba(180,126,10,.12);
}

#services .service-card:nth-child(even) .service-icon {
    border-color: #c9d7e6;
    background: linear-gradient(145deg, #f7faff, #e8f0f8);
    color: #0b3568;
    box-shadow: 0 10px 24px rgba(7,49,98,.1);
}

#services .service-card h2 {
    margin-top: 22px;
    font-size: 20px;
    line-height: 1.25;
}

#services .service-card p {
    font-size: 14px;
    line-height: 1.7;
}

#services .service-card a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    font-size: 13px;
}

#services .service-card a span {
    transition: transform .2s ease;
}

#services .service-card a:hover span {
    transform: translateX(4px);
}

/* AM Group v4.4 — Platforms & Ecosystem. */
#ecosystem {
    padding-block: 86px;
}

.ecosystem-heading {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.ecosystem-heading .section-label {
    margin-bottom: 12px;
    color: #b17a03;
}

.ecosystem-heading h2 {
    margin: 0 0 14px;
    color: #071a38;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.ecosystem-heading > p:last-child {
    margin: 0;
    color: #59677c;
    font-size: 16px;
    line-height: 1.75;
}

#ecosystem .platform-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

#ecosystem .platform-card {
    position: relative;
    display: block;
    min-height: 340px;
    overflow: hidden;
    border: 1px solid #cad4e0;
    border-radius: 20px;
    background-color: #ffffff;
    background-image: url("../images/ecosystem/am-platforms-ecosystem-sprite-v1.png");
    background-repeat: no-repeat;
    background-size: 300% 200%;
    box-shadow: 0 16px 42px rgba(7,26,56,.09);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

#ecosystem .platform-card::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.98) 49%, rgba(255,255,255,.68) 67%, rgba(7,26,56,.1) 100%);
    content: "";
}

#ecosystem .platform-card:hover {
    border-color: #d3a335;
    box-shadow: 0 22px 52px rgba(7,26,56,.15);
    transform: translateY(-6px);
}

#ecosystem .platform-card-1 { background-position: 0% 0%; }
#ecosystem .platform-card-2 { background-position: 50% 0%; }
#ecosystem .platform-card-3 { background-position: 100% 0%; }
#ecosystem .platform-card-4 { background-position: 0% 100%; }
#ecosystem .platform-card-5 { background-position: 50% 100%; }
#ecosystem .platform-card-6 { background-position: 100% 100%; }

.platform-card-content {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 17px;
    padding: 24px;
}

#ecosystem .platform-mark {
    display: grid;
    flex: 0 0 52px;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid #e1bd65;
    border-radius: 14px;
    background: #071a38;
    color: #f1b62b;
    font-size: 17px;
    font-weight: 900;
    letter-spacing: -.06em;
    box-shadow: 0 9px 22px rgba(7,26,56,.16);
}

#ecosystem .platform-card h3 {
    margin: 1px 0 8px;
    color: #071a38;
    font-size: 20px;
}

#ecosystem .platform-card p {
    max-width: 330px;
    margin: 0 0 15px;
    color: #58667b;
    font-size: 13px;
    line-height: 1.6;
}

#ecosystem .platform-card b {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a87300;
    font-size: 12px;
}

#ecosystem .platform-card b span {
    transition: transform .2s ease;
}

#ecosystem .platform-card:hover b span {
    transform: translateX(4px);
}

@media (max-width: 1050px) {
    #ecosystem .platform-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    #ecosystem {
        padding-block: 58px;
    }

    .ecosystem-heading {
        text-align: left;
    }

    .ecosystem-heading > p:last-child {
        font-size: 14px;
    }

    #ecosystem .platform-grid {
        grid-template-columns: 1fr;
    }

    #ecosystem .platform-card {
        min-height: 330px;
    }
}

/* AM Group v4.4.1 — reliable visible platform imagery. */
#ecosystem .platform-card {
    background-image: none;
}

#ecosystem .platform-card::after {
    display: none;
}

.platform-card-content {
    min-height: 190px;
}

.platform-card-visual {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 150px;
    overflow: hidden;
    background: #eaf0f6;
}

.platform-card-visual::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.42) 24%, rgba(255,255,255,.06) 62%, rgba(7,26,56,.08) 100%);
    content: "";
    pointer-events: none;
}

.platform-card-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 48%;
    filter: saturate(.82) contrast(.96) brightness(1.04);
    transform: scale(1.015);
    transition: filter .3s ease, transform .4s ease;
}

#ecosystem .platform-card:hover .platform-card-visual img {
    filter: saturate(.95) contrast(1) brightness(1.02);
    transform: scale(1.055);
}

/* AM Group v4.4.2 — full-card image with a seamless upward fade. */
.platform-card-visual {
    top: 0;
    height: auto;
}

.platform-card-visual::before {
    background: linear-gradient(
        180deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.98) 34%,
        rgba(255,255,255,.90) 51%,
        rgba(255,255,255,.52) 68%,
        rgba(255,255,255,.14) 86%,
        rgba(7,26,56,.04) 100%
    );
}

.platform-card-visual img {
    object-position: center center;
    filter: saturate(.80) contrast(.94) brightness(1.06);
}

#ecosystem .platform-card:hover .platform-card-visual img {
    filter: saturate(.92) contrast(.98) brightness(1.03);
}

/* AM Group v4.5 — live opportunities, visa progress and Google trust. */
#success {
    padding-block: 90px;
    background:
        radial-gradient(circle at 7% 12%, rgba(239,183,48,.2), transparent 25%),
        radial-gradient(circle at 88% 84%, rgba(55,119,190,.26), transparent 30%),
        linear-gradient(135deg, #061a3a 0%, #0a2f61 58%, #06172f 100%);
}

.dashboard-section-heading {
    max-width: 820px;
    margin-bottom: 38px;
    text-align: center;
}

.dashboard-section-heading .section-label {
    margin-bottom: 10px;
    color: #f0ba3d;
}

.dashboard-section-heading h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.dashboard-section-heading > p:last-child {
    margin: 0;
    color: #c3d0e0;
    font-size: 15px;
    line-height: 1.7;
}

#success .dashboard-grid {
    grid-template-columns: 1.5fr 1.08fr .9fr;
    gap: 18px;
}

#success .dashboard-card {
    min-height: 410px;
    padding: 24px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 22px;
    background: rgba(255,255,255,.98);
    color: #071a38;
    box-shadow: 0 28px 65px rgba(0,0,0,.23);
}

#success .dashboard-title {
    color: #8b6511;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.live-status {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 7px;
    color: #168b47;
}

.live-status i,
.visa-dashboard header small i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #20b85a;
    box-shadow: 0 0 0 0 rgba(32,184,90,.42);
    animation: dashboard-live-pulse 1.5s ease-out infinite;
}

@keyframes dashboard-live-pulse {
    0% { box-shadow: 0 0 0 0 rgba(32,184,90,.45); }
    70% { box-shadow: 0 0 0 7px rgba(32,184,90,0); }
    100% { box-shadow: 0 0 0 0 rgba(32,184,90,0); }
}

#success .property-dashboard {
    grid-template-columns: .84fr 1.16fr;
    gap: 20px;
}

.property-dashboard .dashboard-content h2 {
    margin: 17px 0 7px;
    color: #071a38;
    font-size: 32px;
}

.property-dashboard .dashboard-content > p:not(.dashboard-title) {
    color: #5a687e;
    font-size: 13px;
    line-height: 1.65;
}

.property-totals {
    display: grid;
    gap: 8px;
    margin: 22px 0;
}

.property-totals span {
    padding: 10px 12px;
    border: 1px solid #dce3ec;
    border-radius: 10px;
    background: #f7f9fc;
    color: #66748a;
    font-size: 10px;
}

.property-totals b {
    display: block;
    margin-bottom: 2px;
    color: #0a2f61;
    font-size: 13px;
}

.property-carousel {
    min-height: 360px;
    border-radius: 16px;
    background: #dce5ef;
    box-shadow: inset 0 0 0 1px rgba(7,26,56,.1);
}

.property-slide {
    padding: 0;
    color: #ffffff;
}

.property-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 5.5s ease;
}

.property-slide.is-active img {
    transform: scale(1.06);
}

.property-slide-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2,9,20,0) 26%, rgba(2,9,20,.22) 43%, rgba(2,9,20,.82) 70%, rgba(2,9,20,.97) 100%);
}

.property-slide-copy {
    position: absolute;
    right: 20px;
    bottom: 23px;
    left: 20px;
    z-index: 2;
    display: grid;
    gap: 4px;
}

.property-slide-copy small {
    width: fit-content;
    padding: 5px 8px;
    border-radius: 6px;
    background: #e7ad28;
    color: #071a38;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.property-slide-copy strong {
    margin-top: 3px;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 850;
    text-shadow: 0 2px 4px rgba(0,0,0,.95), 0 0 16px rgba(0,0,0,.72);
    -webkit-text-stroke: .2px rgba(255,255,255,.65);
}

.property-slide-copy > span,
.property-slide-copy b {
    color: #ffffff !important;
    font-size: 11px;
    text-shadow: 0 2px 5px rgba(0,0,0,.95);
}

.carousel-controls {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 4;
    display: flex;
    gap: 7px;
}

.property-carousel .carousel-controls button {
    position: static;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255,255,255,.7);
    background: rgba(7,26,56,.72);
    color: #ffffff;
    backdrop-filter: blur(8px);
}

.carousel-progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    height: 3px;
    background: rgba(255,255,255,.25);
}

.carousel-progress span {
    display: block;
    width: 25%;
    height: 100%;
    background: #f0b52b;
    transition: width .35s ease;
}

.visa-dashboard header,
.reviews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.visa-dashboard header h2,
.reviews-header h2 {
    margin: 4px 0 0;
    color: #071a38;
    font-size: 20px;
}

.visa-dashboard header small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #43805b;
    white-space: nowrap;
}

.visa-totals {
    gap: 9px;
    margin: 25px 0;
}

.visa-totals span {
    padding: 16px 6px;
    border: 1px solid #dbe3ed;
    border-radius: 12px;
    background: #f7f9fc;
    color: #657389;
    font-size: 9px;
}

.visa-totals b,
.visa-totals span:nth-child(2) b {
    margin-bottom: 4px;
    color: #0a3973;
    font-size: 23px;
}

.visa-totals span:nth-child(2) b {
    color: #b67d05;
}

.visa-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 7px;
    margin: 12px 0 24px;
}

.visa-cards span {
    display: grid;
    min-height: 72px;
    place-items: center;
    padding: 9px 4px;
    border: 1px solid #dbe2eb;
    border-radius: 10px;
    background: linear-gradient(145deg,#ffffff,#f1f5f9);
    color: #0a3973;
    text-align: center;
}

.visa-cards i {
    font-size: 20px;
}

.visa-cards small {
    color: #627188;
    font-size: 8px;
}

.visa-dashboard > .button {
    border-color: #0b3568;
}

.reviews-header {
    justify-content: flex-start;
}

.google-g {
    display: grid;
    flex: 0 0 46px;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid #dce3eb;
    border-radius: 13px;
    background: #ffffff;
    color: #4285f4;
    font-size: 25px;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(7,26,56,.09);
}

.review-rating {
    display: grid;
    gap: 5px;
    margin: 28px 0 5px;
}

.review-rating strong {
    color: #071a38;
    font-size: 30px;
}

.review-rating span {
    color: #e5a718;
    font-size: 19px;
}

.reviews-widget > p {
    color: #637188;
    font-size: 11px;
    line-height: 1.55;
}

.reviews-widget hr {
    margin: 24px 0 17px;
    border-color: #dbe2eb;
}

.reviews-widget blockquote {
    color: #34435a;
    font-size: 11px;
}

.google-attribution,
.google-profile-link {
    color: #738096;
    font-size: 9px;
}

.google-profile-link {
    display: inline-block;
    margin-top: 11px;
    color: #9e6c00;
    font-weight: 700;
}

@media (max-width: 1200px) {
    #success .dashboard-grid {
        grid-template-columns: 1fr 1fr;
    }

    #success .reviews-widget {
        grid-column: 1 / -1;
        min-height: auto;
    }
}

@media (max-width: 760px) {
    #success .dashboard-grid,
    #success .property-dashboard {
        grid-template-columns: 1fr;
    }

    #success .reviews-widget {
        grid-column: auto;
    }

    .property-carousel {
        min-height: 320px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .live-status i,
    .visa-dashboard header small i {
        animation: none;
    }

    .property-slide img {
        transition: none;
    }
}

/* AM Group v4.2 — desktop alignment, richer UAE visual and expert CTA. */
.hero-section {
    background-image: url("../images/hero/am-group-dubai-hero-v2.png");
    background-position: center center;
}

.hero-section > .hero-content {
    width: calc(100% - clamp(48px, 7vw, 110px));
    max-width: 1800px;
    margin-left: clamp(32px, 4.2vw, 82px);
    margin-right: auto;
}

.hero-section::before {
    background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.97) 31%, rgba(255,255,255,.73) 49%, rgba(255,255,255,.08) 78%);
}

.expert-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-color: #143f70;
    box-shadow: 0 8px 24px rgba(7,26,56,.09);
}

.expert-button::before {
    position: absolute;
    inset: -2px auto -2px -45%;
    z-index: -1;
    width: 35%;
    background: linear-gradient(90deg, transparent, rgba(239,183,48,.28), transparent);
    content: "";
    transform: skewX(-18deg);
    animation: expert-button-sweep 3.4s ease-in-out infinite;
}

.expert-button:hover {
    border-color: #d8a221;
    background: #071a38;
    color: #ffffff;
}

.expert-chat-icon {
    display: grid;
    place-items: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #071a38;
    color: #f2b72a;
    font-size: 11px;
    box-shadow: 0 0 0 0 rgba(224,167,33,.35);
    animation: expert-icon-pulse 2s ease-out infinite;
}

.expert-button:hover .expert-chat-icon {
    background: #f2b72a;
    color: #071a38;
}

@keyframes expert-button-sweep {
    0%, 48% { left: -45%; }
    72%, 100% { left: 120%; }
}

@keyframes expert-icon-pulse {
    0% { box-shadow: 0 0 0 0 rgba(224,167,33,.42); }
    65% { box-shadow: 0 0 0 8px rgba(224,167,33,0); }
    100% { box-shadow: 0 0 0 0 rgba(224,167,33,0); }
}

@media (max-width: 900px) {
    .hero-section > .hero-content {
        width: calc(100% - 40px);
        margin-inline: auto;
    }

    .hero-section {
        background-position: 62% center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .expert-button::before,
    .expert-chat-icon {
        animation: none;
    }
}

@media (max-width: 1320px) {
    .desktop-action {
        display: none;
    }

    .menu-button {
        display: block;
        margin-left: auto;
    }

    .main-navigation {
        display: none;
    }

    .main-navigation.is-open {
        position: absolute;
        top: 76px;
        right: 24px;
        left: 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 22px;
        border: 1px solid var(--border);
        border-radius: 12px;
        background: #080a13;
    }

    .statistics {
        width: calc(100% - 350px);
    }
}

@media (max-width: 900px) {
    .container {
        width: calc(100% - 30px);
    }

    .hero-section {
        height: 720px;
    }

    .hero-content h1 {
        font-size: 52px;
    }

    .hero-am-mark {
        top: 375px;
        right: 10%;
        font-size: 100px;
    }

    .hero-light-ring {
        top: 430px;
        right: -130px;
        width: 470px;
    }

    .statistics {
        top: 515px;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }

    .service-grid,
    .platform-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .more-platforms {
        grid-column: auto;
    }

    .dashboard-grid,
    .business-grid,
    .split-panels {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .hero-content {
        padding-top: 46px;
    }

    .hero-content h1 {
        font-size: 43px;
    }

    .hero-description {
        font-size: 14px;
    }

    .hero-actions {
        display: grid;
    }

    .hero-actions .button {
        width: 100%;
    }

    .service-grid,
    .platform-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: 230px;
    }

    .benefits-panel > div {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ========================================================================== */
/* AM Group v4 — unified post, portal and website identity                    */
/* White clarity • UAE navy • controlled premium gold                         */
/* ========================================================================== */

body {
    background: #f7f8fb;
    color: #071a38;
}

.site-header {
    height: 88px;
    border-bottom: 1px solid #e0e5ed;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 8px 30px rgba(7, 26, 56, 0.07);
}

.brand img {
    width: 64px;
    height: 64px;
    border-radius: 0;
    object-fit: contain;
}

.brand > span {
    display: none;
}

.main-navigation a {
    color: #132541;
    font-weight: 700;
}

.main-navigation a:hover,
.main-navigation a.active {
    color: #b37a00;
}

.menu-button > span:not(.sr-only) {
    height: 2px;
    background: #071a38;
}

.button {
    border-radius: 9px;
}

.button-gold {
    background: linear-gradient(180deg, #ffd15b, #e4a517);
    color: #071a38;
    box-shadow: 0 8px 20px rgba(217, 156, 17, 0.2), inset 0 1px rgba(255,255,255,.7);
}

.button-outline {
    border-color: #0a2b57;
    background: #ffffff;
    color: #071a38;
}

.hero-section {
    height: 660px;
    border-bottom: 1px solid #dfe5ed;
    background:
        radial-gradient(circle at 78% 42%, rgba(220, 171, 51, 0.18), transparent 28%),
        radial-gradient(circle at 63% 18%, rgba(102, 163, 218, 0.22), transparent 34%),
        linear-gradient(115deg, #ffffff 0%, #f7f9fc 46%, #eaf3fb 100%);
    color: #071a38;
}

.hero-section::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.84) 43%, rgba(255,255,255,.04) 76%);
    content: "";
}

.hero-section::after {
    height: 105px;
    background: linear-gradient(transparent, rgba(255,255,255,.96));
}

.hero-content {
    padding-top: 78px;
}

.hero-content h1 {
    color: #061a3a;
    font-size: clamp(52px, 5vw, 76px);
    letter-spacing: -0.055em;
}

.hero-content h1 em,
.hero-content .eyebrow {
    color: #d99b12;
}

.hero-description {
    color: #42516a;
    font-size: 17px;
}

.hero-skyline {
    bottom: 38px;
    left: 44%;
    opacity: 0.35;
}

.hero-skyline span {
    background: repeating-linear-gradient(0deg, #b6c8d8 0 8px, #f0bd45 9px, #b6c8d8 10px);
    box-shadow: 0 0 22px rgba(192, 137, 20, 0.28);
}

.hero-am-mark {
    top: 155px;
    color: #071a38;
    text-shadow: 3px 3px 0 #f2b72a, 0 15px 40px rgba(7,26,56,.18);
}

.hero-light-ring {
    top: 240px;
    border-color: #e5a91d;
    box-shadow: 0 0 12px rgba(255,255,255,.8), 0 0 35px rgba(221,161,26,.38);
}

.statistics {
    top: 470px;
    width: min(920px, calc(100vw - 380px));
    border: 1px solid #d6dde8;
    background: rgba(255,255,255,.94);
    box-shadow: 0 18px 46px rgba(7,26,56,.12);
}

.statistics article {
    border-right-color: #dfe4eb;
}

.statistics strong {
    color: #071a38;
}

.statistics small {
    color: #607087;
}

.online-support-card {
    bottom: 38px;
    border: 1px solid #d6dde8;
    background: rgba(255,255,255,.97);
    color: #071a38;
    box-shadow: 0 22px 55px rgba(7,26,56,.18);
}

.online-support-card > strong {
    color: #071a38;
}

.online-support-card p {
    color: #647189;
}

.online-support-card footer span {
    border-color: #dce2eb;
    color: #34445d;
}

.section {
    padding-block: 76px;
}

#services,
#ecosystem,
#business-setup,
#careers,
#benefits-contact {
    background: #f7f8fb;
    color: #071a38;
}

#ecosystem,
#careers {
    background: #ffffff;
}

.section-label {
    margin-bottom: 28px;
    color: #6d788b;
    font-size: 13px;
    letter-spacing: .09em;
}

.section-label strong,
.eyebrow {
    color: #bb8106;
}

#services .service-card,
#ecosystem .platform-card,
#ecosystem .more-platforms {
    border: 1px solid #cad3df;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 14px 38px rgba(7,26,56,.07);
}

#services .service-card {
    min-height: 285px;
    padding: 26px 22px;
}

#services .service-icon {
    border: 1px solid rgba(205,149,22,.25);
    background: #fff7e2;
    color: #bb8106;
}

#services .service-card h2,
#ecosystem .platform-card h2 {
    color: #071a38;
}

#services .service-card p,
#ecosystem .platform-card p,
#ecosystem .more-platforms p {
    color: #5a687e;
}

#services .service-card a,
#ecosystem .platform-card b {
    color: #ad7600;
}

#success {
    padding-block: 86px;
    background:
        radial-gradient(circle at 15% 20%, rgba(230,174,43,.17), transparent 28%),
        linear-gradient(130deg, #071a38, #0a2e5d);
}

#success .dashboard-card {
    border-color: rgba(255,205,88,.28);
    border-radius: 18px;
    background: rgba(255,255,255,.98);
    color: #071a38;
    box-shadow: 0 24px 55px rgba(0,0,0,.22);
}

#success .dashboard-card p,
#success .dashboard-card small {
    color: #58667c;
}

#success .dashboard-card h2,
#success .dashboard-card h3,
#success .dashboard-card strong,
#success .dashboard-card b {
    color: #071a38;
}

#business-setup .business-grid > article {
    border: 1px solid #d8c58e;
    border-radius: 18px;
    background: linear-gradient(145deg,#ffffff,#fff9ea);
}

#careers .career-panel,
#careers .b2b-panel {
    border-radius: 20px;
}

#careers .career-panel {
    border: 1px solid #cbd5e1;
    background: linear-gradient(130deg,#ffffff 0%,#f4f8fc 70%,#e8f1fa 100%);
}

#careers .b2b-panel {
    border: 1px solid #d6ad48;
    background: linear-gradient(135deg,#071a38,#0a356b);
}

#benefits-contact .benefits-panel {
    border: 1px solid #cad3df;
    border-radius: 18px;
    background: #ffffff;
}

#benefits-contact .contact-strip {
    border: 1px solid #d7a936;
    border-radius: 16px;
    background: linear-gradient(100deg,#071a38,#0b3568);
}

.site-footer {
    border-top: 4px solid #e0a721;
    background: #061a3a;
}

@media (max-width: 1320px) {
    .site-header { height: 78px; }
    .brand img { width: 56px; height: 56px; }
    .hero-section { height: 720px; }
    .statistics { width: calc(100% - 30px); }
}

@media (max-width: 900px) {
    .hero-section { height: 760px; }
    .hero-section::before { background: rgba(255,255,255,.72); }
    .hero-content { padding-top: 54px; }
    .hero-content h1 { font-size: clamp(46px, 11vw, 62px); }
    .hero-skyline { left: 20%; opacity: .18; }
    .hero-am-mark { top: 390px; right: 12%; opacity: .15; }
    .hero-light-ring { opacity: .22; }
    .statistics { top: 530px; }
    .section { padding-block: 58px; }
}

@media (max-width: 600px) {
    .hero-section { height: 860px; }
    .hero-content h1 { font-size: 46px; }
    .hero-description { font-size: 15px; }
    .statistics { top: 585px; }
    .online-support-card { display: none; }
}

/* ========================================================================== */
/* AM Group v4.1 — approved hero polish                                       */
/* ========================================================================== */

.hero-section {
    background-color: #f8fafc;
    background-image: url("../images/hero/am-group-dubai-hero-v1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-section::before {
    background: linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 34%, rgba(255,255,255,.58) 54%, rgba(255,255,255,.05) 82%);
}

.hero-section::after {
    background: linear-gradient(transparent, rgba(247,248,251,.98));
}

.hero-skyline,
.hero-light-ring,
.hero-am-mark {
    display: none;
}

.hero-content {
    max-width: 900px;
}

.hero-content h1 {
    max-width: 720px;
    text-shadow: 0 2px 0 rgba(255,255,255,.75);
}

.hero-description {
    max-width: 650px;
}

.online-support-card > strong span {
    animation: am-online-pulse 1.35s ease-out infinite;
    box-shadow: 0 0 0 0 rgba(28,224,90,.55);
}

@keyframes am-online-pulse {
    0% { box-shadow: 0 0 0 0 rgba(28,224,90,.55); transform: scale(.95); }
    65% { box-shadow: 0 0 0 9px rgba(28,224,90,0); transform: scale(1.08); }
    100% { box-shadow: 0 0 0 0 rgba(28,224,90,0); transform: scale(.95); }
}

.support-team {
    align-items: center;
    margin-block: 15px 18px;
}

.support-team i {
    width: 42px;
    height: 42px;
    margin-right: -7px;
    border: 3px solid #ffffff;
    background-color: #edf1f5;
    background-image: url("../images/hero/am-support-team-sprite-v1.png");
    background-repeat: no-repeat;
    background-size: 500% 100%;
    box-shadow: 0 4px 12px rgba(7,26,56,.16);
}

.support-team i:nth-child(1) { background-position: 0% 50%; }
.support-team i:nth-child(2) { background-position: 25% 50%; }
.support-team i:nth-child(3) { background-position: 50% 50%; }
.support-team i:nth-child(4) { background-position: 75% 50%; }
.support-team i:nth-child(5) { background-position: 100% 50%; }

@media (max-width: 900px) {
    .hero-section {
        background-position: 62% center;
    }

    .hero-section::before {
        background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.82));
    }
}

@media (prefers-reduced-motion: reduce) {
    .online-support-card > strong span {
        animation: none;
    }
}