/* ==========================================================================
   Public site theme — "Cairo at night".
   Deep midnight canvas, amber taxi-light accent, Arabic-first RTL.
   Scoped to body.mt-site so none of this can reach the admin panel.
   ========================================================================== */

body.mt-site{
  --ink:#070A12; --canvas:#0B1018; --surface:#111A2A; --surface-2:#16223A;
  --gold:#F5B841; --gold-lt:#FFD37A; --gold-dk:#C4881A;
  --cream:#F7F3E9; --muted:#93A0B8; --line:rgba(245,184,65,.16); --green:#3FCB93;
  --r:18px;
  --f-display:'Readex Pro',system-ui,sans-serif;
  --f-body:'IBM Plex Sans Arabic',system-ui,sans-serif;
  direction:rtl; text-align:right; margin:0;
  background:var(--canvas); color:var(--cream);
  font-family:var(--f-body); font-size:16px; line-height:1.75;
  overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
body.mt-site *,body.mt-site *::before,body.mt-site *::after{box-sizing:border-box;}
body.mt-site img{max-width:100%;display:block;}
body.mt-site a{text-decoration:none;color:inherit;}
body.mt-site h1,body.mt-site h2,body.mt-site h3,body.mt-site h4{
  font-family:var(--f-display);font-weight:600;line-height:1.22;letter-spacing:-.015em;margin:0;}
body.mt-site p{margin:0;}
body.mt-site ul{margin:0;padding:0;list-style:none;}
body.mt-site .content-page{min-height:40vh;}

/* film grain — keeps the flat dark from reading as plastic */
body.mt-site::before{
  content:'';position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}

.mt-wrap{width:min(1180px,92vw);margin-inline:auto;}

/* buttons */
.mt-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-display);font-weight:500;
  font-size:.98rem;padding:.95rem 1.9rem;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,background .25s,color .25s,border-color .25s;}
.mt-btn--gold{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#20160A;box-shadow:0 10px 34px -12px rgba(245,184,65,.75);}
.mt-btn--gold:hover{transform:translateY(-3px);box-shadow:0 18px 44px -14px rgba(245,184,65,.9);color:#20160A;}
.mt-btn--ghost{border-color:var(--line);color:var(--cream);background:rgba(255,255,255,.02);}
.mt-btn--ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px);}

/* nav */
.mt-nav{position:sticky;top:0;z-index:40;background:rgba(7,10,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);}
.mt-nav__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.05rem 0;}
.mt-brand{display:flex;align-items:center;gap:.75rem;}
.mt-brand img{width:40px;height:40px;border-radius:11px;object-fit:cover;}
/* wordmark: wide, so let it keep its ratio instead of being cropped to a square */
.mt-brand__logo,.mt-brand img.mt-brand__logo{width:auto;height:44px;max-width:200px;border-radius:0;object-fit:contain;}
@media(max-width:640px){.mt-brand__logo,.mt-brand img.mt-brand__logo{height:32px;max-width:170px;}}
.mt-brand__mark{width:40px;height:40px;border-radius:11px;flex:none;background:linear-gradient(135deg,var(--gold-lt),var(--gold-dk));display:grid;place-items:center;color:#1A1206;font-family:var(--f-display);font-weight:700;font-size:1.15rem;}
.mt-brand__name{font-family:var(--f-display);font-weight:600;font-size:1.12rem;letter-spacing:-.02em;}
.mt-nav__links{display:flex;align-items:center;gap:2rem;}
.mt-nav__links a{font-size:.94rem;color:var(--muted);transition:color .2s;position:relative;}
.mt-nav__links a::after{content:'';position:absolute;inset-inline-start:0;bottom:-6px;height:1.5px;width:0;background:var(--gold);transition:width .28s cubic-bezier(.2,.8,.3,1);}
.mt-nav__links a:hover{color:var(--cream);}
.mt-nav__links a:hover::after{width:100%;}
@media(max-width:900px){.mt-nav__links{display:none;}}

/* hero */
.mt-hero{position:relative;padding:clamp(4rem,9vw,7.5rem) 0 clamp(3.5rem,7vw,6rem);overflow:hidden;}
.mt-hero__glow{position:absolute;z-index:0;pointer-events:none;width:min(900px,110vw);aspect-ratio:1;border-radius:50%;top:-46%;inset-inline-start:-22%;background:radial-gradient(circle,rgba(245,184,65,.20) 0%,rgba(245,184,65,.06) 42%,transparent 68%);filter:blur(20px);}
.mt-hero__grid{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 60% 0%,#000 35%,transparent 78%);mask-image:radial-gradient(ellipse 90% 70% at 60% 0%,#000 35%,transparent 78%);}
.mt-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
@media(max-width:980px){.mt-hero__in{grid-template-columns:1fr;}}
.mt-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.82rem;letter-spacing:.02em;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:.42rem 1.05rem;background:rgba(245,184,65,.05);margin-bottom:1.6rem;}
.mt-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:mtPulse 2.4s infinite;}
@keyframes mtPulse{0%{box-shadow:0 0 0 0 rgba(63,203,147,.6);}70%{box-shadow:0 0 0 9px rgba(63,203,147,0);}100%{box-shadow:0 0 0 0 rgba(63,203,147,0);}}
.mt-hero h1{font-size:clamp(2.5rem,6.2vw,4.6rem);font-weight:700;letter-spacing:-.03em;}
.mt-accent{background:linear-gradient(120deg,var(--gold-lt),var(--gold) 55%,var(--gold-dk));-webkit-background-clip:text;background-clip:text;color:transparent;}
.mt-hero__lead{margin-top:1.5rem;font-size:clamp(1rem,1.5vw,1.16rem);color:var(--muted);max-width:52ch;}
.mt-hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2.4rem;}
.mt-stats{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,4vw,3.2rem);margin-top:3.2rem;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.07);}
.mt-stat__n{font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700;color:var(--gold);line-height:1;}
.mt-stat__l{font-size:.86rem;color:var(--muted);margin-top:.45rem;}

/* route card */
.mt-route{position:relative;background:linear-gradient(160deg,var(--surface),var(--ink));border:1px solid rgba(255,255,255,.075);border-radius:26px;padding:1.9rem 1.7rem;box-shadow:0 40px 90px -40px rgba(0,0,0,.95);}
.mt-route::after{content:'';position:absolute;inset:-1px;border-radius:27px;padding:1px;pointer-events:none;background:linear-gradient(150deg,rgba(245,184,65,.55),transparent 42%,transparent 62%,rgba(245,184,65,.22));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.mt-route__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;}
.mt-route__hd h3{font-size:1.06rem;font-weight:600;}
.mt-route__badge{font-size:.75rem;color:var(--green);background:rgba(63,203,147,.1);border:1px solid rgba(63,203,147,.28);padding:.28rem .8rem;border-radius:999px;}
.mt-leg{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:stretch;}
.mt-leg__rail{display:flex;flex-direction:column;align-items:center;padding-top:.9rem;}
.mt-dot{width:11px;height:11px;border-radius:50%;flex:none;}
.mt-dot--a{background:var(--green);box-shadow:0 0 0 4px rgba(63,203,147,.16);}
.mt-dot--b{background:var(--gold);box-shadow:0 0 0 4px rgba(245,184,65,.16);}
.mt-leg__line{width:2px;flex:1;min-height:46px;margin:.45rem 0;background:repeating-linear-gradient(to bottom,var(--line) 0 5px,transparent 5px 11px);}
.mt-field{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:.85rem 1.05rem;transition:border-color .25s,background .25s;}
.mt-field:hover{border-color:var(--line);background:rgba(255,255,255,.055);}
.mt-field__l{font-size:.73rem;color:var(--muted);letter-spacing:.03em;}
.mt-field__v{font-family:var(--f-display);font-size:1rem;font-weight:500;margin-top:.15rem;}
.mt-field + .mt-field{margin-top:1.1rem;}
.mt-fare{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.7rem;padding-top:1.4rem;border-top:1px dashed rgba(255,255,255,.11);}
.mt-fare__l{font-size:.82rem;color:var(--muted);}
.mt-fare__v{font-family:var(--f-display);font-size:1.75rem;font-weight:700;color:var(--gold);line-height:1;}
.mt-fare__v small{font-size:.85rem;font-weight:400;color:var(--muted);margin-inline-start:.3rem;}

/* cities marquee */
.mt-cities{border-block:1px solid rgba(255,255,255,.07);background:var(--ink);padding:1.5rem 0;overflow:hidden;position:relative;}
.mt-cities::before,.mt-cities::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;}
.mt-cities::before{inset-inline-start:0;background:linear-gradient(to left,transparent,var(--ink));}
.mt-cities::after{inset-inline-end:0;background:linear-gradient(to right,transparent,var(--ink));}
.mt-marquee{display:flex;gap:3rem;width:max-content;animation:mtScroll 46s linear infinite;}
.mt-cities:hover .mt-marquee{animation-play-state:paused;}
@keyframes mtScroll{from{transform:translateX(0);}to{transform:translateX(50%);}}
.mt-city{display:flex;align-items:center;gap:.7rem;font-family:var(--f-display);font-size:1.02rem;color:var(--muted);white-space:nowrap;transition:color .2s;}
.mt-city:hover{color:var(--gold);}
.mt-city::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.55;flex:none;}

/* sections */
.mt-sec{padding:clamp(4.5rem,8vw,7.5rem) 0;}
.mt-sec--alt{background:var(--ink);border-block:1px solid rgba(255,255,255,.07);}
.mt-sec__hd{max-width:60ch;margin-bottom:clamp(2.5rem,5vw,4rem);}
.mt-sec__hd--c{margin-inline:auto;text-align:center;}
.mt-kicker{font-size:.8rem;letter-spacing:.16em;color:var(--gold);margin-bottom:1rem;}
.mt-sec h2{font-size:clamp(1.85rem,3.9vw,2.9rem);font-weight:600;letter-spacing:-.025em;}
.mt-sec__sub{margin-top:1.1rem;color:var(--muted);font-size:1.03rem;}

/* features */
.mt-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:1.15rem;}
.mt-feat{position:relative;background:linear-gradient(165deg,var(--surface),rgba(11,16,24,.6));border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:2.1rem 1.7rem;transition:transform .35s cubic-bezier(.2,.8,.3,1),border-color .35s,background .35s;overflow:hidden;}
.mt-feat::before{content:'';position:absolute;top:0;inset-inline-end:0;width:0;height:2px;background:linear-gradient(to left,var(--gold),transparent);transition:width .45s cubic-bezier(.2,.8,.3,1);}
.mt-feat:hover{transform:translateY(-6px);border-color:var(--line);background:linear-gradient(165deg,var(--surface-2),rgba(11,16,24,.7));}
.mt-feat:hover::before{width:100%;}
.mt-feat__n{font-family:var(--f-display);font-size:.8rem;color:var(--gold);opacity:.85;letter-spacing:.1em;}
.mt-feat h3{font-size:1.2rem;font-weight:600;margin:1rem 0 .7rem;}
.mt-feat p{color:var(--muted);font-size:.95rem;}

/* steps */
.mt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2.2rem;}
.mt-step{position:relative;padding-top:3.6rem;}
.mt-step__n{position:absolute;top:0;inset-inline-start:0;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-family:var(--f-display);font-weight:700;font-size:1.22rem;background:linear-gradient(140deg,var(--gold-lt),var(--gold-dk));color:#1A1206;box-shadow:0 14px 32px -14px rgba(245,184,65,.8);}
.mt-step h3{font-size:1.16rem;font-weight:600;margin-bottom:.65rem;}
.mt-step p{color:var(--muted);font-size:.95rem;}

/* driver band */
.mt-band{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(125deg,#14100A 0%,var(--surface) 48%,var(--ink) 100%);border:1px solid var(--line);padding:clamp(2.5rem,5.5vw,4.2rem);display:grid;grid-template-columns:1.25fr .75fr;gap:2.5rem;align-items:center;}
@media(max-width:860px){.mt-band{grid-template-columns:1fr;}}
.mt-band::before{content:'';position:absolute;top:-60%;inset-inline-end:-14%;width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(245,184,65,.22),transparent 66%);pointer-events:none;}
.mt-band h2{font-size:clamp(1.7rem,3.4vw,2.5rem);position:relative;z-index:1;}
.mt-band p{color:var(--muted);margin-top:1.1rem;max-width:48ch;position:relative;z-index:1;}
.mt-band__pts{display:grid;gap:.85rem;position:relative;z-index:1;}
.mt-band__pt{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;}
.mt-band__pt span{color:var(--green);font-weight:700;flex:none;line-height:1.7;}

/* download */
.mt-dl__badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.4rem;}
.mt-store{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.6rem;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);transition:border-color .25s,transform .25s,background .25s;}
.mt-store:hover{border-color:var(--gold);transform:translateY(-3px);background:rgba(245,184,65,.06);}
.mt-store svg{width:26px;height:26px;fill:var(--cream);flex:none;}
.mt-store__t{text-align:start;}
.mt-store__t small{display:block;font-size:.7rem;color:var(--muted);}
.mt-store__t strong{font-family:var(--f-display);font-size:1rem;font-weight:600;}

/* legal / article pages */
.mt-article{width:min(820px,92vw);margin-inline:auto;padding:clamp(3rem,7vw,5.5rem) 0;}
.mt-article h2{font-size:clamp(1.9rem,4vw,2.7rem);margin-bottom:.5rem;}
.mt-article h3{font-size:1.25rem;margin:2.6rem 0 .9rem;color:var(--gold);}
.mt-article h4{font-size:1.05rem;margin:1.7rem 0 .6rem;}
.mt-article p{color:var(--muted);margin-bottom:1rem;}
.mt-article ul{list-style:none;margin:0 0 1.4rem;padding:0;}
.mt-article li{color:var(--muted);position:relative;padding-inline-start:1.4rem;margin-bottom:.6rem;}
.mt-article li::before{content:'';position:absolute;inset-inline-start:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.6;}
.mt-article strong{color:var(--cream);font-weight:600;}

/* footer */
.mt-foot{background:var(--ink);border-top:1px solid rgba(255,255,255,.07);padding:clamp(3rem,6vw,4.5rem) 0 2rem;}
.mt-foot__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;}
@media(max-width:780px){.mt-foot__grid{grid-template-columns:1fr;}}
.mt-foot h4{font-size:.86rem;letter-spacing:.1em;color:var(--gold);margin-bottom:1.15rem;}
.mt-foot p,.mt-foot li{color:var(--muted);font-size:.92rem;}
.mt-foot li{margin-bottom:.6rem;}
.mt-foot li a:hover{color:var(--gold);}
.mt-foot__bottom{margin-top:3rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem;color:var(--muted);}

/* entrance */
.mt-rise{opacity:0;transform:translateY(26px);animation:mtRise .85s cubic-bezier(.2,.8,.3,1) forwards;}
@keyframes mtRise{to{opacity:1;transform:none;}}
.d1{animation-delay:.05s}.d2{animation-delay:.15s}.d3{animation-delay:.25s}
.d4{animation-delay:.35s}.d5{animation-delay:.45s}.d6{animation-delay:.55s}

/* notices, panels, forms (account deletion page) */
.mt-note{border-radius:14px;padding:1rem 1.3rem;margin-bottom:1.6rem;font-size:.95rem;border:1px solid;}
.mt-note--ok{background:rgba(63,203,147,.09);border-color:rgba(63,203,147,.35);color:#8FE7C4;}
.mt-note--err{background:rgba(255,96,96,.08);border-color:rgba(255,96,96,.32);color:#FFA9A9;}
.mt-note ul{list-style:none;}
.mt-note li{margin-bottom:.3rem;}
.mt-panel{background:linear-gradient(165deg,var(--surface),rgba(11,16,24,.6));border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:2rem 1.8rem;margin-bottom:2.4rem;}
.mt-panel h3{font-size:1.08rem;font-weight:600;color:var(--gold);margin-bottom:.9rem;}
.mt-list{list-style:none;padding:0;margin:0;}
.mt-list li{color:var(--muted);position:relative;padding-inline-start:1.4rem;margin-bottom:.55rem;font-size:.95rem;}
.mt-list li::before{content:'';position:absolute;inset-inline-start:0;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.6;}
.mt-list strong{color:var(--cream);}
.mt-fine{font-size:.87rem;color:var(--muted);margin-top:1.5rem;}
.mt-fine a{color:var(--gold);border-bottom:1px solid transparent;transition:border-color .2s;}
.mt-fine a:hover{border-color:var(--gold);}
.mt-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
@media(max-width:640px){.mt-form__row{grid-template-columns:1fr;}}
.mt-form__f{display:block;margin-bottom:1.1rem;}
.mt-form__f > span{display:block;font-size:.88rem;color:var(--cream);margin-bottom:.5rem;font-family:var(--f-display);font-weight:500;}
.mt-form__f > span small{color:var(--muted);font-weight:400;}
.mt-form__f input,.mt-form__f select,.mt-form__f textarea{width:100%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:.85rem 1.05rem;color:var(--cream);font-family:var(--f-body);font-size:.97rem;transition:border-color .22s,background .22s,box-shadow .22s;}
.mt-form__f input::placeholder,.mt-form__f textarea::placeholder{color:#5C6880;}
.mt-form__f input:focus,.mt-form__f select:focus,.mt-form__f textarea:focus{outline:none;border-color:var(--gold);background:rgba(255,255,255,.055);box-shadow:0 0 0 3px rgba(245,184,65,.12);}
.mt-form__f select{appearance:none;cursor:pointer;}
.mt-form__f select option{background:var(--surface);color:var(--cream);}
.mt-form__f textarea{resize:vertical;min-height:110px;}
.mt-check{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.2rem;cursor:pointer;font-size:.94rem;color:var(--muted);}
.mt-check input{width:19px;height:19px;flex:none;margin-top:.28rem;accent-color:var(--gold);cursor:pointer;}
.mt-check span{line-height:1.65;}

@media(prefers-reduced-motion:reduce){
  body.mt-site *{animation:none!important;transition:none!important;}
  .mt-rise{opacity:1;transform:none;}
}

/* ==========================================================================
   Mobile bottom bar.
   .mt-nav__links is hidden below 900px, so on a phone the site had no
   navigation once you scrolled past the header. This bar covers the four
   destinations that matter and reserves its own height at the end of the page
   so nothing ends up underneath it — including the iOS home indicator.
   ========================================================================== */
body.mt-site{--sitebar-h:62px;--sitebar-safe:env(safe-area-inset-bottom,0px);}

.mt-sitebar{display:none;}

@media(max-width:900px){
  .mt-sitebar{
    display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;
    position:fixed;inset-inline:0;bottom:0;z-index:60;
    height:calc(var(--sitebar-h) + var(--sitebar-safe));
    padding-bottom:var(--sitebar-safe);
    background:rgba(7,10,18,.94);backdrop-filter:blur(18px);
    border-top:1px solid rgba(255,255,255,.07);
    box-shadow:0 -18px 42px -26px rgba(0,0,0,.95);
  }
  .mt-sitebar__item{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;
    color:var(--muted);font-size:.66rem;line-height:1.2;text-align:center;padding:.3rem .2rem;
    transition:color .2s;
  }
  .mt-sitebar__item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;
    stroke-linecap:round;stroke-linejoin:round;}
  .mt-sitebar__item:hover,.mt-sitebar__item.is-active{color:var(--gold);}
  .mt-sitebar__cta{color:var(--gold);}
  .mt-sitebar__item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

  /* clearance: the footer is the last thing on every public page */
  body.mt-site .mt-foot{padding-bottom:calc(var(--sitebar-h) + var(--sitebar-safe) + 1.2rem);}
  /* anchor targets must not land under the sticky header either */
  body.mt-site [id]{scroll-margin-top:78px;}
}

/* ==========================================================================
   Download section — two apps, three platforms each.
   Slots the admin has not filled in render as a muted "قريباً" chip rather
   than a link that goes nowhere.
   ========================================================================== */
.mt-apps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:2.6rem;}
@media(max-width:860px){.mt-apps{grid-template-columns:1fr;}}

.mt-app{position:relative;background:linear-gradient(160deg,var(--surface),var(--ink));
  border:1px solid rgba(255,255,255,.075);border-radius:24px;padding:1.8rem 1.6rem;
  box-shadow:0 34px 80px -44px rgba(0,0,0,.95);transition:border-color .3s,transform .3s;}
.mt-app:hover{transform:translateY(-4px);}
.mt-app--gold:hover{border-color:rgba(245,184,65,.3);}
.mt-app--blue:hover{border-color:rgba(90,169,255,.32);}

.mt-app__hd{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}
.mt-app__icon{width:52px;height:52px;flex:none;border-radius:15px;display:grid;place-items:center;}
.mt-app__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;}
.mt-app--gold .mt-app__icon{background:rgba(245,184,65,.12);border:1px solid var(--line);color:var(--gold);}
.mt-app--blue .mt-app__icon{background:rgba(90,169,255,.12);border:1px solid rgba(90,169,255,.24);color:#5AA9FF;}
.mt-app__hd h3{font-size:1.16rem;font-weight:600;}
.mt-app__hd p{margin-top:.35rem;color:var(--muted);font-size:.92rem;line-height:1.65;}

.mt-app__links{display:grid;gap:.65rem;}
.mt-app .mt-store{display:flex;align-items:center;gap:.75rem;padding:.72rem 1rem;border-radius:14px;
  border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);
  transition:border-color .22s,background .22s,transform .22s;}
.mt-app .mt-store:hover{background:rgba(255,255,255,.05);transform:translateX(-3px);}
.mt-app--gold .mt-store:hover{border-color:var(--gold);}
.mt-app--blue .mt-store:hover{border-color:#5AA9FF;}
.mt-app .mt-store svg{width:22px;height:22px;flex:none;fill:currentColor;}
.mt-app .mt-store__t{display:flex;flex-direction:column;line-height:1.25;text-align:start;}
.mt-app .mt-store__t small{font-size:.7rem;color:var(--muted);}
.mt-app .mt-store__t strong{font-size:.95rem;font-weight:600;}

.mt-store--soon{opacity:.45;cursor:default;}
.mt-store--soon:hover{transform:none!important;background:rgba(255,255,255,.025)!important;
  border-color:rgba(255,255,255,.09)!important;}