/* MoonGate QA — Corporate Brand System v3 — Gulf Trade Identity */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Noto+Sans:wght@300;400;500;600&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css');

:root{--navy:#0A0F1E;--navy2:#0F1828;--navy3:#1A2438;--gold:#B8952A;--gold-light:#D4AF5A;--gold-pale:#F9F4E8;--gold-border:rgba(184,149,42,0.25);--gold-dim:rgba(184,149,42,0.1);--white:#FFFFFF;--off-white:#F8F7F4;--bg:#F5F2EB;--text:#1A1F2E;--text-muted:#6B6860;--text-faint:#9B9890;--border:#E5E3DC;--border2:rgba(255,255,255,0.08);--green:#1A7A50;--green-bg:#EAF5EE;--red:#9B2020;--red-bg:#FBF0F0;--warn:#8A5A10;--warn-bg:#FDF5E6;--shadow:0 2px 16px rgba(10,15,30,0.07);--shadow-lg:0 8px 40px rgba(10,15,30,0.12);--radius:10px;--radius-lg:14px;--radius-xl:18px;--transition:0.18s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Noto Sans',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2;color:var(--text)}
h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}h4{font-size:1.1rem}
p{line-height:1.75;color:var(--text-muted)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-border);padding:5px 14px;border-radius:20px;margin-bottom:1rem}
.container{max-width:1100px;margin:0 auto;padding:0 28px}
.section{padding:5rem 0}.section-sm{padding:3rem 0}
.section-dark{background:var(--navy)}.section-off{background:var(--off-white)}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-header h2{margin-bottom:.75rem}.section-header h1{margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.2rem)}
.section-header p{max-width:580px;margin:0 auto;font-size:1rem;color:var(--text-muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}
.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.navbar{background:var(--navy2);border-bottom:1px solid rgba(184,149,42,0.18);height:64px;display:flex;align-items:center;position:sticky;top:0;z-index:200;padding:0}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;margin-right:2rem}
.nav-logo-icon{width:38px;height:38px;background:rgba(184,149,42,0.1);border:1.5px solid var(--gold);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nav-logo-icon svg{width:26px;height:26px}
.nav-logo-text{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--gold-light);letter-spacing:.5px}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}
.nav-links a{font-size:13px;color:rgba(255,255,255,0.58);padding:6px 12px;border-radius:6px;transition:all var(--transition);white-space:nowrap}
.nav-links a:hover{color:var(--gold-light);background:rgba(184,149,42,0.08)}
.nav-links a.active{color:var(--gold-light);font-weight:500}
.nav-links a[href*="verify"]{color:var(--gold);font-weight:600}
.nav-actions{display:flex;align-items:center;gap:8px;margin-right:auto}
.menu-toggle{display:none;background:none;border:none;color:rgba(255,255,255,0.6);font-size:20px;padding:4px}
.btn{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;padding:10px 22px;border-radius:8px;transition:all var(--transition);white-space:nowrap;border:1.5px solid transparent;text-decoration:none;cursor:pointer}
.btn i{font-size:15px}
.btn-primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px)}
.btn-outline{background:transparent;color:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.2)}
.btn-outline:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.35)}
.btn-outline-gold{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-border)}
.btn-outline-gold:hover{background:rgba(184,149,42,0.18)}
.btn-dark{background:var(--navy);color:var(--gold-light);border-color:rgba(184,149,42,0.25)}
.btn-dark:hover{background:var(--navy3)}
.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}
.btn-ghost:hover{background:var(--off-white);color:var(--text)}
.btn-sm{padding:7px 14px;font-size:12px}.btn-lg{padding:13px 28px;font-size:15px}
.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 55%,#0D1520 100%);padding:5rem 0 4.5rem;position:relative;overflow:hidden;border-bottom:1px solid rgba(184,149,42,0.2)}
.hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:900px;height:500px;background:radial-gradient(ellipse,rgba(184,149,42,0.07) 0%,transparent 65%);pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(184,149,42,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(184,149,42,0.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.hero h1{color:var(--white);margin-bottom:1.25rem;position:relative}
.hero h1 span{color:var(--gold)}
.hero p{color:rgba(255,255,255,0.65);font-size:1.05rem;max-width:640px;margin-bottom:1rem}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:3rem}
.hero-notice{display:inline-flex;align-items:center;gap:8px;background:rgba(226,75,74,0.1);border:1px solid rgba(226,75,74,0.2);border-radius:7px;padding:9px 15px;margin-bottom:2rem}
.hero-notice i{color:#F09595;font-size:14px;flex-shrink:0}
.hero-notice span{font-size:12.5px;color:#F09595;font-weight:500}
.hero-cred{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1.25rem}
.hero-cred-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(184,149,42,0.1);border:1px solid rgba(184,149,42,0.28);color:var(--gold-light);font-size:10.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:4px}
.trust-bar{border:1px solid rgba(184,149,42,0.2);border-radius:var(--radius);overflow:hidden;background:rgba(255,255,255,0.03);display:grid;grid-template-columns:repeat(5,1fr)}
.trust-item{padding:14px 16px;border-left:1px solid rgba(184,149,42,0.12);display:flex;align-items:center;gap:10px}
.trust-item:first-child{border-left:none}
.trust-icon{width:32px;height:32px;background:rgba(184,149,42,0.1);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold);font-size:15px}
.trust-label{font-size:11.5px;font-weight:600;color:var(--gold-light);line-height:1.2}
.trust-sub{font-size:10px;color:rgba(255,255,255,0.4);margin-top:1px}
.highlight-bar{background:rgba(184,149,42,0.05);border-bottom:1px solid rgba(184,149,42,0.13);padding:.6rem 28px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.highlight-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);font-weight:500}
.highlight-item i{color:var(--gold);font-size:13px}
.card{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition)}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.card-body{padding:1.5rem}
.service-card{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden;transition:all var(--transition)}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}
.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.service-icon{width:44px;height:44px;background:var(--gold-pale);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;margin-bottom:1rem;border:1px solid var(--gold-border)}
.service-title{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem}
.service-desc{font-size:.85rem;color:var(--text-muted);line-height:1.6}
.service-badge{display:inline-flex;align-items:center;gap:4px;margin-top:.75rem;font-size:9.5px;font-weight:700;letter-spacing:.7px;padding:3px 9px;border-radius:4px;text-transform:uppercase;background:var(--gold-pale);color:#8A6E1A;border:1px solid var(--gold-border)}
.comp-badge{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.comp-badge-title{font-size:11px;font-weight:700;color:var(--text)}.comp-badge-sub{font-size:10px;color:var(--text-muted);line-height:1.4}
.comp-badge-green{border-color:rgba(26,122,80,0.25);background:var(--green-bg)}.comp-badge-green .comp-badge-title{color:var(--green)}
.comp-badge-gold{border-color:rgba(184,149,42,0.25);background:var(--gold-pale)}.comp-badge-gold .comp-badge-title{color:#8A6E1A}
.verif-card{background:var(--navy);border:1px solid var(--gold-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.verif-row{display:flex;align-items:flex-start;gap:8px}
.verif-key{font-size:10px;font-weight:700;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:.7px;min-width:110px;flex-shrink:0;padding-top:2px}
.verif-val{font-size:12.5px;color:rgba(255,255,255,0.82);line-height:1.5}
.verif-val-gold{font-size:13.5px;font-weight:700;color:var(--gold);font-family:monospace;letter-spacing:.5px}
.timeline{display:flex;gap:0;position:relative;padding:1rem 0}
.tl-item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}
.tl-item:not(:last-child)::after{content:'';position:absolute;top:20px;left:50%;right:-50%;height:1px;background:var(--border);z-index:0}
.tl-dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:1;position:relative;flex-shrink:0}
.tl-dot-on{background:var(--gold);color:var(--navy)}.tl-dot-off{background:var(--white);color:var(--gold)}
.tl-body{margin-top:10px;text-align:center;padding:0 6px}
.tl-step{font-size:9.5px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.8px}
.tl-title{font-size:12px;font-weight:600;color:var(--text);margin-top:2px}
.tl-desc{font-size:10px;color:var(--text-muted);margin-top:3px;line-height:1.45}
.deal-card{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;gap:.9rem;align-items:flex-start;transition:all var(--transition)}
.deal-card:hover{box-shadow:var(--shadow)}
.deal-tag{font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:3px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0;margin-top:1px}
.tag-public{background:var(--green-bg);color:var(--green);border:1px solid rgba(26,122,80,0.2)}
.tag-member{background:var(--gold-pale);color:#8A6E1A;border:1px solid var(--gold-border)}
.tag-restricted{background:var(--red-bg);color:var(--red);border:1px solid rgba(155,32,32,0.2)}
.tag-kyb{background:#EEF3FC;color:#1A4A9B;border:1px solid rgba(26,74,155,0.2)}
.deal-title{font-size:13px;font-weight:600;color:var(--text)}
.deal-meta{display:flex;gap:.75rem;margin-top:3px;flex-wrap:wrap}
.deal-meta-item{font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:3px}
.deal-locked{background:var(--off-white);border-radius:6px;padding:7px 10px;font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:6px}
.disc-scope{background:var(--warn-bg);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:.85rem 1rem}
.disc-scope-title{font-size:10.5px;font-weight:700;color:var(--warn);text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;gap:5px;margin-bottom:4px}
.disc-scope-text{font-size:11.5px;color:var(--warn);line-height:1.65}
.disc-legal{background:var(--red-bg);border:1px solid rgba(155,32,32,0.15);border-radius:8px;padding:.85rem 1rem}
.disc-legal-title{font-size:10.5px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;gap:5px;margin-bottom:4px}
.disc-legal-text{font-size:11.5px;color:var(--red);line-height:1.65}
.disc-dark{background:var(--navy);border:1px solid rgba(184,149,42,0.15);border-radius:8px;padding:.85rem 1rem}
.disc-dark-title{font-size:10.5px;font-weight:700;color:var(--gold-light);text-transform:uppercase;letter-spacing:.7px;display:flex;align-items:center;gap:5px;margin-bottom:4px}
.disc-dark-text{font-size:11.5px;color:rgba(255,255,255,0.5);line-height:1.65}
.page-disc{background:var(--off-white);border-top:2px solid var(--gold-border);padding:1rem 0}
.page-disc .container{display:flex;align-items:center;gap:10px}
.page-disc p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.6}
.page-disc strong{color:var(--text)}
.footer{background:var(--navy);border-top:1px solid rgba(184,149,42,0.2);padding:3.5rem 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,0.07)}
.footer-col-title{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.85rem}
.footer-link{display:block;font-size:12px;color:rgba(255,255,255,0.48);text-decoration:none;margin-bottom:.45rem;transition:color var(--transition)}
.footer-link:hover{color:var(--gold-light)}
.footer-link-verify{color:var(--gold-light);font-weight:600}
.footer-logo{display:flex;align-items:center;gap:9px;margin-bottom:.85rem}
.footer-logo-icon{width:34px;height:34px;border:1.5px solid var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(184,149,42,0.1)}
.footer-logo-text{font-family:'Playfair Display',serif;font-size:15px;font-weight:700;color:var(--gold-light);letter-spacing:.5px}
.footer-desc{font-size:12px;color:rgba(255,255,255,0.42);line-height:1.75;max-width:230px;margin-bottom:.85rem}
.footer-creds{display:flex;flex-direction:column;gap:5px}
.footer-cred{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--gold-light);background:rgba(184,149,42,0.08);border:1px solid rgba(184,149,42,0.2);border-radius:4px;padding:4px 9px;width:fit-content}
.footer-bottom{padding:1.25rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.28)}
.footer-badges{display:flex;gap:7px;flex-wrap:wrap}
.footer-badge{font-size:9.5px;color:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:4px;padding:2px 7px}
.footer-disc{padding:.75rem 0 1.5rem;border-top:1px solid rgba(255,255,255,0.05)}
.footer-disc p{font-size:10.5px;color:rgba(255,255,255,0.2);line-height:1.65;margin:0}
.accordion-item{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius);margin-bottom:6px;overflow:hidden}
.accordion-header{padding:1rem 1.1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--text)}
.accordion-header:hover{background:var(--off-white)}
.accordion-header.open{color:var(--gold);border-bottom:1px solid var(--border)}
.accordion-body{padding:1rem 1.1rem;font-size:.875rem;color:var(--text-muted);line-height:1.75;border-top:0.5px solid var(--border)}
.mem-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}
.mem-table th{padding:.75rem 1rem}.mem-table td{padding:.6rem 1rem;border-top:0.5px solid var(--border)}
.mem-th-feat{background:var(--off-white);color:var(--text-muted);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-align:left}
.mem-th-tier{text-align:center;font-size:.85rem;font-weight:700}
.mem-th-off{background:var(--off-white);color:var(--text)}.mem-th-navy{background:var(--navy);color:var(--gold-light)}.mem-th-navy3{background:var(--navy3);color:var(--gold)}
.mem-featured{background:rgba(184,149,42,0.04)}
.mem-chk{color:var(--green);text-align:center}.mem-crs{color:var(--text-faint);text-align:center}
.mem-feat-bar{position:relative}.mem-feat-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold)}
.form-group{margin-bottom:1rem}
.form-label{font-size:.8rem;font-weight:600;color:var(--text);display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
.form-control{width:100%;padding:.65rem .9rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--text);background:var(--white);font-family:inherit;transition:border-color var(--transition);outline:none}
.form-control:focus{border-color:var(--gold)}.form-control::placeholder{color:var(--text-faint)}
select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:110px}
.cta-section{background:var(--navy);padding:5rem 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(184,149,42,0.08) 0%,transparent 65%);pointer-events:none}
.cta-section h2{color:var(--white);text-align:center;margin-bottom:.75rem}
.cta-section p{color:rgba(255,255,255,0.6);text-align:center;max-width:520px;margin:0 auto 2rem}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:4px;text-transform:uppercase}
.badge-gold{background:var(--gold-pale);color:#8A6E1A;border:1px solid var(--gold-border)}
.badge-green{background:var(--green-bg);color:var(--green);border:1px solid rgba(26,122,80,0.2)}
.badge-navy{background:var(--navy);color:var(--gold-light);border:1px solid rgba(184,149,42,0.25)}
.contact-box{background:var(--white);border:0.5px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}
.contact-row{display:flex;align-items:flex-start;gap:.85rem;padding:.75rem 0;border-bottom:0.5px solid var(--border)}
.contact-row:last-child{border-bottom:none}
.contact-icon{width:34px;height:34px;background:var(--gold-pale);border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;flex-shrink:0}
.contact-label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px}
.contact-value{font-size:13.5px;color:var(--text);line-height:1.5}
.contact-value a{color:var(--gold);text-decoration:none}
@media(max-width:900px){
  .two-col,.three-col{grid-template-columns:1fr}.four-col{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}.trust-bar{grid-template-columns:1fr 1fr}
  .timeline{flex-direction:column;gap:1rem}.tl-item::after{display:none}
  .navbar .nav-links{display:none}
  .navbar .nav-links.open{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:var(--navy2);padding:1rem;border-bottom:1px solid rgba(184,149,42,0.15);z-index:199}
  .menu-toggle{display:block}
}
@media(max-width:600px){
  .four-col,.footer-grid{grid-template-columns:1fr}.container{padding:0 16px}
  .trust-bar{grid-template-columns:1fr}.hero{padding:3rem 0}
  .section{padding:3rem 0}.cta-section{padding:3rem 0}
}



/* ============================================
   MOONGATE DEFINITIVE MOBILE FIX — May 2026
   Class names confirmed from live DOM:
   .mg5-burger, .nav-links, .trust-bar, 
   .nav-actions, .navbar, .btn-primary, .btn-outline
   ============================================ */

@media screen and (max-width: 768px) {

  /* ── 1. BURGER: SHOW ── */
  .mg5-burger {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    cursor: pointer !important;
    background: transparent !important;
    border: none !important;
    padding: 8px 4px !important;
    z-index: 10000 !important;
    align-self: center !important;
  }
  .mg5-burger span {
    display: block !important;
    width: 24px !important;
    height: 2.5px !important;
    background: #C9A84C !important;
    border-radius: 2px !important;
    transition: all 0.3s !important;
  }

  /* ── 2. NAV LINKS + ACTIONS: HIDE ── */
  .nav-links,
  #nav-links,
  .nav-actions,
  #nav-actions {
    display: none !important;
  }

  /* ── 3. TRUST BAR: HIDE IN HERO, KEEP IN FOOTER ── */
  .trust-bar:not(footer .trust-bar):not(.footer-trust) {
    display: none !important;
  }
  /* Simpler fallback - hero trust bar */
  .hero .trust-bar,
  section.hero ~ .trust-bar,
  .hero-section .trust-bar {
    display: none !important;
  }

  /* ── 4. BUTTONS: FIX SIZE ── */
  .btn-primary,
  .btn-outline,
  .btn,
  a.btn-primary,
  a.btn-outline {
    font-size: 14px !important;
    padding: 10px 18px !important;
    width: auto !important;
    max-width: 260px !important;
    min-width: unset !important;
  }

  /* Stack CTA buttons vertically */
  .hero-actions,
  .cta-buttons,
  .btn-group-hero {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  /* ── 5. TYPOGRAPHY ── */
  h1 { font-size: clamp(1.5rem, 6vw, 2.2rem) !important; }
  h2 { font-size: clamp(1.2rem, 5vw, 1.8rem) !important; }
  body { overflow-x: hidden !important; }
}

@media screen and (max-width: 480px) {
  .btn-primary, .btn-outline, .btn {
    font-size: 13px !important;
    padding: 9px 14px !important;
  }
}
/* ============================================ */


/* ── VERIFICATION CARD MOBILE FIX ─────────────────────────────── */
@media screen and (max-width: 700px) {
  .verif-card {
    padding: 1rem !important;
    overflow-x: hidden !important;
  }
  .verif-grid {
    grid-template-columns: 1fr !important;
    display: block !important;
  }
  .verif-grid > div {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
  .verif-grid > div:last-child {
    border-bottom: none;
  }
  .verif-row {
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
    padding: 8px 0 !important;
  }
  .verif-key {
    min-width: 100px !important;
    max-width: 130px !important;
    font-size: 9px !important;
  }
  .verif-val {
    font-size: 12px !important;
    flex: 1 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    min-width: 0 !important;
  }
  .verif-val-gold {
    font-size: 12px !important;
    word-break: break-all !important;
  }
}


/* ── Client logo cards — adaptive dark background ── */
.mg-trusted-logo-wrap {
  background: linear-gradient(135deg, #0B1628, #111827) !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.mg-trusted-logo-wrap img {
  max-width: 85% !important;
  max-height: 80px !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: 1 !important;
}


/* ── Administrative & Commercial Services intro block (dark navy) ── */
.mg-admin-intro-section {
  background: linear-gradient(135deg, #0B1628 0%, #111827 100%) !important;
  border-top: 3px solid #C9A84C;
  padding: 70px 24px !important;
}

.mg-admin-intro-section .container,
.mg-admin-intro-section .section-inner {
  max-width: 1100px;
  margin: 0 auto;
}

.mg-admin-intro-section h2,
.mg-admin-intro-section .section-title,
.mg-admin-intro-section .serv-title {
  color: #FFFFFF !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mg-admin-intro-section h2 span,
.mg-admin-intro-section .section-title span {
  color: #C9A84C !important;
}

.mg-admin-intro-section p,
.mg-admin-intro-section .serv-desc,
.mg-admin-intro-section .section-sub {
  color: #C8D0DC !important;
  font-size: 1.05rem;
  line-height: 1.75;
}

.mg-admin-intro-section .section-tag,
.mg-admin-intro-section .serv-tag {
  background: rgba(201,168,76,0.15) !important;
  color: #C9A84C !important;
  border: 1px solid rgba(201,168,76,0.35) !important;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 16px;
}

.mg-admin-intro-section a,
.mg-admin-intro-section .serv-link {
  color: #C9A84C !important;
  border-color: rgba(201,168,76,0.5) !important;
}

.mg-admin-intro-section a:hover,
.mg-admin-intro-section .serv-link:hover {
  background: rgba(201,168,76,0.1) !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  .mg-admin-intro-section {
    padding: 45px 18px !important;
  }
}

/* ── Administrative & Commercial Services intro block (CREAM/LIGHT) ── */
body .mg-admin-intro-section {
  background: #F8F5EF !important;
  background-image: none !important;
  border-top: 3px solid #C8A24A !important;
  border-image: none !important;
  padding: 70px 24px !important;
  color: #0B1628 !important;
}

body .mg-admin-intro-section .container,
body .mg-admin-intro-section .section-inner {
  max-width: 1100px;
  margin: 0 auto;
}

body .mg-admin-intro-section h1,
body .mg-admin-intro-section h2,
body .mg-admin-intro-section h3,
body .mg-admin-intro-section .section-title {
  color: #0B1628 !important;
  font-weight: 800;
}

body .mg-admin-intro-section p,
body .mg-admin-intro-section .serv-desc,
body .mg-admin-intro-section .section-sub {
  color: #374151 !important;
  line-height: 1.75;
}

body .mg-admin-intro-section .eyebrow,
body .mg-admin-intro-section .section-tag,
body .mg-admin-intro-section .serv-tag {
  background: rgba(200, 162, 74, 0.12) !important;
  color: #8B6914 !important;
  border: 1px solid rgba(200,162,74,0.4) !important;
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 16px;
}

body .mg-admin-intro-section .service-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(15,23,42,0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(15,23,42,0.06) !important;
  color: #0B1628 !important;
}

body .mg-admin-intro-section .service-card h3,
body .mg-admin-intro-section .service-card .serv-title,
body .mg-admin-intro-section .service-card .service-title {
  color: #0B1628 !important;
}

body .mg-admin-intro-section .service-card p,
body .mg-admin-intro-section .service-card .service-desc {
  color: #374151 !important;
}

body .mg-admin-intro-section a,
body .mg-admin-intro-section .serv-link {
  color: #8B6914 !important;
}

body .mg-admin-intro-section .service-icon {
  background: rgba(200,162,74,0.1) !important;
  color: #8B6914 !important;
}

@media (max-width: 768px) {
  body .mg-admin-intro-section {
    padding: 45px 18px !important;
  }
}


/* ── Start Here / paths-section — dark bg, white text fix ── */
body .paths-section {
  color: #F8FAFC !important;
}

body .paths-section .paths-title,
body .paths-section h1,
body .paths-section h2,
body .paths-section h3 {
  color: #FFFFFF !important;
}

body .paths-section p,
body .paths-section .paths-sub {
  color: #CBD5E1 !important;
}

body .paths-section .paths-tag {
  color: #C8A24A !important;
  border-color: rgba(200,162,74,0.5) !important;
}

/* path-cards are dark bg — need light text */
body .paths-section .path-card {
  color: #F1F5F9 !important;
}

body .paths-section .path-card h3,
body .paths-section .path-card .card-title {
  color: #FFFFFF !important;
}

body .paths-section .path-card p,
body .paths-section .path-card .card-desc {
  color: #CBD5E1 !important;
}

body .paths-section .path-card .card-icon {
  color: #C8A24A !important;
}


/* ── MoonGate Group / Corporate Logos Section ── */
.mg-group-section {
  background:
    radial-gradient(circle at top left, rgba(200,162,74,0.10), transparent 34%),
    linear-gradient(135deg, #08111F 0%, #0B1628 45%, #111827 100%);
  color: #F8FAFC;
  padding: 72px 24px;
  border-top: 1px solid rgba(200,162,74,0.25);
  border-bottom: 1px solid rgba(200,162,74,0.25);
}

.mg-group-section .container {
  max-width: 1180px;
  margin: 0 auto;
}

.mg-group-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.mg-group-header .badge,
.mg-group-header .gold-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(200,162,74,0.60);
  color: #C8A24A;
  border-radius: 999px;
  padding: 7px 16px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 16px;
  background: rgba(200,162,74,0.08);
}

.mg-group-header h2 {
  color: #FFFFFF;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.1;
  margin: 0 0 14px;
  font-weight: 800;
}

.mg-group-header p {
  color: #CBD5E1;
  font-size: clamp(14px, 1.6vw, 17px);
  line-height: 1.75;
  margin: 0;
}

.mg-group-logos {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 16px;
  align-items: stretch;
}

.mg-group-logo-card {
  min-height: 105px;
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(200,162,74,0.40);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.20);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.mg-group-logo-card:hover {
  transform: translateY(-3px);
  border-color: rgba(200,162,74,0.85);
  box-shadow: 0 24px 60px rgba(0,0,0,0.28);
}

.mg-group-logo-card img {
  display: block;
  max-width: 100%;
  max-height: 76px;
  object-fit: contain;
  filter: none !important;
  opacity: 1 !important;
}

.mg-group-note {
  margin: 30px auto 0;
  max-width: 980px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.05);
  color: #CBD5E1;
  border-radius: 12px;
  padding: 14px 18px;
  text-align: center;
  font-size: 13px;
  line-height: 1.7;
}

html[dir="rtl"] .mg-group-header,
html[dir="rtl"] .mg-group-note {
  direction: rtl;
}

@media (max-width: 1024px) {
  .mg-group-logos {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
  }
}

@media (max-width: 640px) {
  .mg-group-section {
    padding: 50px 16px;
  }
  .mg-group-logos {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 12px;
  }
  .mg-group-logo-card {
    min-height: 94px;
    padding: 12px;
  }
  .mg-group-logo-card img {
    max-height: 64px;
  }
}