/* =========================================================
   Alfrhany v3 — dual-brand gateway
   ========================================================= */
:root{
  --af-app:#00584f;--af-app-2:#008979;--af-app-accent:#f2aa00;--af-app-deep:#003630;
  --af-net:#d81f2a;--af-net-2:#ef3440;--af-net-blue:#2764b7;--af-net-deep:#10243d;
  --brand-primary:#17324d;--brand-secondary:#46647f;--brand-accent:#f2aa00;--brand-deep:#0e2235;
  --brand-soft:#eef4f8;--brand-rgb:23,50,77;
}
body.af-brand-app{--brand-primary:var(--af-app);--brand-secondary:var(--af-app-2);--brand-accent:var(--af-app-accent);--brand-deep:var(--af-app-deep);--brand-soft:#edf8f5;--brand-rgb:0,88,79;--af-green:var(--brand-primary);--af-green-2:var(--brand-secondary);--af-gold:var(--brand-accent);--af-gold-2:#ffd46a;--af-deep:var(--brand-deep)}
body.af-brand-network{--brand-primary:var(--af-net);--brand-secondary:var(--af-net-blue);--brand-accent:#4b82cc;--brand-deep:var(--af-net-deep);--brand-soft:#f5f7fb;--brand-rgb:216,31,42;--af-green:var(--brand-primary);--af-green-2:var(--brand-secondary);--af-gold:var(--brand-accent);--af-gold-2:#9dc4f6;--af-deep:var(--brand-deep)}
body.af-brand-portal{--af-green:#17324d;--af-green-2:#355c7d;--af-gold:#f2aa00;--af-deep:#0e2235}

.af-header-v3{border-bottom:1px solid rgba(var(--brand-rgb),.1);background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.af-header-v3 .mm-header__inner{min-height:78px}.af-v3-brand{gap:12px}.af-v3-brand .mm-identity-logo{width:57px!important;height:57px!important;border-radius:17px!important;object-fit:contain!important;background:#fff;border:1px solid rgba(var(--brand-rgb),.12);padding:3px;box-shadow:0 7px 22px rgba(var(--brand-rgb),.1)}
.af-brand-copy strong{color:var(--brand-deep);font-size:16px}.af-brand-copy small{color:#728090}
.af-dual-mini{position:relative;display:flex;width:73px;height:54px}.af-dual-mini img{position:absolute;width:49px;height:49px;object-fit:contain;background:#fff;border:2px solid #fff;border-radius:16px;box-shadow:0 6px 18px rgba(16,36,61,.15)}.af-dual-mini img:first-child{right:0;z-index:2}.af-dual-mini img:last-child{left:0;top:5px}
.af-v3-nav{display:flex;align-items:center;gap:5px}.af-v3-nav>a{padding:9px 11px;border-radius:11px;color:#415367;font-size:11px;font-weight:850}.af-v3-nav>a:hover{background:var(--brand-soft);color:var(--brand-primary)}
.af-head-support{background:var(--brand-primary)!important}.af-head-support strong{color:#fff!important}.af-head-support span{color:rgba(255,255,255,.7)!important}
.af-header-v3 .mm-iconbtn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}

/* Parent gateway */
.af-gateway{overflow:hidden;background:#f7fafc}.af-gateway-hero{position:relative;padding:72px 0 80px;background:linear-gradient(150deg,#0b1e30 0%,#132e47 48%,#0a1b2b 100%);color:#fff}
.af-gateway-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 38%,rgba(0,137,121,.18),transparent 28%),radial-gradient(circle at 83% 42%,rgba(216,31,42,.17),transparent 28%),radial-gradient(circle at 50% -20%,rgba(255,255,255,.12),transparent 28%)}
.af-gateway-hero:after{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 75%)}
.af-gateway-hero>.mm-container{position:relative;z-index:2}.af-gateway-intro{text-align:center;max-width:800px;margin:0 auto 44px}.af-gateway-kicker{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.06);font-size:10px;font-weight:850;color:rgba(255,255,255,.74)}.af-gateway-kicker i{width:7px;height:7px;border-radius:50%;background:linear-gradient(90deg,var(--af-app-accent),var(--af-net));box-shadow:0 0 0 5px rgba(255,255,255,.05)}
.af-gateway-intro h1{font-size:50px;line-height:1.28;letter-spacing:-1.8px;margin:18px 0 13px}.af-gateway-intro h1 em{font-style:normal;background:linear-gradient(90deg,#6ed8c5 12%,#f4bc36 42%,#fff 51%,#ff8f96 78%,#78a6e6);-webkit-background-clip:text;background-clip:text;color:transparent}.af-gateway-intro p{max-width:630px;margin:auto;color:rgba(255,255,255,.65);line-height:1.9;font-size:14px}
.af-gateway-cards{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);align-items:stretch;max-width:1050px;margin:auto}.af-gate{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:165px 1fr;align-items:center;gap:25px;min-height:390px;padding:34px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.075);backdrop-filter:blur(18px);transition:.3s;color:#fff}.af-gate-network{border-radius:0 30px 30px 0}.af-gate-app{border-radius:30px 0 0 30px}.af-gate:hover{transform:translateY(-8px);background:rgba(255,255,255,.11);box-shadow:0 35px 80px rgba(0,0,0,.26)}
.af-gate-glow{position:absolute;z-index:-1;width:290px;height:290px;border-radius:50%;filter:blur(5px);opacity:.16;transition:.3s}.af-gate-network .af-gate-glow{right:-130px;bottom:-140px;background:var(--af-net)}.af-gate-app .af-gate-glow{left:-130px;bottom:-140px;background:var(--af-app-2)}.af-gate:hover .af-gate-glow{opacity:.28;transform:scale(1.2)}
.af-gate-number{position:absolute;top:20px;left:22px;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.38);font-weight:900}.af-gate-logo{width:165px;height:165px;border-radius:30px;background:#fff;display:grid;place-items:center;padding:9px;box-shadow:0 24px 55px rgba(0,0,0,.27)}.af-gate-logo img{width:100%;height:100%;object-fit:contain;border-radius:22px}.af-gate-copy small{color:#8adfce;font-size:9px;font-weight:900}.af-gate-network .af-gate-copy small{color:#ff9197}.af-gate-copy h2{margin:6px 0 11px;font-size:27px;line-height:1.42}.af-gate-copy p{font-size:11px;line-height:1.8;color:rgba(255,255,255,.6);margin:0 0 22px}.af-gate-copy strong{display:inline-flex;align-items:center;gap:8px;font-size:10px}.af-gate-copy strong b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--af-app-accent);color:#062b27}.af-gate-network .af-gate-copy strong b{background:var(--af-net);color:#fff}.af-gate-count{position:absolute;right:26px;bottom:19px;font-size:9px;color:rgba(255,255,255,.38)}
.af-gateway-bridge{position:relative;z-index:3;display:grid;place-items:center}.af-gateway-bridge:before{content:"";position:absolute;inset:12% 50%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.3),transparent)}.af-gateway-bridge span{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#132b43;color:rgba(255,255,255,.65);font-size:10px;font-weight:900}
.af-gateway-help{padding:40px 0 48px;background:#f7fafc}.af-gateway-help-grid{display:grid;grid-template-columns:1fr 270px 270px;align-items:center;gap:14px}.af-gateway-help-grid>div>span{font-size:9px;color:#718093;font-weight:900}.af-gateway-help-grid>div h2{font-size:22px;margin:4px 0;color:#172f46}.af-quick-contact{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:#fff;border:1px solid #e1e8ee;box-shadow:0 10px 28px rgba(14,34,53,.05)}.af-quick-contact i{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:950}.af-quick-contact.app i{background:var(--af-app)}.af-quick-contact.network i{background:linear-gradient(135deg,var(--af-net),var(--af-net-blue))}.af-quick-contact span{font-size:9px;color:#7d8996}.af-quick-contact strong{display:block;margin-top:2px;font-size:14px;color:#172f46}

/* Branded section hero */
.af-brand-home{background:#fff}.af-brand-hero{position:relative;overflow:hidden;padding:75px 0;background:var(--brand-deep);color:#fff}.af-brand-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(var(--brand-rgb),.45),transparent 35%),linear-gradient(120deg,transparent 48%,rgba(255,255,255,.035) 48%)}.af-brand-hero:after{content:"";position:absolute;width:530px;height:530px;left:-180px;top:-240px;border:85px solid rgba(255,255,255,.035);border-radius:50%}
.af-brand-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:70px}.af-brand-back{display:inline-flex;color:rgba(255,255,255,.56);font-size:10px;font-weight:800;margin-bottom:24px}.af-brand-label{display:block;color:var(--brand-accent);font-size:10px;font-weight:950}.af-brand-hero-copy h1{font-size:49px;line-height:1.3;margin:8px 0 14px}.af-brand-hero-copy h1 em{font-style:normal;color:var(--brand-accent)}.af-brand-hero-copy p{max-width:650px;color:rgba(255,255,255,.67);line-height:1.9;font-size:14px}.af-brand-actions{display:flex;gap:10px;margin-top:25px}.af-brand-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 19px;border-radius:14px;font-size:11px;font-weight:900}.af-brand-primary{background:var(--brand-primary);color:#fff}.af-brand-app .af-brand-primary{background:var(--brand-accent);color:var(--brand-deep)}.af-brand-secondary{border:1px solid rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.06)}.af-brand-stats{display:flex;gap:28px;margin-top:30px}.af-brand-stats span{font-size:9px;color:rgba(255,255,255,.48)}.af-brand-stats b{display:block;font-size:19px;color:#fff}
.af-brand-hero-logo{position:relative;display:grid;place-items:center;min-height:340px}.af-brand-hero-logo:before,.af-brand-hero-logo:after,.af-brand-hero-logo>span{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.af-brand-hero-logo:before{width:330px;height:330px}.af-brand-hero-logo:after{width:270px;height:270px;border-style:dashed}.af-brand-hero-logo>span{width:390px;height:390px;border-color:rgba(var(--brand-rgb),.35)}.af-brand-hero-logo img{position:relative;z-index:2;width:210px;height:210px;object-fit:contain;border-radius:36px;padding:8px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.af-logo-orbit{position:absolute;z-index:3;width:318px;height:318px;border-radius:50%;font-style:normal;animation:afLogoOrbit 10s linear infinite;pointer-events:none}.af-logo-orbit b{position:absolute;top:-12px;left:50%;display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:var(--brand-accent);color:var(--brand-deep);font-size:13px;box-shadow:0 0 0 7px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.25)}.af-logo-orbit-alt{width:248px;height:248px;animation-duration:7s;animation-direction:reverse}.af-logo-orbit-alt b{top:auto;bottom:-6px;width:15px;height:15px;font-size:7px;background:#fff;color:var(--brand-primary);box-shadow:0 0 18px rgba(255,255,255,.7)}.af-logo-spark{position:absolute;z-index:3;color:var(--brand-accent);font-style:normal;filter:drop-shadow(0 0 7px currentColor);animation:afLogoSpark 2.2s ease-in-out infinite}.af-logo-spark-one{right:10%;top:23%;font-size:14px}.af-logo-spark-two{left:12%;bottom:25%;font-size:9px;animation-delay:-1.1s}.af-brand-hero-logo img{animation:afLogoFloat 4.8s ease-in-out infinite}
@keyframes afLogoOrbit{to{transform:rotate(360deg)}}@keyframes afLogoSpark{0%,100%{opacity:.35;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.25) rotate(90deg)}}@keyframes afLogoFloat{0%,100%{transform:translateY(0);box-shadow:0 30px 80px rgba(0,0,0,.34)}50%{transform:translateY(-7px);box-shadow:0 38px 90px rgba(var(--brand-rgb),.28)}}
@media(prefers-reduced-motion:reduce){.af-logo-orbit,.af-logo-spark,.af-brand-hero-logo img{animation:none!important}}

/* Section tools */
.af-network-tools,.af-app-tools{padding:38px 0;background:var(--brand-soft);border-bottom:1px solid rgba(var(--brand-rgb),.09)}.af-network-tools-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:10px}.af-network-tool{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid rgba(39,100,183,.12);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(16,36,61,.05)}.af-network-tool i{flex:0 0 43px;width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#edf3fb;color:var(--brand-secondary);font-style:normal;font-weight:950}.af-network-tool small{display:block;color:#8490a0;font-size:8px}.af-network-tool strong{display:block;color:var(--brand-deep);font-size:11px;margin:2px 0}.af-network-tool em{font-style:normal;color:var(--brand-secondary);font-size:8px;font-weight:900}.af-network-tool.featured{background:linear-gradient(135deg,var(--brand-deep),var(--brand-secondary));border:0}.af-network-tool.featured i{background:var(--brand-primary);color:#fff}.af-network-tool.featured small,.af-network-tool.featured em{color:#a8c8f2}.af-network-tool.featured strong{color:#fff;font-size:13px}
.af-app-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.af-app-tools-grid>a{display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:21px;background:#fff;border:1px solid rgba(0,88,79,.1);box-shadow:0 12px 30px rgba(0,88,79,.05)}.af-app-tools-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--brand-primary);color:#fff;font-style:normal}.af-app-tools-grid span{flex:1}.af-app-tools-grid small{display:block;color:#829088;font-size:8px}.af-app-tools-grid strong{font-size:13px;color:var(--brand-deep)}.af-app-tools-grid b{color:var(--brand-secondary);font-size:9px}
.af-app-socials{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.af-app-tools-grid .af-app-socials>a{padding:7px 11px;border-radius:99px;background:rgba(0,88,79,.07);border:1px solid rgba(0,88,79,.1);color:var(--brand-primary);font-size:8px;font-weight:900;box-shadow:none}

/* Branded category cards */
.af-brand-library{padding:72px 0 90px}.af-brand-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.af-brand-section-head span{font-size:9px;color:var(--brand-secondary);font-weight:950}.af-brand-section-head h2{font-size:30px;margin:5px 0;color:var(--brand-deep)}.af-brand-section-head p{max-width:360px;color:#84909d;font-size:11px;line-height:1.8}.af-brand-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.af-brand-cat{position:relative;overflow:hidden;border-radius:27px;background:#fff;border:1px solid rgba(var(--brand-rgb),.12);box-shadow:0 18px 55px rgba(var(--brand-rgb),.07);transition:.25s}.af-brand-cat:hover{transform:translateY(-6px);box-shadow:0 25px 65px rgba(var(--brand-rgb),.14);border-color:rgba(var(--brand-rgb),.3)}.af-brand-cat-media{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:4/3;margin:8px;border-radius:21px;background:var(--brand-soft)}.af-brand-cat-media img{width:100%;height:100%;object-fit:contain;transition:.3s}.af-brand-cat:hover img{transform:scale(1.035)}.af-brand-cat-media>span{font-size:60px}.af-brand-cat-media em{position:absolute;top:11px;left:11px;width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:var(--brand-deep);color:#fff;font-style:normal;font-size:9px;font-weight:950}.af-brand-cat-copy{padding:9px 19px 21px}.af-brand-cat-copy small{font-size:8px;color:var(--brand-secondary);font-weight:900}.af-brand-cat-copy h3{font-size:19px;margin:4px 0 15px;color:var(--brand-deep)}.af-brand-cat-copy>span{display:flex;justify-content:space-between;color:#7b8895;font-size:9px;font-weight:900}.af-brand-cat-copy b{color:var(--brand-primary)}
.af-empty-after-grid{margin-top:18px}

/* Brand services live below the category icons */
.af-brand-services{padding:58px 0 72px;background:var(--brand-soft);border-top:1px solid rgba(var(--brand-rgb),.09)}.af-services-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}.af-services-head span{font-size:9px;color:var(--brand-secondary);font-weight:950}.af-services-head h2{margin:5px 0 0;color:var(--brand-deep);font-size:27px}.af-services-head p{max-width:370px;margin:0;color:#7d8a96;font-size:11px;line-height:1.8}.af-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.af-service-card{display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;border-radius:20px;background:#fff;border:1px solid rgba(var(--brand-rgb),.11);color:var(--brand-deep);box-shadow:0 12px 32px rgba(var(--brand-rgb),.055);transition:.22s}.af-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(var(--brand-rgb),.12)}.af-service-card i{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;font-style:normal}.af-service-card i svg{width:27px;height:27px}.af-service-card span{min-width:0;flex:1}.af-service-card small,.af-service-card strong,.af-service-card em{display:block}.af-service-card small{color:#85918e;font-size:8px}.af-service-card strong{margin-top:2px;color:var(--brand-deep);font-size:12px}.af-service-card em{margin-top:5px;color:var(--brand-secondary);font-size:8px;font-style:normal;font-weight:900}.af-service-card.is-featured{min-height:105px}.af-service-grid-app .is-featured{grid-column:span 2}.af-service-card.is-googleplay i{background:linear-gradient(135deg,#18a56f,#087c4e)}.af-service-card.is-whatsapp i{background:#20bd5a}.af-service-card.is-facebook i{background:#1877f2}.af-service-card.is-instagram i{background:radial-gradient(circle at 30% 100%,#ffd600 0 18%,#ff7a00 32%,#e1306c 58%,#833ab4 82%)}.af-service-card.is-telegram i{background:#229ed9}.af-service-card.is-tiktok i{background:#111;box-shadow:inset 3px 0 #25f4ee,inset -3px 0 #fe2c55}.af-service-card.is-youtube i{background:#f00}.af-service-card.is-complaints i{background:linear-gradient(135deg,#f3a414,#e25d24)}.af-service-card.is-management i{background:linear-gradient(135deg,#285c9f,#173b6c)}
.af-service-grid-app{display:block}.af-service-primary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.af-service-primary-row .is-featured{grid-column:auto}.af-service-social-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:11px}.af-service-social-row .af-service-card{min-height:112px;flex-direction:column;justify-content:center;text-align:center;padding:12px 8px}.af-service-social-row .af-service-card i{width:45px;height:45px;flex-basis:45px}.af-service-social-row .af-service-card span{flex:0}.af-service-social-row .af-service-card small{margin-bottom:2px}.af-service-social-row .af-service-card strong{font-size:10px}
html.mm-dark .af-brand-services{background:#0a1a28;border-color:rgba(255,255,255,.08)}html.mm-dark .af-services-head h2,html.mm-dark .af-service-card strong{color:#edf6fb}html.mm-dark .af-services-head p{color:#91a7b7}html.mm-dark .af-service-card{background:#102536;border-color:rgba(172,200,220,.15);box-shadow:0 14px 36px rgba(0,0,0,.2)}html.mm-dark .af-service-card small{color:#8ea3b2}

/* Combined archive router */
.af-router-hero{padding:65px 0;text-align:center;background:var(--brand-deep);color:#fff}.af-router-hero a{color:rgba(255,255,255,.55);font-size:10px}.af-router-hero span{display:block;color:#89a5bd;font-size:9px;font-weight:900;margin-top:15px}.af-router-hero h1{font-size:43px;margin:6px 0}.af-router-hero p{color:rgba(255,255,255,.62)}.af-router-body{padding:60px 0 85px}.af-router-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.af-router-card{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:24px;padding:25px;border-radius:27px;border:1px solid #e4e9ee;background:#fff;box-shadow:0 18px 55px rgba(14,34,53,.07);transition:.25s}.af-router-card:hover{transform:translateY(-5px)}.af-router-card img{width:180px;height:180px;border-radius:24px;object-fit:contain;background:#fff}.af-router-card small{font-size:9px}.af-router-card h2{font-size:23px;margin:6px 0 18px;color:#172f46}.af-router-card span{font-size:10px;font-weight:900}.af-router-card.app small,.af-router-card.app span{color:var(--af-app)}.af-router-card.network small,.af-router-card.network span{color:var(--af-net)}

/* Existing card templates inherit the active identity */
.af-brand-network .af-template-hero,.af-brand-network .single-mm_card .mm-page-title{background:linear-gradient(135deg,var(--af-net-deep),#183f6e)!important}.af-brand-network .af-template-media em,.af-brand-network .af-studio-media em{background:var(--af-net-deep);color:#fff}.af-brand-network .af-template-media i,.af-brand-network .af-template-copy span,.af-brand-network .af-template-toolbar>div>span{color:var(--af-net-blue)}.af-brand-network .mm-btn--primary{background:linear-gradient(135deg,var(--af-net),var(--af-net-blue))!important}.af-brand-network .mmc-step{background:var(--af-net-deep)!important}

/* Footer */
.af-footer-v3{margin:0!important;border-radius:34px 34px 0 0!important;padding:48px 0 90px!important;background:#0c1d2c!important;color:#fff}.af-footer-grid{display:grid;grid-template-columns:1.6fr .7fr .8fr;gap:50px;align-items:start}.af-footer-about{display:flex;gap:16px;align-items:center}.af-footer-logos{display:flex;width:105px}.af-footer-logos img{width:61px;height:61px;object-fit:contain;border-radius:17px;background:#fff;padding:3px;border:2px solid #fff}.af-footer-logos img+img{margin-right:-17px;margin-top:11px}.af-footer-about h3{margin:0 0 5px;font-size:18px}.af-footer-about p{margin:0;color:rgba(255,255,255,.5);font-size:10px}.af-footer-links,.af-footer-contact{display:flex;flex-direction:column;gap:8px}.af-footer-links strong,.af-footer-contact strong{font-size:10px;color:#91abc1;margin-bottom:4px}.af-footer-links a,.af-footer-contact a{color:rgba(255,255,255,.68);font-size:10px}.af-footer-copy{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.38);font-size:9px}.af-bottomnav-v3 span{display:block;font-size:18px;line-height:1}.af-bottomnav-v3 a.active{color:var(--brand-primary)}.af-bottomnav-v3 a.active:before{background:var(--brand-primary)}

/* Real dark mode — applies to all v3 surfaces, cards, forms and plugin UI. */
html.mm-dark{color-scheme:dark;background:#07131e}
html.mm-dark body{background:#07131e;color:#dce8f1;--af-paper:#0b1d2a;--af-cream:#102536;--af-line:rgba(168,197,218,.16);--af-muted:#93a8b8;--mm-bg:#07131e;--mm-card:#102536;--mm-text:#e9f2f8;--mm-muted:#93a8b8;--mm-border:rgba(168,197,218,.16)}
html.mm-dark .af-header-v3{background:rgba(8,24,36,.96);border-color:rgba(255,255,255,.08)}
html.mm-dark .af-brand-copy strong,html.mm-dark .af-v3-nav>a{color:#edf6fb}html.mm-dark .af-brand-copy small{color:#8fa6b7}html.mm-dark .af-v3-nav>a:hover{background:rgba(255,255,255,.07)}
html.mm-dark .af-header-v3 .mm-iconbtn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#f4f8fb}
html.mm-dark .af-gateway,html.mm-dark .af-gateway-help,html.mm-dark .af-brand-home,html.mm-dark .af-brand-library,html.mm-dark .af-router-body,html.mm-dark .af-template-body,html.mm-dark .af-studio-body,html.mm-dark .af-final-cta{background:#07131e}
html.mm-dark .af-network-tools,html.mm-dark .af-app-tools{background:#0a1a28;border-color:rgba(255,255,255,.08)}
html.mm-dark .af-gateway-help-grid>div h2,html.mm-dark .af-brand-section-head h2,html.mm-dark .af-brand-cat-copy h3,html.mm-dark .af-router-card h2,html.mm-dark .af-template-toolbar h2,html.mm-dark .af-studio-copy h2,html.mm-dark .af-app-tools-grid strong,html.mm-dark .af-network-tool strong{color:#f2f7fa}
html.mm-dark .af-quick-contact,html.mm-dark .af-brand-cat,html.mm-dark .af-router-card,html.mm-dark .af-template-card,html.mm-dark .af-studio-card,html.mm-dark .af-app-tools-grid>a,html.mm-dark .af-network-tool,html.mm-dark .mm-content,html.mm-dark .mmc-editor,html.mm-dark .af-empty,html.mm-dark .af-plugin-missing{background:#102536;border-color:rgba(172,200,220,.15);box-shadow:0 18px 55px rgba(0,0,0,.22)}
html.mm-dark .af-quick-contact strong,html.mm-dark .af-template-copy h2,html.mm-dark .af-plugin-missing h2{color:#edf6fb}
html.mm-dark .af-brand-cat-media,html.mm-dark .af-template-media,html.mm-dark .af-studio-media{background:#0a1b29}
html.mm-dark .af-template-toolbar label,html.mm-dark .mmc-field input,html.mm-dark .mmc-field textarea,html.mm-dark .mmc-field select{background:#0a1b29!important;color:#edf6fb!important;border-color:rgba(172,200,220,.18)!important}
html.mm-dark .af-template-toolbar input{color:#edf6fb}html.mm-dark .af-template-toolbar input::placeholder,html.mm-dark .mmc-field input::placeholder,html.mm-dark .mmc-field textarea::placeholder{color:#748c9e}
html.mm-dark .af-final-box{background:#102536;border-color:rgba(172,200,220,.15)}
html.mm-dark .mm-drawer__panel{background:#0b1d2a!important;color:#edf6fb}html.mm-dark .mm-drawer__panel>a{color:#dce8f1;border-color:rgba(255,255,255,.09)!important}
html.mm-dark .mm-bottomnav{background:rgba(8,24,36,.96);border-color:rgba(255,255,255,.1)}html.mm-dark .mm-bottomnav a{color:#94a9b9}html.mm-dark .mm-bottomnav a.active{color:#fff}

/* AI support — available from every Alfrhany surface */
.af-v3-nav .af-nav-ai{color:#563b00;background:linear-gradient(135deg,#fff4c7,#ffd86b);border:1px solid rgba(199,139,0,.2)}
.af-v3-nav .af-nav-ai:hover{background:linear-gradient(135deg,#ffe68f,#ffc83d);color:#382600}
.af-drawer-ai{background:linear-gradient(135deg,#fff8dc,#ffe38a)!important;color:#4c3600!important;border-radius:12px;margin-top:5px;font-weight:900!important}
.af-ai-chat{position:fixed;z-index:999;right:22px;left:auto;bottom:22px;display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 13px 9px 16px;border-radius:19px;background:linear-gradient(135deg,#102c48,#0c6f83);color:#fff!important;text-decoration:none;box-shadow:0 18px 45px rgba(5,38,61,.28);border:1px solid rgba(255,255,255,.18);transition:transform .2s ease,box-shadow .2s ease}
.af-ai-chat:hover{transform:translateY(-4px);box-shadow:0 23px 55px rgba(5,38,61,.36)}
.af-ai-chat>span{width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.14);font-size:22px;line-height:1}
.af-ai-chat strong{display:flex;flex-direction:column;font-size:12px;line-height:1.45;white-space:nowrap}.af-ai-chat small{font-size:9px;color:#cdeaf0;font-weight:700}
html.mm-dark .af-v3-nav .af-nav-ai{color:#ffe79b;background:rgba(242,169,0,.12);border-color:rgba(255,210,88,.22)}
html.mm-dark .af-drawer-ai{background:rgba(242,169,0,.13)!important;color:#ffe391!important}
html.mm-dark .af-ai-chat{background:linear-gradient(135deg,#173b5d,#0b7788);box-shadow:0 18px 48px rgba(0,0,0,.4)}

@media(max-width:720px){
  .af-ai-chat{right:11px;left:auto;bottom:76px;min-height:48px;padding:6px;border-radius:16px}
  .af-ai-chat>span{width:36px;height:36px;border-radius:11px;font-size:20px}
  .af-ai-chat strong{display:none}
}

/* Visitor usage guide */
.af-guide-page{background:#f5f8f7}.af-guide-hero{position:relative;overflow:hidden;padding:76px 0 72px;text-align:center;color:#fff;background:linear-gradient(145deg,#082f3d,#0c645f 58%,#123e5e)}.af-guide-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(242,170,0,.22),transparent 25%),radial-gradient(circle at 85% 90%,rgba(78,139,211,.25),transparent 30%)}.af-guide-hero .mm-container{position:relative}.af-guide-hero>a{color:#b8d8d4;font-size:10px}.af-guide-hero span{display:block;margin-top:20px;color:#ffd464;font-size:10px;font-weight:900}.af-guide-hero h1{font-size:44px;margin:8px 0 12px}.af-guide-hero p{max-width:680px;margin:auto;color:rgba(255,255,255,.7);line-height:1.9}
.af-guide-body{padding:0 0 90px}.af-guide-jumps{position:relative;z-index:3;display:flex;justify-content:center;gap:6px;max-width:760px;margin:-24px auto 50px;padding:9px;border:1px solid #e1e9e6;border-radius:17px;background:#fff;box-shadow:0 16px 40px rgba(0,50,43,.09)}.af-guide-jumps a{padding:10px 14px;border-radius:11px;color:#35524d;font-size:10px;font-weight:900}.af-guide-jumps a:hover{background:#edf7f4;color:#00675d}
.af-guide-section{scroll-margin-top:110px;margin-bottom:30px;padding:34px;border:1px solid #e0e9e6;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(0,55,47,.055)}.af-guide-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:25px}.af-guide-heading>b{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#083f49;color:#ffd05a;font-size:11px}.af-guide-heading span{font-size:9px;color:#008577;font-weight:900}.af-guide-heading h2{margin:3px 0;color:#123a36;font-size:25px}.af-guide-heading p{margin:4px 0 0;color:#71817d;font-size:11px}
.af-guide-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.af-guide-choice-grid>a{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #dfe8e5;border-radius:20px;color:#173d38}.af-guide-choice-grid img{width:68px;height:68px;object-fit:contain;border-radius:16px;background:#fff}.af-guide-choice-grid span{flex:1}.af-guide-choice-grid strong,.af-guide-choice-grid small{display:block}.af-guide-choice-grid strong{font-size:13px}.af-guide-choice-grid small{margin-top:3px;color:#7a8884;font-size:9px}.af-guide-choice-grid>a>b{font-size:9px}.af-guide-choice-grid .app{background:#f0faf7}.af-guide-choice-grid .app>b{color:#007d6f}.af-guide-choice-grid .network{background:#f7f8fc}.af-guide-choice-grid .network>b{color:#cf2731}
.af-guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.af-guide-steps article{padding:19px;border-radius:18px;background:#f7faf9;border:1px solid #e5ecea}.af-guide-steps i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#07574f;color:#fff;font-style:normal;font-size:10px;font-weight:900}.af-guide-steps h3{font-size:13px;color:#173d38;margin:12px 0 5px}.af-guide-steps p{font-size:10px;line-height:1.8;color:#74827e;margin:0}.af-guide-tip{margin-top:15px;padding:13px 16px;border-radius:13px;background:#fff8dc;color:#6c560b;font-size:10px}
.af-guide-support-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.af-guide-support-grid>a{display:flex;align-items:center;gap:11px;padding:17px;border-radius:18px;background:#f6f9f8;border:1px solid #e1e9e6;color:#163b37}.af-guide-support-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e6f1ef;font-style:normal;font-size:20px}.af-guide-support-grid span{flex:1}.af-guide-support-grid strong,.af-guide-support-grid small{display:block}.af-guide-support-grid strong{font-size:11px}.af-guide-support-grid small{font-size:9px;color:#74827e;margin-top:3px}.af-guide-support-grid>a>b{font-size:8px}.af-guide-support-grid .ai{background:linear-gradient(135deg,#102f4c,#0b7180);color:#fff;border:0}.af-guide-support-grid .ai i{background:rgba(255,255,255,.12)}.af-guide-support-grid .ai small{color:#c5e7eb}
html.mm-dark .af-guide-page,html.mm-dark .af-guide-body{background:#07131e}html.mm-dark .af-guide-jumps,html.mm-dark .af-guide-section{background:#102536;border-color:rgba(172,200,220,.15)}html.mm-dark .af-guide-jumps a,html.mm-dark .af-guide-heading h2,html.mm-dark .af-guide-choice-grid>a,html.mm-dark .af-guide-steps h3,html.mm-dark .af-guide-support-grid>a{color:#edf6fb}html.mm-dark .af-guide-choice-grid>a,html.mm-dark .af-guide-steps article,html.mm-dark .af-guide-support-grid>a{background:#0a1b29;border-color:rgba(172,200,220,.15)}html.mm-dark .af-guide-choice-grid small,html.mm-dark .af-guide-steps p,html.mm-dark .af-guide-heading p{color:#91a7b7}

@media(max-width:760px){.af-guide-hero{padding:48px 0 58px}.af-guide-hero h1{font-size:31px}.af-guide-hero p{font-size:11px}.af-guide-jumps{justify-content:flex-start;overflow-x:auto;margin-bottom:28px;white-space:nowrap}.af-guide-section{padding:20px;border-radius:21px}.af-guide-heading h2{font-size:20px}.af-guide-choice-grid{grid-template-columns:1fr}.af-guide-steps{grid-template-columns:1fr 1fr}.af-guide-support-grid{grid-template-columns:1fr}.af-guide-support-grid .ai{order:-1}}
@media(max-width:420px){.af-guide-steps{grid-template-columns:1fr}.af-guide-choice-grid>a{align-items:flex-start}.af-guide-choice-grid img{width:55px;height:55px}.af-guide-choice-grid>a>b{display:none}}

@media(max-width:1050px){
  .af-v3-nav{display:none}.af-gateway-cards{grid-template-columns:1fr 35px 1fr}.af-gate{grid-template-columns:125px 1fr;padding:25px;gap:18px}.af-gate-logo{width:125px;height:125px}.af-gateway-help-grid{grid-template-columns:1fr 230px 230px}.af-brand-hero-grid{grid-template-columns:1fr 300px;gap:35px}.af-network-tools-grid{grid-template-columns:1fr 1fr}.af-brand-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-router-card{grid-template-columns:130px 1fr}.af-router-card img{width:130px;height:130px}.af-footer-grid{grid-template-columns:1.2fr .7fr .8fr;gap:30px}
}
@media(max-width:760px){
  .af-header-v3 .mm-header__inner{min-height:70px}.af-v3-brand .mm-identity-logo{width:49px!important;height:49px!important;border-radius:14px!important}.af-dual-mini{width:62px;height:47px}.af-dual-mini img{width:43px;height:43px;border-radius:13px}.af-brand-copy strong{font-size:13px}.af-brand-copy small{display:none}
  .af-gateway-hero{padding:44px 0 52px}.af-gateway-intro{margin-bottom:26px}.af-gateway-intro h1{font-size:34px;line-height:1.35;margin-top:14px}.af-gateway-intro p{font-size:12px}.af-gateway-cards{display:block}.af-gate{grid-template-columns:108px 1fr;min-height:285px;padding:22px;border-radius:24px!important}.af-gate+.af-gateway-bridge+.af-gate{margin-top:14px}.af-gate-logo{width:108px;height:108px;border-radius:22px;padding:5px}.af-gate-logo img{border-radius:17px}.af-gate-copy h2{font-size:21px}.af-gate-copy p{font-size:9px;margin-bottom:14px}.af-gate-number{top:13px;left:15px}.af-gate-count{right:auto;left:17px;bottom:14px}.af-gateway-bridge{display:none}.af-gateway-help{padding:26px 0}.af-gateway-help-grid{grid-template-columns:1fr 1fr}.af-gateway-help-grid>div{grid-column:1/-1}.af-gateway-help-grid>div h2{font-size:18px}.af-quick-contact{padding:11px;gap:8px}.af-quick-contact i{width:38px;height:38px}.af-quick-contact strong{font-size:11px}
  .af-brand-hero{padding:45px 0 50px}.af-brand-hero-grid{grid-template-columns:1fr;text-align:center;gap:25px}.af-brand-back{margin-bottom:18px}.af-brand-hero-copy h1{font-size:34px}.af-brand-hero-copy p{font-size:12px}.af-brand-actions,.af-brand-stats{justify-content:center}.af-brand-hero-logo{min-height:245px;order:-1}.af-brand-hero-logo:before{width:235px;height:235px}.af-brand-hero-logo:after{width:195px;height:195px}.af-brand-hero-logo>span{width:270px;height:270px}.af-brand-hero-logo img{width:155px;height:155px;border-radius:27px}.af-logo-orbit{width:225px;height:225px}.af-logo-orbit-alt{width:180px;height:180px}.af-logo-orbit b{width:21px;height:21px;top:-8px}.af-logo-spark-one{right:8%}.af-logo-spark-two{left:9%}.af-network-tools,.af-app-tools{padding:25px 0}.af-network-tools-grid{grid-template-columns:1fr 1fr;gap:9px}.af-network-tool{padding:12px;gap:8px}.af-network-tool i{width:39px;height:39px;flex-basis:39px}.af-network-tool strong{font-size:10px}.af-network-tool.featured{grid-column:1/-1}.af-app-tools-grid{grid-template-columns:1fr}.af-app-tools-grid>a{padding:14px}.af-brand-library{padding:48px 0 62px}.af-brand-section-head{display:block;margin-bottom:20px}.af-brand-section-head h2{font-size:24px}.af-brand-section-head p{margin-top:8px}.af-brand-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.af-brand-cat{border-radius:20px}.af-brand-cat-media{margin:5px;border-radius:16px;aspect-ratio:1/1}.af-brand-cat-media em{width:32px;height:32px;border-radius:10px}.af-brand-cat-copy{padding:7px 12px 15px}.af-brand-cat-copy h3{font-size:14px;margin-bottom:10px}.af-brand-cat-copy>span{font-size:8px}
  .af-brand-services{padding:42px 0 60px}.af-services-head{display:block}.af-services-head h2{font-size:22px}.af-services-head p{margin-top:8px}.af-service-card{min-height:86px;padding:13px}.af-service-grid-app .is-featured{grid-column:auto}.af-service-social-row .af-service-card{min-height:100px;padding:10px 6px}
  .af-router-hero{padding:44px 0}.af-router-hero h1{font-size:31px}.af-router-body{padding:35px 0 60px}.af-router-grid{grid-template-columns:1fr}.af-router-card{grid-template-columns:105px 1fr;padding:15px;gap:15px}.af-router-card img{width:105px;height:105px}.af-router-card h2{font-size:17px;margin-bottom:12px}
  .af-footer-v3{padding:38px 0 100px!important}.af-footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.af-footer-about{grid-column:1/-1}.af-footer-about p{max-width:260px}.af-footer-copy{margin-top:25px}.af-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
  .af-gateway-intro h1{font-size:30px}.af-gate{grid-template-columns:88px 1fr;min-height:265px;padding:17px;gap:13px}.af-gate-logo{width:88px;height:88px}.af-gate-copy h2{font-size:18px}.af-gate-copy strong{font-size:9px}.af-gateway-help-grid{grid-template-columns:1fr}.af-gateway-help-grid>div{grid-column:auto}.af-brand-actions{display:grid;grid-template-columns:1fr}.af-brand-stats{gap:45px}.af-network-tools-grid{grid-template-columns:1fr}.af-network-tool.featured{grid-column:auto}.af-brand-cat-grid{grid-template-columns:1fr 1fr}.af-service-grid{grid-template-columns:1fr}.af-service-primary-row{grid-template-columns:1fr 1fr;gap:7px}.af-service-primary-row .af-service-card{min-width:0;min-height:92px;padding:10px;gap:8px}.af-service-primary-row .af-service-card i{width:40px;height:40px;flex-basis:40px}.af-service-primary-row .af-service-card strong{font-size:10px}.af-service-primary-row .af-service-card em{font-size:7px}.af-service-social-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.af-service-social-row .af-service-card{min-width:0;min-height:82px;padding:7px 2px;border-radius:14px}.af-service-social-row .af-service-card i{width:36px;height:36px;flex-basis:36px;border-radius:11px}.af-service-social-row .af-service-card i svg{width:21px;height:21px}.af-service-social-row .af-service-card small{display:none}.af-service-social-row .af-service-card strong{font-size:8px;white-space:nowrap}.af-service-card{min-height:78px}.af-footer-grid{grid-template-columns:1fr}.af-footer-about{grid-column:auto}.af-template-grid{grid-template-columns:1fr 1fr!important}
}

/* نافذة بيانات الزائر الأولى — متاحة في جميع صفحات الموقع */
body.af-modal-open{overflow:hidden}
.af-profile-modal[hidden]{display:none!important}
.af-profile-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;direction:rtl}
.af-profile-backdrop{position:absolute;inset:0;background:rgba(2,12,18,.72);backdrop-filter:blur(8px)}
.af-profile-dialog{position:relative;width:min(100%,470px);max-height:calc(100vh - 30px);overflow:auto;padding:27px;border-radius:25px;background:var(--mm-card);color:var(--mm-ink);box-shadow:0 28px 90px rgba(0,0,0,.35);text-align:center;animation:afProfileIn .35s ease both}
.af-profile-dialog::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--mm-green),var(--mm-gold),#e3262e)}
.af-profile-close{position:absolute;top:13px;left:13px;width:35px;height:35px;border:0;border-radius:50%;background:var(--mm-bg);color:var(--mm-ink);font-size:24px;cursor:pointer}
.af-profile-icon{width:62px;height:62px;margin:0 auto 11px;border-radius:20px;display:grid;place-items:center;background:var(--mm-grad);color:#fff;font-size:28px;box-shadow:0 12px 28px rgba(0,124,109,.22)}
.af-profile-dialog>span{font-size:12px;color:var(--mm-green);font-weight:900}
.af-profile-dialog h2{margin:4px 0 7px;font-size:26px}
.af-profile-dialog>p{margin:0 auto 16px;max-width:390px;color:var(--mm-muted);line-height:1.8;font-size:14px}
.af-profile-dialog form{display:grid;gap:11px;text-align:right}
.af-profile-dialog label{display:grid;gap:5px;font-size:13px;font-weight:800}
.af-profile-dialog input{width:100%;box-sizing:border-box;border:1px solid var(--mm-border);border-radius:12px;padding:12px 13px;background:var(--mm-bg);color:var(--mm-ink);font:inherit}
.af-profile-dialog input:focus{outline:none;border-color:var(--mm-green);box-shadow:0 0 0 3px rgba(0,124,109,.13)}
.af-profile-later{border:0;background:transparent;color:var(--mm-muted);font-family:inherit;font-weight:700;cursor:pointer;padding:6px}
.af-profile-dialog>small{display:block;margin-top:11px;color:var(--mm-muted);font-size:11px}
@keyframes afProfileIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}