:root{--bg:#f3f7ff;--surface:#fff;--text:#102b52;--muted:#536985;--line:#d7e4f5;--glass:rgba(255,255,255,.82);
--c1:#3478D8;--c2:#4B8CE8;--c3:#D90043;--c4:#48A9E8;--c5:#D90043;--c6:#2867D5;--btn-text:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#071a35;--surface:#10294b;--text:#f1f6ff;--muted:#b3c5dc;--line:#29466b;--glass:rgba(7,26,53,.82)}}
:root[data-theme="dark"]{--bg:#071a35;--surface:#10294b;--text:#f1f6ff;--muted:#b3c5dc;--line:#29466b;--glass:rgba(7,26,53,.82)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;line-height:1.7;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit}
.orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.42;animation:float 18s ease-in-out infinite}
.o1{width:420px;height:420px;background:var(--c1);top:-100px;inset-inline-start:-80px}
.o2{width:380px;height:380px;background:var(--c2);top:35%;inset-inline-end:-120px;animation-delay:-6s}
.o3{width:340px;height:340px;background:var(--c4);bottom:-80px;inset-inline-start:25%;animation-delay:-11s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-50px) scale(1.12)}66%{transform:translate(-30px,40px) scale(.94)}}
main,.foot{position:relative;z-index:1}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px}
.narrow{max-width:760px}
/* header */
.top{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.hbar{max-width:1040px;margin:0 auto;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.3rem;background:linear-gradient(135deg,var(--c1),var(--c2),var(--c3));background-size:200% 200%;animation:bg 8s ease infinite}
.bn{font-weight:900;letter-spacing:.06em;line-height:1.1;display:flex;flex-direction:column}
.bn small{font-weight:600;font-size:.62rem;letter-spacing:0;color:var(--muted)}
.links{display:flex;gap:2px;margin-inline:auto;flex-wrap:nowrap}
.links a{white-space:nowrap;text-decoration:none;font-weight:700;font-size:.92rem;padding:7px 13px;border-radius:999px;color:var(--muted);transition:.25s}
.links a:hover{color:var(--text);background:color-mix(in srgb,var(--c1) 12%,transparent)}
.links a.on{color:#fff;background:linear-gradient(90deg,var(--c1),var(--c2))}
.tools{display:flex;gap:8px;align-items:center;flex-shrink:0}
.brand{flex-shrink:0}
a.lang,button.lang{text-decoration:none;display:inline-block;background:var(--glass);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:6px 16px;font:inherit;font-weight:600;cursor:pointer}
.burger{display:none;background:none;border:0;width:38px;height:38px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}
.burger i{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:.3s}
/* buttons */
.btn{display:inline-block;border:0;cursor:pointer;font:inherit;background:linear-gradient(90deg,var(--c1),var(--c2));color:var(--btn-text);padding:13px 28px;border-radius:14px;font-weight:800;text-decoration:none;box-shadow:0 10px 30px -8px var(--c1);transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 36px -8px var(--c2)}
.btn.sm{padding:7px 18px;font-size:.88rem;border-radius:999px}
.btn.alt{background:var(--glass);color:var(--text);border:1px solid var(--line);box-shadow:none;margin-inline-start:6px}
.btn.white{background:#fff;color:#1557b7;box-shadow:0 10px 30px -8px rgba(0,0,0,.35)}
.btn.ghost{background:transparent;border:2px solid #fff;color:#fff;box-shadow:none;margin-inline-start:6px}
/* hero */
.badge{display:inline-flex;gap:8px;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:.88rem;font-weight:700;backdrop-filter:blur(8px)}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--c5);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--c5)}70%,100%{box-shadow:0 0 0 10px transparent}}
.hero{padding-top:64px;padding-bottom:20px}
h1{font-size:clamp(2.1rem,7vw,3.8rem);line-height:1.2;margin:14px 0;font-weight:900}
.grad{background:linear-gradient(90deg,var(--c1),var(--c2),var(--c4),var(--c1));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:300% 0}}
.hero p,.phead p{color:var(--muted);max-width:660px;font-size:1.05rem;margin:0 0 24px}
.phead{padding-top:56px;padding-bottom:10px}
.phead h1{font-size:clamp(1.9rem,6vw,3rem)}
.marquee{margin:40px -18px 0;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;gap:10px;width:max-content;animation:scroll 34s linear infinite}
.marquee:hover .track{animation-play-state:paused}
@keyframes scroll{to{transform:translateX(-50%)}}
.pill{white-space:nowrap;padding:8px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff;background:var(--c)}
/* sections */
section.wrap{margin-top:52px}
h2{font-size:1.7rem;margin:0 0 6px;font-weight:900}
h2::after{content:"";display:block;width:60px;height:5px;border-radius:5px;margin-top:6px;background:linear-gradient(90deg,var(--c1),#D90043);animation:bar 3s ease-in-out infinite alternate}
@keyframes bar{to{width:120px}}
.sub{color:var(--muted);margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:18px}
.more{text-align:center;margin-top:22px}
.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;overflow:hidden;text-decoration:none;transition:transform .3s,box-shadow .3s}
.card::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 40%,#fff))}
.card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--c);opacity:.12;top:-60px;inset-inline-end:-50px;transition:transform .5s,opacity .3s}
.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -18px var(--c)}
.card:hover::after{transform:scale(1.7);opacity:.2}
.card>*{position:relative;z-index:1}
.card h3{margin:0;font-size:1.08rem;font-weight:800}
.card p{margin:0;color:var(--muted);font-size:.92rem}
.ico{font-size:1.8rem}
.num{position:absolute!important;top:12px;inset-inline-start:16px;font-weight:900;color:var(--c);opacity:.35;font-size:1.1rem}
.type{color:var(--c);font-size:.8rem;font-weight:800}
.lnk{margin-top:auto;padding-top:6px;color:var(--c);font-weight:800;font-size:.88rem;text-decoration:none;direction:ltr;display:inline-block}
.lnk:hover{text-decoration:underline}
/* steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;border-top:5px solid var(--c);transition:transform .3s}
.step:hover{transform:translateY(-5px)}
.step b{font-size:1.8rem;font-weight:900;color:var(--c)}
.step h3{margin:2px 0 4px;font-size:1rem}
.step p{margin:0;color:var(--muted);font-size:.88rem}
.steps.big{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* CTA */
.ctaband{margin-top:60px;border-radius:28px;padding:42px 22px;text-align:center;color:#fff;background:linear-gradient(120deg,#103b78,var(--c1),var(--c2),#103b78);background-size:300% 300%;animation:bg 10s ease infinite}
.ctaband h2::after{margin-inline:auto;background:#fff}
.ctaband p{opacity:.93;margin:0 0 20px}
@keyframes bg{50%{background-position:100% 50%}}
/* about / contact */
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}
.split p{color:var(--muted)}
.founder{text-align:center;align-items:center}
.avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));animation:bg 8s ease infinite;background-size:200% 200%}
.cards1{display:grid;gap:14px}
.form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.9rem}
.form input,.form select,.form textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--c1)}
/* filters */
.filters{display:flex;flex-wrap:wrap;gap:8px}
.chipb{font:inherit;font-weight:700;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 18px;transition:.25s}
.chipb:hover{border-color:var(--c1)}
.chipb.on{background:linear-gradient(90deg,var(--c1),var(--c2));color:#fff;border-color:transparent}
.proj.hide{display:none}
/* faq */
.faq{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-top:12px}
.faq summary{cursor:pointer;font-weight:800}
.faq p{color:var(--muted);margin:8px 0 0}
/* footer */
.foot{margin-top:70px;border-top:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);padding:36px 0 24px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.fgrid h4{margin:0 0 8px}
.fgrid a{display:block;text-decoration:none;color:var(--muted);padding:2px 0}
.fgrid a:hover{color:var(--c1)}
.fgrid p{color:var(--muted);font-size:.9rem}
.copy{margin-top:22px;text-align:center;color:var(--muted);font-size:.82rem}
.wafab{position:fixed;z-index:30;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-start:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;text-decoration:none;background:#25D366;box-shadow: 0 10px 26px -6px #25D366;animation:wob 3s ease-in-out infinite}
@keyframes wob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media (max-width:820px){
 .split,.fgrid{grid-template-columns:1fr}
 .burger{display:flex}
 .links{position:absolute;top:100%;margin:0;inset-inline:0;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 18px 16px;display:none;margin:0}
 .links.open{display:flex}
 .btn.sm{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* logo, strip, call buttons */
.strip{position:relative;z-index:21;background:linear-gradient(90deg,#103b78,var(--c1),var(--c2));background-size:300% 100%;animation:bg 12s ease infinite;color:#fff;font-size:.85rem;padding-top:env(safe-area-inset-top,0px)}
.sbar{max-width:1040px;margin:0 auto;padding:6px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sl,.sr{display:flex;align-items:center;gap:12px}
.strip a{color:#fff;text-decoration:none;font-weight:700}
.strip .soc{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);font-size:.85rem;transition:.25s}
.strip .soc:hover{background:#fff}
.callnow{background:#fff;color:#1557b7!important;border-radius:999px;padding:2px 14px}
.top{padding-top:0}
.socs{display:flex;gap:8px;margin-top:8px}
.socs .soc{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:1.1rem;transition:.25s;padding:0}
.socs .soc:hover{background:linear-gradient(135deg,var(--c1),var(--c2));transform:translateY(-3px)}
.fph{font-weight:700}
.fabs{position:fixed;z-index:30;bottom:calc(18px + env(safe-area-inset-bottom,0px));inset-inline-start:18px;display:flex;flex-direction:column;gap:10px}
.fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;text-decoration:none;box-shadow:0 10px 26px -6px rgba(0,0,0,.4);animation:wob 3s ease-in-out infinite}
.fab.call{background:linear-gradient(135deg,var(--c1),var(--c2));animation-delay:-1.5s}
.fab.wa{background:#25D366}
.mbar{display:none}
@media (max-width:820px){
 .fabs{display:none}
 .mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:40;bottom:0;inset-inline:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--line)}
 .mbar a{text-align:center;padding:12px;font-weight:800;text-decoration:none;color:#fff;background:linear-gradient(90deg,var(--c1),var(--c2))}
 .mbar a.w{background:#25D366}
 body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}
 .strip .callnow{display:none}
}
/* logo + results */
.logo{height:54px;width:54px;object-fit:contain;background:none;border-radius:0;box-shadow:none;transition:transform .3s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.brand:hover .logo{transform:rotate(-4deg) scale(1.06)}
.foot .logo{height:70px;width:70px}
.subh{margin:30px 0 4px;font-size:1.2rem;font-weight:800}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:4px}
.kpis div{background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:12px;padding:8px 10px}
.kpis b{display:block;font-size:1.2rem;font-weight:900;direction:ltr;text-align:start}
.kpis small{color:var(--muted);font-size:.74rem}
.kpis .cost{grid-column:1/-1;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,var(--c2)));color:#fff}
.kpis .cost small{color:rgba(255,255,255,.88)}
.tablebox{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px}
table{border-collapse:collapse;width:100%;min-width:620px;direction:ltr;font-size:.92rem}
th,td{padding:12px 14px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
th:first-child,td:first-child{text-align:left;font-weight:800}
th{color:#fff;font-weight:700;font-size:.78rem;background:linear-gradient(90deg,var(--c1),var(--c2))}
tbody tr:hover{background:color-mix(in srgb,var(--c1) 8%,transparent)}
tr:last-child td{border-bottom:0}
td.cost{font-weight:900;color:var(--c2)}
.pbar{display:inline-block;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--c6),var(--c4));vertical-align:middle;margin-inline-start:8px;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.proof{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.shot{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:zoom-in;transition:transform .3s,box-shadow .3s}
.shot:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 20px 40px -18px var(--c)}
.shot img{display:block;width:100%;height:auto;background:#fff}
.shot figcaption{padding:10px 14px;font-weight:800;font-size:.9rem;border-top:4px solid var(--c)}
.shot.tall{grid-row:span 2}
#lb{position:fixed;inset:0;z-index:60;background:rgba(5,4,15,.88);display:none;align-items:center;justify-content:center;padding:16px;cursor:zoom-out}
#lb.on{display:flex}
#lb img{max-width:100%;max-height:92vh;border-radius:14px;background:#fff}
.hst{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}
.hs{background:var(--glass);border:1px solid var(--line);border-radius:18px;padding:14px 16px;border-inline-start:5px solid var(--c);backdrop-filter:blur(10px)}
.hs b{display:block;font-size:1.8rem;font-weight:900;color:var(--c);direction:ltr;text-align:start}
.hs small{color:var(--muted)}

/* extras */
.skip{position:absolute;inset-inline-start:-999px;top:0;z-index:100;background:#fff;color:#1557b7;padding:8px 16px;border-radius:0 0 12px 12px;font-weight:800}
.skip:focus{inset-inline-start:10px}
.h3{margin:0;font-size:1.08rem;font-weight:800}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tag{border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--text);border-radius:999px;padding:4px 14px;font-size:.88rem;font-weight:600}
.seo p{color:var(--muted);max-width:820px}
.seo h3{margin:22px 0 0;font-size:1.05rem}
.tablebox:focus-visible,.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--c1);outline-offset:3px}
bdi{unicode-bidi:isolate}
html[dir=ltr] .links{margin-inline:auto}
@media (max-width:1000px){.links a{padding:7px 9px;font-size:.86rem}}

/* brand icons */
.soc svg{width:100%;height:100%;display:block}
.strip .soc{width:28px;height:28px;padding:0;background:#fff;overflow:hidden;border-radius:50%}
.strip .soc svg{padding:3px}
.strip .soc:hover{transform:translateY(-2px)}
.socs .soc{width:40px;height:40px;padding:6px;border-radius:12px}
.socs .soc:hover{background:var(--surface);transform:translateY(-3px);box-shadow:0 8px 18px -8px var(--c1)}
.ico.brand{width:40px;height:40px}.ico.brand svg{width:100%;height:100%}
.pi{display:inline-block;width:1em;height:1em;vertical-align:-.14em;margin-inline-end:6px}.pi svg{width:100%;height:100%}
.fab svg{width:28px;height:28px}
.mbar a{display:flex;align-items:center;justify-content:center}
.mbar .pi{width:20px;height:20px;margin-inline-end:8px}
.h3::after{display:none}

/* Mobile floating contact actions */
@media (max-width:820px){
  .fabs{
    display:flex!important;
    position:fixed;
    z-index:60;
    bottom:calc(18px + env(safe-area-inset-bottom,0px));
    inset-inline-start:14px;
    flex-direction:column;
    gap:10px;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .fabs .fab{display:grid!important;width:56px;height:56px}
  .mbar{display:none!important}
  body{padding-bottom:env(safe-area-inset-bottom,0px)!important}
}
/* Numeric highlights */
.num,.step b,.kpis b,.hs b,td.cost{color:#D90043}

/* Responsive viewport safeguards */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
img,video,iframe,svg,canvas{
  max-width:100%;
}
.wrap,.hbar,.sbar,
.grid,.proof,.steps,.split,.fgrid{
  min-width:0;
}
@media (max-width:820px){
  .wrap{width:100%;padding-inline:16px}
  .hbar,.sbar{width:100%;min-width:0}
  .grid,.proof,.steps,.steps.big,.hst{
    grid-template-columns:minmax(0,1fr);
  }
  .card,.step,.shot,.hs{min-width:0}
  .hero,.phead{padding-top:36px}
  h1{overflow-wrap:anywhere}
  .hero p,.phead p,.seo p{overflow-wrap:anywhere}
  .marquee{max-width:100vw}
}
@media (max-width:380px){
  .wrap{padding-inline:12px}
  .hbar{gap:8px;padding-inline:12px}
  .logo{width:46px;height:46px}
  .bn{font-size:.92rem}
  .badge{max-width:100%;white-space:normal}
  .btn{max-width:100%;padding-inline:18px}
}


/* MIRAGE premium corporate homepage refinement — scoped to homepage */
.home-page{
  --home-ink:#102b52;
  --home-blue:#174f9d;
  --home-blue2:#2867d5;
  --home-red:#d90043;
  background:#f5f8fd;
}
.home-page .orbs{opacity:.16}
.home-page .wrap{max-width:1160px}
.home-page .top{background:rgba(255,255,255,.94);border-bottom-color:#e4ebf5}
.home-page .links a{font-size:.9rem;padding:8px 12px}
.home-page .links a.on{background:var(--home-blue)}
.home-page .hero{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:34px;padding:68px 58px 36px;
  border:1px solid rgba(255,255,255,.16);border-radius:30px;
  color:#fff;background:
    radial-gradient(circle at 12% 18%,rgba(75,140,232,.35),transparent 32%),
    radial-gradient(circle at 88% 90%,rgba(217,0,67,.22),transparent 28%),
    linear-gradient(125deg,#0b2345 0%,#123e78 58%,#174f9d 100%);
  box-shadow:0 24px 70px rgba(16,43,82,.16);
}
.home-page .hero:before{
  content:"";position:absolute;z-index:-1;inset:auto -90px -220px auto;
  width:520px;height:520px;border:1px solid rgba(255,255,255,.12);
  border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(255,255,255,.02);
}
.home-page .hero:after{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.035) 50%,transparent 50.2%);
  pointer-events:none;
}
.home-page .hero>*{position:relative;z-index:1}
.home-page .hero .badge{color:#e8f1ff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.home-page .hero .badge i{background:#ff4b78}
.home-page .hero h1{max-width:850px;font-size:clamp(2.35rem,5.2vw,4.2rem);line-height:1.22;letter-spacing:-.035em;margin:22px 0 18px}
.home-page .hero p{max-width:760px;color:#d4e2f6;font-size:1.08rem;line-height:1.95}
.home-page .hero .btn{background:var(--home-red);box-shadow:0 12px 28px rgba(217,0,67,.24);border-radius:12px}
.home-page .hero .btn:hover{background:#bd003b;box-shadow:0 16px 34px rgba(217,0,67,.32)}
.home-page .hero .btn.alt{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.home-page .marquee{margin:38px -8px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.home-page .pill{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.16);color:#e8f1ff;font-size:.82rem;padding:7px 16px}
.home-page section.wrap{margin-top:66px}
.home-page h2{font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.02em;margin-bottom:8px}
.home-page h2:after{width:48px;height:4px;background:var(--home-red);animation:none}
.home-page .sub{font-size:.98rem;margin-bottom:24px}
.home-page .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-page .card{
  min-width:0;padding:26px 24px;border:1px solid #e2eaf5;border-radius:22px;
  background:#fff;box-shadow:0 8px 26px rgba(16,43,82,.045);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.home-page .card:before{height:3px;background:var(--home-blue2);opacity:.72}
.home-page .card:after{display:none}
.home-page .card:hover{transform:translateY(-4px);border-color:#b9cdea;box-shadow:0 18px 38px rgba(16,43,82,.09)}
.home-page .card h3{font-size:1.08rem;line-height:1.55;color:#102b52}
.home-page .card p{color:#5b6f89;line-height:1.85}
.home-page .ico{
  display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;
  min-width:62px;height:34px;padding:0 12px;border-radius:9px;
  background:#edf4ff;color:#174f9d;border:1px solid #d9e7fa;
  font-family:Arial,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.06em;
}
.home-page .num{color:var(--home-red);opacity:.9;font-size:.9rem}
.home-page .lnk{color:var(--home-blue);font-size:.86rem}
.home-page .type{color:var(--home-red)}
.home-page .hst{gap:14px}
.home-page .hs{background:#fff;border:1px solid #e2eaf5;border-radius:18px;padding:20px;border-inline-start:3px solid var(--home-blue)}
.home-page .hs b{font-size:1.8rem;color:var(--home-red)}
.home-page .hs small{color:#657891;font-size:.82rem}
.home-page .steps{gap:16px}
.home-page .step{background:#fff;border:1px solid #e2eaf5;border-top:3px solid var(--home-blue);border-radius:18px;padding:20px;box-shadow:0 6px 22px rgba(16,43,82,.035)}
.home-page .step b{color:var(--home-red)}
.home-page .step h3{font-size:1rem}
.home-page .step p{color:#5b6f89;line-height:1.8}
.home-page .tag{background:#edf4ff;border-color:#d9e7fa;color:#174f9d}
.home-page .ctaband{
  border-radius:26px;padding:52px 28px;
  background:radial-gradient(circle at 10% 20%,rgba(75,140,232,.25),transparent 30%),linear-gradient(120deg,#0b2345,#174f9d);
  animation:none;box-shadow:0 20px 55px rgba(16,43,82,.14)
}
.home-page .ctaband h2{color:#fff}
.home-page .ctaband h2:after{background:var(--home-red)}
.home-page .foot{background:#0b2345;color:#fff;border-top:0}
.home-page .foot p,.home-page .foot a,.home-page .copy{color:#c5d5ea}
.home-page .foot a:hover{color:#fff}
.home-page .foot .bn small{color:#c5d5ea}
@media(max-width:900px){
  .home-page .hero{padding:54px 34px 30px}
  .home-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .home-page .hero{margin-top:18px;padding:36px 22px 24px;border-radius:22px}
  .home-page .hero h1{font-size:clamp(2rem,9vw,2.8rem);line-height:1.3}
  .home-page .hero p{font-size:.98rem}
  .home-page section.wrap{margin-top:48px}
  .home-page .grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .home-page .card{padding:22px 20px;border-radius:18px}
  .home-page .hst{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page .hs{padding:14px}
  .home-page .hs b{font-size:1.45rem}
  .home-page .ctaband{padding:38px 20px}
}
@media(prefers-reduced-motion:reduce){
  .home-page .card,.home-page .btn{transition:none}
}


/* Shared MIRAGE corporate design system — all inner pages */
:root{
  --bg:#f5f8fd;--surface:#fff;--text:#102b52;--muted:#5b6f89;
  --line:#e2eaf5;--glass:rgba(255,255,255,.94);
  --c1:#2867d5;--c2:#174f9d;--c3:#d90043;--c4:#4b8ce8;
  --c5:#d90043;--c6:#2867d5;--btn-text:#fff;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#071a35;--surface:#10294b;--text:#f1f6ff;--muted:#b3c5dc;--line:#29466b;--glass:rgba(7,26,53,.94)}
}
:root[data-theme="dark"]{--bg:#071a35;--surface:#10294b;--text:#f1f6ff;--muted:#b3c5dc;--line:#29466b;--glass:rgba(7,26,53,.94)}
body{background:var(--bg)}
.orbs{opacity:.12}
.wrap{max-width:1160px}
.top{background:var(--glass);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(16,43,82,.035)}
.links a.on{background:var(--c2)}
.btn{background:var(--c2);border-radius:12px;box-shadow:0 8px 22px rgba(23,79,157,.16)}
.btn:hover{background:var(--c1);box-shadow:0 12px 28px rgba(23,79,157,.22)}
.btn.alt{background:var(--surface);border-color:var(--line);color:var(--text)}
.phead{
  position:relative;isolation:isolate;overflow:hidden;
  margin-top:30px;padding:54px 42px 34px;border-radius:26px;
  color:#fff;background:
    radial-gradient(circle at 12% 18%,rgba(75,140,232,.3),transparent 32%),
    radial-gradient(circle at 90% 95%,rgba(217,0,67,.17),transparent 26%),
    linear-gradient(125deg,#0b2345 0%,#123e78 58%,#174f9d 100%);
  box-shadow:0 18px 48px rgba(16,43,82,.12)
}
.phead h1{color:#fff;font-size:clamp(2rem,5vw,3.25rem);line-height:1.25}
.phead p{color:#d4e2f6;max-width:780px;line-height:1.9}
.phead .badge{color:#e8f1ff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
.phead .btn{background:var(--c3)}
section.wrap{margin-top:58px}
h2{letter-spacing:-.02em}
h2:after{background:var(--c3);animation:none;width:48px;height:4px}
.grid{gap:18px}
.card,.step,.faq,.hs{
  border-color:var(--line);border-radius:20px;
  box-shadow:0 7px 24px rgba(16,43,82,.04)
}
.card{background:var(--surface);padding:24px}
.card:before{height:3px;opacity:.72}
.card:after{opacity:.035}
.card:hover{box-shadow:0 16px 34px rgba(16,43,82,.085)}
.card h3{line-height:1.55}
.card p,.step p,.faq p{line-height:1.85}
.step{background:var(--surface);border-top-width:3px;padding:20px}
.step b,.num,.kpis b,.hs b,td.cost{color:var(--c3)}
.faq{background:var(--surface);padding:18px 20px}
.ctaband{
  border-radius:24px;
  background:radial-gradient(circle at 10% 20%,rgba(75,140,232,.25),transparent 30%),linear-gradient(120deg,#0b2345,#174f9d);
  animation:none;box-shadow:0 18px 46px rgba(16,43,82,.13)
}
.foot{background:#0b2345;border-top:0}
.foot p,.foot a,.copy,.foot .bn small{color:#c5d5ea}
.foot a:hover{color:#fff}
.tablebox{border-color:var(--line);box-shadow:0 7px 24px rgba(16,43,82,.04)}
th{background:var(--c2)}
.strip{background:linear-gradient(90deg,#0b2345,#174f9d)}
@media(max-width:820px){
  .phead{margin-top:18px;padding:36px 24px 26px;border-radius:22px}
  .phead h1{font-size:clamp(1.85rem,8vw,2.6rem)}
  section.wrap{margin-top:46px}
  .card{padding:21px}
}
@media(prefers-reduced-motion:reduce){
  .card,.step,.btn,.links a{transition:none!important}
}



/* MIRAGE refined premium visual layer — CSS-only; preserves page content, SEO and motion */
:root{
  --bg:#f7f9fc;
  --surface:#ffffff;
  --text:#102b52;
  --muted:#61738b;
  --line:#e5ebf3;
  --glass:rgba(255,255,255,.96);
  --c1:#2867d5;
  --c2:#174f9d;
  --c3:#d90043;
  --c4:#4b8ce8;
  --c5:#d90043;
  --c6:#2867d5;
}
body{background:#f7f9fc;color:#102b52}
.orbs{opacity:.07}
.top{background:rgba(255,255,255,.97);border-bottom:1px solid #e5ebf3;box-shadow:0 5px 22px rgba(16,43,82,.035)}
.links a{color:#526780}
.links a.on{background:#174f9d}
.strip{background:#102b52}
.btn{background:#174f9d;box-shadow:0 7px 18px rgba(23,79,157,.14)}
.btn:hover{background:#2867d5;box-shadow:0 10px 24px rgba(23,79,157,.18)}
.btn.alt{background:#fff;color:#174f9d;border:1px solid #dce5f0}
.phead{
  color:#102b52;
  background:#fff;
  border:1px solid #e5ebf3;
  border-radius:24px;
  box-shadow:0 14px 38px rgba(16,43,82,.055);
}
.phead h1{color:#102b52}
.phead p{color:#61738b}
.phead .badge{color:#174f9d;background:#f0f5fc;border-color:#e0e9f5}
.phead .badge i{background:#d90043}
.phead .btn{background:#d90043;box-shadow:0 8px 20px rgba(217,0,67,.13)}
.phead .btn:hover{background:#bd003b}
.card,.step,.faq,.hs{
  background:#fff;
  border-color:#e5ebf3;
  border-radius:18px;
  box-shadow:0 7px 22px rgba(16,43,82,.035);
}
.card:hover{border-color:#cbd9ec;box-shadow:0 13px 30px rgba(16,43,82,.07)}
.step{border-top-color:#2867d5}
.faq{background:#fff}
.ctaband{
  background:#102b52;
  box-shadow:0 16px 38px rgba(16,43,82,.12);
}
.foot{background:#0b2345}
.tablebox{border-color:#e5ebf3}
th{background:#174f9d}

/* Homepage: calm editorial layout with the existing brand assets and motion intact */
.home-page{background:#f7f9fc}
.home-page .top{background:rgba(255,255,255,.97)}
.home-page .hero{
  margin-top:30px;
  padding:66px 58px 34px;
  color:#102b52;
  background:#fff;
  border:1px solid #e5ebf3;
  border-radius:26px;
  box-shadow:0 16px 42px rgba(16,43,82,.06);
}
.home-page .hero:before,.home-page .hero:after{display:none}
.home-page .hero .badge{
  color:#174f9d;
  background:#f0f5fc;
  border-color:#e0e9f5;
}
.home-page .hero .badge i{background:#d90043}
.home-page .hero h1{
  max-width:850px;
  color:#102b52;
  font-size:clamp(2.25rem,4.8vw,3.8rem);
  letter-spacing:-.025em;
}
.home-page .hero p{color:#61738b;max-width:760px;line-height:1.95}
.home-page .hero .btn{
  background:#174f9d;
  box-shadow:0 8px 20px rgba(23,79,157,.14);
}
.home-page .hero .btn:hover{background:#2867d5}
.home-page .hero .btn.alt{
  background:#fff;
  color:#174f9d;
  border:1px solid #dce5f0;
}
.home-page .marquee{margin-top:30px}
.home-page .pill{
  background:#f0f5fc!important;
  color:#174f9d;
  border-color:#e0e9f5;
}
.home-page .card{
  background:#fff;
  border-color:#e5ebf3;
  border-radius:18px;
  box-shadow:0 7px 22px rgba(16,43,82,.035);
}
.home-page .card:hover{border-color:#cbd9ec;box-shadow:0 13px 30px rgba(16,43,82,.07)}
.home-page .hs,.home-page .step{background:#fff}
.home-page .ctaband{background:#102b52}
.home-page .foot{background:#0b2345}
@media(max-width:900px){
  .home-page .hero{padding:48px 32px 28px}
}
@media(max-width:640px){
  .home-page .hero{margin-top:16px;padding:32px 20px 22px;border-radius:20px}
  .home-page .hero h1{font-size:clamp(1.9rem,8vw,2.65rem)}
  .phead{padding:32px 20px 24px;border-radius:20px}
}


/* MIRAGE signature luxury color pass — palette and surface colors only */
:root{
  --bg:#eef4fc;
  --surface:#ffffff;
  --text:#102b52;
  --muted:#526b8a;
  --line:#d8e5f5;
  --glass:rgba(255,255,255,.97);
  --c1:#3479ed;
  --c2:#123f80;
  --c3:#d90043;
  --c4:#72a9ff;
  --c5:#d90043;
  --c6:#3479ed;
}
body{background:linear-gradient(180deg,#edf4ff 0%,#f8faff 34%,#f4f7fc 100%);color:#102b52}
.top{background:rgba(255,255,255,.97);border-bottom-color:#d8e5f5;box-shadow:0 8px 28px rgba(15,55,112,.075)}
.links a{color:#385574}
.links a.on{background:linear-gradient(135deg,#174f9d,#3479ed);color:#fff}
.strip{background:linear-gradient(90deg,#0b2345 0%,#174f9d 58%,#2867d5 100%);color:#fff}
.btn{background:linear-gradient(135deg,#174f9d,#2867d5);box-shadow:0 9px 24px rgba(23,79,157,.24)}
.btn:hover{background:linear-gradient(135deg,#2867d5,#4b8ce8);box-shadow:0 13px 30px rgba(23,79,157,.28)}
.btn.alt{background:#fff;color:#174f9d;border:1px solid #cbdcf2}
.phead{
  color:#fff;
  background:
    radial-gradient(ellipse at 85% 12%,rgba(93,160,255,.38),transparent 34%),
    radial-gradient(ellipse at 8% 100%,rgba(217,0,67,.20),transparent 34%),
    linear-gradient(122deg,#081d3b 0%,#123f80 54%,#2867d5 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 22px 55px rgba(12,48,99,.20);
}
.phead h1{color:#fff}
.phead p{color:#e0ebfb}
.phead .badge{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.phead .btn{background:linear-gradient(135deg,#d90043,#f02b65);box-shadow:0 9px 24px rgba(217,0,67,.25)}
.phead .btn:hover{background:linear-gradient(135deg,#bd003b,#e51e59)}
.card,.step,.faq,.hs{
  background:linear-gradient(160deg,#fff 0%,#fbfdff 100%);
  border-color:#dbe7f6;
  box-shadow:0 9px 28px rgba(16,54,105,.065);
}
.card:before{background:linear-gradient(90deg,#174f9d,#4b8ce8,#d90043);opacity:1}
.card:hover{border-color:#a9c8f2;box-shadow:0 17px 38px rgba(16,54,105,.12)}
.step{border-top-color:#3479ed}
.step b,.num,.kpis b,.hs b,td.cost{color:#d90043}
.faq{border-inline-start:3px solid #3479ed}
h2:after{background:linear-gradient(90deg,#d90043,#f36b91)}
.tablebox{border-color:#d8e5f5;box-shadow:0 9px 28px rgba(16,54,105,.06)}
th{background:linear-gradient(90deg,#123f80,#2867d5);color:#fff}
.strip{box-shadow:0 7px 20px rgba(16,54,105,.10)}
.ctaband{
  background:
    radial-gradient(circle at 90% 10%,rgba(93,160,255,.34),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(217,0,67,.22),transparent 32%),
    linear-gradient(120deg,#081d3b,#123f80 60%,#174f9d);
  box-shadow:0 22px 52px rgba(12,48,99,.20);
}
.ctaband h2:after{background:#f02b65}
.foot{background:linear-gradient(125deg,#071a35 0%,#0d2d59 65%,#123f80 100%);border-top:1px solid rgba(255,255,255,.08)}
.foot p,.foot a,.copy,.foot .bn small{color:#d0def1}
.foot a:hover{color:#fff}
.home-page{background:linear-gradient(180deg,#edf4ff 0%,#f8faff 38%,#f4f7fc 100%)}
.home-page .hero{
  color:#fff;
  background:
    radial-gradient(ellipse at 88% 12%,rgba(114,169,255,.42),transparent 34%),
    radial-gradient(ellipse at 6% 100%,rgba(217,0,67,.22),transparent 32%),
    linear-gradient(122deg,#081d3b 0%,#123f80 55%,#2867d5 100%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 58px rgba(12,48,99,.20);
}
.home-page .hero h1{color:#fff}
.home-page .hero p{color:#e0ebfb}
.home-page .hero .badge{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.home-page .hero .btn{background:linear-gradient(135deg,#d90043,#f02b65);box-shadow:0 9px 24px rgba(217,0,67,.25)}
.home-page .hero .btn:hover{background:linear-gradient(135deg,#bd003b,#e51e59)}
.home-page .hero .btn.alt{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.34)}
.home-page .pill{background:#e5efff!important;color:#174f9d;border-color:#cbdcf2}
.home-page .card{background:linear-gradient(160deg,#fff 0%,#f8fbff 100%);border-color:#dbe7f6}
.home-page .card:before{background:linear-gradient(90deg,#174f9d,#4b8ce8,#d90043);opacity:1}
.home-page .card:hover{border-color:#a9c8f2;box-shadow:0 17px 38px rgba(16,54,105,.12)}
.home-page .hs{background:linear-gradient(145deg,#fff,#eef5ff);border-color:#d5e4f8}
.home-page .step{background:linear-gradient(145deg,#fff,#f7faff);border-top-color:#3479ed}
.home-page .ctaband{
  background:
    radial-gradient(circle at 90% 10%,rgba(93,160,255,.34),transparent 30%),
    radial-gradient(circle at 8% 100%,rgba(217,0,67,.22),transparent 32%),
    linear-gradient(120deg,#081d3b,#123f80 60%,#174f9d);
}
.home-page .foot{background:linear-gradient(125deg,#071a35 0%,#0d2d59 65%,#123f80 100%)}
@media(max-width:640px){
  .home-page .hero{background:linear-gradient(145deg,#081d3b 0%,#123f80 58%,#2867d5 100%)}
  .phead{background:linear-gradient(145deg,#081d3b 0%,#123f80 58%,#2867d5 100%)}
}


/* Shared bilingual homepage treatment: same visual language in RTL and LTR */
.home-page .hero .grad{
  background-image:linear-gradient(90deg,#ffffff 0%,#dceaff 48%,#ffffff 100%);
}
.home-page .ico{
  background:linear-gradient(145deg,#e8f1ff,#f8fbff);
  color:#174f9d;
  border:1px solid #d4e3f8;
}
.home-page .card .num{color:#d90043}


/* Typography scale and subdued background imagery — shared Arabic/English */
:root{--body-copy:clamp(14px,1.02vw,16px);--small-copy:clamp(12px,.88vw,14px)}
body{font-size:var(--body-copy)}
p,li,.desc,.muted,.sub,.lead{font-size:var(--body-copy);line-height:1.8}
h1{font-size:clamp(30px,4.1vw,52px)!important;line-height:1.18!important}
h2{font-size:clamp(23px,2.7vw,34px)!important;line-height:1.25!important}
h3{font-size:clamp(17px,1.55vw,21px)!important;line-height:1.35!important}
.btn,.links a,.badge,.pill{font-size:var(--small-copy)}
.home-page .hero h1{font-size:clamp(30px,4.15vw,52px)!important}
.phead h1{font-size:clamp(28px,3.6vw,46px)!important}
.home-page .hero p,.phead p{font-size:clamp(14px,1.05vw,16px)!important;line-height:1.85}
.card p,.step p,.faq p,.hs p{font-size:clamp(13px,.98vw,15px);line-height:1.75}
/* Keep background photography and decorative imagery understated */
body:before,body:after,.home-page:before,.home-page:after{opacity:.08!important}
.hero:before,.hero:after,.phead:before,.phead:after,.ctaband:before,.ctaband:after{opacity:.12!important}
.home-page .hero,.phead,.ctaband{
 background-blend-mode:normal;
 background-color:#102f5b;
}
.home-page .hero{background-image:
 linear-gradient(120deg,rgba(7,25,52,.96),rgba(18,63,128,.93) 58%,rgba(40,103,213,.90)),
 var(--hero-bg,none)!important}
.phead{background-image:
 linear-gradient(120deg,rgba(7,25,52,.96),rgba(18,63,128,.93) 58%,rgba(40,103,213,.90)),
 var(--page-bg,none)!important}
@media(max-width:640px){
 h1{font-size:clamp(27px,7vw,36px)!important}
 h2{font-size:clamp(21px,5.5vw,27px)!important}
 p,li,.desc,.muted,.sub,.lead{font-size:14px}
}


/* MIRAGE full-width photographic hero — shared Arabic / English */
@media(min-width:641px){
  .wrap{max-width:1200px}
  .hbar{max-width:1200px}
}
.home-page main>section.wrap.hero{
  width:100%;
  max-width:none;
  margin:0 auto!important;
  padding:clamp(58px,7.2vw,96px) max(24px,calc((100vw - 1200px)/2 + 18px)) 34px;
  border-radius:0;
  border:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:#0b2d5c;
  background-image:
    linear-gradient(100deg,rgba(5,22,48,.94) 0%,rgba(9,39,82,.86) 48%,rgba(18,63,128,.70) 100%),
    url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=2200&q=85")!important;
  background-position:center,center 46%;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 18px 48px rgba(8,35,76,.16);
}
.home-page main>section.wrap.hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 88% 16%,rgba(52,121,237,.25),transparent 38%),
    linear-gradient(90deg,transparent 68%,rgba(217,0,67,.10));
  opacity:1!important;
}
.home-page main>section.wrap.hero h1,
.home-page main>section.wrap.hero p,
.home-page main>section.wrap.hero .badge,
.home-page main>section.wrap.hero>.btn,
.home-page main>section.wrap.hero .marquee{
  position:relative;
  z-index:1;
}
.home-page main>section.wrap.hero h1{max-width:920px;text-shadow:0 2px 18px rgba(0,0,0,.20)}
.home-page main>section.wrap.hero p{max-width:760px;color:#f0f5ff;text-shadow:0 1px 12px rgba(0,0,0,.22)}
.home-page main>section.wrap.hero .badge{
  background:rgba(18,63,128,.48);
  border-color:rgba(255,255,255,.30);
  backdrop-filter:blur(8px);
}
.home-page main>section.wrap.hero .btn{
  background:linear-gradient(135deg,#d90043,#b9003a);
  box-shadow:0 10px 26px rgba(217,0,67,.30);
}
.home-page main>section.wrap.hero .btn.alt{
  background:rgba(10,39,80,.42);
  color:#fff;
  border-color:rgba(255,255,255,.48);
  backdrop-filter:blur(8px);
}
.home-page main>section.wrap.hero .pill{
  background:rgba(18,63,128,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(6px);
}
@media(max-width:640px){
  .home-page main>section.wrap.hero{
    padding:42px 20px 24px;
    background-image:
      linear-gradient(145deg,rgba(5,22,48,.92),rgba(9,39,82,.86) 58%,rgba(18,63,128,.76)),
      url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1100&q=80")!important;
    background-position:center,58% center;
    background-size:cover;
    border-radius:0;
  }
  .home-page main>section.wrap.hero p{max-width:100%}
}


/* MIRAGE brand refinement: stronger hero artwork, tricolor services ticker, subtle blue page texture */
body{
  background-color:#f3f7fc;
  background-image:
    radial-gradient(rgba(52,121,237,.105) .85px,transparent .95px),
    radial-gradient(ellipse at 12% 8%,rgba(114,169,255,.10),transparent 38%),
    linear-gradient(180deg,#eef4fc 0%,#f8faff 44%,#f2f6fc 100%);
  background-size:30px 30px,100% 620px,100% 100%;
  background-attachment:fixed;
}

/* The three MIRAGE logo colors rotate across the moving services strip */
.marquee .pill:nth-child(3n+1){
  background:linear-gradient(135deg,#123f80,#174f9d)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 5px 16px rgba(18,63,128,.20);
}
.marquee .pill:nth-child(3n+2){
  background:linear-gradient(135deg,#3479ed,#72a9ff)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 5px 16px rgba(52,121,237,.20);
}
.marquee .pill:nth-child(3n){
  background:linear-gradient(135deg,#d90043,#a90038)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 5px 16px rgba(217,0,67,.18);
}

/* Custom MIRAGE technology artwork: visible, brand-colored and clear behind the copy */
.home-page main>section.wrap.hero{
  background-color:#0b2d5c;
  background-size:cover,cover;
  background-repeat:no-repeat,no-repeat;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 18px 48px rgba(8,35,76,.16);
}
html[dir="ltr"] .home-page main>section.wrap.hero{
  background-image:
    linear-gradient(90deg,rgba(5,22,48,.88) 0%,rgba(9,39,82,.62) 43%,rgba(18,63,128,.24) 100%),
    url("/assets/mirage-tech-hero.svg")!important;
  background-position:center,center;
}
html[dir="rtl"] .home-page main>section.wrap.hero{
  background-image:
    linear-gradient(270deg,rgba(5,22,48,.88) 0%,rgba(9,39,82,.62) 43%,rgba(18,63,128,.24) 100%),
    url("/assets/mirage-tech-hero-rtl.svg")!important;
  background-position:center,center;
}
.home-page main>section.wrap.hero h1,
.home-page main>section.wrap.hero p{
  text-shadow:0 2px 18px rgba(0,12,32,.34);
}
@media(max-width:640px){
  html[dir="ltr"] .home-page main>section.wrap.hero{
    background-image:
      linear-gradient(90deg,rgba(5,22,48,.86) 0%,rgba(9,39,82,.66) 58%,rgba(18,63,128,.42) 100%),
      url("/assets/mirage-tech-hero.svg")!important;
    background-position:center,62% center;
  }
  html[dir="rtl"] .home-page main>section.wrap.hero{
    background-image:
      linear-gradient(270deg,rgba(5,22,48,.86) 0%,rgba(9,39,82,.66) 58%,rgba(18,63,128,.42) 100%),
      url("/assets/mirage-tech-hero-rtl.svg")!important;
    background-position:center,38% center;
  }
}


/* MIRAGE hero artwork refinement — background asset only; all page content and behavior unchanged */
html[dir="ltr"] .home-page main>section.wrap.hero{
  background-image:
    linear-gradient(90deg,rgba(5,22,48,.91) 0%,rgba(9,39,82,.68) 38%,rgba(18,63,128,.12) 100%),
    url("/assets/mirage-hologram-hero.svg")!important;
  background-position:center,center;
  background-size:cover,cover;
}
html[dir="rtl"] .home-page main>section.wrap.hero{
  background-image:
    linear-gradient(270deg,rgba(5,22,48,.91) 0%,rgba(9,39,82,.68) 38%,rgba(18,63,128,.12) 100%),
    url("/assets/mirage-hologram-hero-rtl.svg")!important;
  background-position:center,center;
  background-size:cover,cover;
}
@media(max-width:640px){
 html[dir="ltr"] .home-page main>section.wrap.hero{
  background-image:linear-gradient(90deg,rgba(5,22,48,.90),rgba(9,39,82,.68) 54%,rgba(18,63,128,.24)),url("/assets/mirage-hologram-hero.svg")!important;
  background-position:center,62% center;
 }
 html[dir="rtl"] .home-page main>section.wrap.hero{
  background-image:linear-gradient(270deg,rgba(5,22,48,.90),rgba(9,39,82,.68) 54%,rgba(18,63,128,.24)),url("/assets/mirage-hologram-hero-rtl.svg")!important;
  background-position:center,38% center;
 }
}


/* MIRAGE premium finish pass — visual-only refinement; preserves all content, assets, routes and motion */
:root{
  --mirage-navy:#0b2345;
  --mirage-blue:#174f9d;
  --mirage-bright:#3479ed;
  --mirage-red:#d90043;
  --mirage-ink:#102b52;
  --mirage-muted:#5b6f89;
  --mirage-line:#e2eaf5;
}
body{
  color:var(--mirage-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wrap{max-width:1160px}
section.wrap:not(.hero){scroll-margin-top:110px}
section.wrap>h2{letter-spacing:-.025em}
section.wrap>.sub{max-width:760px}
.top{box-shadow:0 6px 24px rgba(11,35,69,.055)}
.hbar{min-height:72px}
.links a{font-weight:700;letter-spacing:-.01em}
.btn{font-weight:800;letter-spacing:-.01em}
.card,.step,.faq,.hs{
  border:1px solid var(--mirage-line);
  box-shadow:0 8px 26px rgba(11,35,69,.045);
}
.card{border-radius:20px}
.card p,.step p,.faq p{color:var(--mirage-muted)}
.card:before{height:3px}
.home-page main>section.wrap.hero{
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:2px;
}
.home-page main>section.wrap.hero .badge{margin-bottom:10px}
.home-page main>section.wrap.hero h1{
  max-width:780px;
  margin-top:12px;
  margin-bottom:16px;
  line-height:1.2!important;
  letter-spacing:-.035em;
}
.home-page main>section.wrap.hero p{
  max-width:690px;
  margin-bottom:22px;
}
.home-page main>section.wrap.hero .marquee{width:100%;margin-top:24px}
.home-page .card{min-height:190px}
.home-page .card .ico{border-radius:10px}
.home-page .hs{border-radius:18px}
.home-page .ctaband{border-radius:24px}
.phead{border-radius:24px}
.phead h1{letter-spacing:-.025em}
.phead p{max-width:720px}
.foot{margin-top:76px}
.foot .wrap{padding-top:8px}
@media(max-width:900px){
  .hbar{min-height:66px}
  .home-page main>section.wrap.hero{min-height:390px}
  .home-page .card{min-height:0}
}
@media(max-width:640px){
  .home-page main>section.wrap.hero{
    min-height:0;
    justify-content:flex-start;
    padding-top:38px;
    padding-bottom:26px;
  }
  .home-page main>section.wrap.hero h1{
    max-width:100%;
    letter-spacing:-.02em;
  }
  .home-page main>section.wrap.hero p{max-width:100%}
  .phead{border-radius:20px}
  .foot{margin-top:56px}
}


/* Preserve the existing inline CTA pairing in the hero */
.home-page main>section.wrap.hero{
  display:block;
  gap:0;
}
@media(max-width:640px){
  .home-page main>section.wrap.hero{display:block}
}


/* Responsive typography calibration — quieter, more editorial scale */
.home-page .hero h1{
  font-size:clamp(2.15rem,4.45vw,3.55rem);
  line-height:1.24;
  letter-spacing:-.028em;
}
.home-page .hero p{
  font-size:1rem;
  line-height:1.9;
  max-width:700px;
}
.home-page h2{
  font-size:clamp(1.45rem,2.6vw,1.85rem);
  line-height:1.4;
}
.phead h1{
  font-size:clamp(1.9rem,4.1vw,2.85rem);
  line-height:1.28;
  letter-spacing:-.02em;
}
.phead p{
  font-size:1rem;
  line-height:1.9;
}
@media(max-width:640px){
  .home-page .hero h1{
    font-size:clamp(1.85rem,7.2vw,2.4rem);
    line-height:1.32;
  }
  .home-page .hero p{font-size:.94rem}
  .home-page h2{font-size:1.45rem}
  .phead h1{font-size:clamp(1.8rem,7.5vw,2.2rem)}
  .phead p{font-size:.94rem}
}