/* ===== ASSAS | عساس — Design system ===== */
/* خط الهوية: ضع ملفات R-Mohammed في /assets/fonts/ بالأسماء أدناه وسيُفعَّل تلقائياً */
@font-face{font-family:"R-Mohammed";src:url("/assets/fonts/R-Mohammed-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"R-Mohammed";src:url("/assets/fonts/R-Mohammed-Black.woff") format("woff");font-weight:900;font-display:swap}
@font-face{font-family:"R-Mohammed";src:url("/assets/fonts/R-Mohammed-BlackExtra.woff") format("woff");font-weight:950;font-display:swap}

:root{
  --black:#000;--red:#D0101E;--red-d:#A50C17;--cream:#F2EBDD;--ink:#0B0B0B;
  --g1:#141414;--g2:#1E1E1E;--g3:#2B2B2B;--mute:#8A8478;--line:rgba(242,235,221,.12);
  --f:"R-Mohammed","IBM Plex Sans Arabic","Inter",system-ui,sans-serif;
  --r:18px;--wrap:1200px;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f);font-weight:700;background:var(--black);color:var(--cream);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
[lang=en] body,html[lang=en]{line-height:1.6}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
.center{text-align:center}
.red{color:var(--red)}
.muted{color:var(--mute)}
.skip{position:absolute;inset-inline-start:8px;top:8px;transform:translateY(-200%);background:var(--red);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{transform:none}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}

/* Logo */
.logo{display:inline-flex;flex-direction:column;line-height:1;gap:4px}
.logo-ar{font-weight:950;font-size:34px}
.logo-en{font-family:"Inter",var(--f);font-weight:900;font-size:15px;letter-spacing:.14em}
.logo i{color:var(--red);font-style:normal}
.logo.sm .logo-ar{font-size:26px}.logo.sm .logo-en{font-size:11px}
.descriptor{font-family:"Inter",var(--f);font-size:11px;letter-spacing:.16em;color:var(--mute);margin:14px 0}
.descriptor span{color:var(--red)}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.72);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:28px;height:76px}
.nav{display:flex;gap:26px;margin-inline-start:auto}
.nav a{font-size:15px;color:#cfc8ba;position:relative;padding:6px 0;transition:color .2s}
.nav a:hover,.nav a[aria-current]{color:var(--cream)}
.nav a[aria-current]::after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:2px;background:var(--red);border-radius:2px}
.hdr-act{display:flex;align-items:center;gap:12px}
.lang{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-family:"Inter",var(--f);font-size:14px;transition:.2s}
.lang:hover{border-color:var(--red);color:var(--red)}
.burger{display:none;width:44px;height:44px;background:none;border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}
.burger span{width:18px;height:2px;background:var(--cream);transition:.3s var(--ease)}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font:inherit;font-size:16px;cursor:pointer;border:1px solid transparent;transition:transform .2s var(--ease),background .2s,box-shadow .2s}
.btn svg{width:20px;height:20px}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--red);color:#fff;box-shadow:0 10px 30px -10px rgba(208,16,30,.7)}
.btn-red:hover{background:var(--red-d)}
.btn-ghost{border-color:rgba(242,235,221,.3);color:var(--cream)}
.btn-ghost:hover{border-color:var(--cream)}
.btn-ghost-d{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-sm{padding:10px 18px;font-size:14px}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.row.center{justify-content:center}
.link{color:var(--red);font-size:15px;margin-top:auto;padding-top:18px}

/* Type */
.display{font-weight:950;font-size:clamp(42px,7vw,92px);line-height:1.12}
.display.sm{font-size:clamp(34px,5vw,64px)}
html[lang=en] .display{letter-spacing:-.025em;line-height:1.04}
.h2{font-weight:900;font-size:clamp(28px,3.6vw,46px);line-height:1.25;margin-bottom:36px}
html[lang=en] .h2{letter-spacing:-.015em}
.lead{font-size:clamp(17px,1.6vw,21px);color:#cfc8ba;max-width:640px;margin-top:22px}
.center .lead{margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--red);font-size:14px;margin-bottom:22px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 6px rgba(208,16,30,.18);animation:pulse 2s infinite}
html[lang=en] .eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:12px}

/* Sections */
.sec{padding:110px 0}
.dark{background:var(--black)}
.cream{background:var(--cream);color:var(--ink)}
.cream .card{background:#fff}
.dark-t{color:#4a463f}
.phead{padding:110px 0 70px;border-bottom:1px solid var(--line);background:radial-gradient(800px 400px at 85% 0%,rgba(208,16,30,.18),transparent 60%),var(--black)}
html[dir=rtl] .phead{background:radial-gradient(800px 400px at 15% 0%,rgba(208,16,30,.18),transparent 60%),var(--black)}

/* Hero + radar */
.hero{position:relative;overflow:hidden;padding:90px 0 120px}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);opacity:.5}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}
.radar-box{display:grid;place-items:center}
.radar{position:relative;width:min(480px,86vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(208,16,30,.08),transparent 70%)}
.ring{position:absolute;border:1px solid rgba(242,235,221,.14);border-radius:50%;inset:0}
.r2{inset:17%}.r3{inset:34%}
.cross{position:absolute;inset:0;background:linear-gradient(transparent calc(50% - .5px),rgba(242,235,221,.12) 50%,transparent calc(50% + .5px)),linear-gradient(90deg,transparent calc(50% - .5px),rgba(242,235,221,.12) 50%,transparent calc(50% + .5px))}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(208,16,30,.55),rgba(208,16,30,.12) 40deg,transparent 70deg);animation:spin 4.5s linear infinite;mask:radial-gradient(circle,#000 69%,transparent 70%)}
.core{position:absolute;inset:48.5%;background:var(--red);border-radius:50%;box-shadow:0 0 24px var(--red)}
.blip{position:absolute;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;background:rgba(0,0,0,.7);border:1px solid var(--line);padding:5px 12px 5px 10px;border-radius:999px;animation:blink 4.5s infinite}
.blip i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}
.b1{top:12%;left:58%;animation-delay:.4s}.b2{top:32%;left:78%;animation-delay:1.1s}.b3{top:66%;left:70%;animation-delay:1.8s}
.b4{top:80%;left:30%;animation-delay:2.6s}.b5{top:50%;left:6%;animation-delay:3.2s}.b6{top:20%;left:16%;animation-delay:3.9s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%,100%{opacity:.35}12%{opacity:1}40%{opacity:.6}}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(208,16,30,0)}}

/* Cards */
.cards{display:grid;gap:20px}
.c3{grid-template-columns:repeat(3,1fr)}
.card{display:flex;flex-direction:column;background:var(--g1);border:1px solid var(--line);border-radius:var(--r);padding:32px;transition:transform .3s var(--ease),border-color .3s}
.card:hover{transform:translateY(-4px);border-color:rgba(208,16,30,.6)}
.card h3{font-weight:900;font-size:22px;margin:10px 0}
.card p{color:#b8b1a4;font-size:16px}
.cream .card p{color:#5a554c}
.num{font-family:"Inter",var(--f);color:var(--red);font-size:14px}
.pkg h3{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pkg-ar{font-size:30px;font-weight:950}
.pkg-en{font-family:"Inter",var(--f);font-size:13px;color:var(--red);letter-spacing:.12em;text-transform:uppercase}
.note{margin-top:40px;padding:20px 24px;border-inline-start:3px solid var(--red);background:var(--g1);border-radius:10px;color:#b8b1a4;font-size:15px}

/* Grades */
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.grades{display:grid;gap:12px}
.grade{display:flex;align-items:center;gap:20px;background:#fff;border-radius:14px;padding:18px 22px}
.grade b{font-family:"Inter",var(--f);font-weight:900;font-size:28px;width:54px;height:54px;display:grid;place-items:center;border-radius:12px;color:#fff;flex:none}
.g-A b{background:var(--red)}.g-B b{background:#7d0a12}.g-C b{background:#3a3a3a}.g-D b{background:#9a948a}

/* KPIs */
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kpi{text-align:center;padding:48px 20px;border:1px solid var(--line);border-radius:var(--r);font-size:24px;font-weight:900;background:linear-gradient(180deg,var(--g1),transparent)}
.kpi span{display:block;color:var(--red);font-size:34px;margin-bottom:12px}

/* Closer */
.closer{padding:120px 0;border-top:1px solid var(--line);background:radial-gradient(600px 300px at 50% 100%,rgba(208,16,30,.25),transparent 70%),var(--black)}
.closer .btn{margin-top:34px}

/* Steps */
.steps{list-style:none;display:grid;gap:14px;counter-reset:s}
.steps li{display:flex;align-items:center;gap:24px;background:var(--g1);border:1px solid var(--line);border-radius:var(--r);padding:26px 30px}
.sn{font-family:"Inter",var(--f);font-weight:900;font-size:22px;width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--red);color:var(--red)}
.steps h3{font-weight:900;font-size:22px}
.steps p{color:#b8b1a4}
.gate{margin-inline-start:auto;font-size:12px;color:var(--mute);border:1px dashed var(--g3);padding:6px 12px;border-radius:999px;white-space:nowrap}
.pipe{list-style:none;display:flex;flex-wrap:wrap;gap:10px;counter-reset:p}
.pipe li{counter-increment:p;background:#fff;border-radius:999px;padding:12px 20px 12px 14px;display:flex;align-items:center;gap:10px}
.pipe li::before{content:counter(p);font-family:"Inter",var(--f);width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:var(--cream);border-radius:50%;font-size:13px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.chips li{background:#fff;border-radius:999px;padding:12px 22px}

/* Readiness */
.ri{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}
.ri-row{display:grid;grid-template-columns:1fr 2fr 40px;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.ri-row label b{font-size:19px;font-weight:900}
.ri-row .w{font-family:"Inter",var(--f);font-size:12px;color:var(--red);border:1px solid rgba(208,16,30,.4);padding:1px 8px;border-radius:999px;margin-inline-start:6px}
.ri-row small{display:block;color:var(--mute);font-size:13px;line-height:1.5;margin-top:4px}
.ri-row output{font-family:"Inter",var(--f);font-size:20px;text-align:center}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(to right,var(--red) var(--p,50%),var(--g3) var(--p,50%))}
html[dir=rtl] input[type=range]{background:linear-gradient(to left,var(--red) var(--p,50%),var(--g3) var(--p,50%))}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--cream);border:4px solid var(--red);cursor:pointer}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cream);border:4px solid var(--red);cursor:pointer}
.ri-res{position:sticky;top:100px;background:var(--g1);border:1px solid var(--line);border-radius:24px;padding:36px;text-align:center}
.ri-res .eyebrow{justify-content:center}
.gauge{position:relative;width:200px;margin:0 auto 10px}
.gauge svg{transform:rotate(-90deg)}
.g-bg{stroke:var(--g3);stroke-width:10}
.g-fg{stroke:var(--red);stroke-width:10;stroke-dasharray:326.7;stroke-dashoffset:163;transition:stroke-dashoffset .6s var(--ease)}
.gauge b{position:absolute;inset:0;display:grid;place-items:center;font-family:"Inter",var(--f);font-size:56px;font-weight:900}
.gauge span{position:absolute;bottom:52px;inset-inline:0;font-size:13px;color:var(--mute);font-family:"Inter",var(--f)}
.ri-res h3{font-size:24px;font-weight:900;margin:12px 0 6px}
.ri-res .btn{margin-top:24px}

/* Contact */
.contact{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:start}
.form{background:var(--cream);color:var(--ink);border-radius:24px;padding:40px;display:grid;gap:18px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label{display:grid;gap:8px;font-size:15px}
.form input,.form select,.form textarea{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1.5px solid #d8cfbd;background:#fff;color:var(--ink);transition:border-color .2s;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--red)}
.form .chk{display:flex;align-items:center;gap:10px;font-size:14px}
.form .chk input{width:20px;height:20px;accent-color:var(--red)}
.form .row{margin-top:6px}
.form .hp{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip-path:inset(50%)}
.fmsg{font-size:15px;min-height:1.5em}
.fmsg.ok{color:#0a7a3c}.fmsg.err{color:var(--red)}
.contact-side{border:1px solid var(--line);border-radius:24px;padding:40px}
.reach{list-style:none;display:grid;gap:12px;margin:20px 0}
.reach a{display:inline-flex;align-items:center;gap:10px;color:#cfc8ba}
.reach a:hover{color:var(--cream)}
.reach svg{width:20px;height:20px;color:var(--red)}

/* Footer */
.ftr{border-top:1px solid var(--line);padding-top:70px;background:var(--black)}
.ftr-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:50px}
.ftr h3{font-size:15px;color:var(--mute);margin-bottom:16px;font-weight:700}
.ftr ul{list-style:none;display:grid;gap:10px}
.ftr ul a{color:#cfc8ba}.ftr ul a:hover{color:var(--red)}
.ftr p.muted{max-width:420px;font-size:15px}
.soc{display:flex;gap:10px}
.soc a{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.2s}
.soc a:hover{border-color:var(--red);color:var(--red)}
.soc svg{width:18px;height:18px}
.ftr-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:24px;font-size:13px;color:#8a8478}

/* 404 */
.nf{min-height:100vh;display:grid;place-items:center}
.nf .display{font-family:"Inter",var(--f);color:var(--red);margin-top:30px}

/* Reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}

/* Arabic: no letter-spacing ever */
[lang=ar],html[lang=ar] .display,html[lang=ar] .h2,html[lang=ar] .eyebrow,.logo-ar,.pkg-ar{letter-spacing:0!important}

/* Responsive */
@media (max-width:980px){
  .hero-grid,.split,.ri,.contact{grid-template-columns:1fr}
  .radar-box{order:-1}
  .c3{grid-template-columns:1fr 1fr}
  .ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>div:first-child{grid-column:1/-1}
  .ri-res{position:static}
}
@media (max-width:860px){
  .burger{display:flex}.hide-m{display:none}
  .nav{position:fixed;inset:76px 0 auto;flex-direction:column;gap:0;background:var(--black);border-bottom:1px solid var(--line);padding:10px 24px 24px;transform:translateY(-120%);transition:transform .4s var(--ease);margin:0}
  .nav.open{transform:none}
  .nav a{padding:16px 0;font-size:18px;border-bottom:1px solid var(--line)}
  .nav a[aria-current]::after{display:none}
  .nav a[aria-current]{color:var(--red)}
}
@media (max-width:640px){
  .wrap{padding-inline:16px}
  .sec{padding:72px 0}.hero{padding:40px 0 80px}
  .c3,.kpis,.f2,.ftr-grid{grid-template-columns:1fr}
  .steps li{flex-wrap:wrap;gap:16px;padding:22px}.gate{margin-inline-start:0}
  .ri-row{grid-template-columns:1fr 40px}.ri-row input{grid-column:1/-1;grid-row:2}
  .form,.contact-side{padding:26px}
  .blip{font-size:10px;padding:4px 9px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ===================== V2 — Radar experience ===================== */
.progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:60;pointer-events:none}
.progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),#ff4757);transform:scaleX(var(--sp,0));transform-origin:left}
html[dir=rtl] .progress i{transform-origin:right}
.p-home .hdr{background:rgba(0,0,0,.35)}
.hx{position:relative;min-height:calc(100svh - 76px);display:grid;align-items:center;overflow:hidden;isolation:isolate}
#radar{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hx-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6) 100%)}
html[dir=rtl] .hx-veil{background:linear-gradient(270deg,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6) 100%)}
.hx-in{padding-block:80px 140px;width:100%}
.hx-h{max-width:820px}
.live{font-family:"Inter",var(--f);font-size:10px;letter-spacing:.2em;background:var(--red);color:#fff;padding:3px 8px;border-radius:4px}
.eyebrow:has(.live)::before{display:none}
.arr{display:inline-block;transition:transform .3s var(--ease)}
.btn:hover .arr{transform:translateY(3px)}
.feed{position:absolute;bottom:40px;inset-inline-end:24px;width:300px;background:rgba(10,10,10,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:13px}
.feed-h{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:12px;margin-bottom:8px}
.feed-h i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.2);animation:pulse 1.6s infinite}
#feed{list-style:none;display:grid;gap:6px;height:120px;overflow:hidden;mask-image:linear-gradient(#000 70%,transparent)}
#feed li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);animation:feedIn .5s var(--ease)}
#feed li b{font-family:"Inter",var(--f);font-size:11px;color:#fff;background:var(--red);border-radius:5px;padding:0 7px;line-height:20px}
#feed li b.gB{background:#7d0a12}#feed li b.gC{background:#3a3a3a}
@keyframes feedIn{from{opacity:0;transform:translateY(-10px)}}
.hx-scroll{position:absolute;bottom:28px;inset-inline-start:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--mute)}
html[dir=rtl] .hx-scroll{transform:translateX(50%)}
.hx-scroll i{width:22px;height:36px;border:1.5px solid var(--mute);border-radius:12px;position:relative}
.hx-scroll i::after{content:"";position:absolute;top:6px;left:50%;width:3px;height:7px;margin-left:-1.5px;background:var(--red);border-radius:2px;animation:wheel 1.6s infinite}
@keyframes wheel{to{transform:translateY(12px);opacity:0}}

.marq{border-block:1px solid var(--line);overflow:hidden;padding:22px 0;background:var(--g1)}
.marq-t{display:flex;gap:56px;width:max-content;animation:marq 38s linear infinite}
html[dir=rtl] .marq-t{animation-name:marqR}
.marq span{font-size:22px;font-weight:900;white-space:nowrap;display:flex;align-items:center;gap:56px;color:#d8d1c3}
.marq span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes marqR{to{transform:translateX(50%)}}

/* Scanner */
.scan-head{max-width:720px;margin-bottom:40px}
.scan-head .lead{margin-top:-18px}
.scan{position:relative;background:radial-gradient(700px 300px at 50% -20%,rgba(208,16,30,.18),transparent 70%),var(--g1);border:1px solid var(--line);border-radius:28px;padding:44px;min-height:420px;overflow:hidden}
.scan::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:40px 40px;opacity:.35;pointer-events:none;mask-image:radial-gradient(ellipse at top,#000,transparent 70%)}
.scan-dots{position:relative;list-style:none;display:flex;gap:10px;margin-bottom:30px}
.scan-dots li{font-family:"Inter",var(--f);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--g3);color:var(--mute);font-size:13px;transition:.3s}
.scan-dots li.on{border-color:var(--red);background:var(--red);color:#fff;box-shadow:0 0 18px rgba(208,16,30,.6)}
.scan-dots li.done{border-color:var(--red);color:var(--red)}
.pane{position:relative;display:none}
.pane.on{display:block;animation:paneIn .5s var(--ease)}
@keyframes paneIn{from{opacity:0;transform:translateY(16px)}}
.pane h3{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin-bottom:24px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.opt{font:inherit;font-size:17px;text-align:start;color:var(--cream);background:rgba(0,0,0,.5);border:1px solid var(--g3);border-radius:16px;padding:22px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .25s,transform .25s var(--ease),background .25s}
.opt::after{content:"";position:absolute;inset:0;background:radial-gradient(200px 80px at var(--mx,50%) var(--my,50%),rgba(208,16,30,.35),transparent 70%);opacity:0;transition:opacity .25s}
.opt:hover{border-color:var(--red);transform:translateY(-3px)}
.opt:hover::after{opacity:1}
.opt.sel{background:var(--red);border-color:var(--red)}
.scanning{display:grid;justify-items:center;gap:20px;padding:30px 0;text-align:center}
.mini-radar{width:140px;height:140px;border-radius:50%;border:1px solid var(--g3);position:relative;background:repeating-radial-gradient(circle,transparent 0 22px,var(--line) 22px 23px)}
.mini-radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(rgba(208,16,30,.7),transparent 70deg);animation:spin 1.2s linear infinite}
#scanmsg{font-family:"Inter",var(--f);font-size:15px;color:#cfc8ba;min-height:1.6em}
.bar{width:min(360px,80%);height:4px;background:var(--g3);border-radius:4px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:var(--red);transition:width .35s linear}
.result{animation:paneIn .6s var(--ease)}
.res-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:6px}
.res-card{background:rgba(0,0,0,.55);border:1px solid var(--line);border-radius:18px;padding:24px}
.res-card small{display:block;color:var(--mute);font-size:13px;margin-bottom:10px}
.res-card.big{border-color:rgba(208,16,30,.6);background:linear-gradient(160deg,rgba(208,16,30,.25),rgba(0,0,0,.6))}
.res-card.big b{display:block;font-size:44px;font-weight:950;line-height:1.1;margin-bottom:8px}
.res-card p{color:#cfc8ba;font-size:15px}
.res-card ul{list-style:none;display:grid;gap:8px}
.res-card li{display:flex;align-items:center;gap:10px}
.res-card li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}

/* Grades 4 */
.grades4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g4{background:var(--g1);border:1px solid var(--line);border-radius:20px;padding:30px 24px;display:grid;gap:18px;transition:transform .2s ease-out,border-color .3s;transform-style:preserve-3d}
.g4 b{font-family:"Inter",var(--f);font-weight:900;font-size:46px;width:72px;height:72px;display:grid;place-items:center;border-radius:16px;color:#fff}
.g4:hover{border-color:rgba(208,16,30,.6)}
.g4 span{font-size:18px}

/* Proof */
.proof{border-top:1px solid var(--line);padding:80px 0}
.center-e{display:flex;justify-content:center}
.proof-row{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;text-align:center}
.proof-row div{display:grid}
.proof-row b{font-size:clamp(34px,5vw,64px);font-weight:950;line-height:1.1}
.proof-row span{color:var(--mute);font-size:18px}
.proof-row .sep{font-style:normal;color:var(--red);font-size:30px;font-family:"Inter",var(--f)}
html[dir=rtl] .proof-row .sep{transform:scaleX(-1)}

@media (max-width:980px){.opts{grid-template-columns:1fr 1fr}.res-grid{grid-template-columns:1fr}.grades4{grid-template-columns:1fr 1fr}.feed{display:none}}
@media (max-width:640px){.scan{padding:24px;border-radius:20px}.opt{padding:16px;font-size:15px}.hx-in{padding-block:50px 120px}.hx-veil{background:rgba(0,0,0,.72)!important}.proof-row .sep{display:none}.proof-row{gap:24px}}
[hidden]{display:none!important}
.btn-ghost{background:transparent;font:inherit}
html[lang=en] .hx-h{font-size:clamp(40px,5.4vw,78px)}
html[lang=en] .logo{align-items:flex-start}
/* R-Mohammed has a compact x-height: scale Arabic text up slightly */
html[lang=ar] body{font-size:17.5px}
html[lang=ar] .nav a{font-size:16.5px}
html[lang=ar] .lead{font-size:clamp(19px,1.8vw,23px)}
html[lang=ar] .eyebrow,html[lang=ar] .feed,html[lang=ar] .hx-scroll{font-size:14.5px}
html[lang=ar] .btn{font-size:17px}
/* Official logo */
.hdr-logo{display:flex;align-items:center;gap:10px}
.emb{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#000;box-shadow:0 0 0 1px var(--line)}
.logo-full{display:inline-grid;justify-items:center;gap:2px}
.logo-full img{width:150px;height:150px;object-fit:contain}
.logo-full b{font-family:"Inter",var(--f);font-weight:900;font-size:18px;letter-spacing:.2em;margin-top:-14px}
.logo-full b i{color:var(--red);font-style:normal}
.ftr .logo-full{justify-items:start}
html[dir=rtl] .ftr .logo-full{justify-items:start}
.contact-side .logo-full,.nf .logo-full{justify-items:center}
.contact-side{text-align:center}
.contact-side .reach{justify-items:center}
/* Story */
.story{position:relative;min-height:88vh;display:grid;align-items:center;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.story-img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:60% 40%;z-index:-2;transform:translateY(var(--py,0));will-change:transform}
.story-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.92) 66%,#000 100%)}
.story-in{display:block}
.story-in>*{max-width:520px;margin-left:auto;margin-right:0}
.story-pts{list-style:none;display:grid;gap:12px;margin-top:30px}
.story-pts li{display:flex;align-items:center;gap:12px;font-size:19px}
.story-pts li::before{content:"";width:28px;height:2px;background:var(--red)}
@media (max-width:700px){.story{min-height:auto;padding:300px 0 70px}.story-img{height:60%;inset:0 0 auto}.story-veil{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.4) 30%,#000 58%)!important}.story-in>*{margin-inline:0}}
.story-in{width:100%}
.story-in .eyebrow{display:flex;width:fit-content}
/* ===== Instant offer ===== */
.offer{margin-top:22px;background:var(--cream);color:var(--ink);border-radius:24px;padding:34px;position:relative;overflow:hidden;animation:paneIn .7s var(--ease)}
.offer::before{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(208,16,30,.18),transparent 70%)}
.of-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;border-bottom:1.5px dashed #cfc5b2;padding-bottom:20px}
.of-head h3{font-size:clamp(24px,3vw,36px);font-weight:950;line-height:1.3}
.of-head h3 span{color:#6b655b;font-weight:900;font-size:.6em;display:block}
.of-head h3 b{color:var(--red)}
.of-meta{display:grid;text-align:end;font-size:13px;color:#6b655b}
.of-meta b{font-family:"Inter",var(--f);font-size:16px;color:var(--ink)}
.of-name{display:grid;gap:8px;font-size:15px;margin:22px 0}
.offer input{font:inherit;font-size:16px;padding:14px 16px;border-radius:12px;border:1.5px solid #d8cfbd;background:#fff;color:var(--ink);width:100%}
.offer input:focus{outline:none;border-color:var(--red)}
.of-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.of-box{background:#fff;border-radius:16px;padding:22px}
.of-box small{display:block;color:#6b655b;font-size:13px;margin-bottom:12px}
#ofget{list-style:none;display:grid;gap:10px}
#ofget li{display:flex;gap:10px;align-items:flex-start}
#ofget li::before{content:"✓";color:#fff;background:var(--red);border-radius:50%;width:22px;height:22px;flex:none;display:grid;place-items:center;font-size:12px;font-family:"Inter",var(--f)}
.of-plan{list-style:none;display:grid;gap:12px;position:relative}
.of-plan li{display:grid;gap:2px;padding-inline-start:18px;border-inline-start:2px solid var(--red)}
.of-plan b{font-size:14px;color:var(--red)}
.of-tt{margin:26px 0 12px;font-weight:900;font-size:19px}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tier{font:inherit;text-align:start;background:#fff;border:2px solid #e3dac8;border-radius:18px;padding:22px 18px 18px;cursor:pointer;display:grid;gap:6px;position:relative;color:var(--ink);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.tier:hover{transform:translateY(-3px)}
.tier b{font-size:22px;font-weight:950}
.tier span{color:#6b655b;font-size:14px;line-height:1.5}
.tier strong{margin-top:8px;font-size:15px;color:var(--ink)}
.tier strong i{font-style:normal;font-family:"Inter",var(--f);font-size:22px;font-weight:900}
.tier.sel{border-color:var(--red);box-shadow:0 14px 30px -14px rgba(208,16,30,.55)}
.tier.sel::after{content:"✓";position:absolute;top:14px;inset-inline-end:14px;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:12px;font-family:"Inter",var(--f)}
.tier em{position:absolute;top:-12px;inset-inline-start:16px;background:var(--ink);color:var(--cream);font-style:normal;font-size:12px;padding:3px 12px;border-radius:999px}
.of-go{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.of-go .btn{justify-content:center}
.of-go #ofwa,.of-go #ofmail.btn-red{grid-column:1/-1;font-size:18px;padding:18px}
.offer .btn-ghost{border-color:var(--ink);color:var(--ink)}
.of-msg{min-height:1.4em;margin-top:12px;color:#0a7a3c;font-size:15px}
.of-note{font-size:12.5px;color:#7a7469;margin-top:6px}
.result>.row #rcta{display:none}
@media (max-width:760px){.of-grid,.tiers,.of-go{grid-template-columns:1fr}.offer{padding:22px}}
@media print{
  body *{visibility:hidden}
  .offer,.offer *{visibility:visible}
  .offer{position:absolute;inset:0;margin:0;box-shadow:none;border-radius:0}
  .of-go,.of-name,.of-msg{display:none}
  .tier:not(.sel){opacity:.45}
}

/* ===================== V3 — Intelligence ops room ===================== */
.mono{font-family:"JetBrains Mono",ui-monospace,monospace!important;letter-spacing:0}
html[lang=ar] .display{line-height:1.42}
html[lang=ar] .hx-h{line-height:1.38}
.hx{min-height:calc(100svh - 76px);display:grid;align-items:center;background:radial-gradient(900px 600px at 20% 50%,rgba(208,16,30,.10),transparent 60%),#000}
#matrix{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.55}
.scan-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.85) 100%)}
.scan-fx::after{content:"";position:absolute;inset-inline:0;height:120px;top:-120px;background:linear-gradient(transparent,rgba(208,16,30,.08),transparent);animation:sweepY 7s linear infinite}
@keyframes sweepY{to{top:100%}}
.hx-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding-block:60px 110px;width:100%}
.hx-text{min-width:0}
.hx-h{display:grid;gap:4px;max-width:none;font-size:clamp(40px,5.4vw,82px)}
html[lang=en] .hx-h{font-size:clamp(38px,4.6vw,70px)}
.hx-text .lead{max-width:560px}
.hx-term{margin-top:28px;font-size:13px;color:#7fd99a;display:flex;align-items:center;gap:8px;min-height:1.6em}
.hx-term span{color:var(--red)}
.cur{animation:blinkC 1s steps(1) infinite;color:#7fd99a}
@keyframes blinkC{50%{opacity:0}}
/* glitch */
.glitch{position:relative;display:inline-block}
.glitch::before,.glitch::after{content:attr(data-t);position:absolute;inset:0;pointer-events:none;opacity:0}
.glitch::before{color:#00e5ff;transform:translate(-2px,0);mix-blend-mode:screen}
.glitch::after{color:var(--red);transform:translate(2px,0);mix-blend-mode:screen}
.glitch.g-on::before{opacity:.7;animation:glA .35s steps(2) 1}
.glitch.g-on::after{opacity:.7;animation:glB .35s steps(2) 1}
@keyframes glA{0%{clip-path:inset(10% 0 60% 0)}50%{clip-path:inset(55% 0 20% 0)}100%{clip-path:inset(80% 0 5% 0)}}
@keyframes glB{0%{clip-path:inset(70% 0 10% 0)}50%{clip-path:inset(15% 0 65% 0)}100%{clip-path:inset(40% 0 40% 0)}}
/* console */
.console{position:relative;background:linear-gradient(180deg,rgba(14,14,14,.85),rgba(6,6,6,.92));border:1px solid rgba(208,16,30,.35);border-radius:6px;padding:16px;box-shadow:0 0 0 1px rgba(255,255,255,.03),0 30px 80px -30px rgba(208,16,30,.45),inset 0 0 60px rgba(208,16,30,.06);backdrop-filter:blur(6px)}
.cn{position:absolute;width:18px;height:18px;border-color:var(--red);border-style:solid;border-width:0}
.cn.tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.cn.tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.cn.bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.cn.br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}
.con-top,.con-bot{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9c958a;direction:ltr}
.con-top b.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:8px;box-shadow:0 0 8px #22c55e;animation:pulse 1.6s infinite}
.con-top em{color:var(--red);font-style:normal}
.con-radar{position:relative;aspect-ratio:1;margin:12px 0;border-block:1px dashed rgba(242,235,221,.1)}
.con-radar #radar{position:absolute;inset:0;width:100%;height:100%}
.coord{position:absolute;bottom:8px;left:8px;font-size:10px;color:#7a746a;direction:ltr}
.lock{position:absolute;top:8px;right:8px;font-size:10px;color:#fff;background:rgba(208,16,30,.85);padding:2px 8px;border-radius:2px;letter-spacing:.12em!important}
.con-feed .feed-h{display:flex;align-items:center;gap:8px;font-size:11px;color:#9c958a;margin-bottom:6px}
.con-feed .feed-h i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}
.con-feed #feed{height:96px;font-size:13px}
.con-bot{border-top:1px solid rgba(242,235,221,.08);padding-top:10px;margin-top:6px}
.feed{display:none}
.hx-veil{display:none}
@media (max-width:980px){.hx-grid{grid-template-columns:1fr;gap:40px;padding-block:40px 100px}.console{max-width:460px;width:100%;margin-inline:auto}}
@media (max-width:640px){.con-feed #feed{height:74px}.hx-term{font-size:11.5px}}
.of-bank{margin-top:18px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:22px;animation:paneIn .5s var(--ease)}
.of-bank .of-tt{margin-top:0}
.of-bank dl{display:grid;gap:12px}
.of-bank dl div{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;border-bottom:1px solid #eee5d4;padding-bottom:10px}
.of-bank dt{color:#6b655b;font-size:14px}
.of-bank dd{font-weight:900}
.iban{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.iban b{font-size:17px;direction:ltr}
.cp{font:inherit;font-size:13px;background:var(--ink);color:var(--cream);border:0;border-radius:8px;padding:6px 14px;cursor:pointer}
.of-legal{font-family:"Inter",var(--f);font-size:11px;color:#8a8478;margin-top:10px;direction:ltr;text-align:left}
@media (max-width:640px){.of-bank dl div{grid-template-columns:1fr;gap:4px}.iban b{font-size:15px}}
@media print{.of-bank[hidden]{display:block!important}.cp{display:none}}

/* ===================== PLATFORM ===================== */
.nav-hot{color:#fff!important;position:relative}
.nav-hot::before{content:"";position:absolute;top:2px;inset-inline-end:-9px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1.6s infinite}
.lab-hero{position:relative;overflow:hidden;isolation:isolate;padding:90px 0 60px;border-bottom:1px solid var(--line)}
.lab-hero .eyebrow::before{display:none}
.lab{position:relative;background:linear-gradient(180deg,rgba(14,14,14,.9),#050505);border:1px solid rgba(208,16,30,.3);border-radius:8px;padding:36px;min-height:460px}
.lab::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;opacity:.25;pointer-events:none}
.lab>*{position:relative}
.lab-steps{list-style:none;display:flex;gap:6px;margin-bottom:28px}
.lab-steps li{flex:1;height:34px;display:grid;place-items:center;font-size:12px;color:var(--mute);border:1px solid var(--g3);clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,8% 50%)}
html[dir=rtl] .lab-steps li{clip-path:polygon(8% 0,100% 0,92% 50%,100% 100%,8% 100%,0 50%)}
.lab-steps li.on{background:var(--red);color:#fff;border-color:var(--red)}
.lab-steps li.done{color:var(--red);border-color:var(--red)}
.lp{display:none}.lp.on{display:block;animation:paneIn .45s var(--ease)}
.lh{font-size:clamp(22px,2.6vw,32px);font-weight:900;margin-bottom:22px}
.lh2{font-size:18px;font-weight:900;margin:26px 0 12px}
.o5{grid-template-columns:repeat(5,1fr)}
.o5 .opt{display:grid;gap:10px;align-content:start;min-height:120px}
.o5 .opt span{font-size:12px;color:var(--red)}
.o5 .opt.sel span{color:#fff}
.chips2{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:inherit;font-size:15px;color:var(--cream);background:rgba(0,0,0,.5);border:1px solid var(--g3);border-radius:999px;padding:10px 18px;cursor:pointer;transition:.2s}
.chip:hover{border-color:var(--red)}.chip.sel{background:var(--red);border-color:var(--red);color:#fff}
.chip:disabled{opacity:.35;cursor:default}
.lab label,.af label,.sigbox label{display:grid;gap:8px;font-size:15px;margin-bottom:14px}
.lab input,.lab select,.af input,.af textarea,.sigbox input,.doc-plan select{font:inherit;font-size:16px;padding:14px 16px;border-radius:10px;border:1px solid var(--g3);background:#0b0b0b;color:var(--cream);width:100%}
.lab input:focus,.lab select:focus,.af input:focus,.af textarea:focus,.sigbox input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(208,16,30,.2)}
.lab-err{color:#ff5a64;min-height:1.4em;font-size:14px}
.term{background:#000;border:1px solid rgba(34,197,94,.25);border-radius:6px;padding:18px;font-size:13px;color:#7fd99a;min-height:260px;direction:ltr;text-align:left}
html[dir=rtl] .term{direction:rtl;text-align:right}
.term p{padding:3px 0}.term span{color:#4b7f5b}.term b{color:#fff}.term .bad{color:#ff5a64}
/* results */
.rhead{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;border-bottom:1px dashed var(--g3);padding-bottom:22px}
.rhead h2{font-size:clamp(26px,3.2vw,40px);font-weight:950}
.rhead .eyebrow::before{display:none}
.gauge2{position:relative;width:150px}
.gauge2 svg{transform:rotate(-90deg)}
.gauge2 b{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:700;padding-bottom:12px}
.gauge2 span{position:absolute;bottom:42px;inset-inline:0;text-align:center;font-size:11px;color:var(--mute)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
.facts div{background:#0b0b0b;border:1px solid var(--g3);border-radius:8px;padding:14px}
.facts small{display:block;color:var(--mute);font-size:11px;margin-bottom:6px}.facts b{font-size:20px}
.axes{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.axes div{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:12px;font-size:15px}
.axes i{height:8px;background:var(--g3);border-radius:8px;overflow:hidden}.axes i b{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff4757);border-radius:8px}
.axes em{font-style:normal;font-size:13px;color:var(--mute)}
.rh{font-size:20px;font-weight:900;margin:36px 0 14px;display:flex;align-items:center;gap:10px}
.rh::before{content:"";width:4px;height:20px;background:var(--red)}
.checks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.checks li{display:flex;align-items:center;gap:12px;background:#0b0b0b;border:1px solid var(--g3);border-radius:8px;padding:12px 14px}
.checks li b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none}
.checks .ok b{background:#14532d;color:#7fd99a}.checks .no b{background:#5a0a10;color:#ff8a92}
.checks .lockline{grid-column:1/-1;position:relative;justify-content:space-between;border-style:dashed}
.checks .lockline em{font-style:normal;color:var(--red);white-space:nowrap;font-size:14px}
.blur{filter:blur(6px);user-select:none;-webkit-user-select:none;pointer-events:none}
.socs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.okt{color:#7fd99a}.bad{color:#ff5a64}
.comp{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}
.ctop{background:linear-gradient(160deg,rgba(208,16,30,.22),#0b0b0b);border:1px solid rgba(208,16,30,.6);border-radius:10px;padding:22px}
.ctop .tag{font-size:11px;background:var(--red);color:#fff;padding:2px 8px;border-radius:3px}
.ctop h4{font-size:24px;font-weight:950;margin:12px 0 6px}
.ctop a{color:var(--red);font-size:13px}
.crest{position:relative;background:#0b0b0b;border:1px solid var(--g3);border-radius:10px;padding:18px;overflow:hidden;min-height:200px}
.crow{display:grid;grid-template-columns:1fr 60px 60px;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.crest .mx{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(208,16,30,.06) 0 2px,transparent 2px 4px);animation:mxs 2s linear infinite}
@keyframes mxs{to{background-position:0 40px}}
.crest.locked .crow{opacity:.5}
.lockmsg{position:absolute;inset:auto 16px 16px;background:rgba(0,0,0,.85);border:1px solid var(--red);border-radius:8px;padding:12px;font-size:14px;text-align:center}
.samples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.smp{background:#0b0b0b;border:1px solid var(--g3);border-radius:10px;padding:20px;display:grid;gap:8px;align-content:start;transition:border-color .2s}
.smp:hover{border-color:var(--red)}
.smp small{color:var(--red);font-size:11px}.smp h4{font-size:20px;font-weight:900}.smp p{font-size:14.5px;color:#cfc8ba}
.smp em{font-style:normal;font-size:12px;color:var(--mute)}
.free{margin-top:36px;background:var(--cream);color:var(--ink);border-radius:14px;padding:28px}
.free h3{font-size:22px;font-weight:950}.free .muted{color:#6b655b;margin:6px 0 16px}
.free .chip{color:var(--ink);background:#fff;border-color:#d8cfbd}.free .chip.sel{color:#fff}
.zub{list-style:none;display:grid;gap:10px;margin:20px 0}
.zub li{background:#fff;border-inline-start:4px solid var(--red);padding:12px 16px;border-radius:6px;font-weight:900}
.mini-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp{display:grid;gap:4px;background:#0b0b0b;border:1px solid var(--g3);border-radius:12px;padding:22px;transition:.2s}
.mp:hover{transform:translateY(-3px);border-color:var(--red)}
.mp.hot{border-color:var(--red);background:linear-gradient(160deg,rgba(208,16,30,.25),#0b0b0b)}
.mp small{color:var(--mute)}.mp b{font-size:40px}.mp em{font-style:normal;color:var(--red);margin-top:8px}
/* pricing */
.plans{display:grid;grid-template-columns:1fr 1.15fr;gap:20px;align-items:stretch}
.plan{position:relative;background:var(--g1);border:1px solid var(--line);border-radius:18px;padding:36px;display:flex;flex-direction:column;gap:16px}
.plan.hot{border-color:var(--red);background:linear-gradient(170deg,rgba(208,16,30,.18),var(--g1) 50%);box-shadow:0 30px 80px -40px rgba(208,16,30,.6)}
.plan em{position:absolute;top:-13px;inset-inline-start:28px;background:var(--red);color:#fff;font-style:normal;font-size:13px;padding:4px 14px;border-radius:999px}
.plan h2{font-size:26px;font-weight:950}
.price b{font-family:"JetBrains Mono",monospace;font-size:56px;font-weight:700;color:#fff}.price span{display:block;color:var(--mute)}
.plan ul{list-style:none;display:grid;gap:10px;flex:1}
.plan li{display:flex;gap:10px}.plan li::before{content:"✓";color:var(--red);font-weight:900}
.plan .btn{justify-content:center}
/* contract */
.ctr{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}
.doc{background:var(--cream);color:var(--ink);border-radius:14px;padding:40px}
.doc-h{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:18px}
.doc-h .logo-full img{width:80px;height:80px}.doc-h .logo-full b{font-size:12px;margin-top:-8px;color:var(--ink)}
.doc-h h2{font-size:24px;font-weight:950}.doc-h h2 i{display:block;font-style:normal;font-size:15px;color:#6b655b}
.doc-h p{font-size:11px;color:#8a8478}
.doc-plan select{background:#fff;color:var(--ink);border-color:#d8cfbd}
.doc-plan label{display:grid;gap:6px;margin-bottom:18px;font-weight:900}
.cl{padding:14px 0;border-bottom:1px solid #e3dac8}
.cl h3{font-size:17px;font-weight:950;margin-bottom:8px}.cl h3 span{color:var(--red);font-size:13px}.cl h3 i{font-style:normal;color:#8a8478;font-size:13px;margin-inline-start:8px}
.cl2{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:14.5px;line-height:1.8}
.cl2 p[lang=en]{font-family:"Inter",sans-serif;font-size:13.5px;line-height:1.6;color:#3b3833}
.doc-f{font-size:11px;color:#8a8478;margin-top:18px;text-align:left}
.doc-sig{margin-top:20px;border:2px solid var(--red);border-radius:10px;padding:18px;background:#fff}
.sigfont{font-family:"R-Mohammed",cursive;font-size:30px!important;color:#0b2a6b}
.sigbox{position:sticky;top:96px;background:var(--g1);border:1px solid var(--line);border-radius:14px;padding:26px}
.sigbox .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px}.sigbox .chk input{width:20px;height:20px;flex:none;accent-color:var(--red)}
.sigbox .btn{width:100%;justify-content:center}
.amt{font-size:15px;margin:10px 0}.amt b{font-size:28px;color:#fff}
.pbank{background:#fff;color:var(--ink)}
/* account */
.acc{max-width:980px}
.acc-card{max-width:480px;margin-inline:auto;background:var(--g1);border:1px solid var(--line);border-radius:16px;padding:30px}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#000;border-radius:10px;padding:4px;margin-bottom:20px}
.tabs button{font:inherit;background:none;border:0;color:var(--mute);padding:10px;border-radius:8px;cursor:pointer}
.tabs button.on{background:var(--g3);color:#fff}
.pk{width:100%;justify-content:center}.pk svg{width:22px;height:22px}
.or{display:flex;align-items:center;gap:12px;color:var(--mute);font-size:13px;margin:18px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.af .btn{width:100%;justify-content:center}
.af small{color:var(--mute);font-size:12px}
.pw{position:relative;display:block}
.pw input{padding-inline-end:52px}
.eye{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);width:38px;height:38px;background:none;border:0;color:var(--mute);cursor:pointer;display:grid;place-items:center}
.eye svg{width:22px;height:22px}.eye.on{color:var(--red)}
.eye.on svg path{stroke-dasharray:2 2}
.link{font:inherit;background:none;border:0;color:var(--red);cursor:pointer;padding:8px 0;font-size:14px}
.amsg{min-height:1.4em;margin-top:12px;font-size:14px}.amsg.ok{color:#7fd99a}.amsg.bad{color:#ff5a64}
.pkcall{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(160deg,rgba(208,16,30,.25),var(--g1));border:1px solid var(--red);border-radius:14px;padding:24px;margin-bottom:20px}
.pkcall h3{font-size:20px;font-weight:950}.pkcall p{color:#cfc8ba;max-width:560px}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.dcard{background:var(--g1);border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;gap:8px;align-content:start}
.dcard.wide{grid-column:span 1}
.dcard small{color:var(--mute)}.dcard b{font-size:24px;font-weight:950}
.dcard ul{list-style:none;display:grid;gap:8px;font-size:14px}
.st{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--g3)}.st-active,.st-paid{background:#14532d;color:#7fd99a}
.repview{background:#000;border:1px solid var(--g3);border-radius:8px;padding:14px;margin-top:8px}.repview pre{white-space:pre-wrap;font-family:inherit;font-size:14px}
.tblw{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:8px;text-align:start;vertical-align:top}.tbl th{color:var(--mute)}
.tbl select{font:inherit;background:#000;color:var(--cream);border:1px solid var(--g3);border-radius:6px;padding:4px}
.small{font-size:11px;word-break:break-all}
.af.wide{max-width:none}
#report{display:none}
@media (max-width:980px){.o5{grid-template-columns:1fr 1fr}.ctr{grid-template-columns:1fr}.sigbox{position:static}.comp,.plans,.dgrid{grid-template-columns:1fr}.samples{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.lab{padding:20px}.facts,.axes,.checks,.samples,.mini-plans,.cl2{grid-template-columns:1fr}.axes div{grid-template-columns:100px 1fr 44px}.doc{padding:22px}}
@media print{
  body.printing>*:not(#report){display:none!important}
  body.printing #report{display:block!important;visibility:visible;color:#000;background:#fff;font-family:"R-Mohammed","Inter",sans-serif;padding:24px}
  body.printing #report *{visibility:visible}
  #report header{display:flex;gap:20px;align-items:center;border-bottom:3px solid #D0101E;padding-bottom:14px;margin-bottom:16px}
  #report header img{width:110px;height:110px}#report h1{font-size:28px}#report h2{font-size:18px;color:#D0101E;margin:16px 0 8px}
  #report table{width:100%;border-collapse:collapse}#report td{border-bottom:1px solid #ddd;padding:6px}
  #report ul{padding-inline-start:20px;line-height:1.9}
  #report .cta{background:#F2EBDD;padding:14px;border-radius:8px;margin-top:16px}
  #report footer{margin-top:24px;font-size:11px;color:#666;border-top:1px solid #ddd;padding-top:8px}
  body:not(.printing) .hdr,body:not(.printing) .ftr,body:not(.printing) .phead,body:not(.printing) .sigbox,body:not(.printing) .doc-plan,body:not(.printing) .progress{display:none!important}
  body:not(.printing) .doc{box-shadow:none;border-radius:0}
}
.free .chip.sel{background:var(--red);border-color:var(--red);color:#fff}
.checks{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.checks li{min-width:0}.checks .lockline{flex-wrap:wrap;overflow:hidden}.checks .lockline span{min-width:0;overflow:hidden;max-height:4.5em}
/* ===== Security & risk ===== */
.rv2{opacity:0;transform:translateY(14px)}
#out.go .rv2{animation:rv2 .6s var(--ease) forwards;animation-delay:var(--d,0s)}
@keyframes rv2{to{opacity:1;transform:none}}
.alarm{position:relative;margin:22px 0 6px;border-radius:10px;padding:18px 22px 18px 22px;display:flex;align-items:center;gap:16px;font-size:clamp(17px,2vw,22px);font-weight:900;overflow:hidden}
.alarm p span{font-weight:700}.alarm b{font-size:1.5em;color:#fff}
.a-hot{background:linear-gradient(90deg,rgba(208,16,30,.35),rgba(208,16,30,.08));border:1px solid var(--red)}
.a-mid{background:linear-gradient(90deg,rgba(249,115,22,.25),transparent);border:1px solid #f97316}
.a-ok{background:rgba(34,197,94,.12);border:1px solid #22c55e;color:#7fd99a}
.alarm::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-100%);animation:shine 2.6s 1s infinite}
@keyframes shine{to{transform:translateX(100%)}}
.alarm .pulse{width:14px;height:14px;border-radius:50%;background:var(--red);flex:none;box-shadow:0 0 0 0 rgba(208,16,30,.7);animation:ring 1.4s infinite}
.a-mid .pulse{background:#f97316}
@keyframes ring{70%{box-shadow:0 0 0 14px rgba(208,16,30,0)}100%{box-shadow:0 0 0 0 rgba(208,16,30,0)}}
.secgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:14px}
.meter,.secnum{background:#0b0b0b;border:1px solid var(--g3);border-radius:12px;padding:20px}
.meter{display:grid;justify-items:center}
.meter svg{width:min(320px,100%);overflow:visible;direction:ltr}
.needle{transform-origin:100px 104px;transform:rotate(-90deg);transition:transform 1.8s cubic-bezier(.2,1.4,.4,1) .6s}
#out.go .needle{transform:rotate(var(--a))}
.rk{text-align:center;margin-top:6px}.rk small{display:block;color:var(--mute);font-size:13px}.rk b{font-size:30px;font-weight:950}
.r-low .rk b{color:#22c55e}.r-medium .rk b{color:#eab308}.r-high .rk b{color:#f97316}.r-critical .rk b{color:var(--red);text-shadow:0 0 18px rgba(208,16,30,.7)}
.secnum{display:grid;align-content:center;gap:6px}.secnum small{color:var(--mute)}.secnum b{font-size:64px;line-height:1}.secnum b i{font-size:22px;color:var(--mute);font-style:normal}
.passive{font-size:11.5px;color:#6b8f76;margin-top:8px}
.weak{list-style:none;display:grid;gap:10px}
.weak li{display:flex;gap:14px;align-items:flex-start;background:#0b0b0b;border:1px solid var(--g3);border-inline-start:4px solid var(--g3);border-radius:10px;padding:16px 18px}
.weak li b{font-size:17px}.weak li p{color:#cfc8ba;font-size:14.5px;margin-top:4px}.weak li em{font-style:normal;color:var(--mute)}
.weak code{font-size:12px;background:#1d1d1d;padding:2px 6px;border-radius:4px;color:#ffb4b9}
.sv{flex:none;font-size:11px;padding:3px 9px;border-radius:4px;color:#fff;background:#555;margin-top:2px}
.sv-critical{border-inline-start-color:var(--red)!important}.sv-critical .sv,i.sv-critical{background:var(--red)}
.sv-high{border-inline-start-color:#f97316!important}.sv-high .sv,i.sv-high{background:#f97316}
.sv-medium{border-inline-start-color:#eab308!important}.sv-medium .sv,i.sv-medium{background:#a16207}
.sv-low .sv,i.sv-low{background:#3f3f46}
.weak-lock{display:grid!important;gap:10px;border-style:dashed!important;position:relative;overflow:hidden}
.weak-lock .blur{font-size:15px;line-height:1.9;max-height:3.8em;overflow:hidden}
.weak-lock p{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--cream)!important;font-size:15px!important}
.weak-lock p b{color:var(--red);font-size:20px}
.sevmix{display:inline-flex;gap:6px;flex-wrap:wrap}.sevmix i{font-style:normal;font-size:12px;padding:2px 8px;border-radius:4px;color:#fff}
@media (max-width:640px){.secgrid{grid-template-columns:1fr}.secnum b{font-size:52px}}
@media (prefers-reduced-motion:reduce){.rv2{opacity:1;transform:none}.needle{transform:rotate(var(--a))}}
/* ===== Assas dossier identity + parallel world ===== */
.lab-sec{position:relative;isolation:isolate}
.lab-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/scene.webp) center/cover no-repeat;opacity:.08;filter:grayscale(.3)}
#out{position:relative}
#out::before{content:"";position:absolute;top:120px;inset-inline-end:-20px;width:420px;height:420px;background:url(/assets/logo.webp) center/contain no-repeat;opacity:.05;pointer-events:none}
.dos-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11.5px;color:#9c958a;border-block:1px solid rgba(208,16,30,.4);padding:8px 0;margin-bottom:22px;background:repeating-linear-gradient(90deg,rgba(208,16,30,.08) 0 10px,transparent 10px 20px)}
.dos-top span{display:flex;align-items:center;gap:8px}.dos-top b{color:var(--red)}
.dos-top img{width:26px;height:26px;border-radius:50%}
.stamp{position:absolute;top:56px;inset-inline-end:180px;transform:rotate(-12deg);border:3px solid var(--red);color:var(--red);padding:6px 16px;font-size:22px;font-weight:950;border-radius:6px;opacity:0;text-align:center;line-height:1.2;mix-blend-mode:screen;pointer-events:none}
.stamp small{display:block;font-size:9px;letter-spacing:.2em!important}
#out.go .stamp{animation:stampIn .5s 1.8s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes stampIn{from{opacity:0;transform:rotate(-12deg) scale(2.4)}to{opacity:.85;transform:rotate(-12deg) scale(1)}}
.rhead h2::after{content:".";color:var(--red)}
/* parallel world */
.pw{margin:26px 0 6px}
.pw-h h3{font-size:clamp(24px,3vw,36px);font-weight:950}
.pw-h h3::after{content:".";color:var(--red)}
.pw-h p{margin:4px 0 14px}
.pw-stage{--x:50%;position:relative;height:340px;border-radius:14px;overflow:hidden;border:1px solid rgba(208,16,30,.5);box-shadow:0 30px 80px -40px rgba(208,16,30,.7);direction:ltr;user-select:none}
.pw-side{position:absolute;inset:0;padding:28px 34px;display:grid;align-content:center;gap:18px}
html[dir=rtl] .pw-side{direction:rtl}
.pw-now{background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px),linear-gradient(135deg,#151515,#050505);color:#8a8478;filter:grayscale(1) contrast(.9)}
.pw-now .pw-nums b{animation:jit 2.4s steps(2) infinite}
@keyframes jit{0%,92%{transform:none;text-shadow:none}94%{transform:translateX(-2px);text-shadow:2px 0 #00e5ff,-2px 0 var(--red)}96%{transform:translateX(2px)}}
.pw-par{background:radial-gradient(500px 260px at 70% 20%,rgba(208,16,30,.35),transparent 70%),url(/assets/scene.webp) center 30%/cover,#000;color:var(--cream);clip-path:inset(0 0 0 var(--x))}
.pw-par::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.65));z-index:-1}
.pw-par{isolation:isolate}
html[dir=rtl] .pw-par{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
html[dir=rtl] .pw-par::before{background:linear-gradient(270deg,rgba(0,0,0,.92),rgba(0,0,0,.65))}
.pw-t{font-size:12px;letter-spacing:.12em!important;color:inherit;opacity:.8}
.pw-par .pw-t{color:var(--red);opacity:1}
.pw-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:560px}
.pw-nums small{display:block;font-size:12px;opacity:.75}.pw-nums b{font-size:clamp(30px,4vw,48px);font-weight:950;line-height:1.1}
.pw-par .pw-nums b{color:#fff;text-shadow:0 0 24px rgba(208,16,30,.6)}
.pw-par .pw-nums div:last-child b{color:#22c55e}
.pw-side ul{list-style:none;display:grid;gap:6px;font-size:14.5px;max-width:560px}
.pw-par li{color:var(--cream)}.pw-now li{color:#7a746a;text-decoration:line-through rgba(208,16,30,.6)}
.pw-handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;pointer-events:none;z-index:3}
.pw-handle i{position:absolute;inset:0 -1px;width:2px;background:var(--red);box-shadow:0 0 16px var(--red),0 0 40px rgba(208,16,30,.6)}
.pw-handle span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:11px;box-shadow:0 0 0 6px rgba(208,16,30,.25),0 0 30px var(--red)}
.pw-handle span::before{content:"⟷";position:absolute;top:8px;font-size:14px}
.pw-handle span{padding-top:14px}
.pw-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
@media (max-width:640px){.pw-stage{height:440px}.pw-side{padding:20px;align-content:start;padding-top:28px}.pw-nums{grid-template-columns:1fr 1fr}.stamp{inset-inline-end:16px;top:70px;font-size:16px}#out::before{width:240px;height:240px}}
@media print{.pw,.stamp{display:none}}
/* parallel world: identical centered layouts, complementary clipping */
.pw-side{justify-items:center;text-align:center}
.pw-side ul{justify-items:center}
.pw-nums{width:100%;margin-inline:auto}
.pw-now{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.pw-par{clip-path:inset(0 0 0 var(--x))}
html[dir=rtl] .pw-now{clip-path:inset(0 0 0 var(--x))}
html[dir=rtl] .pw-par{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.pw-par::before{background:rgba(0,0,0,.78)!important}
.pw-par li s{text-decoration-color:rgba(34,197,94,.7);opacity:.85}.pw-par li b{color:#22c55e}