:root{--navy:#12304F;--navy2:#0D2238;--teal:#1E7A66;--teal-d:#135446;--mint:#EAF5F1;--ink:#14202B;--muted:#4A5866;--line:#E3E8EE;--bg:#F6F8FA;--red:#B8322A}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 'Public Sans',system-ui,sans-serif}
[dir=rtl] body,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button{font-family:'IBM Plex Sans Arabic','Public Sans',system-ui,sans-serif}
a{color:var(--teal)}a:hover{color:var(--teal-d)}
h1,h2,h3{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;color:var(--navy);margin:0}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'IBM Plex Sans Arabic',Sora,sans-serif}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.bar{background:var(--navy2);color:#E6EDF3;text-align:center;font-size:14px;padding:9px 16px;line-height:1.6}
.bar a{color:#8FD6C3;font-weight:700}.bar b{color:#fff}
.bt{display:inline-block;background:#F5B841;color:#2A1D00;font-weight:800;font-size:11.5px;letter-spacing:.06em;padding:1px 8px;border-radius:3px;margin:0 6px}
.bt.off{background:var(--red);color:#fff}.sep{opacity:.35;margin:0 10px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding:14px 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.brand span{font-family:Sora,sans-serif;font-weight:800;font-size:22px}
.beta{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.08em;background:#F5B841;color:#2A1D00;padding:1px 6px;border-radius:3px}
nav{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;font-weight:600;font-size:15px}
nav a{color:var(--ink);text-decoration:none;padding:6px 0}nav a:hover{color:var(--teal)}
nav .lang{border:1.5px solid var(--navy);border-radius:999px;padding:5px 14px;color:var(--navy)}
.eye{display:block;font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--teal);margin-bottom:10px}
[dir=rtl] .eye{letter-spacing:0;font-size:15px}
.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px 56px;padding:56px 24px 64px}
.htxt{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:16px}
.hero h1{font-size:clamp(36px,5.4vw,58px);line-height:1.04;letter-spacing:-1px}
[dir=rtl] .hero h1{letter-spacing:0;line-height:1.25}
.lede{font-size:19px;color:var(--muted);margin:0;max-width:34em}
.clicks{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.clk{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:800;font-size:36px;color:var(--navy);animation:glow 3s ease-in-out infinite;margin-inline-end:4px}
@keyframes glow{0%,100%{color:#12304F}50%{color:#1E7A66}}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--mint);color:var(--teal-d);font-weight:700;font-size:15px;padding:8px 14px;border-radius:999px;opacity:0;animation:pop .6s cubic-bezier(.2,.8,.2,1) forwards}
.chip.dark{background:var(--navy);color:#fff}.c1{animation-delay:.3s}.c2{animation-delay:.8s}.c3{animation-delay:1.3s}
@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
.roles{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted)}
.roles b{color:var(--navy);border:2px solid var(--navy);border-radius:10px;padding:4px 11px}.roles i{font-style:normal;color:var(--teal);font-weight:800}.roles strong{color:var(--teal)}
.priv{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:var(--teal-d);font-weight:600;font-size:14px;padding:8px 14px;border-radius:10px}
.ringbox{position:relative;width:420px;height:420px;max-width:100%;flex:0 0 auto;aspect-ratio:1}
.ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 40s linear infinite}
.ring.rev{animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.go{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52%;aspect-ratio:1;border-radius:50%;background:var(--teal);color:#fff!important;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 18px 40px rgba(18,48,79,.25),inset 0 0 0 8px rgba(255,255,255,.12);transition:transform .2s}
.go:hover{transform:translate(-50%,-50%) scale(1.05);background:var(--teal-d)}
.go b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:800;font-size:30px;line-height:1.05;text-align:center}
.go span{font-size:13px;font-weight:600;color:#D9F2EA}
.navy{background:var(--navy);color:#fff}
.sec{padding:72px 24px}
h2{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.5px}
[dir=rtl] h2{letter-spacing:0;line-height:1.35}
h2.w{color:#fff}.wp{color:#D5DEE8;font-size:18px;margin:10px 0 0}
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:30px}
.door{background:#fff;color:var(--ink)!important;text-decoration:none;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .15s}
.door:hover{transform:translateY(-4px)}
.door b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:20px;color:var(--navy)}.door span{color:var(--muted);font-size:15px}.door em{font-style:normal;font-weight:700;color:var(--teal);margin-top:auto}
.door.aud{background:#8FD6C3}.door.aud b,.door.aud span,.door.aud em{color:var(--navy2)}
.inds{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:26px}
.ind{border-radius:18px;padding:28px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;text-decoration:none}
.ind b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:24px}.ind span{font-size:15px}.ind em{font-style:normal;font-weight:700}
.ind.on{background:var(--navy);color:#fff!important}.ind.on span{color:#D5DEE8}.ind.on em{color:#8FD6C3}
.ind.on2{background:var(--teal);color:#fff!important}.ind.on2 span{color:#E6F4EF}
.ind.soon{border:1.5px dashed #C9D2DC;color:var(--muted)!important;justify-content:flex-end}
.fs{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;border:2px solid var(--navy);border-radius:18px;padding:22px 26px;text-decoration:none;color:var(--ink)!important}
.fs div{display:flex;flex-direction:column;gap:4px;flex:1 1 380px}.fs b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:20px;color:var(--navy)}.fs span{color:var(--muted)}
.fs em{font-style:normal;font-weight:700;background:var(--teal);color:#fff;border-radius:999px;padding:12px 20px}
.band{background:var(--bg)}
.sub{color:var(--muted);font-size:17px;margin:12px 0 0;max-width:46em}
.kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:28px}
.kit{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.kn{font-family:Sora,sans-serif;font-weight:800;color:var(--teal);font-size:14px}
.kit h3{font-size:18px;line-height:1.3}.kit p{margin:0;color:var(--muted);font-size:14.5px;flex:1}
.pr{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.was{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--red)}
.now{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:800;font-size:24px;color:var(--navy)}
.cd{font-size:12px;font-weight:700;background:var(--red);color:#fff;padding:2px 8px;border-radius:4px}
.kb{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;font-size:16px;border:0;border-radius:999px;padding:12px 22px;background:var(--teal);color:#fff!important;text-decoration:none;cursor:pointer;min-height:44px}
.btn:hover{background:var(--teal-d)}.btn.sm{font-size:14px;padding:9px 16px;min-height:40px}.btn.ink{background:var(--navy)}
.lnk{font-weight:600;font-size:14px}
.aud{background:var(--navy2);color:#fff}
.aud h2{color:#fff;font-size:clamp(46px,8vw,86px);line-height:.98;letter-spacing:-2px}
[dir=rtl] .aud h2{letter-spacing:0;line-height:1.2}
.asub{color:#8FD6C3;font-weight:600;font-size:17px;margin:14px 0 0}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:32px}
.tool{background:var(--navy);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:6px}
.tool small{font-size:12px;font-weight:700;letter-spacing:1.5px;color:#8FD6C3}.tool b{font-size:17px}.tool span{font-size:14px;color:#D5DEE8;flex:1}
.tg{align-self:flex-start;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;padding:2px 8px;border-radius:3px;margin-top:6px}
.tg.ok{background:var(--teal);color:#fff}.tg.no{background:#2D4B6B;color:#D5DEE8}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips span{border:1px solid #2D4B6B;border-radius:999px;padding:7px 14px;font-size:14px;color:#D5DEE8}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:26px}
.hw span{font-family:Sora,sans-serif;font-weight:800;font-size:44px;color:var(--teal)}.hw b{display:block;font-size:20px;margin:4px 0}.hw p{margin:0;color:var(--muted)}
.about{display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap}
.about>div:last-child{flex:1 1 480px;min-width:0}
.about p{color:var(--muted);font-size:17px;margin:12px 0 0;max-width:46em}
.av{flex:0 0 auto;width:140px;height:140px;border-radius:50%;background:var(--navy);color:#fff;font-family:Sora,sans-serif;font-weight:800;font-size:64px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px var(--mint)}
.abt{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.abt span{background:var(--mint);color:var(--teal-d);font-weight:700;font-size:14px;padding:6px 12px;border-radius:999px}
.forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}
.fb,.sb{border:1px solid var(--line);border-radius:18px;padding:26px}
.fb{border:2px solid #F5B841;background:#FFFCF2}
.forms h2{font-size:26px}
form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}
form .full{grid-column:1/-1}
label{display:block;font-weight:600;font-size:14px;margin-bottom:4px}
input,select,textarea{width:100%;font:inherit;font-size:15px;padding:10px 12px;border:1px solid #C9D2DC;border-radius:10px;background:#fff;color:var(--ink)}
.ck label{display:flex;gap:8px;align-items:flex-start;font-weight:500}.ck input{width:auto;margin-top:4px}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
footer{background:var(--navy2);color:#D5DEE8}.ft{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:28px 24px;font-size:14px}footer a{color:#D5DEE8}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ring,.clk{animation:none}.chip{animation:none;opacity:1}}
@media (max-width:600px){.top{padding:12px 16px}.wrap{padding:0 16px}.sec{padding:52px 16px}.hero{padding:36px 16px 48px}.bar{font-size:13px}.sep{display:block;height:4px;visibility:hidden}}
.ann{background:#F5B841;color:#2A1D00;text-align:center;font-size:15px;font-weight:600;padding:10px 16px;line-height:1.5}.ann a{color:#2A1D00;font-weight:800;text-decoration:underline}.tpl .kit .pr{gap:6px 14px}.tpl .kb{gap:10px}.btn.alt{background:#fff;color:var(--navy)!important;border:1.5px solid var(--navy)}.cust{background:linear-gradient(135deg,#12304F,#1E7A66);color:#fff;border-radius:20px;padding:34px 36px;display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;justify-content:space-between;border-inline-start:8px solid #F5B841;box-shadow:0 14px 34px rgba(18,48,79,.2)}.cust div{flex:1 1 420px}.cust .eye{color:#F5B841;margin-bottom:6px}.cust h2{color:#fff;font-size:clamp(24px,3.2vw,34px)}.cust p{margin:10px 0 0;color:#E6F4EF;font-size:17px;max-width:44em}.cust .btn{background:#F5B841;color:#2A1D00!important}.cust .btn:hover{background:#ffd06b}.custw{padding:0 24px 72px}@media (max-width:600px){.custw{padding:0 16px 52px}.cust{padding:26px 22px}}.cb{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 auto}.cust .em{color:#fff;font-weight:600;font-size:15px;direction:ltr}.custx{position:relative;overflow:hidden;background:#0D2238;color:#fff;padding:84px 24px}
.custx:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 85% -10%,rgba(245,184,65,.28),transparent 60%),radial-gradient(700px 380px at 0% 110%,rgba(30,122,102,.55),transparent 60%);pointer-events:none}
.custx:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.cx{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:center}
.cx .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(245,184,65,.14);color:#F5B841;border:1px solid rgba(245,184,65,.45);font-weight:800;font-size:12.5px;letter-spacing:.14em;padding:7px 14px;border-radius:999px}
[dir=rtl] .cx .tag{letter-spacing:0;font-size:14px}
.cx h2{color:#fff;font-size:clamp(30px,4.4vw,50px);line-height:1.08;letter-spacing:-1px;margin:18px 0 0}
[dir=rtl] .cx h2{letter-spacing:0;line-height:1.3}
.cx h2 em{font-style:normal;color:#F5B841}
.cx .lead{color:#C9D8E6;font-size:18px;margin:18px 0 0;max-width:34em}
.cfs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.cf{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(2px)}
.cf i{width:46px;height:46px;border-radius:12px;background:#F5B841;color:#2A1D00;display:flex;align-items:center;justify-content:center}
.cf b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:16px;line-height:1.3}
.cf span{font-size:14px;color:#C9D8E6}
.cc{background:#fff;color:var(--ink);border-radius:22px;padding:30px;box-shadow:0 30px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:14px;position:relative}
.cc:before{content:"";position:absolute;inset-inline:0;top:0;height:6px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,#F5B841,#1E7A66)}
.cc h3{font-size:22px;color:var(--navy);margin-top:6px}
.cc p{margin:0;color:var(--muted);font-size:15.5px}
.cc .btn{width:100%;background:var(--navy);font-size:17px;min-height:52px}
.cc .btn:hover{background:var(--navy2)}
.cc .btn.gold{background:#F5B841;color:#2A1D00!important}
.cc .or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:600}
.cc .or:before,.cc .or:after{content:"";flex:1;height:1px;background:var(--line)}
.cc .mail{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:17px;color:var(--navy);text-decoration:none;border:2px dashed #B9C6D3;border-radius:14px;padding:13px;direction:ltr}
.cc .mail:hover{border-color:var(--teal);color:var(--teal)}
.cc small{color:var(--muted);font-size:13px;text-align:center}
@media (max-width:900px){.cx{grid-template-columns:1fr;gap:30px}.cfs{grid-template-columns:1fr}.custx{padding:56px 16px}}.custx{padding:40px 24px}.cx{gap:32px}.cx h2{font-size:clamp(24px,3vw,34px);margin-top:12px}.cx .lead{font-size:16px;margin-top:10px}.cfs{margin-top:18px;gap:10px}.cf{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:12px}.cf i{width:34px;height:34px;flex:0 0 auto;border-radius:9px}.cf i svg{width:20px;height:20px}.cf b{font-size:14px}.cf span{display:none}.cc{padding:22px;gap:10px}.cc h3{font-size:19px}.cc p{font-size:14.5px}.cc .btn{min-height:46px;font-size:16px}.cc .mail{padding:9px;font-size:16px}.cc small{display:none}@media (max-width:900px){.cfs{grid-template-columns:1fr}.custx{padding:32px 16px}}.pp{background:linear-gradient(90deg,#0D2238,#12304F 60%,#1E7A66);color:#fff;border-top:3px solid #F5B841;padding:12px 24px}.ppi{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 18px;text-align:center}.pp b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:16px}.pp b em{font-style:normal;color:#F5B841}.pp span{color:#C9D8E6;font-size:14.5px}.pp .btn{background:#F5B841;color:#2A1D00!important;min-height:38px;padding:7px 18px;font-size:14.5px}.pp .btn:hover{background:#ffd06b}.pp a.ml{color:#fff;font-weight:700;font-size:14.5px;direction:ltr;text-decoration:underline;text-underline-offset:3px}@media (max-width:600px){.pp{padding:10px 14px}.pp span{display:none}}.pp{padding:22px 24px}.pp b{font-size:26px;font-weight:800}.pp b strong{font-weight:900;color:#F5B841}.pp span{font-size:17px}.pp .btn{min-height:50px;padding:11px 26px;font-size:17px}.pp a.ml{font-size:17px}.ppi{gap:12px 26px}@media (max-width:600px){.pp b{font-size:20px}.pp{padding:16px 14px}}.ppb{padding:28px 24px;background:#fff}.ppb a{display:block;max-width:1000px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px rgba(18,48,79,.18);transition:transform .15s}.ppb a:hover{transform:translateY(-3px)}.ppb img{display:block;width:100%;height:auto}@media (max-width:600px){.ppb{padding:16px}}.ppm{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,20,34,.66);backdrop-filter:blur(2px)}.ppm.on{display:flex;animation:ppf .3s ease}@keyframes ppf{from{opacity:0}to{opacity:1}}.ppm .bx{position:relative;width:min(960px,100%);max-height:100%;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.5)}.ppm .bx a{display:block;border-radius:18px;overflow:hidden}.ppm img{display:block;width:100%;height:auto;max-height:calc(100vh - 60px);object-fit:contain}.ppm .x{position:absolute;top:-14px;right:-14px;left:auto;width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:#B8322A;color:#fff;font:700 26px/1 Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.4);padding:0}.ppm .x:hover{background:#8f2620}@media (max-width:600px){.ppm{padding:14px}.ppm .x{top:-10px;right:-6px;width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.ppm.on{animation:none}}.ppt{position:fixed;bottom:18px;z-index:60;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#12304F,#1E7A66);color:#fff;border:2px solid #F5B841;border-radius:999px;padding:9px 16px 9px 10px;font:700 14px/1.2 'Public Sans','IBM Plex Sans Arabic',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.3)}.ppt:hover{transform:translateY(-2px)}.ppt b{background:#F5B841;color:#2A1D00;border-radius:999px;padding:3px 9px;font-weight:900}.ppt span{white-space:nowrap}[dir=ltr] .ppt{left:18px}[dir=rtl] .ppt{right:18px;padding:9px 10px 9px 16px}@media (max-width:600px){.ppt span{display:none}.ppt{padding:8px 10px}[dir=rtl] .ppt{padding:8px 10px}}
/* ---- v3 additions ---- */
.mq{background:var(--navy2);color:#fff;overflow:hidden;white-space:nowrap;height:44px;display:flex;align-items:center;direction:ltr}
.mq .tr{display:inline-flex;align-items:center;gap:0;animation:mq 52s linear infinite;will-change:transform}
.mq:hover .tr{animation-play-state:paused}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq span{display:inline-block;font-weight:600;font-size:15px;padding:0 28px}
.mq span:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#F5B841;margin-inline-start:28px;vertical-align:middle}
.mq b{color:#F5B841}.mq a{color:#8FD6C3;font-weight:700}
@media (prefers-reduced-motion:reduce){.mq .tr{animation:none}}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:12px 24px}
.hdr nav{gap:6px 18px}
.mg{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#F5B841,#E89A12);color:#2A1D00!important;text-decoration:none;font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:900;font-size:20px;letter-spacing:.04em;text-transform:uppercase;padding:11px 24px;border-radius:999px;box-shadow:0 8px 20px rgba(232,154,18,.4);animation:mgp 2.6s ease-in-out infinite}
[dir=rtl] .mg{letter-spacing:0;text-transform:none;font-size:21px}
.mg:hover{transform:translateY(-2px) scale(1.03)}
@keyframes mgp{0%,100%{box-shadow:0 8px 20px rgba(232,154,18,.4)}50%{box-shadow:0 8px 32px rgba(232,154,18,.75)}}
@media (prefers-reduced-motion:reduce){.mg{animation:none}}
.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px;margin-top:28px}
.bxc{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)!important;background:#fff;border:2px solid var(--line);border-radius:20px;padding:26px;min-height:200px;transition:transform .15s,border-color .15s,box-shadow .15s}
.bxc:hover{transform:translateY(-4px);border-color:var(--teal);box-shadow:0 14px 30px rgba(18,48,79,.12)}
.bxc i{width:54px;height:54px;border-radius:14px;background:var(--mint);color:var(--teal-d);display:flex;align-items:center;justify-content:center}
.bxc b{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:21px;color:var(--navy);line-height:1.2}
.bxc span{color:var(--muted);font-size:15px;flex:1}
.bxc em{font-style:normal;font-weight:700;color:var(--teal)}
.bxc.free{background:var(--navy);border-color:var(--navy)}.bxc.free b,.bxc.free em{color:#fff}.bxc.free span{color:#D5DEE8}.bxc.free i{background:#F5B841;color:#2A1D00}
.bxc.pp{background:var(--mint)}
.getc{background:linear-gradient(135deg,#12304F,#1E7A66);color:#fff;border-radius:22px;padding:34px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.getc h2{color:#fff;font-size:clamp(24px,3.2vw,34px)}.getc p{margin:8px 0 0;color:#D9F2EA;max-width:38em}
.btn.gold{background:#F5B841;color:#2A1D00!important}.btn.gold:hover{background:#E8A92E}
.subrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px}
.subc{display:flex;align-items:center;gap:14px;text-decoration:none;border:2px solid var(--line);border-radius:18px;padding:18px 20px;background:#fff;color:var(--ink)!important;font:inherit;text-align:start;cursor:pointer;width:100%}
.subc:hover{border-color:var(--teal)}
.subc i{flex:0 0 auto;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal}
.subc b{display:block;font-family:Sora,'IBM Plex Sans Arabic',sans-serif;color:var(--navy);font-size:17px}.subc span{display:block;color:var(--muted);font-size:14px}
.fbw{text-align:center;padding:10px 24px 56px}
.fbbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--navy);border:3px solid #F5B841;border-radius:999px;font:inherit;font-weight:800;font-size:18px;padding:14px 30px;cursor:pointer}
.fbbtn:hover{background:#FFFCF2}
.md{position:fixed;inset:0;z-index:110;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(8,20,34,.66)}
.md.on{display:flex}
.md .pn{position:relative;background:#fff;border-radius:20px;width:min(640px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:30px 28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.md .pn h2{font-size:26px}.md .pn .sub{font-size:15.5px}
.md .cl{position:absolute;top:12px;inset-inline-end:12px;width:38px;height:38px;border-radius:50%;border:0;background:#EEF2F6;color:var(--navy);font:700 24px/1 Arial,sans-serif;cursor:pointer}
.md .cl:hover{background:#DDE5EC}
.ph2{display:grid;grid-template-columns:minmax(190px,235px) 1fr;gap:8px}@media (max-width:520px){.ph2{grid-template-columns:1fr}}
.cks{display:flex;flex-wrap:wrap;gap:10px 22px}
.cks label{display:flex;gap:8px;align-items:center;font-weight:600;margin:0}.cks input{width:auto}
.fld[hidden]{display:none}
.pg{background:linear-gradient(135deg,var(--mint),#fff);border-bottom:1px solid var(--line)}
.pg .wrap{padding:44px 24px}
.pg h1{font-size:clamp(32px,5vw,50px);line-height:1.08;letter-spacing:-1px}
[dir=rtl] .pg h1{letter-spacing:0;line-height:1.3}
.pg p{color:var(--muted);font-size:18px;max-width:44em;margin:12px 0 0}
.crumb{font-size:14px;margin-bottom:10px}.crumb a{font-weight:600}
.soonbx{border:2px dashed #C9D2DC;border-radius:20px;padding:36px;text-align:center;color:var(--muted)}
.soonbx b{display:block;font-family:Sora,'IBM Plex Sans Arabic',sans-serif;color:var(--navy);font-size:24px;margin-bottom:8px}
.note{background:#FFFCF2;border:1px solid #F5B841;border-radius:14px;padding:14px 18px;color:#5A4300;font-size:15px;margin-top:20px}
.gm{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px}
.gm div{border:2px dashed #C9D2DC;border-radius:18px;padding:24px;color:var(--muted)}.gm b{display:block;color:var(--navy);font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-size:19px;margin-bottom:6px}
.ppa{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border-radius:18px;overflow:hidden;direction:rtl;font-family:'IBM Plex Sans Arabic','Public Sans',system-ui,sans-serif}
.ppa .l{padding:30px 34px;display:flex;flex-direction:column;gap:12px}
.ppa .lg{display:flex;align-items:center;gap:10px;color:#12304F;font-weight:800;font-size:26px;direction:ltr;align-self:flex-start}
.ppa h3{font-size:clamp(24px,3.4vw,38px);line-height:1.3;color:#0B2447;margin:0}.ppa h3 em{font-style:normal;color:#1A6FE0}
.ppa p{margin:0;color:#34495E;font-size:17px}
.ppa .fs4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.ppa .fs4 div{text-align:center;font-size:13px;color:#34495E;font-weight:600}.ppa .fs4 i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;margin:0 auto 6px;background:#1A6FE0}
.ppa .r{background:linear-gradient(160deg,#EAF2FF,#fff);display:flex;align-items:center;justify-content:center;padding:20px}
.ppa .ft2{grid-column:1/-1;background:#0B3A82;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:16px 30px;font-weight:700;direction:rtl}
.ppa .ft2 span{direction:ltr}.ppa .ft2 b{font-size:20px}
@media (max-width:700px){.ppa{grid-template-columns:1fr}.ppa .r{display:none}}

.kit .pr .was{font-size:13.5px}
/* v3 list + product pages */
.plist{list-style:decimal;padding:0 0 0 28px;margin:0;max-width:760px;font-size:18px;line-height:2.1}
[dir=rtl] .plist{padding:0 28px 0 0}
.plist li::marker{color:var(--muted);font-size:14px}.plist a{font-weight:600}
.lt{font-size:13.5px;color:var(--muted);margin-inline-start:8px}
.pcmp{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:14px}
.pcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:12px}
.pcard.hl{border:2px solid var(--teal);background:linear-gradient(180deg,#F3FBF8,#fff)}
.pcard ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;flex:1}
.pcard li{padding-inline-start:26px;position:relative}
.pcard li::before{content:"\2713";position:absolute;inset-inline-start:0;color:var(--teal);font-weight:800}
.pprice b{font-family:Sora,sans-serif;font-size:30px;color:var(--navy)}.pprice em{font-style:normal;color:var(--muted);font-size:14px}
.pcard .btn{justify-content:center;text-align:center}
.btn.ghost,.btn.ghost:hover{background:#fff!important;color:#12304F!important;border:2px solid #12304F}
.bv{position:absolute;top:-12px;inset-inline-end:20px;background:#F5B841;color:#2A1D00;font-weight:800;font-size:12px;letter-spacing:.05em;padding:3px 10px;border-radius:999px}
.rfb{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px 22px;max-width:900px}
.rfb h3{font-size:18px;margin-bottom:6px}.rfb p{margin:0;color:var(--muted)}
.intb{background:var(--mint);border-radius:18px;padding:28px;max-width:900px}
.intb h2{font-size:24px;margin-bottom:6px}.intb p{margin:0 0 14px;color:var(--muted)}
.intb form{display:flex;flex-direction:column;gap:12px;max-width:520px}.intb label{font-weight:600;font-size:14px;display:block;margin-bottom:4px}
.intb input[type=email]{width:100%;padding:11px 12px;border:1px solid #cdd6df;border-radius:10px;font:inherit}
.intb .ck label{font-weight:400;display:flex;gap:8px;align-items:flex-start}
.intb .btn{align-self:flex-start}
/* games */
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.gcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(18,48,79,.06)}
.gcard h3{font-size:22px}.gcard p{margin:0;color:var(--muted);flex:1}.gn{width:34px;height:34px;border-radius:50%;background:var(--mint);color:var(--teal-d);display:grid;place-items:center;font-weight:800}
.gcard .btn{align-self:flex-start}
.gpanel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;max-width:760px;margin:0 auto}
.gpanel h3{font-size:22px;margin:6px 0 10px}.ghd{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;font-weight:600}
.gh{color:var(--muted);margin:0 0 12px}.glist{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.grow,.gopt{width:100%;text-align:start;background:#fff;border:2px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;gap:14px}
.grow:hover:not(:disabled),.gopt:hover:not(:disabled){border-color:var(--teal)}.grow.ok,.gopt.ok{border-color:#1E9E5A;background:#EAF7EF}.grow.no,.gopt.no{border-color:var(--red);background:#FDEEEC}
.gopts{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.gres{border-radius:12px;padding:12px 14px;margin:0 0 12px}.gres.ok{background:#EAF7EF}.gres.no{background:#FDEEEC}
.gsc{font-size:22px;font-weight:800;color:var(--navy)}.gback{margin:20px 0 0}.btn.sm{padding:8px 14px;font-size:14px}
.gt{border-collapse:collapse;width:100%;margin-bottom:12px}.gt th,.gt td{border-bottom:1px solid var(--line);padding:10px;text-align:end}.gt th:first-child,.gt td:first-child{text-align:start}
.gt input{width:130px;padding:8px;border:2px solid var(--teal);border-radius:8px;font:inherit}

.gcards[hidden]{display:none}

/* ---- mobile polish (Oct 2026) ---- */
html,body{overflow-x:clip}
@media (max-width:600px){
 header{position:static!important}
 .hdr{padding:8px 14px;gap:6px 10px;flex-wrap:wrap}
 .hdr .brand img{width:34px;height:34px}
 .hdr .brand span{font-size:19px}
 .mg{font-size:13px;padding:8px 14px;gap:6px;letter-spacing:.02em;box-shadow:0 4px 12px rgba(232,154,18,.35)}
 .mg svg{width:18px;height:18px}
 [dir=rtl] .mg{font-size:14px}
 .hdr nav{order:3;width:100%;display:flex;gap:6px 16px;font-size:14px;align-items:center}
 .hero{gap:18px;padding:22px 16px 24px}
 .hero h1{font-size:30px;line-height:1.15}
 .lede{font-size:16px}
 .ringbox{width:min(270px,76vw);height:min(270px,76vw);margin:0 auto}
 .sec{padding:36px 16px}
 .boxes{gap:10px}
 .bxc{display:grid;grid-template-columns:46px 1fr;grid-template-areas:"i b" "i s" "i e";column-gap:14px;row-gap:3px;padding:14px 16px;min-height:0;border-radius:16px;align-items:start}
 .bxc i{grid-area:i;width:46px;height:46px;border-radius:12px}
 .bxc i svg{width:24px;height:24px}
 .bxc b{grid-area:b;font-size:17px;line-height:1.25}
 .bxc span{grid-area:s;font-size:14px;line-height:1.4}
 .bxc em{grid-area:e;font-size:14px}
 .ft{flex-direction:column;gap:8px;padding:22px 16px 80px;font-size:13px;overflow-wrap:anywhere}
 .ppt{bottom:12px;left:10px;padding:7px 9px}
 [dir=rtl] .ppt{left:auto;right:10px}
}
.who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wc{background:#fff;border:2px solid var(--line);border-radius:18px;padding:22px 24px}
.wc h2{font-size:22px;margin-bottom:10px}
.wc ul,.wc ol{margin:0;padding-inline-start:20px;display:grid;gap:8px;color:var(--muted)}
.wc.hw{margin-top:18px;background:var(--mint)}
.wc.hw p{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:760px){.who{grid-template-columns:1fr}.wc{padding:18px}}

/* ---- hub layout (Oct 2026): round button beside boxes ---- */
.srh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.hub{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;padding-top:36px;padding-bottom:48px}
.hub .ringbox{width:300px;height:300px;margin-top:14px}
.hub .go b{font-size:21px;letter-spacing:.02em}
.hub .go span{font-size:12px}
.hub .boxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hub .bxc{min-height:0;padding:18px 20px;gap:6px}
.bxc.gm{position:relative;overflow:hidden;color:#fff!important;border:2px solid #9B5CFF;background:radial-gradient(circle at 85% 15%,rgba(255,64,200,.55),transparent 45%),radial-gradient(circle at 10% 90%,rgba(0,229,255,.45),transparent 50%),linear-gradient(135deg,#1A0B3D,#3B1296 55%,#0B1F5C);box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 28px rgba(110,50,255,.45),0 0 22px rgba(0,229,255,.25);animation:gmglow 2.8s ease-in-out infinite}
.bxc.gm::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 4px);pointer-events:none}
.bxc.gm:hover{transform:translateY(-4px) scale(1.02);border-color:#00E5FF;box-shadow:0 14px 34px rgba(110,50,255,.6),0 0 30px rgba(0,229,255,.45)}
.bxc.gm i{background:linear-gradient(135deg,#FF3CC8,#7B3CFF);color:#fff;box-shadow:0 0 18px rgba(255,60,200,.7)}
.bxc.gm b{color:#fff;font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:900;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px rgba(0,229,255,.8)}
.bxc.gm span{color:#E4DBFF}.bxc.gm em{color:#00E5FF;font-weight:800}
[dir=rtl] .bxc.gm b{letter-spacing:0;text-transform:none}
@keyframes gmglow{0%,100%{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 10px 28px rgba(110,50,255,.45),0 0 18px rgba(0,229,255,.2)}50%{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 34px rgba(255,60,200,.5),0 0 30px rgba(0,229,255,.45)}}
@media (prefers-reduced-motion:reduce){.bxc.gm{animation:none}}
.bxc.wh{background:var(--mint)}
@media (max-width:900px){.hub{grid-template-columns:1fr;gap:22px}.hub .ringbox{width:min(250px,70vw);height:min(250px,70vw);margin:0 auto}}
@media (max-width:520px){.hub .boxes{grid-template-columns:1fr;gap:10px}}
.hub .boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hub .bxc{padding:16px 18px;gap:5px}.hub .bxc b{font-size:17px}.hub .bxc span{font-size:14px;line-height:1.4}
.hub .bxc i{width:44px;height:44px}
.bxc.wh{grid-column:span 2}
@media (max-width:1100px){.hub .boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.bxc.wh{grid-column:auto}}
@media (max-width:520px){.hub .boxes{grid-template-columns:1fr}}
.wc.hw{display:block}.wc.hw .btn{width:auto;min-height:0;padding:12px 24px;border-radius:999px}
.hub{align-items:start}
.hl{display:flex;flex-direction:column;align-items:center;gap:14px;width:300px}
.tl{font-size:12.5px;line-height:1.75;text-align:center;color:#8A97A5}
.tl a{color:var(--muted);text-decoration:none;white-space:nowrap}.tl a:hover{color:var(--teal);text-decoration:underline}
@media (max-width:900px){.hl{width:100%}.tl{max-width:420px}}
.tl{display:block!important}.tl a{padding:0!important;display:inline;font-weight:500}
.tl{margin-top:-4px}
.tl{text-align:justify;text-align-last:center;text-justify:inter-word;width:100%}

/* Mind Games pill (Oct 2026) */
.bxc.gm{grid-column:span 2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px 12px 30px;min-height:104px;border-radius:999px;border:3px solid #2D7BFF;color:#fff!important;background:radial-gradient(120% 140% at 50% -20%,#1F58D8 0%,#0B2A98 45%,#061652 100%);box-shadow:0 0 0 2px rgba(255,255,255,.35) inset,0 10px 26px rgba(20,70,220,.45),0 0 24px rgba(39,211,255,.35);animation:gmglow2 2.8s ease-in-out infinite;overflow:hidden}
.bxc.gm::before{display:none}
.bxc.gm::after{content:"";position:absolute;left:6%;right:6%;top:6px;height:34%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none}
.bxc.gm:hover{transform:translateY(-3px) scale(1.02);border-color:#27D3FF}
.gmt{display:flex;flex-direction:column;gap:2px;min-width:0}
.gw{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:900;font-size:46px;line-height:1;letter-spacing:.01em;background:linear-gradient(180deg,#FFF04A 10%,#FFA21A 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(8,22,92,.55);filter:drop-shadow(0 3px 0 rgba(4,12,60,.55)) drop-shadow(0 0 10px rgba(255,190,40,.45))}
.gs{font-size:12.5px;font-weight:800;letter-spacing:.06em;color:#fff;text-transform:uppercase;white-space:nowrap}
.gs em{font-style:normal;color:#27D3FF}
[dir=rtl] .gs,[dir=rtl] .gw{letter-spacing:0;text-transform:none}
.gi{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.gbr{width:62px;height:62px;filter:drop-shadow(0 0 8px rgba(39,211,255,.55))}
.gch{width:46px;height:46px;border-radius:50%;border:3px solid #27D3FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 14px rgba(39,211,255,.6),inset 0 0 8px rgba(39,211,255,.35)}
@keyframes gmglow2{0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.35) inset,0 10px 26px rgba(20,70,220,.45),0 0 18px rgba(39,211,255,.3)}50%{box-shadow:0 0 0 2px rgba(255,255,255,.45) inset,0 12px 32px rgba(20,70,220,.6),0 0 32px rgba(39,211,255,.6)}}
.bxc.wh{grid-column:span 1}
@media (max-width:1100px){.bxc.gm{grid-column:1/-1}.bxc.wh{grid-column:1/-1}}
@media (max-width:520px){.bxc.gm{padding:10px 14px 10px 22px;min-height:88px}.gw{font-size:36px}.gs{font-size:10.5px}.gbr{width:48px;height:48px}.gch{width:38px;height:38px}.gch svg{width:20px;height:20px}}
.hub .bxc.gm .gw{font-size:46px;color:transparent;display:block}
.hub .bxc.gm .gs{font-size:12.5px;line-height:1.2;color:#fff;display:block}
.hub .bxc.gm .gs em{color:#27D3FF}
.hub .bxc.gm .gch{width:46px;height:46px;flex:0 0 46px;display:flex;font-size:0}
.hub .bxc.gm .gi{display:flex}
.hub .bxc.gm .gmt{display:flex}
.bxc.gm::after{z-index:0}.gmt,.gi{position:relative;z-index:1}
@media (max-width:520px){.hub .bxc.gm .gw{font-size:34px}.hub .bxc.gm .gs{font-size:10px}.hub .bxc.gm .gch{width:36px;height:36px;flex-basis:36px}}
.hub .bxc.gm .gw{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0;filter:none;color:#FFC81E;letter-spacing:.03em;text-shadow:0 3px 0 #C9500A,0 5px 0 rgba(4,12,60,.6),0 0 16px rgba(255,200,40,.55)}
.hub .bxc.gm .gi{margin-inline-start:auto}
.hub .bxc.gm{min-height:92px}
.bxc.gm::after{height:28%;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0))}
.hub .bxc.gm .gmt{flex:1 1 auto}.hub .bxc.gm .gi{flex:0 0 auto}
.hub .bxc.gm .gs em{font-size:inherit!important;font-weight:800}
/* Game pill: compact (Oct 29) */
.hub .bxc.gm{width:fit-content;max-width:100%;justify-self:start;align-self:center;min-height:0;padding:8px 14px 8px 22px;gap:16px;border-width:2px}
.hub .bxc.gm .gmt{flex:0 0 auto}
.hub .bxc.gm .gw{font-size:32px}
.hub .bxc.gm .gs{font-size:9.5px;letter-spacing:.05em}
.hub .bxc.gm .gi{gap:8px;margin-inline-start:0}
.hub .bxc.gm .gbr{width:42px;height:42px}
.hub .bxc.gm .gch{width:32px;height:32px;flex-basis:32px;border-width:2px}
.hub .bxc.gm .gch svg{width:17px;height:17px}
.hub .bxc.gm::after{top:4px}
@media (max-width:1100px){.hub .bxc.gm{grid-column:1/-1;justify-self:center}}
@media (max-width:520px){.hub .bxc.gm{padding:7px 12px 7px 18px;gap:12px}.hub .bxc.gm .gw{font-size:28px}.hub .bxc.gm .gs{font-size:9px}}
.hl .bxc.gm{margin-top:6px;align-self:center;justify-self:auto}
.hub .bxc.wh{grid-column:1/-1}
@media (max-width:1100px){.hl .bxc.gm{grid-column:auto}}
/* red light glow, on/off */
.hub .bxc.gm,.hl .bxc.gm{animation:gmred 1.8s ease-in-out infinite}
@keyframes gmred{
 0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.3) inset,0 4px 8px rgba(255,40,40,.12),0 0 4px rgba(255,40,40,.1)}
 50%{box-shadow:0 0 0 2px rgba(255,255,255,.45) inset,0 12px 28px rgba(255,35,35,.85),0 0 34px rgba(255,35,35,.75),0 0 60px rgba(255,35,35,.45)}}
@media (prefers-reduced-motion:reduce){.hub .bxc.gm,.hl .bxc.gm{animation:none;box-shadow:0 0 0 2px rgba(255,255,255,.4) inset,0 10px 24px rgba(255,35,35,.6),0 0 28px rgba(255,35,35,.5)}}
.hl .bxc.gm{padding-right:12px}
/* smaller game pill */
.hub .bxc.gm,.hl .bxc.gm{padding:5px 10px 5px 16px!important;gap:10px;border-width:2px}
.hub .bxc.gm .gw{font-size:22px;text-shadow:0 2px 0 #C9500A,0 3px 0 rgba(4,12,60,.6),0 0 10px rgba(255,200,40,.5)}
.hub .bxc.gm .gs{font-size:7.5px;letter-spacing:.04em}
.hub .bxc.gm .gbr{width:28px;height:28px}
.hub .bxc.gm .gch{width:22px;height:22px;flex-basis:22px}
.hub .bxc.gm .gch svg{width:12px;height:12px}
.hub .bxc.gm .gi{gap:6px}
.hub .bxc.gm::after{display:none}
@media (max-width:520px){.hub .bxc.gm .gw{font-size:22px}.hub .bxc.gm .gs{font-size:7.5px}}
/* navy head-brain pill (final choice) */
.hub .bxc.gm,.hl .bxc.gm{background:linear-gradient(180deg,#0B1F4D,#06122F)!important;border:2px solid transparent!important;border-radius:999px;position:relative;padding:5px 10px 5px 12px!important;gap:9px}
.bxc.gm::before{display:block!important;content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#1E6BFF,#27D3FF 60%,#1E6BFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gi1{display:flex;flex:0 0 auto;position:relative;z-index:1}
.gdv{width:1.5px;align-self:stretch;margin:4px 0;background:linear-gradient(180deg,transparent,#27D3FF,transparent);flex:0 0 1.5px;position:relative;z-index:1}
.hub .bxc.gm .gbr{width:36px;height:36px}
.hub .bxc.gm .gw{color:#fff;text-shadow:0 0 10px rgba(120,190,255,.55);font-size:23px;letter-spacing:.02em}
.hub .bxc.gm .gs{color:#27D3FF;font-size:7.5px}
.hub .bxc.gm .gs em{color:#27D3FF}
.hub .bxc.gm .gch{border-color:#27D3FF;box-shadow:0 0 8px rgba(39,211,255,.5)}
/* header Game pill */
.gpill{display:inline-flex;align-items:center;gap:9px;padding:5px 10px 5px 12px;border-radius:999px;text-decoration:none;color:#fff!important;background:linear-gradient(180deg,#0B1F4D,#06122F);position:relative;animation:gmred 1.8s ease-in-out infinite;white-space:nowrap}
.gpill::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(90deg,#1E6BFF,#27D3FF 60%,#1E6BFF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.gpill .gi1,.gpill .gdv,.gpill .gmt,.gpill .gch{position:relative;z-index:1}
.gpill .gi1{display:flex}.gpill .gbr{width:36px;height:36px}
.gpill .gdv{width:1.5px;align-self:stretch;margin:4px 0;background:linear-gradient(180deg,transparent,#27D3FF,transparent)}
.gpill .gmt{display:flex;flex-direction:column;gap:1px}
.gpill .gw{font-family:Sora,'IBM Plex Sans Arabic',sans-serif;font-weight:900;font-size:23px;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 0 10px rgba(120,190,255,.55)}
.gpill .gs{font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#27D3FF;line-height:1.2}
.gpill .gs em{font-style:normal;color:#27D3FF}
[dir=rtl] .gpill .gw,[dir=rtl] .gpill .gs{letter-spacing:0;text-transform:none}
.gpill .gch{width:22px;height:22px;border-radius:50%;border:2px solid #27D3FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px rgba(39,211,255,.5);flex:0 0 22px}
.gpill:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.gpill{animation:none;box-shadow:0 8px 20px rgba(255,35,35,.55),0 0 24px rgba(255,35,35,.45)}}
@media (max-width:600px){.hdr .gpill{zoom:.9}}
@media (min-width:601px){.hdr .gpill{zoom:1.15}}
/* Audit Tools industry pages */
.plist.ind{max-width:none}.plist.ind li{line-height:1.55;padding:8px 0;border-bottom:1px solid var(--line)}
.plist.ind .lt{display:block;margin:2px 0 0;font-size:14px}
.plist .pr{margin-inline-start:12px;color:var(--navy)}
.plist li .btn.sm{min-height:0;padding:4px 14px;font-size:14px;margin-inline-start:10px}
.cov{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px 24px}
.cov li{padding:10px 0;border-bottom:1px solid var(--line)}.cov .lt{display:block;margin:2px 0 0}
.tw{overflow-x:auto}.gt2{border-collapse:collapse;width:100%;min-width:480px;font-size:15px}
.gt2 th,.gt2 td{border:1px solid var(--line);padding:9px 12px;text-align:start;vertical-align:top}.gt2 th{background:var(--mint);color:var(--navy)}
.pcard ul.no li::before{content:"\2014";color:var(--muted)}
.pcard .small{font-size:13px;color:var(--muted);margin:0}
.btn.pend{opacity:.75;pointer-events:none}
.sec h2{margin-bottom:8px}.sec>p{color:var(--muted);margin:0 0 12px}
.plist.sg{max-width:none;list-style-position:inside}
.plist.sg li{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.plist.sg li::marker{content:""}.plist.sg .pr{margin:0;font-size:20px}.plist.sg .btn.sm{margin:0}
.pcard.hl .btn{align-self:flex-start}
[dir=rtl] .gpill .gw{text-shadow:none;font-size:22px;line-height:1.15;padding-bottom:2px}
[dir=rtl] .gpill .gs{font-size:8.5px}
.gpill .gw{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-stroke:0!important;filter:none!important;color:#fff!important}
/* soft textured page background */
body{background-color:#F6F9F8;background-image:
 radial-gradient(900px 500px at 8% -5%,rgba(30,122,102,.07),transparent 60%),
 radial-gradient(800px 500px at 100% 20%,rgba(18,48,79,.05),transparent 60%),
 radial-gradient(700px 500px at 0% 100%,rgba(245,184,65,.06),transparent 60%),
 linear-gradient(rgba(18,48,79,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(18,48,79,.03) 1px,transparent 1px);
 background-size:auto,auto,auto,32px 32px,32px 32px;background-attachment:scroll}
.pg{background:linear-gradient(135deg,rgba(234,245,241,.85),rgba(246,249,248,.6))}
.pcard,.bxc:not(.gm),.rfb,.intb,.wc{background-color:#fff}
.bxc.wh,.wc.hw{background-color:var(--mint)}
.gt2{background:#fff}
.bxc.free{background-color:var(--navy)!important}
.bxc.pp{background-color:var(--mint)}

/* printable planners */
.ch{margin:26px 0 12px;font-size:22px;color:var(--navy)}
.plg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.plc{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
.plc:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(18,48,79,.14)}
.plc img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line);aspect-ratio:230/325;object-fit:cover;background:#f4f4f4}
.plc h3{font-size:16px;line-height:1.3;margin:6px 0 0;color:var(--navy)}.plc p{font-size:13.5px;color:var(--muted);margin:0;flex:1}
.plp{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--muted)}.plp b{font-size:20px;color:var(--navy)}
.bnd{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;margin:16px 0 4px;padding:14px 20px;border-radius:14px;background:linear-gradient(90deg,#F3FBF8,#fff);border:1.5px dashed var(--teal)}
.bnd.all{background:linear-gradient(90deg,#12304F,#1E7A66);color:#fff;border:0;margin-top:30px}.bnd.all span{color:#E6F4EF}
.bnd div{display:flex;flex-direction:column;gap:2px}.bnd b{font-size:18px}.bnd span{font-size:14px;color:var(--muted)}
.pvw{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:34px;align-items:start}
.pvi img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(18,48,79,.16);background:#f4f4f4}
.pvo h2{font-size:15px;margin:16px 0 8px;color:var(--navy)}.pvo h2:first-child{margin-top:0}
.sws{display:flex;gap:12px}.sw{width:42px;height:42px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,var(--sc) 55%,var(--sa) 55%);box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0}
.sw.on{box-shadow:0 0 0 3px var(--teal)}
.bds,.szs{display:flex;flex-wrap:wrap;gap:8px}.bdb{font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:var(--navy)}
.bdb.on{border-color:var(--teal);background:var(--mint);box-shadow:0 0 0 1px var(--teal)}
.szc{font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:8px;background:var(--mint);color:var(--navy)}.szn{font-size:13px;color:var(--muted);margin:6px 0 0}
.chs{margin:16px 0;font-size:15px}.chs b{color:var(--teal-d)}
.tip2{font-size:13px;color:var(--muted);margin:6px 0 0}
@media (max-width:760px){.pvw{grid-template-columns:1fr}.pvi{max-width:340px;margin:0 auto}}