/* Metrix Blue Glass Platform v1.0.0 */
:root{
  --navy:#03111f;
  --navy2:#061a33;
  --royal:#0b2f6b;
  --electric:#2563eb;
  --cyan:#38bdf8;
  --gold:#d9aa45;
  --gold2:#f4d487;
  --text:#f8fbff;
  --muted:#b8c8dc;
  --muted2:#8ea3bd;
  --line:rgba(255,255,255,.14);
  --glass:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  --glass2:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
  --shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.06) inset;
  --glow:0 0 60px rgba(37,99,235,.34);
  --cyan-glow:0 0 44px rgba(56,189,248,.32);
  --gold-glow:0 18px 44px rgba(217,170,69,.30);
  --font-ar:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;
  --font-latin:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 88% -12%,rgba(56,189,248,.22),transparent 35%),radial-gradient(circle at 8% 12%,rgba(37,99,235,.30),transparent 35%),radial-gradient(circle at 50% 110%,rgba(11,47,107,.55),transparent 44%),linear-gradient(180deg,#071325 0%,#03111f 55%,#050b16 100%);background-attachment:fixed;color:var(--text);font-family:var(--font-latin);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html[dir="rtl"] body,body.mbg-dir-rtl{font-family:var(--font-ar)}
a{color:inherit}
img{max-width:100%;height:auto}
.mbg-skip{position:absolute;left:-999px;top:auto}
.mbg-skip:focus{left:12px;top:12px;z-index:9999;background:#fff;color:#000;padding:10px;border-radius:12px}
.mbg-container{width:min(100% - 32px,1180px);margin-inline:auto}
.mbg-site{position:relative;isolation:isolate}
.mbg-header{position:sticky;top:0;z-index:100;padding:14px 0;background:linear-gradient(180deg,rgba(3,17,31,.86),rgba(3,17,31,.38));backdrop-filter:blur(20px)}
.admin-bar .mbg-header{top:32px}
.mbg-header-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid var(--line);background:var(--glass);box-shadow:var(--shadow),var(--glow);border-radius:24px;padding:11px 12px;position:relative}
.mbg-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.mbg-logo-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--electric),var(--cyan));color:#fff;box-shadow:var(--glow);font-weight:950;overflow:hidden;flex:0 0 auto}
.mbg-logo-mark svg{width:22px;height:22px}
.mbg-logo-mark img{width:100%;height:100%;object-fit:contain;padding:6px}
.mbg-logo-text{display:grid;line-height:1;min-width:0}
.mbg-logo-text strong{font-family:var(--font-latin);font-size:20px;font-weight:900;letter-spacing:-.04em;color:#fff}
.mbg-logo-text small{font-family:var(--font-latin);font-size:9px;letter-spacing:.18em;color:var(--cyan);margin-top:5px;white-space:nowrap}
.mbg-nav{display:flex;justify-content:center;align-items:center;gap:4px}
.mbg-nav a{padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap;transition:.18s}
.mbg-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.mbg-actions{display:flex;align-items:center;gap:8px;min-width:max-content}
.mbg-lang{display:inline-flex;gap:2px;padding:3px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.08)}
.mbg-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:31px;border-radius:9px;text-decoration:none;font-family:var(--font-latin);font-size:10px;font-weight:900;color:var(--muted)}
.mbg-lang a.is-active{background:rgba(56,189,248,.20);color:#fff;box-shadow:var(--cyan-glow)}
.mbg-menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.08);cursor:pointer}
.mbg-menu-toggle span{display:block;width:18px;height:2px;background:#fff;border-radius:99px;margin:4px auto}
.mbg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:0 18px;border-radius:14px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:900;text-align:center;line-height:1.45;transition:.18s}
.mbg-btn-primary{background:linear-gradient(135deg,var(--electric),var(--cyan));color:#fff;box-shadow:0 14px 36px rgba(37,99,235,.42),0 0 0 1px rgba(255,255,255,.12) inset}
.mbg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(37,99,235,.56)}
.mbg-btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#06111f;box-shadow:var(--gold-glow)}
.mbg-btn-glass{background:var(--glass);border-color:var(--line);color:#fff}
.mbg-hero{position:relative;padding:118px 0 60px;overflow:hidden}
.mbg-orb{position:absolute;pointer-events:none;border-radius:999px;filter:blur(70px);opacity:.46}
.mbg-orb-1{width:440px;height:440px;background:var(--cyan);top:-160px;right:-120px}
.mbg-orb-2{width:520px;height:520px;background:var(--electric);bottom:-220px;left:-160px}
.mbg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:48px;align-items:center;position:relative}
.mbg-kicker,.mbg-section-head span,.mbg-page-hero span{display:inline-flex;width:fit-content;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(20px);border-radius:999px;padding:7px 12px;color:var(--cyan);font-size:12px;font-weight:800;line-height:1.7}
.mbg-hero h1{margin:20px 0 0;color:#fff;font-size:clamp(42px,6.2vw,72px);line-height:1.18;font-weight:900;letter-spacing:-.04em}
html[dir="rtl"] .mbg-hero h1{letter-spacing:0;line-height:1.32}
.mbg-hero h1 span{display:block;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.mbg-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.mbg-hero p{margin:20px 0 0;color:var(--muted);font-size:17px;line-height:2;font-weight:500;max-width:680px}
.mbg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.mbg-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.mbg-trust span{position:relative;color:var(--muted);font-size:12px;font-weight:700;padding-inline-start:16px}
.mbg-trust span:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.mbg-hero-visual{position:relative}
.mbg-travel-banner{height:170px;border-radius:28px;overflow:hidden;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);margin-bottom:16px;position:relative}
.mbg-travel-banner:after{content:"";position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(180deg,transparent,rgba(3,17,31,.95))}
.mbg-travel-banner img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.mbg-dashboard-mockup,.mbg-dashboard-preview,.mbg-pricing-block,.mbg-feature-card,.mbg-stat-card,.mbg-benefit-card,.mbg-step,.mbg-content-card,.mbg-form-shell,.mbg-contact-card,.mbg-notice-card{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(24px)}
.mbg-dashboard-mockup{border-radius:28px;padding:16px}
.mbg-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;background:rgba(255,255,255,.06);padding:10px 12px;margin-bottom:14px}
.mbg-browser-bar div{display:flex;gap:5px}
.mbg-browser-bar span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.32)}
.mbg-browser-bar small{font-family:var(--font-latin);font-size:10px;color:var(--muted2);direction:ltr}
.mbg-browser-bar i{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold2))}
.mbg-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mbg-kpis div,.mbg-revenue-card,.mbg-booking-list{border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:12px}
.mbg-kpis span,.mbg-revenue-card span{display:block;color:var(--muted2);font-size:10px}
.mbg-kpis strong{display:block;font-family:var(--font-latin);font-size:20px;color:#fff;margin-top:4px}
.mbg-kpis em,.mbg-revenue-card em{font-style:normal;color:#4ade80;font-family:var(--font-latin);font-size:10px;font-weight:800}
.mbg-revenue-card{margin-top:10px;position:relative;overflow:hidden}
.mbg-revenue-card strong{display:block;font-family:var(--font-latin);font-size:24px;margin-top:3px}
.mbg-revenue-card em{position:absolute;top:12px;left:12px}
.mbg-revenue-card svg{width:100%;height:70px;margin-top:8px}
.mbg-revenue-card svg path:first-child{fill:rgba(56,189,248,.18)}
.mbg-revenue-card svg path:last-child{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mbg-booking-list{margin-top:10px}
.mbg-booking-list h4{margin:0 0 8px;color:#fff;font-size:13px}
.mbg-booking-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border-radius:12px;background:rgba(255,255,255,.035);margin-top:6px}
.mbg-booking-row b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--electric),var(--cyan));font-size:11px}
.mbg-booking-row strong{display:block;font-size:11px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-booking-row span{display:block;font-size:10px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbg-booking-row em{font-style:normal;font-family:var(--font-latin);font-size:10px;color:var(--gold);font-weight:800}
.mbg-stats-section{padding:34px 0 54px}
.mbg-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mbg-stat-card{border-radius:22px;padding:22px;transition:.18s}
.mbg-stat-card:hover{transform:translateY(-3px)}
.mbg-stat-card strong{font-family:var(--font-latin);font-size:44px;line-height:1;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.mbg-stat-card small{margin-inline-start:6px;color:var(--cyan);font-weight:900}
.mbg-stat-card p{margin:10px 0 0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.7}
.mbg-section{padding:82px 0}
.mbg-section-head{text-align:center;max-width:760px;margin:0 auto 42px}
.mbg-section-head h2,.mbg-page-hero h1{margin:16px 0 0;font-size:clamp(32px,5vw,54px);line-height:1.18;color:#fff;font-weight:900}
html[dir="rtl"] .mbg-section-head h2,html[dir="rtl"] .mbg-page-hero h1{line-height:1.34}
.mbg-section-head p,.mbg-page-hero p{margin:14px auto 0;color:var(--muted);font-size:15px;line-height:1.9}
.mbg-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mbg-feature-card{position:relative;overflow:hidden;border-radius:24px;padding:24px;transition:.18s}
.mbg-feature-card:hover{transform:translateY(-4px);background:var(--glass2)}
.mbg-feature-card:before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(56,189,248,.12);filter:blur(22px);opacity:0;transition:.18s}
.mbg-feature-card:hover:before{opacity:1}
.mbg-feature-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,99,235,.32),rgba(56,189,248,.20));border:1px solid rgba(255,255,255,.12);color:var(--cyan);font-size:22px}
.mbg-feature-card h3{position:relative;z-index:1;margin:18px 0 0;color:#fff;font-size:18px;line-height:1.45}
.mbg-feature-card p{position:relative;z-index:1;margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.mbg-how{position:relative}
.mbg-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mbg-step{border-radius:24px;padding:26px;text-align:center}
.mbg-step b{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(135deg,var(--electric),var(--cyan));box-shadow:var(--glow);font-family:var(--font-latin);font-size:24px}
.mbg-step h3{margin:0;color:#fff;font-size:20px}
.mbg-step p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.8}
.mbg-dashboard-preview{display:grid;grid-template-columns:230px minmax(0,1fr);border-radius:32px;overflow:hidden}
.mbg-dashboard-preview aside{background:rgba(255,255,255,.035);border-inline-end:1px solid var(--line);padding:18px;display:grid;align-content:start;gap:8px}
.mbg-preview-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mbg-preview-logo span{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--electric),var(--cyan))}
.mbg-preview-logo b{font-family:var(--font-latin)}
.mbg-dashboard-preview aside a{padding:11px 12px;border-radius:12px;color:var(--muted);font-size:13px;text-decoration:none}
.mbg-dashboard-preview aside a.is-active{background:rgba(255,255,255,.09);color:#fff}
.mbg-subscription-chip{margin-top:18px;border-radius:16px;padding:14px;background:rgba(217,170,69,.11);border:1px solid rgba(217,170,69,.30)}
.mbg-subscription-chip small{display:block;color:var(--gold);font-family:var(--font-latin);font-weight:900}
.mbg-subscription-chip span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.mbg-preview-main{padding:22px}
.mbg-preview-top{display:flex;align-items:center;gap:10px}
.mbg-preview-top div{flex:1;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:11px 14px;color:var(--muted2);font-size:12px}
.mbg-preview-top span,.mbg-preview-top i{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.mbg-preview-top i{background:linear-gradient(135deg,var(--gold),var(--gold2))}
.mbg-preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.mbg-preview-kpis div{border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:14px}
.mbg-preview-kpis span{display:block;color:var(--muted2);font-size:11px}
.mbg-preview-kpis strong{display:block;font-family:var(--font-latin);font-size:22px;margin-top:5px}
.mbg-preview-kpis em{font-style:normal;font-family:var(--font-latin);font-size:10px;color:#4ade80;font-weight:900}
.mbg-preview-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:16px}
.mbg-preview-table,.mbg-preview-side-card{border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:16px}
.mbg-preview-table h4,.mbg-preview-side-card h4{margin:0 0 12px;color:#fff;font-size:14px}
.mbg-preview-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;border-radius:12px;background:rgba(255,255,255,.035);padding:10px;margin-top:8px}
.mbg-preview-row span{color:#fff;font-size:12px}
.mbg-preview-row b{color:var(--muted);font-size:11px}
.mbg-preview-row em{font-family:var(--font-latin);font-style:normal;color:var(--gold);font-size:11px;font-weight:900}
.mbg-preview-side-card p{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}
.mbg-preview-side-card b{font-family:var(--font-latin);color:var(--cyan)}
.mbg-payment-status{margin-top:14px;border-radius:14px;background:rgba(217,170,69,.12);border:1px solid rgba(217,170,69,.28);padding:12px}
.mbg-payment-status small{display:block;color:var(--gold)}
.mbg-payment-status strong{display:block;margin-top:4px}
.mbg-pricing-block{border-radius:32px;padding:28px}
.mbg-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mbg-plan{position:relative;display:flex;flex-direction:column;gap:14px;min-height:100%;border-radius:24px;padding:22px;background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);overflow:visible}
.mbg-plan:before,.mbg-plan:after{display:none!important;content:none!important}
.mbg-plan.is-popular{border-color:rgba(217,170,69,.48);box-shadow:var(--shadow),var(--gold-glow);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(217,170,69,.06))}
.mbg-popular-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#06111f;padding:6px 11px;font-size:10px;font-weight:950;box-shadow:var(--gold-glow)}
.mbg-plan-badge{width:fit-content;border-radius:999px;background:rgba(255,255,255,.08);color:var(--cyan);padding:5px 9px;font-size:10px;font-weight:900}
.mbg-plan h3{margin:0;color:#fff;font-size:22px}
.mbg-plan-price strong{display:block;font-family:var(--font-latin);font-size:34px;line-height:1.05;color:#fff;white-space:normal}
.mbg-plan-price span{display:block;color:var(--muted2);font-size:11px;margin-top:5px}
.mbg-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;flex:1}
.mbg-plan li{position:relative;color:var(--muted);font-size:12px;line-height:1.65;padding-inline-start:25px}
.mbg-plan li:before{content:"✓";position:absolute;inset-inline-start:0;top:1px;width:17px;height:17px;border-radius:50%;background:rgba(56,189,248,.18);color:var(--cyan);display:grid;place-items:center;font-size:10px;font-weight:950}
.mbg-plan.is-popular li:before{background:rgba(217,170,69,.18);color:var(--gold)}
.mbg-plan-cta{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;background:linear-gradient(135deg,var(--electric),var(--cyan));color:#fff;text-decoration:none;font-size:12px;font-weight:900;box-shadow:var(--glow);text-align:center}
.mbg-plan.is-popular .mbg-plan-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#06111f;box-shadow:var(--gold-glow)}
.mbg-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mbg-benefit-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start;border-radius:22px;padding:20px}
.mbg-benefit-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(56,189,248,.12);color:var(--cyan);font-size:20px}
.mbg-benefit-card h3{margin:0;color:#fff;font-size:16px}
.mbg-benefit-card p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.mbg-final-cta{padding:70px 0}
.mbg-final-card{position:relative;overflow:hidden;border-radius:34px;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--glass2);border:1px solid var(--line);box-shadow:var(--shadow),var(--glow)}
.mbg-final-card:before{content:"";position:absolute;top:-140px;left:50%;width:600px;height:260px;transform:translateX(-50%);background:var(--electric);filter:blur(80px);opacity:.26}
.mbg-final-card>*{position:relative}
.mbg-final-card span{color:var(--gold);font-weight:900}
.mbg-final-card h2{margin:10px 0 0;font-size:clamp(26px,4vw,44px);line-height:1.28}
.mbg-final-card p{margin:10px 0 0;color:var(--muted);line-height:1.8}
.mbg-footer{border-top:1px solid var(--line);padding:60px 0 26px;background:rgba(0,0,0,.16)}
.mbg-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}
.mbg-footer p{color:var(--muted);font-size:13px;line-height:1.9}
.mbg-footer h3{margin:0 0 14px;color:#fff;font-size:15px}
.mbg-footer a{display:block;text-decoration:none;color:var(--muted);font-size:13px;margin:9px 0}
.mbg-footer a:hover{color:#fff}
.mbg-footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;margin-top:32px;padding-top:18px;color:var(--muted2);font-size:12px}
.mbg-page-hero{padding:96px 0 34px;text-align:center}
.mbg-content-card,.mbg-form-shell,.mbg-contact-card,.mbg-notice-card{border-radius:28px;padding:28px}
.mbg-form-shell{max-width:780px}
.mbg-contact-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mbg-contact-card h2,.mbg-notice-card h2{margin-top:0;color:#fff}
.mbg-contact-card p,.mbg-notice-card p{color:var(--muted);line-height:1.8}

@media (max-width:1080px){
  .mbg-hero-grid{grid-template-columns:1fr}
  .mbg-features-grid,.mbg-benefits-grid{grid-template-columns:repeat(2,1fr)}
  .mbg-steps{grid-template-columns:1fr}
  .mbg-pricing-grid{grid-template-columns:repeat(2,1fr)}
  .mbg-dashboard-preview{grid-template-columns:1fr}
  .mbg-dashboard-preview aside{display:none}
  .mbg-preview-grid{grid-template-columns:1fr}
}
@media (max-width:782px){
  .admin-bar .mbg-header{top:46px}
}
@media (max-width:760px){
  .mbg-container{width:min(100% - 22px,1180px)}
  .mbg-header{padding:8px 0}
  .mbg-header-shell{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px;border-radius:20px}
  .mbg-logo-mark{width:38px;height:38px;border-radius:13px}
  .mbg-logo-text strong{font-size:17px}
  .mbg-logo-text small{display:none}
  .mbg-actions{gap:7px}
  .mbg-desktop-cta{display:none}
  .mbg-menu-toggle{display:inline-grid;place-items:center;flex:0 0 auto}
  .mbg-lang{display:inline-flex!important;visibility:visible!important;opacity:1!important}
  .mbg-lang a{min-width:28px;height:28px;font-size:9.5px}
  .mbg-nav{position:absolute;display:none;flex-direction:column;align-items:stretch;inset-inline:12px;top:calc(100% + 10px);padding:10px;border-radius:18px;background:rgba(3,17,31,.96);border:1px solid var(--line);box-shadow:var(--shadow);z-index:90}
  body.mbg-menu-open .mbg-nav{display:flex}
  .mbg-nav a{text-align:center;padding:12px}
  .mbg-hero{padding:96px 0 42px}
  .mbg-hero-grid{gap:26px}
  .mbg-hero-copy{text-align:center}
  .mbg-kicker{margin-inline:auto;font-size:10.5px;padding:7px 10px}
  .mbg-hero h1{font-size:clamp(31px,9vw,43px);line-height:1.35;margin-top:16px}
  .mbg-hero p{font-size:13.7px;line-height:1.9;margin-top:14px}
  .mbg-hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:22px}
  .mbg-hero-actions .mbg-btn{width:100%;min-height:46px}
  .mbg-trust{display:grid;grid-template-columns:1fr;gap:8px}
  .mbg-trust span{text-align:center;padding-inline-start:0}
  .mbg-trust span:before{display:none}
  .mbg-travel-banner{height:135px;border-radius:22px;margin-bottom:12px}
  .mbg-dashboard-mockup{border-radius:22px;padding:12px}
  .mbg-browser-bar small{display:none}
  .mbg-kpis{gap:7px}
  .mbg-kpis div{padding:9px 6px;border-radius:13px}
  .mbg-kpis strong{font-size:15px}
  .mbg-revenue-card svg{height:54px}
  .mbg-booking-row{grid-template-columns:28px minmax(0,1fr) auto}
  .mbg-stats-section{padding:20px 0 42px}
  .mbg-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .mbg-stat-card{padding:14px;border-radius:18px;min-height:98px}
  .mbg-stat-card strong{font-size:28px}
  .mbg-stat-card p{font-size:10.8px}
  .mbg-section{padding:54px 0}
  .mbg-section-head{margin-bottom:26px}
  .mbg-section-head h2,.mbg-page-hero h1{font-size:clamp(27px,8vw,38px);line-height:1.35}
  .mbg-section-head p,.mbg-page-hero p{font-size:13.5px;line-height:1.9}
  .mbg-features-grid,.mbg-benefits-grid{grid-template-columns:1fr;gap:12px}
  .mbg-feature-card{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"icon title" "icon text";gap:4px 12px;padding:16px;border-radius:20px;text-align:start}
  .mbg-feature-card:before{display:none}
  .mbg-feature-icon{grid-area:icon;width:46px;height:46px;border-radius:15px;font-size:18px}
  .mbg-feature-card h3{grid-area:title;margin:0;font-size:15.5px}
  .mbg-feature-card p{grid-area:text;margin:0;font-size:12.2px;line-height:1.75;word-break:normal;overflow-wrap:anywhere}
  .mbg-step{padding:18px;border-radius:20px}
  .mbg-step b{width:58px;height:58px;border-radius:18px;font-size:18px}
  .mbg-dashboard-preview{border-radius:22px}
  .mbg-preview-main{padding:14px}
  .mbg-preview-top div{font-size:11px}
  .mbg-preview-kpis{grid-template-columns:repeat(2,1fr);gap:9px}
  .mbg-preview-kpis strong{font-size:18px}
  .mbg-preview-row{grid-template-columns:1fr auto;gap:8px}
  .mbg-preview-row b{grid-column:1/-1}
  .mbg-pricing-block{padding:16px;border-radius:22px}
  .mbg-pricing-grid{grid-template-columns:1fr;gap:14px}
  .mbg-plan{border-radius:22px;padding:18px}
  .mbg-popular-ribbon{position:static;transform:none;width:fit-content;margin-bottom:2px}
  .mbg-plan h3{font-size:20px}
  .mbg-plan-price strong{font-size:28px}
  .mbg-plan li{font-size:12px}
  .mbg-benefit-card{grid-template-columns:42px minmax(0,1fr);border-radius:20px;padding:16px}
  .mbg-benefit-icon{width:42px;height:42px}
  .mbg-final-cta{padding:50px 0}
  .mbg-final-card{display:grid;text-align:center;border-radius:24px;padding:22px}
  .mbg-footer{padding-top:44px}
  .mbg-footer-grid{grid-template-columns:1fr;gap:22px}
  .mbg-footer-bottom{display:grid;text-align:center}
  .mbg-page-hero{padding:72px 0 24px}
  .mbg-contact-card{grid-template-columns:1fr}
}


/* ============================================================
 * v1.0.1 — Mobile/RTL stability patch
 * Fixes intermittent blank mobile view, visible skip link, and horizontal overflow.
 * ============================================================ */

html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

@supports not (overflow: clip) {
	html,
	body {
		overflow-x: hidden;
	}
}

body.mbg-theme {
	position: relative;
	min-height: 100vh;
}

.mbg-site,
.mbg-main,
.mbg-header,
.mbg-footer {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

/* Safer skip-link hiding than left:-999px, especially on RTL/mobile browsers */
.mbg-skip {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
	z-index: -1 !important;
}

.mbg-skip:focus {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 14px !important;
	clip: auto !important;
	clip-path: none !important;
	overflow: visible !important;
	white-space: normal !important;
	z-index: 999999 !important;
	background: #ffffff !important;
	color: #03111f !important;
	border-radius: 12px !important;
	box-shadow: 0 12px 34px rgba(0,0,0,.22) !important;
}

.mbg-orb {
	max-width: none;
}

/* Stop any card/dashboard from creating an off-screen canvas */
.mbg-hero-grid,
.mbg-hero-copy,
.mbg-hero-visual,
.mbg-dashboard-mockup,
.mbg-dashboard-preview,
.mbg-pricing-block,
.mbg-features-grid,
.mbg-benefits-grid,
.mbg-stats-grid,
.mbg-steps,
.mbg-preview-main,
.mbg-preview-grid {
	min-width: 0;
	max-width: 100%;
}

.mbg-dashboard-mockup,
.mbg-dashboard-preview,
.mbg-pricing-block,
.mbg-final-card,
.mbg-travel-banner {
	contain: layout paint;
}

@media (max-width: 760px) {
	html,
	body {
		overflow-x: hidden;
	}

	body {
		background-attachment: scroll;
	}

	.mbg-site,
	.mbg-main,
	.mbg-header,
	.mbg-hero,
	.mbg-section,
	.mbg-stats-section,
	.mbg-final-cta,
	.mbg-footer,
	.mbg-page-hero {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden;
	}

	.mbg-container {
		width: calc(100% - 22px) !important;
		max-width: 100% !important;
		margin-inline: auto !important;
	}

	.mbg-header {
		left: 0;
		right: 0;
	}

	.mbg-header-shell {
		width: 100%;
		min-width: 0;
	}

	.mbg-brand,
	.mbg-logo-text,
	.mbg-actions {
		min-width: 0;
	}

	.mbg-logo-text strong {
		max-width: 92px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.mbg-nav {
		max-width: calc(100vw - 24px);
	}

	.mbg-hero {
		padding-top: 94px;
	}

	.mbg-hero-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100%;
		max-width: 100%;
	}

	.mbg-hero-copy,
	.mbg-hero-visual {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.mbg-hero h1,
	.mbg-section-head h2,
	.mbg-page-hero h1 {
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.mbg-hero p,
	.mbg-section-head p,
	.mbg-feature-card p,
	.mbg-benefit-card p,
	.mbg-step p,
	.mbg-final-card p {
		color: #c5d5e8;
	}

	.mbg-orb-1 {
		width: 260px;
		height: 260px;
		top: -120px;
		right: -120px;
	}

	.mbg-orb-2 {
		width: 280px;
		height: 280px;
		bottom: -130px;
		left: -120px;
	}

	.mbg-dashboard-mockup {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.mbg-browser-bar,
	.mbg-kpis,
	.mbg-revenue-card,
	.mbg-booking-list {
		max-width: 100%;
	}

	.mbg-kpis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mbg-kpis div {
		min-width: 0;
	}

	.mbg-kpis strong,
	.mbg-kpis span,
	.mbg-kpis em {
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.mbg-stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mbg-features-grid,
	.mbg-benefits-grid,
	.mbg-pricing-grid,
	.mbg-steps {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.mbg-feature-card,
	.mbg-benefit-card,
	.mbg-step,
	.mbg-plan {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.mbg-dashboard-preview {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.mbg-preview-main {
		width: 100%;
		min-width: 0;
	}

	.mbg-preview-kpis {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mbg-preview-kpis div,
	.mbg-preview-table,
	.mbg-preview-side-card {
		min-width: 0;
	}

	.mbg-preview-row {
		max-width: 100%;
	}

	.mbg-pricing-block {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.mbg-plan {
		overflow: hidden;
	}

	.mbg-plan-price strong {
		font-size: 26px;
		line-height: 1.25;
	}

	.mbg-final-card {
		width: 100%;
		max-width: 100%;
	}

	.mbg-footer-grid,
	.mbg-footer-bottom {
		width: 100%;
		max-width: 100%;
	}
}


/* ============================================================
 * v1.0.2 — Guaranteed mobile menu panel
 * ============================================================ */

.mbg-mobile-panel {
	display: none;
}

@media (min-width: 761px) {
	.mbg-mobile-panel {
		display: none !important;
	}
}

@media (max-width: 760px) {
	/* Keep desktop nav hidden on mobile; use the dedicated mobile panel instead */
	.mbg-nav {
		display: none !important;
	}

	body.mbg-menu-open .mbg-nav {
		display: none !important;
	}

	.mbg-mobile-panel {
		display: none;
		width: 100%;
		margin-top: 10px;
		padding: 10px;
		border-radius: 20px;
		border: 1px solid rgba(255,255,255,.14);
		background:
			linear-gradient(135deg, rgba(6, 26, 51, .98), rgba(3, 17, 31, .96));
		box-shadow:
			0 24px 70px rgba(0,0,0,.34),
			0 0 44px rgba(56,189,248,.18);
		backdrop-filter: blur(22px);
		position: relative;
		z-index: 95;
	}

	body.mbg-menu-open .mbg-mobile-panel {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 7px;
		animation: mbgMobilePanelIn .18s ease-out;
	}

	.mbg-mobile-panel a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		min-height: 44px;
		padding: 11px 13px;
		border-radius: 14px;
		text-decoration: none;
		color: #eaf6ff;
		background: rgba(255,255,255,.055);
		border: 1px solid rgba(255,255,255,.08);
		font-size: 13px;
		font-weight: 850;
		line-height: 1.5;
	}

	.mbg-mobile-panel a:after {
		content: "←";
		font-family: Inter, system-ui, sans-serif;
		opacity: .65;
	}

	html[dir="ltr"] .mbg-mobile-panel a:after {
		content: "→";
	}

	.mbg-mobile-panel a:hover,
	.mbg-mobile-panel a:focus {
		background: rgba(56,189,248,.13);
		border-color: rgba(56,189,248,.28);
		color: #ffffff;
		outline: none;
	}

	.mbg-mobile-panel .mbg-mobile-panel-cta {
		justify-content: center;
		margin-top: 4px;
		background: linear-gradient(135deg, #2563eb, #38bdf8);
		color: #ffffff;
		box-shadow: 0 14px 36px rgba(37,99,235,.38);
		border-color: rgba(255,255,255,.16);
	}

	.mbg-mobile-panel .mbg-mobile-panel-cta:after {
		display: none;
	}

	body.mbg-menu-open .mbg-menu-toggle {
		background: rgba(56,189,248,.16);
		border-color: rgba(56,189,248,.34);
		box-shadow: 0 0 30px rgba(56,189,248,.20);
	}

	body.mbg-menu-open .mbg-menu-toggle span:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}

	body.mbg-menu-open .mbg-menu-toggle span:nth-child(2) {
		opacity: 0;
	}

	body.mbg-menu-open .mbg-menu-toggle span:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}

	.mbg-menu-toggle span {
		transition: transform .18s ease, opacity .18s ease;
	}

	@keyframes mbgMobilePanelIn {
		from {
			opacity: 0;
			transform: translateY(-6px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}


/* ============================================================
 * v1.0.3 — Typography and premium mobile footer refinement
 * ============================================================ */

/* Desktop subtle footer brand improvements */
.mbg-footer-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	min-width: 0;
}

.mbg-footer-logo {
	width: 52px;
	height: 52px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background:
		radial-gradient(circle at 32% 25%, rgba(255,255,255,.55), transparent 34%),
		linear-gradient(135deg, #2563eb, #38bdf8);
	color: #ffffff;
	font-family: Inter, system-ui, sans-serif;
	font-size: 24px;
	font-weight: 950;
	box-shadow:
		0 18px 44px rgba(37,99,235,.36),
		0 0 0 1px rgba(255,255,255,.16) inset;
	flex: 0 0 auto;
}

.mbg-footer-brand-text {
	display: grid;
	line-height: 1.1;
	min-width: 0;
}

.mbg-footer-brand-text strong {
	font-family: Inter, system-ui, sans-serif;
	color: #ffffff;
	font-size: 24px;
	font-weight: 950;
	letter-spacing: -.04em;
}

.mbg-footer-brand-text small {
	margin-top: 5px;
	color: #38bdf8;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.55;
}

.mbg-footer-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.mbg-footer-badges span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 0 10px;
	border-radius: 999px;
	background: rgba(56,189,248,.10);
	border: 1px solid rgba(56,189,248,.18);
	color: #dff7ff;
	font-size: 11px;
	font-weight: 800;
}

/* Make long Arabic titles more premium and less huge */
@media (max-width: 760px) {
	.mbg-hero h1 {
		font-size: clamp(28px, 8.1vw, 38px) !important;
		line-height: 1.45 !important;
	}

	.mbg-section-head h2,
	.mbg-page-hero h1 {
		font-size: clamp(24px, 7.1vw, 32px) !important;
		line-height: 1.45 !important;
	}

	.mbg-final-card h2 {
		font-size: clamp(23px, 6.8vw, 31px) !important;
		line-height: 1.45 !important;
	}

	.mbg-section-head {
		margin-bottom: 22px !important;
	}

	.mbg-section-head span,
	.mbg-page-hero span,
	.mbg-kicker {
		font-size: 10px !important;
		line-height: 1.7 !important;
	}

	.mbg-section-head p,
	.mbg-page-hero p,
	.mbg-hero p {
		font-size: 12.8px !important;
		line-height: 1.9 !important;
		color: #c9d8e8 !important;
	}

	/* Premium compact mobile footer */
	.mbg-footer {
		padding-top: 38px !important;
		padding-bottom: 20px !important;
		background:
			radial-gradient(circle at 50% 0%, rgba(56,189,248,.16), transparent 38%),
			linear-gradient(180deg, rgba(3,17,31,.94), #020914 100%) !important;
	}

	.mbg-footer-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.mbg-footer-about {
		text-align: center;
		padding: 20px 16px;
		border-radius: 24px;
		background:
			linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
		border: 1px solid rgba(255,255,255,.12);
		box-shadow:
			0 22px 60px rgba(0,0,0,.28),
			0 0 44px rgba(56,189,248,.12);
	}

	.mbg-footer-brand {
		justify-content: center;
		gap: 11px;
	}

	.mbg-footer-logo {
		width: 48px;
		height: 48px;
		border-radius: 17px;
		font-size: 22px;
	}

	.mbg-footer-brand-text {
		text-align: start;
	}

	html[dir="rtl"] .mbg-footer-brand-text {
		text-align: right;
	}

	html[dir="ltr"] .mbg-footer-brand-text {
		text-align: left;
	}

	.mbg-footer-brand-text strong {
		font-size: 22px;
		letter-spacing: -.035em;
	}

	.mbg-footer-brand-text small {
		font-size: 10.5px;
		color: #9ee8ff;
		max-width: 185px;
	}

	.mbg-footer-about p {
		margin: 16px auto 0 !important;
		max-width: 330px;
		font-size: 12px !important;
		line-height: 1.9 !important;
		color: #bfd0e4 !important;
	}

	.mbg-footer-badges {
		justify-content: center;
		gap: 7px;
		margin-top: 14px;
	}

	.mbg-footer-badges span {
		min-height: 28px;
		padding: 0 9px;
		font-size: 10px;
	}

	.mbg-footer-grid > div:not(.mbg-footer-about) {
		padding: 14px 14px 12px;
		border-radius: 18px;
		background: rgba(255,255,255,.045);
		border: 1px solid rgba(255,255,255,.08);
		box-shadow: 0 14px 34px rgba(0,0,0,.14);
	}

	.mbg-footer h3 {
		margin: 0 0 9px !important;
		color: #ffffff !important;
		font-size: 13.5px !important;
		font-weight: 900;
	}

	.mbg-footer a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		min-height: 32px;
		margin: 4px 0 !important;
		padding: 5px 0;
		color: #b9cbe0 !important;
		font-size: 11.5px !important;
		line-height: 1.6;
	}

	.mbg-footer a:not(.mbg-footer-brand):after {
		content: "←";
		font-family: Inter, system-ui, sans-serif;
		opacity: .45;
		font-size: 11px;
	}

	html[dir="ltr"] .mbg-footer a:not(.mbg-footer-brand):after {
		content: "→";
	}

	.mbg-footer a:hover {
		color: #ffffff !important;
	}

	.mbg-footer-bottom {
		margin-top: 16px !important;
		padding-top: 14px !important;
		border-top: 1px solid rgba(255,255,255,.08) !important;
		display: grid !important;
		gap: 6px !important;
		text-align: center !important;
		color: #7890ab !important;
		font-size: 10.5px !important;
	}

	/* Better spacing at the end of mobile page */
	.mbg-final-cta {
		padding-bottom: 42px !important;
	}
}

@media (max-width: 420px) {
	.mbg-hero h1 {
		font-size: clamp(27px, 8vw, 36px) !important;
	}

	.mbg-section-head h2,
	.mbg-page-hero h1 {
		font-size: clamp(23px, 7vw, 30px) !important;
	}

	.mbg-footer-about {
		padding: 18px 13px;
	}

	.mbg-footer-brand-text small {
		max-width: 160px;
	}
}


/* ============================================================
 * v1.0.4 — Hero title and footer copyright refinement
 * ============================================================ */

/* Slightly smaller hero/banner title while keeping the premium impact */
.mbg-hero h1 {
	font-size: clamp(38px, 5.65vw, 66px);
	line-height: 1.20;
}

html[dir="rtl"] .mbg-hero h1 {
	line-height: 1.34;
}

/* Center and polish footer copyright line on all devices */
.mbg-footer-bottom {
	justify-content: center !important;
	text-align: center !important;
	align-items: center !important;
	gap: 8px 16px !important;
}

.mbg-footer-bottom span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.8;
}

@media (max-width: 760px) {
	.mbg-hero h1 {
		font-size: clamp(25px, 7.25vw, 34px) !important;
		line-height: 1.48 !important;
	}

	.mbg-footer-bottom {
		display: grid !important;
		grid-template-columns: 1fr !important;
		justify-items: center !important;
		gap: 5px !important;
		text-align: center !important;
		font-size: 10.5px !important;
	}

	.mbg-footer-bottom span {
		display: block !important;
		width: 100%;
		max-width: 310px;
		margin-inline: auto;
		text-align: center !important;
		line-height: 1.85;
	}
}

@media (max-width: 420px) {
	.mbg-hero h1 {
		font-size: clamp(24px, 7vw, 32px) !important;
	}
}