:root { --cyan:#00d2ff; }
    body { font-family:'Tajawal',sans-serif; background:#000000; color:#fff; margin:0; padding:0; overflow-x:hidden; }
    .content-container { max-width:1120px; margin:150px auto 100px; padding:48px;
        background:rgba(255,255,255,0.03); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
        border-radius:30px; border:1px solid rgba(255,255,255,0.08);
        box-shadow:0 40px 100px rgba(0,0,0,0.6); position:relative; z-index:1; }
    .doc-eyebrow { display:flex; align-items:center; justify-content:center; gap:12px; color:rgba(0,210,255,0.8); font-size:12px; font-weight:800; letter-spacing:2px; margin-bottom:14px; }
    .doc-eyebrow::before,.doc-eyebrow::after { content:''; width:44px; height:1px; background:linear-gradient(90deg,transparent,rgba(0,210,255,0.55)); }
    .doc-eyebrow::after { background:linear-gradient(90deg,rgba(0,210,255,0.55),transparent); }
    h1 { font-size:clamp(28px,5vw,42px); font-weight:900; text-align:center; margin-bottom:12px;
        background:linear-gradient(135deg,#fff 30%,#00d2ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
        filter:drop-shadow(0 0 30px rgba(0,210,255,0.35)); }
    .brand-desc { text-align:center; font-size:clamp(14px,2.3vw,16.5px); color:rgba(255,255,255,0.62); line-height:2; margin-bottom:8px; max-width:860px; margin-inline:auto; }
    .doc-meta { text-align:center; font-size:12px; color:rgba(255,255,255,0.4); margin-bottom:30px; }
    .toc { display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin-bottom:34px; }
    .toc a { font-size:11.5px; font-weight:700; color:rgba(255,255,255,0.6); background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:999px; padding:4px 12px; text-decoration:none; }
    .toc a:hover { color:#00d2ff; border-color:rgba(0,210,255,0.35); }
    h2 { color:#00d2ff; font-size:20px; font-weight:900; margin:52px 0 10px; display:flex; align-items:center; gap:13px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.06); }
    h2 .num { min-width:40px; height:30px; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,210,255,0.08); border:1px solid rgba(0,210,255,0.35); border-radius:9px; font-size:12.5px; color:#7dd3fc; letter-spacing:1px; }
    h3 { color:#fff; font-size:16px; font-weight:800; margin:20px 0 8px; }
    .sec-lead { color:rgba(255,255,255,0.62); font-size:14px; margin:0 0 14px; line-height:2; }
    .card { background:rgba(255,255,255,0.01); border:1px solid rgba(255,255,255,0.05); border-radius:22px; padding:20px 24px; margin:14px 0; }
    .role-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:14px; margin:16px 0; }
    .role-card { background:linear-gradient(135deg,rgba(0,210,255,0.05),rgba(255,255,255,0.01)); border:1px solid rgba(0,210,255,0.16); border-radius:20px; padding:18px 20px; display:flex; flex-direction:column; }
    .role-card header { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
    .role-card header i { width:40px; height:40px; min-width:40px; background:rgba(0,210,255,0.1); border:1px solid rgba(0,210,255,0.3); border-radius:12px; display:flex; align-items:center; justify-content:center; color:#00d2ff; font-size:15px; }
    .role-card h3 { margin:0; font-size:15.5px; line-height:1.5; }
    .role-card p { margin:0; font-size:13.5px; color:rgba(255,255,255,0.78); line-height:1.95; }
    .role-card.guards { background:linear-gradient(135deg,rgba(167,139,250,0.06),rgba(255,255,255,0.01)); border-color:rgba(167,139,250,0.28); }
    .role-card.guards header i { background:rgba(167,139,250,0.12); border-color:rgba(167,139,250,0.4); color:#c4b5fd; }
    .policy-list { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:9px; }
    .policy-list li { position:relative; padding-right:24px; line-height:1.9; font-size:13.8px; color:rgba(255,255,255,0.82); }
    .policy-list li::before { content:'✦'; position:absolute; right:0; color:#00d2ff; font-size:10.5px; top:7px; }
    .policy-list li b { color:#fff; }
    .req { margin-top:auto; padding:11px 14px; background:rgba(52,211,153,0.06); border:1px solid rgba(52,211,153,0.22); border-right:3px solid #34d399; border-radius:8px 14px 14px 8px; font-size:13px; line-height:1.95; color:rgba(255,255,255,0.84); }
    .card .req { margin-top:14px; }
    .req .t { display:flex; align-items:center; gap:7px; color:#6ee7b7; font-weight:800; font-size:12px; margin-bottom:4px; }
    .tag { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:2px 11px; font-size:11px; font-weight:800; }
    .tag::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
    .tag.live { background:rgba(52,211,153,0.1); border:1px solid rgba(52,211,153,0.35); color:#6ee7b7; }
    .tag.approved { background:rgba(251,191,36,0.09); border:1px solid rgba(251,191,36,0.3); color:#fcd34d; }
    .tag.exec { background:rgba(0,210,255,0.08); border:1px solid rgba(0,210,255,0.3); color:#7dd3fc; }
    .table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
    table { width:100%; border-collapse:collapse; font-size:13px; min-width:640px; }
    th { text-align:right; color:#00d2ff; font-weight:800; font-size:11.8px; padding:11px 9px; border-bottom:2px solid rgba(0,210,255,0.25); background:rgba(0,210,255,0.04); }
    td { padding:10px 9px; border-bottom:1px solid rgba(255,255,255,0.05); color:rgba(255,255,255,0.8); line-height:1.75; vertical-align:top; }
    tr:last-child td { border-bottom:none; }
    table.matrix td, table.matrix th { text-align:center; font-size:11.5px; }
    table.matrix td:first-child, table.matrix th:first-child { text-align:right; }
    .mx-exec { color:#6ee7b7; font-weight:800; } .mx-decide { color:#fcd34d; font-weight:800; } .mx-review { color:#c4b4fd; font-weight:800; } .mx-none { color:rgba(255,255,255,0.25); } .mx-req { color:#7dd3fc; font-weight:800; }
    .lv-num { display:inline-flex; width:26px; height:26px; border-radius:50%; background:rgba(0,210,255,0.1); border:1px solid rgba(0,210,255,0.35); color:#00d2ff; font-weight:900; align-items:center; justify-content:center; font-size:12.5px; }
    .pill { display:inline-block; font-size:11px; font-weight:800; border-radius:999px; padding:2px 10px; margin:1px 2px; }
    .pill.c { background:rgba(0,210,255,0.08); border:1px solid rgba(0,210,255,0.25); color:#7dd3fc; }
    .pill.g { background:rgba(52,211,153,0.08); border:1px solid rgba(52,211,153,0.3); color:#6ee7b7; }
    .pill.w { background:rgba(251,191,36,0.08); border:1px solid rgba(251,191,36,0.3); color:#fcd34d; }
    .notice { background:rgba(251,191,36,0.05); border:1px solid rgba(251,191,36,0.22); border-right:4px solid #fbbf24; border-radius:8px 18px 18px 8px; padding:13px 16px; font-size:13px; color:rgba(255,255,255,0.8); line-height:2; margin:13px 0; }
    .legal { background:rgba(167,139,250,0.05); border:1px solid rgba(167,139,250,0.22); border-right:4px solid #a78bfa; border-radius:8px 18px 18px 8px; padding:13px 16px; font-size:12.8px; color:rgba(255,255,255,0.75); line-height:2; margin:13px 0; }
    .legal b { color:#d8b4fe; }
    a { color:#00d2ff; }
    .xlinks { display:flex; flex-wrap:wrap; gap:9px; margin-top:10px; }
    .xlinks a { display:flex; align-items:center; gap:8px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:14px; padding:9px 15px; color:rgba(255,255,255,0.75); font-size:13px; font-weight:700; text-decoration:none; transition:all .25s ease; }
    .xlinks a:hover { color:#00d2ff; border-color:rgba(0,210,255,0.35); transform:translateY(-1px); }
    .gloss dt { color:#fff; font-weight:800; font-size:14px; margin-top:12px; }
    .gloss dd { margin:2px 0 0; color:rgba(255,255,255,0.7); font-size:13.5px; line-height:1.9; }
    .ver td:first-child { font-family:ui-monospace,monospace; direction:ltr; }
    @media (max-width:900px) {
        * { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
        .content-container { padding:24px 15px; margin:100px 12px 60px; border-radius:20px; }
        .card, .role-card { padding:15px 14px; border-radius:16px; }
        h2 { font-size:17px; }
    }

    /* ===== مسار القيادة ===== */
    .hero { text-align:center; padding:10px 0 6px; }
    .hero .cta { display:inline-flex; align-items:center; gap:9px; margin-top:22px; background:linear-gradient(135deg,#00d2ff,#0090c0); color:#00131c; font-weight:900; font-size:15.5px; border-radius:16px; padding:14px 30px; text-decoration:none; box-shadow:0 12px 40px rgba(0,210,255,.3); transition:transform .25s ease; }
    .hero .cta:hover { transform:translateY(-2px); }
    .why-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:10px; margin:16px 0; }
    .why-cell { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.07); border-radius:14px; padding:14px 10px; text-align:center; }
    .why-cell i { color:#00d2ff; font-size:17px; display:block; margin-bottom:7px; }
    .why-cell b { font-size:13.5px; } .why-cell span { display:block; font-size:11.5px; color:rgba(255,255,255,0.5); margin-top:3px; line-height:1.6; }
    /* ladder */
    .ladder { position:relative; margin:26px auto 10px; max-width:760px; padding-inline-start:56px; }
    .ladder::before { content:''; position:absolute; right:23px; top:8px; bottom:8px; width:2px; background:linear-gradient(180deg,rgba(0,210,255,.5),rgba(167,139,250,.5)); }
    .rung { position:relative; background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:13px 16px; margin:0 0 12px; }
    .rung::before { content:''; position:absolute; right:-41px; top:18px; width:14px; height:14px; border-radius:50%; background:#00d2ff; box-shadow:0 0 14px rgba(0,210,255,.65); border:3px solid #041016; }
    .rung h4 { margin:0 0 3px; font-size:15px; color:#fff; }
    .rung .rmeta { font-size:12.3px; color:rgba(255,255,255,0.58); line-height:1.85; }
    .rung .rmeta b { color:#7dd3fc; }
    .rung.exec::before { background:#a78bfa; box-shadow:0 0 14px rgba(167,139,250,.7); }
    /* role exploration cards */
    .why-lead { border-right:3px solid #00d2ff; padding-right:11px; margin:2px 0 8px; font-size:13.6px; color:rgba(255,255,255,0.85); line-height:1.95; font-weight:600; }
    .perm { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:9px 0; font-size:12.6px; line-height:1.75; }
    .perm .can, .perm .cannot { border-radius:11px; padding:9px 11px; }
    .perm .can { background:rgba(52,211,153,0.06); border:1px solid rgba(52,211,153,0.2); }
    .perm .cannot { background:rgba(251,113,133,0.05); border:1px solid rgba(251,113,133,0.2); }
    .perm b { display:block; font-size:11.5px; margin-bottom:4px; letter-spacing:.3px; }
    .perm .can b { color:#6ee7b7; } .perm .cannot b { color:#ff9d97; }
    .perm ul { margin:0; padding-inline-start:16px; }
    .perm li { color:rgba(255,255,255,0.75); margin:2px 0; }
    .meters { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; font-size:11px; color:rgba(255,255,255,0.55); }
    .meters span b { color:#fcd34d; letter-spacing:1px; }
    .trust-pill { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:800; border-radius:999px; padding:2px 11px; margin-top:8px; }
    .t5 { background:rgba(251,113,133,.1); border:1px solid rgba(251,113,133,.35); color:#ff9d97; }
    .t4 { background:rgba(251,191,36,.1); border:1px solid rgba(251,191,36,.3); color:#fcd34d; }
    .t3 { background:rgba(0,210,255,.09); border:1px solid rgba(0,210,255,.3); color:#7dd3fc; }
    .impact-live { margin-top:10px; padding:9px 12px; background:rgba(0,210,255,.05); border:1px dashed rgba(0,210,255,.3); border-radius:10px; font-size:12.3px; color:rgba(255,255,255,0.72); }
    .impact-live b { color:#7dd3fc; }
    /* pipeline */
    .pipe { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:16px 0; }
    .pipe .step { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:10px 14px; font-size:13px; color:rgba(255,255,255,0.82); display:flex; align-items:center; gap:8px; }
    .pipe .step i { color:#00d2ff; font-size:12px; }
    .pipe .sep { align-self:center; color:rgba(0,210,255,.6); font-size:14px; }
    /* credential mock */
    .cred-wrap { display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
    .cred-card { width:290px; border-radius:18px; padding:20px 18px; text-align:center; background:linear-gradient(150deg,#0d1626,#101a2e 55%,#0c1826); border:1px solid rgba(0,210,255,.3); box-shadow:0 18px 50px rgba(0,0,0,.55); position:relative; }
    .cred-card::after { content:'نموذج تصميم — لم يُطلق بعد'; position:absolute; top:9px; left:-30px; transform:rotate(-32deg); background:#7c2d12; color:#fed7aa; font-size:9px; font-weight:900; padding:2px 34px; letter-spacing:.5px; }
    .cred-card .cb { color:#00d2ff; font-weight:900; letter-spacing:3px; font-size:11px; }
    .cred-card .cn { font-size:17px; font-weight:900; color:#fff; margin:12px 0 2px; }
    .cred-card .cr { color:#c4b5fd; font-size:13px; font-weight:800; }
    .cred-card .cid { font-family:ui-monospace,monospace; direction:ltr; color:rgba(255,255,255,.5); font-size:11.5px; margin:5px 0 10px; }
    .cred-card .cl { font-size:11.5px; color:rgba(255,255,255,.6); line-height:1.9; text-align:right; }
    .cred-card .cl i { color:#34d399; margin-left:5px; }
    .cred-card .vbtn { margin-top:12px; display:inline-block; border:1px solid rgba(0,210,255,.45); color:#7dd3fc; border-radius:10px; padding:7px 14px; font-size:12px; font-weight:800; }
    /* scarcity table */
    .status-open { color:#6ee7b7; font-weight:800; } .status-soon { color:#fcd34d; font-weight:800; } .status-planned { color:rgba(255,255,255,.45); font-weight:700; } .status-pending { color:#ff9d97; font-weight:800; }
    /* governance accordion */
    details.gov { margin:12px 0; border:1px solid rgba(255,255,255,0.07); border-radius:18px; background:rgba(255,255,255,0.012); overflow:hidden; }
    details.gov summary { cursor:pointer; list-style:none; padding:16px 20px; font-weight:900; color:#00d2ff; font-size:15.5px; display:flex; align-items:center; gap:10px; user-select:none; }
    details.gov summary::-webkit-details-marker { display:none; }
    details.gov summary::before { content:'+'; color:rgba(0,210,255,.85); font-size:17px; width:20px; }
    details.gov[open] summary::before { content:'–'; }
    details.gov[open] summary { border-bottom:1px solid rgba(255,255,255,0.05); background:rgba(0,210,255,0.04); }
    details.gov .gov-body { padding:8px 22px 20px; }
    details.gov h2 { margin-top:14px; }
    @media(max-width:900px){ .perm { grid-template-columns:1fr; } .rung::before{ right:-36px; } .ladder{ padding-inline-start:48px; } .ladder::before{ right:18px; } }


    /* ===== Career System ===== */
    .hero { text-align:center; padding:14px 0 8px; }
    .hero h1 { font-size:clamp(30px,5.6vw,46px); }
    .hero-sub { font-size:clamp(15px,2.4vw,18px); color:rgba(255,255,255,0.66); max-width:700px; margin:10px auto 0; line-height:2; }
    .hero-sub b { color:#fff; }
    .big-stats { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin:26px 0 6px; }
    .big-stat { background:linear-gradient(150deg,rgba(0,210,255,0.09),rgba(255,255,255,0.01)); border:1px solid rgba(0,210,255,0.28); border-radius:18px; padding:16px 26px; min-width:170px; }
    .big-stat b { display:block; font-size:clamp(24px,4vw,34px); font-weight:900; color:#00d2ff; filter:drop-shadow(0 0 18px rgba(0,210,255,.4)); }
    .big-stat span { font-size:12.5px; color:rgba(255,255,255,0.6); }
    .big-stat small { display:block; margin-top:3px; }
    /* — institutional-restructure: بطاقة إطار القيادة + حالات التكليف — */
    .framework-card { text-align:center; margin:16px 0 4px; border-color:rgba(0,210,255,.22); background:linear-gradient(160deg,rgba(0,210,255,.05),rgba(167,139,250,.03)); }
    .framework-card .fw-title { margin:0 0 12px; font-size:clamp(16px,2.6vw,20px); color:#fff; }
    .fw-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
    .fw-cell { border:1px solid rgba(255,255,255,.1); border-radius:14px; padding:14px 12px; background:rgba(255,255,255,.02); }
    .fw-cell b { display:block; font-size:clamp(20px,3.4vw,28px); font-weight:900; color:#00d2ff; margin-bottom:6px; }
    .fw-cell span { font-size:12px; color:rgba(255,255,255,.62); line-height:1.9; display:block; }
    .fw-cell span b { display:block; font-size:13px; color:#fff; margin-bottom:2px; }
    .fw-cell small { display:block; margin-top:4px; color:#fcd34d; }
    .fw-cell.planned b { color:rgba(255,255,255,.42); filter:none; }
    .appt-status { display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:3px 12px; font-size:11px; font-weight:800; letter-spacing:.2px; border:1px solid; }
    .appt-status i { font-style:normal; }
    .as-open { color:#6ee7b7; border-color:rgba(110,231,183,.35); background:rgba(52,211,153,.08); }
    .as-pool { color:#fcd34d; border-color:rgba(252,211,77,.35); background:rgba(251,191,36,.07); }
    .as-appt { color:#7dd3fc; border-color:rgba(125,211,252,.4); background:rgba(0,210,255,.07); }
    .as-plan { color:rgba(255,255,255,.5); border-color:rgba(255,255,255,.15); background:rgba(255,255,255,.03); }
    .rc-matters { margin:6px 0 0; font-size:12.5px; color:rgba(255,255,255,.72); line-height:2; }
    .rc-matters b { color:#c4b5fd; }
    .rc-success { margin:8px 0 0; font-size:12px; color:rgba(255,255,255,.66); }
    .rc-success b { display:block; color:#6ee7b7; font-size:11px; letter-spacing:.3px; margin-bottom:3px; }
    .rc-success ul { margin:0; padding-inline-start:16px; line-height:2; }
    .rc-levels { display:flex; gap:6px; flex-wrap:wrap; margin:10px 0 2px; font-size:11px; }
    .rc-levels span { border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:3px 9px; color:rgba(255,255,255,.7); background:rgba(255,255,255,.02); }
    .rc-levels b { color:#7dd3fc; }
    .rc-h { display:block; font-size:11px; letter-spacing:.4px; color:rgba(255,255,255,.5); margin:10px 0 4px; }
    .rc-report { margin:10px 0 4px; border:1px solid rgba(125,211,252,.22); background:rgba(0,210,255,.04); border-radius:12px; padding:9px 12px; }
    .rc-report b { display:block; font-size:11.5px; color:#7dd3fc; margin-bottom:5px; letter-spacing:.3px; }
    .rc-report dl { margin:0; font-size:11.5px; line-height:2.05; }
    .rc-report dt { display:inline; font-weight:800; color:rgba(255,255,255,.8); }
    .rc-report dt::after { content:' —'; color:rgba(125,211,252,.7); }
    .rc-report dd { display:inline; margin:0; color:rgba(255,255,255,.62); }
    .rc-report dd::after { content:'\a'; white-space:pre; }
    .rc-f30 { margin:9px 0 2px; font-size:11.5px; color:rgba(255,255,255,.66); }
    .rc-f30 b { display:block; font-size:11px; letter-spacing:.4px; color:#fcd34d; margin-bottom:3px; }
    .rc-f30 ul { margin:0; padding-inline-start:16px; line-height:2; }
    .rc-pkg { margin-top:10px; padding-top:8px; border-top:1px dashed rgba(255,255,255,.1); }
    .rc-pkg b { display:block; font-size:11.5px; color:#6ee7b7; margin-bottom:4px; }
    .join-fold { margin-top:4px; }
    .join-fold > summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid rgba(0,210,255,.4); background:rgba(0,210,255,.07); color:#7dd3fc; border-radius:14px; padding:14px 22px; font-size:14.5px; font-weight:800; transition:background .18s,color .18s,border-color .18s; }
    .join-fold > summary:hover { background:rgba(0,210,255,.13); color:#fff; }
    .join-fold > summary::-webkit-details-marker { display:none; }
    .join-fold > summary::after { content:'▾'; font-size:12px; opacity:.75; }
    .join-fold[open] > summary { margin-bottom:14px; border-color:rgba(167,139,250,.5); background:rgba(167,139,250,.08); color:#fff; }
    .join-fold[open] > summary::after { content:'▴'; }
    .pre-chip { display:flex; gap:8px; align-items:flex-start; font-size:12.3px; color:#6ee7b7; background:rgba(52,211,153,.06); border:1px solid rgba(52,211,153,.28); border-radius:12px; padding:9px 13px; margin:0 0 12px; line-height:1.9; }
    .pre-chip i { margin-top:3px; }
    .jf-why, .jf-rules { border-radius:14px; padding:13px 16px; margin:0 0 12px; font-size:12.6px; line-height:2.05; color:rgba(255,255,255,.72); }
    .jf-why { background:rgba(0,210,255,.05); border:1px solid rgba(0,210,255,.22); }
    .jf-rules { background:rgba(167,139,250,.05); border:1px solid rgba(167,139,250,.25); }
    .jf-why h4, .jf-rules h4 { margin:0 0 6px; font-size:13.5px; color:#fff; }
    .jf-why h4 i { color:#7dd3fc; margin-left:6px; } .jf-rules h4 i { color:#c4b5fd; margin-left:6px; }
    .jf-why ul, .jf-rules ol { margin:6px 0 0; padding-inline-start:18px; }
    .jf-why b, .jf-rules b { color:rgba(255,255,255,.9); }
    .jf-why li b { color:#7dd3fc; }
    .jf-fams { display:grid; gap:5px; margin-top:8px; }
    .jf-fams span { font-size:11.3px; line-height:1.85; color:rgba(255,255,255,.45); border-inline-start:3px solid rgba(255,255,255,.12); padding-inline-start:9px; transition:all .18s; }
    .jf-fams span.on { color:rgba(255,255,255,.85); border-inline-start-color:#00d2ff; background:rgba(0,210,255,.04); border-radius:0 8px 8px 0; }
    .jf-fams span b { color:inherit; }
    .jf-help { display:block; font-size:11px; color:rgba(255,255,255,.42); margin-top:4px; line-height:1.7; }
    .jr-live { font-size:11.3px; color:rgba(255,255,255,.5); margin-top:6px; line-height:1.8; border-inline-start:3px solid rgba(255,255,255,.12); padding-inline-start:8px; }
    .jr-live b { color:#fcd34d; }
    .jr-live.ok b { color:#6ee7b7; }
    .jf-ack { display:flex; gap:10px; align-items:flex-start; font-size:12.4px !important; color:rgba(255,255,255,.8) !important; font-weight:600 !important; cursor:pointer; background:rgba(251,191,36,.05); border:1px solid rgba(251,191,36,.28); border-radius:12px; padding:11px 14px; line-height:1.9; }
    .jf-ack input { margin-top:5px; accent-color:#fbbf24; flex:none; }
    .jf-next { font-size:12.3px; color:rgba(255,255,255,.55); margin:10px 0 0; }
    .jf-next i { color:#7dd3fc; margin-left:6px; }
    .layer-sep { margin:26px 0 6px; padding:14px 18px; border-radius:16px; border:1px solid rgba(167,139,250,.3); background:linear-gradient(140deg,rgba(167,139,250,.08),rgba(0,210,255,.03)); }
    .layer-sep b { display:block; font-size:15px; color:#fff; margin-bottom:4px; }
    .layer-sep span { font-size:12px; color:rgba(255,255,255,.6); line-height:1.9; }
    .gov-group { margin:14px 0; border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:4px 12px 12px; background:rgba(255,255,255,.015); }
    .gov-gtitle { font-size:13.5px; color:#c4b5fd; margin:10px 0 6px; letter-spacing:.2px; }
    .gov-gtitle i { margin-left:7px; color:rgba(196,181,253,.7); font-size:12px; }

    .cta-row { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:18px; }
    .btn-ghost { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(0,210,255,0.4); color:#7dd3fc; background:rgba(0,210,255,0.05); border-radius:16px; padding:13px 24px; font-weight:800; font-size:14.5px; text-decoration:none; }
    .btn-ghost:hover { background:rgba(0,210,255,0.1); }
    /* career map */
    .cmap { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin:18px 0; }
    .branch { border-radius:18px; padding:16px 18px; border:1px solid rgba(255,255,255,0.09); background:rgba(255,255,255,0.015); }
    .branch h4 { margin:0 0 4px; font-size:15px; display:flex; gap:9px; align-items:center; }
    .branch .b-ico { width:30px; height:30px; min-width:30px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; }
    .branch.sc { border-color:rgba(52,211,153,.25); } .branch.sc .b-ico { background:rgba(52,211,153,.12); color:#6ee7b7; }
    .branch.op { border-color:rgba(0,210,255,.25); } .branch.op .b-ico { background:rgba(0,210,255,.1); color:#7dd3fc; }
    .branch.ov { border-color:rgba(167,139,250,.28); } .branch.ov .b-ico { background:rgba(167,139,250,.12); color:#c4b4fd; }
    .bnode { position:relative; margin:9px 0 0; padding:8px 12px 8px 0; border-inline-start:2px solid rgba(255,255,255,0.1); padding-inline-start:16px; font-size:13px; color:rgba(255,255,255,0.82); }
    .bnode::before { content:''; position:absolute; inset-inline-start:-5px; top:14px; width:8px; height:8px; border-radius:50%; background:#00d2ff; }
    .bnode b { color:#fff; display:block; font-size:13.5px; }
    .bnode span { color:rgba(255,255,255,0.5); font-size:11.8px; }
    .broot { text-align:center; background:linear-gradient(135deg,#fff 25%,#00d2ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900; font-size:15px; margin-bottom:4px; }
    /* levels */
    .lvsys { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:16px 0; }
    .lv { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.08); border-radius:15px; padding:13px 12px; text-align:center; position:relative; }
    .lv .lvt { font-family:ui-monospace,monospace; color:#a78bfa; font-weight:900; font-size:12px; letter-spacing:1px; }
    .lv b { display:block; color:#fff; font-size:13.8px; margin:3px 0; }
    .lv span { font-size:11.5px; color:rgba(255,255,255,0.52); line-height:1.7; display:block; }
    .lv i.lvc { position:absolute; top:-7px; left:8px; background:#0a1420; border:1px solid rgba(0,210,255,0.35); color:#7dd3fc; font-size:10.5px; font-weight:800; border-radius:999px; padding:1px 9px; font-style:normal; }
    /* bars */
    .bar-row { display:flex; align-items:center; gap:10px; margin:7px 0; font-size:12.8px; }
    .bar-row .bl { width:130px; color:rgba(255,255,255,0.7); }
    .bar-track { flex:1; height:9px; background:rgba(255,255,255,0.06); border-radius:6px; overflow:hidden; }
    .bar-fill { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,#00d2ff,#34d399); }
    .bar-row .bv { width:64px; text-align:left; color:#7dd3fc; font-weight:800; font-family:ui-monospace,monospace; direction:ltr; }
    /* checklists */
    ul.checklist { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-direction:column; gap:7px; }
    ul.checklist li { font-size:13.2px; color:rgba(255,255,255,0.8); padding-inline-start:26px; position:relative; line-height:1.8; }
    ul.checklist li.y::before { content:'✓'; position:absolute; right:2px; color:#6ee7b7; font-weight:900; }
    ul.checklist li.n::before { content:'✗'; position:absolute; right:2px; color:#ff9d97; font-weight:900; }
    ul.checklist li.q::before { content:'؟'; position:absolute; right:2px; color:#fcd34d; font-weight:900; }
    .role-ep { font-size:11.5px; font-style:italic; color:#c4b5fd; letter-spacing:.4px; margin:-4px 0 6px; }
    .gain-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:9px; margin:14px 0; }
    .gain { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.08); border-radius:13px; padding:11px 12px; font-size:12.6px; color:rgba(255,255,255,0.78); line-height:1.8; }
    .gain b { display:flex; align-items:center; gap:7px; color:#fff; font-size:13px; margin-bottom:3px; }
    .gain b i { color:#00d2ff; font-size:13px; }
    /* join form */
    .join-card { background:linear-gradient(150deg, rgba(167,139,250,0.07), rgba(0,210,255,0.04)); border:1px solid rgba(167,139,250,0.3); }
    .jf { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:14px; }
    .jf .full { grid-column:1/-1; }
    .jf label { display:block; font-size:12px; color:rgba(255,255,255,0.55); font-weight:700; margin-bottom:5px; }
    .jf input, .jf select, .jf textarea { width:100%; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:13px; color:#fff; padding:12px 14px; font-family:inherit; font-size:14px; }
    .jf input:focus, .jf select:focus, .jf textarea:focus { outline:none; border-color:#00d2ff; box-shadow:0 0 0 4px rgba(0,210,255,0.12); }
    .jf select option { background:#0a0f18; }
    .jf button { grid-column:1/-1; background:linear-gradient(135deg,#a78bfa,#00d2ff); border:none; border-radius:14px; color:#0b0f1e; font-weight:900; font-size:15px; padding:14px; cursor:pointer; font-family:inherit; }
    .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none;top:0}
    @media(max-width:700px){ .jf { grid-template-columns:1fr; } }
    .dsr-ok { background:rgba(52,211,153,.08); border:1px solid rgba(52,211,153,.35); color:#6ee7b7; }
    .dsr-err { background:rgba(251,113,133,.08); border:1px solid rgba(251,113,133,.35); color:#ff9d97; }
    .day { display:flex; flex-direction:column; gap:4px; margin:8px 0; }
    .day div { display:flex; gap:10px; font-size:12.4px; color:rgba(255,255,255,0.7); }
    .day i.t { font-family:ui-monospace,monospace; color:#00d2ff; min-width:44px; font-style:normal; direction:ltr; }


    /* ===== Leadership Experience Layer ===== */
    .jstrip { display:flex; gap:8px; overflow-x:auto; padding:14px 2px 10px; scrollbar-width:none; }
    .jstrip::-webkit-scrollbar { display:none; }
    .jnode { flex:0 0 auto; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.09); border-radius:12px; padding:8px 15px; font-size:12.8px; color:rgba(255,255,255,0.78); font-weight:700; position:relative; }
    .jnode small { display:block; font-size:10px; color:rgba(0,210,255,0.75); font-weight:800; letter-spacing:.6px; }
    .jnode.hl { border-color:rgba(0,210,255,0.5); background:rgba(0,210,255,0.07); color:#fff; }
    .jarr { align-self:center; color:rgba(0,210,255,0.55); font-size:13px; flex:0 0 auto; }
    .philo { font-size:clamp(15px,2.6vw,18.5px); font-weight:800; color:rgba(255,255,255,0.88); line-height:2; }
    .philo em { font-style:normal; background:linear-gradient(135deg,#00d2ff,#a78bfa); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    /* passport mock */
    .pp-card { max-width:520px; margin:0 auto; border-radius:22px; padding:22px 24px; background:linear-gradient(160deg,#0c1424,#101a30 55%,#0b1522); border:1px solid rgba(0,210,255,0.35); box-shadow:0 24px 70px rgba(0,0,0,0.6); position:relative; }
    .pp-card .pph { display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; }
    .pp-card .pph b { letter-spacing:2px; color:#00d2ff; font-size:12px; }
    .pp-score { font-size:34px; font-weight:900; background:linear-gradient(135deg,#fff,#00d2ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
    .pp-score small { font-size:13px; color:rgba(255,255,255,0.45); -webkit-text-fill-color:rgba(255,255,255,0.45); }
    .pp-lv { background:rgba(167,139,250,0.12); border:1px solid rgba(167,139,250,0.4); color:#c4b5fd; border-radius:999px; font-weight:900; padding:3px 14px; font-size:13px; }
    .pp-water { position:absolute; top:12px; left:14px; transform:rotate(-4deg); font-size:9.5px; font-weight:900; letter-spacing:.8px; color:#fcd34d; border:1px solid rgba(251,191,36,.4); background:rgba(120,53,15,.35); border-radius:7px; padding:2px 9px; }
    .pp-next { margin-top:14px; text-align:center; background:rgba(0,210,255,0.06); border:1px dashed rgba(0,210,255,0.35); border-radius:12px; padding:10px 12px; font-size:13px; color:rgba(255,255,255,0.8); }
    .pp-next b { color:#7dd3fc; }
    /* path identity cards */
    .path-card { background:linear-gradient(160deg,rgba(0,210,255,0.05),rgba(255,255,255,0.012)); border:1px solid rgba(0,210,255,0.18); border-radius:20px; padding:20px 22px; }
    .path-card .phead { display:flex; gap:12px; align-items:center; margin-bottom:6px; }
    .path-card .phead .pi { width:44px; height:44px; min-width:44px; border-radius:13px; background:rgba(0,210,255,0.09); border:1px solid rgba(0,210,255,0.32); display:flex; align-items:center; justify-content:center; color:#00d2ff; font-size:17px; }
    .path-card .phead h3 { margin:0; font-size:16.5px; }
    .path-card .phead small { display:block; color:#c4b4fd; font-size:11.5px; font-style:italic; letter-spacing:.3px; }
    .identity { font-size:13.8px; line-height:2; color:rgba(255,255,255,0.85); margin:6px 0 10px; }
    .identity b { color:#7dd3fc; }
    .dec { background:rgba(52,211,153,0.05); border:1px solid rgba(52,211,153,0.2); border-radius:12px; padding:10px 13px; font-size:12.8px; line-height:1.9; color:rgba(255,255,255,0.8); }
    .dec b { color:#6ee7b7; }
    .fit2 { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:10px; font-size:12.3px; line-height:1.85; }
    .fit2 .f1, .fit2 .f2 { border-radius:12px; padding:9px 11px; }
    .fit2 .f1 { background:rgba(0,210,255,0.05); border:1px solid rgba(0,210,255,0.18); color:rgba(255,255,255,0.78); }
    .fit2 .f2 { background:rgba(251,113,133,0.04); border:1px solid rgba(251,113,133,0.18); color:rgba(255,255,255,0.6); }
    .fit2 b { display:block; font-size:11.5px; margin-bottom:4px; }
    .fit2 .f1 b { color:#7dd3fc; } .fit2 .f2 b { color:#ff9d97; }
    .authresp { display:flex; gap:8px; margin-top:10px; }
    .ar { flex:1; text-align:center; border-radius:10px; padding:6px 4px; font-size:11px; font-weight:800; }
    .ar.p { background:rgba(0,210,255,0.07); border:1px solid rgba(0,210,255,0.25); color:#7dd3fc; }
    .ar.r { background:rgba(251,191,36,0.07); border:1px solid rgba(251,191,36,0.25); color:#fcd34d; }
    /* seats */
    .seats3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:16px 0; }
    .seat { text-align:center; border-radius:18px; padding:20px 12px; background:linear-gradient(150deg,rgba(167,139,250,0.07),rgba(0,210,255,0.04)); border:1px solid rgba(167,139,250,0.25); }
    .seat b { display:block; font-size:clamp(30px,6vw,44px); font-weight:900; color:#fff; text-shadow:0 0 26px rgba(0,210,255,.45); }
    .seat span { font-size:12.5px; color:rgba(255,255,255,0.6); line-height:1.7; display:block; }
    .seatline { text-align:center; font-size:clamp(14px,2.4vw,17px); font-weight:800; color:rgba(255,255,255,0.85); margin:8px 0 14px; }
    .seatline em { font-style:normal; color:#00d2ff; }
    /* quiz */
    .qz { margin:14px 0; }
    .qz .qzq { background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.07); border-radius:16px; padding:14px 16px; margin:10px 0; }
    .qz .qzq > b { display:block; font-size:13.8px; color:#fff; margin-bottom:9px; line-height:1.8; }
    .qz .qzq > b .qn { color:#00d2ff; margin-left:6px; }
    .opt { display:block; width:100%; text-align:right; background:rgba(255,255,255,0.02); border:1px solid rgba(255,255,255,0.09); border-radius:11px; color:rgba(255,255,255,0.78); padding:10px 13px; margin:6px 0; font-size:12.8px; font-family:inherit; line-height:1.8; cursor:pointer; transition:all .18s ease; }
    .opt:hover { border-color:rgba(0,210,255,0.45); color:#fff; }
    .opt.sel { border-color:#00d2ff; background:rgba(0,210,255,0.1); color:#fff; }
    .qzres { display:none; margin-top:14px; border-radius:18px; padding:18px 20px; background:linear-gradient(150deg,rgba(52,211,153,0.07),rgba(0,210,255,0.05)); border:1px solid rgba(52,211,153,0.35); }
    .qzres.show { display:block; }
    .qzres .rp { font-size:17px; font-weight:900; color:#fff; }
    .qzres .rd { font-size:13.2px; color:rgba(255,255,255,0.78); line-height:2; margin-top:6px; }
    /* governance band */
    .gband { margin:60px -26px 8px; padding:26px 26px 4px; border-top:1px solid rgba(255,255,255,0.08); background:linear-gradient(180deg, rgba(167,139,250,0.05), transparent); }
    .gband .gt { display:flex; align-items:center; gap:12px; font-weight:900; color:#c4b5fd; font-size:15px; letter-spacing:.6px; }
    .gband p { color:rgba(255,255,255,0.55); font-size:13.5px; line-height:2; margin:8px 0 4px; }
    .role-state{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;border-radius:999px;padding:3px 11px;margin:4px 0 2px}
    .role-state::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
    .rs-green{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.35);color:#6ee7b7}
    .rs-blue{background:rgba(0,210,255,.09);border:1px solid rgba(0,210,255,.3);color:#7dd3fc}
    .rs-amber{background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.3);color:#fcd34d}
    .rs-gray{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6)}
    .why-exist{font-size:12.6px;color:rgba(255,255,255,.6);line-height:1.95;border-inline-start:2px solid rgba(0,210,255,.25);padding-inline-start:11px;margin:2px 0 9px}
    .why-exist b{color:#9ecbff}
    .legend{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 6px}
    .rmap{margin-top:10px;border:1px solid rgba(0,210,255,.16);border-radius:14px;background:rgba(0,210,255,.03)}
    .rmap summary{cursor:pointer;list-style:none;padding:10px 14px;font-size:12.5px;font-weight:800;color:#7dd3fc;display:flex;align-items:center;gap:8px}
    .rmap summary::-webkit-details-marker{display:none}
    .rmap .pipe-mini{display:flex;flex-wrap:wrap;gap:5px;padding:4px 14px 10px;font-size:11.5px;color:rgba(255,255,255,.7)}
    .rmap .pipe-mini b{background:rgba(0,210,255,.08);border:1px solid rgba(0,210,255,.2);border-radius:8px;padding:3px 9px;font-weight:700}
    .rmap .pipe-mini i{align-self:center;font-style:normal;color:rgba(0,210,255,.5)}
    .rmap dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;padding:6px 14px 13px;font-size:11.8px;color:rgba(255,255,255,.66);line-height:1.8}
    .rmap dt{color:#7dd3fc;font-weight:800}
    .rmap dd{margin:0 0 4px}
    @media(max-width:640px){.rmap dl{grid-template-columns:1fr}}
    .charter-cta{display:flex;align-items:center;gap:16px;margin:22px 0;border:1px solid rgba(167,139,250,.35);border-radius:20px;padding:18px 22px;background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(0,210,255,.04));text-decoration:none;transition:all .25s}
    .charter-cta:hover{transform:translateY(-2px);border-color:rgba(167,139,250,.55)}
    .charter-cta .cc-ico{width:46px;height:46px;min-width:46px;border-radius:13px;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.4);color:#c4b5fd;display:flex;align-items:center;justify-content:center;font-size:19px}
    .charter-cta .cc-txt b{display:block;color:#fff;font-size:15px;margin-bottom:3px}
    .charter-cta .cc-txt small{display:block;color:rgba(255,255,255,.55);font-size:12px;line-height:1.75}
    .charter-cta .cc-go{margin-inline-start:auto;color:#c4b5fd;font-weight:900;font-size:13.5px;white-space:nowrap}
    .data-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:.7px;border-radius:6px;padding:2px 8px;margin-inline-end:6px;vertical-align:middle}
    .data-live{background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.4);color:#6ee7b7}
    .data-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:dpulse 2s infinite}
    .data-preview{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.4);color:#fcd34d}
    @keyframes dpulse{0%,100%{opacity:1}50%{opacity:.35}}
    .orgchart{margin:26px auto 8px;max-width:900px}
    .oc-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
    .oc-node{background:rgba(255,255,255,.025);border:1px solid rgba(0,210,255,.22);border-radius:12px;padding:8px 16px;font-size:12.5px;font-weight:800;color:#dbeafe;text-decoration:none;transition:all .2s}
    .oc-node:hover{border-color:#00d2ff;background:rgba(0,210,255,.08);transform:translateY(-1px)}
    .oc-node.top{background:linear-gradient(150deg,rgba(167,139,250,.16),rgba(0,210,255,.1));border-color:rgba(167,139,250,.5);color:#fff;font-size:14px;padding:10px 26px}
    .oc-node.ind{border-color:rgba(52,211,153,.35);color:#a7f3d0}
    .oc-vline{width:2px;height:18px;background:linear-gradient(180deg,rgba(0,210,255,.5),rgba(167,139,250,.4));margin:0 auto}
    .oc-hline{height:1px;background:rgba(255,255,255,.14);margin:0 60px 0}
    .status-key{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:12px 0}
    .sk{border-radius:12px;padding:9px 12px;font-size:12px;line-height:1.8;color:rgba(255,255,255,.72);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)}
    .sk b{display:flex;align-items:center;gap:7px;color:#fff;font-size:12.5px;margin-bottom:2px}
    .sk .dot{width:9px;height:9px;border-radius:50%}
    .fact-sheet{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0 10px;padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);font-size:11.3px;color:rgba(255,255,255,.62)}
    .fact-sheet b{color:#9ecbff;font-weight:800}
    .filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}
    .fb-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);color:rgba(255,255,255,.7);border-radius:999px;padding:8px 17px;font-size:12.8px;font-weight:800;font-family:inherit;cursor:pointer;transition:all .2s}
    .fb-btn:hover{border-color:rgba(0,210,255,.4);color:#fff}
    .fb-btn.on{background:rgba(0,210,255,.13);border-color:rgba(0,210,255,.5);color:#fff}
    .path-card{transition:opacity .25s}
    .path-card.dim{opacity:.25;filter:saturate(.35)}
    .f30{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:14px 0}
    .f30 .wk{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:10px 13px;font-size:11.8px;color:rgba(255,255,255,.68);line-height:1.9}
    .f30 .wk b{display:block;color:#7dd3fc;font-size:12px;margin-bottom:3px}
    .after-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;counter-reset:af}
    .af-step{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:22px 10px 12px;font-size:11.6px;text-align:center;color:rgba(255,255,255,.75);line-height:1.7}
    .af-step::before{counter-increment:af;content:counter(af,decimal-leading-zero);position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:900;color:#a78bfa;letter-spacing:1px}
    .pp-prog{display:flex;flex-direction:column;gap:6px;margin-top:12px}
    .pp-prog .pl{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.7)}
    .pp-prog .pl .pt{background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);color:#6ee7b7;border-radius:8px;padding:1px 8px;font-weight:900;font-size:11px;min-width:40px;text-align:center;direction:ltr}
    .pkg{margin-top:10px;border:1px solid rgba(167,139,250,.25);border-radius:14px;padding:11px 14px;background:rgba(167,139,250,.045)}
    .pkg summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:900;color:#c4b5fd;display:flex;align-items:center;gap:8px}
    .pkg summary::-webkit-details-marker{display:none}
    .pkg ul{margin:8px 0 0;padding-inline-start:18px;font-size:12.2px;line-height:2;color:rgba(255,255,255,.75)}
    .pkg li em{font-style:normal;font-size:10px;color:#fcd34d;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:0 6px;margin-inline-start:4px}
    .cval{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:11.5px}
    .cval .cv{flex:1;min-width:150px;border-radius:11px;padding:8px 11px;line-height:1.85}
    .cval .cv.b4{background:rgba(255,255,255,.025);border:1px dashed rgba(255,255,255,.14);color:rgba(255,255,255,.55)}
    .cval .cv.af{background:rgba(0,210,255,.06);border:1px solid rgba(0,210,255,.28);color:rgba(255,255,255,.8)}
    .cval b{display:block;font-size:10.5px;letter-spacing:.6px;margin-bottom:3px}
    .cval .b4 b{color:rgba(255,255,255,.45)} .cval .af b{color:#7dd3fc}
    .gapline{margin-top:9px;padding:9px 12px;border-radius:11px;font-size:12px;line-height:1.9;background:rgba(251,191,36,.06);border:1px solid rgba(251,191,36,.25);color:#fcd34d}
    .build-cta{display:inline-flex;align-items:center;gap:7px;margin-top:9px;border:1px solid rgba(0,210,255,.4);background:rgba(0,210,255,.08);color:#7dd3fc;border-radius:10px;padding:7px 14px;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit}
    .build-cta:hover{background:rgba(0,210,255,.16);color:#fff}
    .faq{display:grid;gap:9px;margin:12px 0}
    .faq details{border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.015)}
    .faq summary{cursor:pointer;list-style:none;padding:11px 15px;font-size:13px;font-weight:800;color:#fff}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary::before{content:'؟ ';color:#00d2ff}
    .faq div{padding:2px 15px 12px;font-size:12.5px;line-height:2;color:rgba(255,255,255,.68)}
    .fseat{position:absolute;top:5px;left:8px;font-size:9px;font-weight:900;letter-spacing:.5px;color:rgba(255,255,255,.4);font-family:ui-monospace,monospace;direction:ltr}
    .seat{position:relative}
    .banner-4{text-align:center;padding:26px 18px;margin:34px 0;border-radius:22px;background:linear-gradient(150deg,rgba(0,210,255,.06),rgba(167,139,250,.05));border:1px solid rgba(0,210,255,.2)}
    .banner-4 .big{font-size:clamp(17px,3vw,23px);font-weight:900;color:#fff;margin-bottom:10px}
    .banner-4 .row4{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.75)}
    .banner-4 .row4 i{color:#00d2ff;font-style:normal;font-weight:900}
    @media(max-width:900px){ .fit2{grid-template-columns:1fr} .gband{margin-inline:-15px} }

        .sim-pick{font-size:13px;padding:10px 16px;cursor:pointer;font-family:inherit;border-radius:12px}
        .sim-pick.sel{background:rgba(0,210,255,.12);border-color:rgba(0,210,255,.5);color:#fff}
        .sim-case .q{font-size:14.5px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.9}
        .sim-opt-btn{display:block;width:100%;text-align:right;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:rgba(255,255,255,.78);padding:11px 14px;margin:7px 0;font-family:inherit;font-size:13px;line-height:1.85;cursor:pointer;transition:all .18s}
        .sim-opt-btn:hover{border-color:rgba(0,210,255,.4);color:#fff}
        .sim-opt-btn.right{border-color:rgba(52,211,153,.5);background:rgba(52,211,153,.08);color:#6ee7b7}
        .sim-opt-btn.wrong{border-color:rgba(251,113,133,.4);background:rgba(251,113,133,.05);color:#ff9d97}
        .sim-why{display:none;margin-top:10px;padding:12px 15px;border-radius:12px;background:rgba(167,139,250,.06);border:1px solid rgba(167,139,250,.25);font-size:13px;line-height:2;color:rgba(255,255,255,.82)}
        .sim-why.show{display:block}
        .sim-why b{color:#c4b5fd}

/* ===== P2 Professional layer — tokens + a11y + mobile (لا تغيير هوية) ===== */
:root{
    --pos-cyan:#00d2ff; --pos-purple:#a78bfa; --pos-green:#34d399; --pos-amber:#fbbf24; --pos-red:#fb7185;
    --pos-bg:#000000; --pos-radius:20px; --pos-focus:0 0 0 3px rgba(0,210,255,.45);
}
/* تركيز مرئي للكيبورد */
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:none; box-shadow:var(--pos-focus); border-radius:10px;
}
/* حالة الفلتر لقارئ الشاشة = نفس شكل .on */
.fb-btn[aria-selected="true"]{background:rgba(0,210,255,.13);border-color:rgba(0,210,255,.5);color:#fff}
/* موبايل: إلغاء الزجاج الثقيل مع إبقاء لمسة خفيفة للحاوية حيث يُدعم */
@media(max-width:900px){
    *:not(.content-container){backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
    .content-container{background:rgba(8,12,22,.97)}
    .pp-card,.cred-card{background:#0c1424}
}
@supports (backdrop-filter:blur(14px)){
    @media(max-width:900px){
        .content-container{background:rgba(255,255,255,0.05);backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important}
    }
}
/* خيارات المحاكي كخيارات راديو معلنة */
.sim-opt-btn[aria-checked="true"]{border-color:#00d2ff;background:rgba(0,210,255,.1);color:#fff}
.opt[aria-checked="true"]{border-color:#00d2ff;background:rgba(0,210,255,.1);color:#fff}