:root {
      --navy-950:#031227;
      --navy-900:#061833;
      --navy-800:#0a203e;
      --navy-700:#153556;
      --purple:#7048ff;
      --purple-dark:#5632e7;
      --green:#079d73;
      --green-dark:#057455;
      --mint:#60e0ad;
      --lime:#baff32;
      --ink:#0b2038;
      --muted:#66778c;
      --paper:#fff;
      --surface:#f6f8fc;
      --surface-2:#edf2f7;
      --line:#dce4ed;
      --warning:#b86a00;
      --danger:#c5413a;
      --shadow:0 16px 48px rgba(5,25,53,.10);
      --shadow-soft:0 8px 28px rgba(5,25,53,.07);
      --radius:12px;
    }

    * { box-sizing:border-box }
    [hidden] { display:none !important }
    html { scroll-behavior:smooth; scroll-padding-top:92px }
    body { margin:0; background:var(--surface); color:var(--ink); font-family:'Cairo',Tahoma,Arial,sans-serif; line-height:1.75; direction:rtl; text-align:right }
    #main { display:flex; flex-direction:column }
    #main > .hero { order:1 }
    #main > #about { order:2 }
    #main > .source-strip { order:3 }
    #main > #choose { order:4 }
    #main > #catalog { order:5 }
    #main > #hrdf { order:6 }
    #main > #paths { order:7 }
    #main > #professions { order:8 }
    #main > #plan { order:9 }
    body.lock { overflow:hidden }
    button,input,select,textarea { font:inherit }
    button { cursor:pointer }
    a { color:inherit; text-decoration:none }
    img { max-width:100% }
    h1,h2,h3,.display { font-family:'Cairo',Tahoma,Arial,sans-serif; font-weight:800; line-height:1.45 }
    :focus-visible { outline:3px solid #baff32; outline-offset:3px }
    .wrap { width:min(1240px,calc(100% - 40px)); margin-inline:auto }
    .skip { position:fixed; inset-inline-start:16px; top:10px; z-index:1000; background:#fff; color:#000; padding:10px 16px; transform:translateY(calc(-100% - 24px)); transition:transform .18s ease }
    .skip:focus { transform:translateY(0) }
    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }

    .trust-bar { background:var(--navy-950); color:#c4d0df; border-bottom:1px solid rgba(255,255,255,.08); font-size:12px }
    .trust-bar .wrap { min-height:36px; display:flex; align-items:center; justify-content:space-between; gap:20px }
    .trust-note { display:flex; align-items:center; gap:8px }
    .trust-note::before { content:''; width:7px; height:7px; border-radius:50%; background:#4be0a6; box-shadow:0 0 0 4px rgba(75,224,166,.12) }

    .site-header { position:sticky; top:0; z-index:40; background:rgba(6,24,51,.97); color:#fff; border-bottom:1px solid rgba(255,255,255,.09); backdrop-filter:blur(14px) }
    .nav { min-height:82px; display:flex; align-items:center; gap:28px }
    .brand { margin-left:auto; display:flex; align-items:center; gap:12px; min-width:230px }
    .brand img { width:58px; height:58px; object-fit:cover; border-radius:8px; border:1px solid rgba(255,255,255,.16) }
    .brand strong { display:block; font-size:15px }
    .brand small { display:block; color:#9dafc6; font-size:11px }
    .main-nav { display:flex; align-items:center; gap:24px; font-size:13px; font-weight:700 }
    .main-nav a { color:#dce5f1; padding:29px 0; position:relative }
    .main-nav a:hover { color:#fff }
    .main-nav a:hover::after { content:''; position:absolute; right:0; left:0; bottom:0; height:3px; background:var(--purple) }
    .nav-actions { display:flex; gap:10px }
    .menu-button { display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.24); color:#fff; background:rgba(255,255,255,.06); border-radius:8px }

    .button { min-height:46px; border:0; border-radius:8px; padding:11px 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:800; transition:transform .2s,box-shadow .2s,background .2s }
    .button:hover { transform:translateY(-2px) }
    .button-purple { background:linear-gradient(135deg,var(--purple),var(--purple-dark)); color:#fff; box-shadow:0 10px 28px rgba(112,72,255,.30) }
    .button-primary { min-height:56px; min-width:210px; padding:10px 20px; justify-content:center; color:#fff; background:linear-gradient(135deg,#7957ff 0,#5734dc 52%,#4324ba 100%); border:1px solid rgba(180,160,255,.48); border-radius:12px; box-shadow:0 16px 40px rgba(68,38,185,.34),inset 0 1px rgba(255,255,255,.22); font-size:14px; letter-spacing:-.1px }
    .button-primary:hover { box-shadow:0 20px 48px rgba(68,38,185,.44),inset 0 1px rgba(255,255,255,.26) }
    .button-secondary { min-height:50px; color:#fff; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); box-shadow:inset 0 1px rgba(255,255,255,.06) }
    .button-secondary:hover { border-color:rgba(255,255,255,.55); background:rgba(255,255,255,.11) }
    .nav-primary { min-width:154px; min-height:46px; padding:6px 8px 6px 14px; font-size:12px }
    .button-green { background:var(--green); color:#fff }
    .button-navy { background:var(--navy-800); color:#fff }
    .button-outline { background:transparent; color:inherit; border:1px solid #aebdcb }
    .button-hrdf { background:var(--navy-800); color:#fff; border:2px solid #8ba4bd; box-shadow:0 8px 20px rgba(5,25,53,.14) }
    .button-hrdf:hover { background:var(--navy-700); border-color:var(--navy-700) }
    .button-small { min-height:38px; padding:8px 13px; font-size:11px }

    .hero { position:relative; overflow:hidden; background:radial-gradient(circle at 72% 12%,rgba(30,75,132,.55),transparent 34%),linear-gradient(135deg,#071b3a,#041228); color:#fff }
    .hero::before { content:''; position:absolute; width:620px; height:620px; left:-270px; top:-310px; border:1px solid rgba(112,72,255,.32); border-radius:50%; box-shadow:0 0 0 45px rgba(112,72,255,.05),0 0 0 96px rgba(112,72,255,.04) }
    .hero-grid { min-height:0; padding:72px 0 76px; display:grid; grid-template-columns:1fr; align-items:center; position:relative }
    .hero-copy { width:100%; max-width:980px }
    .eyebrow { color:#50df8b; font-weight:900; font-size:12px; display:flex; align-items:center; gap:9px }
    .eyebrow::before { content:''; width:26px; height:2px; background:currentColor }
    .hero h1 { font-size:clamp(39px,4.5vw,58px); letter-spacing:-1.4px; margin:17px 0 14px }
    .hero h1 span { display:block }
    .hero-copy > p { color:#c7d3e3; font-size:18px; max-width:720px; margin:0 0 26px }
    .hero-search-hint { margin:12px 0 0 !important; color:#bfcddd !important; font-size:14px !important; line-height:1.8 }
    .hero-search { background:#fff; border:1px solid rgba(255,255,255,.25); border-radius:11px; display:flex; overflow:hidden; box-shadow:0 18px 56px rgba(0,0,0,.34); max-width:720px }
    .hero-search input { min-width:0; flex:1; border:0; outline:0; padding:15px 18px; color:var(--ink); background:#fff }
    .hero-search button { width:112px; border:0; color:#fff; font-weight:900; background:linear-gradient(135deg,var(--purple),var(--purple-dark)) }
    .hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:20px }
    .hero .button-outline { border-color:rgba(255,255,255,.35); color:#fff }
    .hero-metrics { max-width:720px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0 }
    .hero-metric { min-height:98px; display:flex; align-items:center; gap:12px; padding:15px; border:1px solid rgba(145,178,211,.25); border-radius:11px; background:linear-gradient(145deg,rgba(20,53,88,.78),rgba(7,29,58,.78)); box-shadow:0 14px 38px rgba(0,0,0,.14) }
    .hero-metric__icon { width:43px; height:43px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,#7048ff,#4d32b8); box-shadow:0 8px 20px rgba(112,72,255,.25) }
    .hero-metric:nth-child(2) .hero-metric__icon { background:linear-gradient(135deg,#079d73,#08705c); box-shadow:0 8px 20px rgba(7,157,115,.24) }
    .hero-metric:nth-child(3) .hero-metric__icon { background:linear-gradient(135deg,#2d79d6,#3052a5); box-shadow:0 8px 20px rgba(45,121,214,.24) }
    .hero-metric__icon svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
    .hero-metric strong { display:block; color:#fff; font-size:25px; line-height:1 }
    .hero-metric b { display:block; margin-top:7px; color:#fff; font-size:12px }
    .hero-metric small { display:block; margin-top:4px; color:#bdc9d6; font-size:11px }
    .stats { background:#fff; border-bottom:1px solid var(--line); box-shadow:0 12px 34px rgba(7,27,53,.06) }
    .stats-grid { display:grid; grid-template-columns:repeat(4,1fr) }
    .stat { padding:24px 22px; border-left:1px solid var(--line) }
    .stat:last-child { border-left:0 }
    .stat b { display:block; font-size:30px; color:var(--purple) }
    .stat:last-child b { color:var(--green) }
    .stat span { color:var(--muted); font-size:12px }
    .source-strip { background:#fff; border-bottom:1px solid var(--line); box-shadow:0 10px 32px rgba(5,25,53,.045) }
    .source-strip__inner { min-height:104px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center; gap:11px; padding:20px 0 24px }
    .source-strip__title { grid-column:1/-1; display:flex; align-items:center; gap:10px; color:var(--muted); font-size:11px; line-height:1.7 }
    .source-strip__title strong { flex:0 0 auto; color:var(--ink); font-size:14px }
    .source-strip__title strong::after { content:''; display:inline-block; width:34px; height:2px; margin-right:9px; vertical-align:middle; background:linear-gradient(90deg,var(--green),#64a5dc) }
    .source-identity { min-width:0; min-height:80px; display:flex; align-items:center; justify-content:center; gap:9px; padding:11px 13px; border:1px solid #e0e8ef; border-radius:12px; color:#42576d; background:linear-gradient(145deg,#fff,#f8fafc); font-size:11px; font-weight:800; transition:border-color .2s,transform .2s,box-shadow .2s }
    .source-identity:hover { transform:translateY(-2px); border-color:#bdcad6; box-shadow:0 8px 22px rgba(5,25,53,.07) }
    .source-logo { width:138px; max-width:100%; height:56px; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; color:var(--navy-800); background:transparent }
    .source-logo img { display:block; width:auto; max-width:132px; height:auto; max-height:52px; padding:0; object-fit:contain }
    .source-logo.logo-failed::after { content:attr(data-fallback); color:var(--navy-800); font-size:13px; font-weight:900; text-align:center }
    .source-identity > b { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap }
    .section { padding:76px 0 }
    .section-white { background:#fff }
    .section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:32px }
    .section-head h2 { font-size:36px; margin:7px 0 }
    .section-head p { color:var(--muted); max-width:760px; margin:0; font-size:15px }
    .kicker { color:var(--purple); font-weight:900; font-size:12px }
    .kicker-green { color:var(--green) }
    .paths-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
    .path-card { --track:#7048ff; --track-rgb:112,72,255; min-height:218px; position:relative; isolation:isolate; overflow:hidden; padding:0 15px 13px; display:flex; flex-direction:column; border:1px solid #d9e2ea; border-radius:14px; background:#fff; box-shadow:0 9px 24px rgba(5,25,53,.055); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease }
    .path-card::before { content:''; position:absolute; z-index:-1; inset:0 0 auto; height:72px; background:linear-gradient(135deg,rgba(var(--track-rgb),.14),rgba(var(--track-rgb),.025) 70%,transparent) }
    .path-card::after { content:''; position:absolute; z-index:-1; width:118px; height:118px; left:-70px; top:-70px; border:1px solid rgba(var(--track-rgb),.14); border-radius:50%; box-shadow:0 0 0 21px rgba(var(--track-rgb),.02) }
    .path-card:hover { transform:translateY(-5px); border-color:rgba(var(--track-rgb),.4); box-shadow:0 18px 44px rgba(5,25,53,.12) }
    .path-card__visual { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:12px }
    .path-card__type { align-self:flex-start; margin-top:13px; padding:4px 9px; border:1px solid rgba(var(--track-rgb),.18); border-radius:20px; color:var(--track); background:rgba(255,255,255,.92); font-size:11px; font-weight:900 }
    .path-icon { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; border:1px solid rgba(255,255,255,.44); border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--track),#0a213e); box-shadow:0 9px 20px rgba(var(--track-rgb),.20),inset 0 1px rgba(255,255,255,.2) }
    .path-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round }
    .path-icon .icon-fill { fill:currentColor; stroke:none; opacity:.13 }
    .path-card__heading { display:flex; align-items:center; min-height:32px; margin:2px 0 }
    .path-card h3 { margin:0; color:var(--navy-900); font-size:18px; line-height:1.5 }
    .path-card p { min-height:44px; display:-webkit-box; overflow:hidden; margin:5px 0 0; color:#5e7083; font-size:12px; line-height:1.75; -webkit-line-clamp:2; -webkit-box-orient:vertical }
    .path-card__bottom { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:8px; margin:8px 0 10px }
    .path-tags { display:flex; gap:5px; flex-wrap:nowrap; overflow:hidden; margin:0 }
    .path-tags span { flex:0 1 auto; overflow:hidden; padding:4px 7px; border:1px solid rgba(var(--track-rgb),.09); border-radius:5px; color:var(--track); background:rgba(var(--track-rgb),.07); font-size:11px; font-weight:800; white-space:nowrap; text-overflow:ellipsis }
    .path-facts { min-height:26px; display:flex; align-items:center; gap:9px; padding:0; color:#687a8d; white-space:nowrap }
    .path-facts span { display:flex; align-items:baseline; gap:4px }
    .path-facts > i { width:1px; height:14px; background:#d7e0e8 }
    .path-facts small { color:#62758a; font-size:11px }
    .path-facts b { color:var(--navy-900); font-size:14px }
    .path-card button { width:100%; min-height:39px; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:auto; padding:8px 12px; border:1px solid rgba(var(--track-rgb),.18); border-radius:8px; color:var(--track); background:rgba(var(--track-rgb),.055); font-size:12px; font-weight:900; text-align:center; transition:color .2s,background .2s,transform .2s }
    .path-card button:hover { color:#fff; background:var(--track) }
    .paths-more { display:flex; justify-content:center; margin-top:22px }

    .profession-section { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 10% 20%,rgba(112,72,255,.18),transparent 28%),linear-gradient(135deg,#04142c,#082445) }
    .profession-section::after { content:''; position:absolute; width:420px; height:420px; left:-230px; bottom:-280px; border:1px solid rgba(96,224,173,.2); border-radius:50%; box-shadow:0 0 0 48px rgba(96,224,173,.025),0 0 0 96px rgba(112,72,255,.025) }
    .profession-head { position:relative; z-index:1 }
    .profession-head p { color:#b8c9db }
    .profession-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px }
    .profession-card { --profession:#7048ff; --profession-rgb:112,72,255; min-height:154px; display:grid; grid-template-columns:52px 1fr; align-items:start; gap:13px; position:relative; overflow:hidden; padding:20px; border:1px solid rgba(164,192,219,.2); border-radius:14px; color:#fff; background:linear-gradient(145deg,rgba(18,54,90,.9),rgba(6,28,57,.9)); text-align:right; box-shadow:0 16px 36px rgba(0,7,22,.18); transition:.22s ease }
    .profession-card::after { content:''; position:absolute; inset:auto 0 0; height:3px; background:var(--profession); transform:scaleX(.25); transform-origin:right; transition:transform .22s ease }
    .profession-card:hover { transform:translateY(-4px); border-color:rgba(var(--profession-rgb),.55); background:linear-gradient(145deg,rgba(var(--profession-rgb),.19),rgba(6,28,57,.94)) }
    .profession-card:hover::after { transform:scaleX(1) }
    .profession-card__icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(var(--profession-rgb),.45); border-radius:13px; color:#fff; background:linear-gradient(145deg,var(--profession),#09213f); box-shadow:0 10px 24px rgba(var(--profession-rgb),.22) }
    .profession-card__icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
    .profession-card__icon .icon-fill { fill:currentColor; stroke:none; opacity:.14 }
    .profession-card small { display:block; color:#7be4bc; font-size:10px; font-weight:800 }
    .profession-card strong { display:block; margin-top:4px; font-size:16px }
    .profession-card em { display:block; margin-top:6px; color:#b8c7d7; font-size:11px; line-height:1.7; font-style:normal }

    .profession-profile { --profession:#7048ff }
    .profession-hero { padding:38px 72px 36px 34px; color:#fff; background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--profession) 24%,transparent),transparent 32%),linear-gradient(135deg,#061833,#0b2c53); border-bottom:5px solid var(--profession) }
    .profession-hero small { color:#75e4b8; font-weight:800 }
    .profession-hero h2 { margin:7px 0; font-size:31px }
    .profession-hero p { max-width:700px; margin:0; color:#c0d0df }
    .profession-body { padding:30px }
    .profession-overview { display:grid; grid-template-columns:repeat(3,1fr); gap:10px }
    .profession-fact { min-height:112px; padding:17px; border:1px solid var(--line); border-radius:11px; background:#fff }
    .profession-fact small { display:block; color:#64778b; font-size:11px }
    .profession-fact b { display:block; margin-top:8px; color:var(--navy-900); font-size:13px; line-height:1.75 }
    .profession-path { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:18px }
    .profession-path article { position:relative; padding:18px; border:1px solid #d8e2ea; border-top:4px solid var(--profession); border-radius:11px; background:#fff }
    .profession-path span { display:block; color:var(--profession); font-size:11px; font-weight:900 }
    .profession-path b { display:block; margin:9px 0 4px; font-size:14px }
    .profession-path p { margin:0; color:var(--muted); font-size:11px }
    .profession-credentials { margin-top:22px }
    .profession-credentials h3 { margin-bottom:10px }
    .profession-credential-list { display:grid; grid-template-columns:repeat(3,1fr); gap:9px }
    .profession-credential { padding:14px; border:1px solid #d8e2ea; border-radius:10px; background:#fff; text-align:right }
    .profession-credential small { display:block; color:var(--profession); font-weight:900 }
    .profession-credential b { display:block; margin:6px 0; font-size:12px; line-height:1.65 }
    .profession-credential span { color:var(--muted); font-size:10px }

    .hrdf-section { background:var(--navy-900); color:#fff; position:relative; overflow:hidden }
    .hrdf-section::before { content:''; position:absolute; width:650px; height:650px; left:-280px; top:-300px; border:1px solid rgba(84,222,166,.20); border-radius:50%; box-shadow:0 0 0 45px rgba(84,222,166,.035),0 0 0 95px rgba(84,222,166,.03) }
    .hrdf-section .section-head p { color:#b9c8d8 }
    .hrdf-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; position:relative }
    .hrdf-card { background:#fff; color:var(--ink); border-radius:12px; padding:30px }
    .hrdf-card h3 { font-size:24px; margin:0 0 9px }
    .support-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:22px }
    .support-fact { border:1px solid var(--line); border-radius:8px; padding:15px }
    .support-fact strong { display:block; color:var(--green); font-size:20px }
    .support-fact span { color:var(--muted); font-size:11px }
    .coverage-card { background:#0c2c4e; border:1px solid #315272; border-radius:12px; padding:30px }
    .coverage-card h3 { margin-top:0 }
    .coverage-card ul { margin:12px 0; padding-right:18px }
    .coverage-card li { color:#d4e0eb; margin:8px 0 }
    .notice { padding:13px 15px; border-right:4px solid #dcaa50; background:#071e39; font-size:11px }
    .eligibility-docs-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:stretch; margin-top:18px }
    .eligibility { position:relative; background:#fff; color:var(--ink); border-radius:12px; padding:28px; box-shadow:var(--shadow-soft) }
    .eligibility-head { display:flex; align-items:center; justify-content:space-between; gap:20px }
    .eligibility-head h3 { margin:4px 0 }
    .eligibility-head small { color:var(--muted) }
    .check-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px }
    .eligibility .check-grid { grid-template-columns:repeat(2,1fr) }
    .check-item { border:1px solid var(--line); border-radius:8px; padding:13px; display:flex; align-items:flex-start; gap:9px; font-size:11px }
    .check-item input { width:19px; height:19px; flex:0 0 auto; accent-color:var(--green) }
    .eligibility-result { margin-top:13px; padding:12px 14px; background:#edf8f4; color:#075e46; border-right:4px solid var(--green); font-weight:800 }
    .combined-claim-head { position:relative; margin:54px 0 20px; padding-top:24px; border-top:1px solid rgba(255,255,255,.14) }
    .combined-claim-head h3 { font-size:27px; margin:6px 0 }
    .combined-claim-head p { color:#b9c8d8; margin:0 }

    .claim-grid { display:grid; grid-template-columns:1fr; gap:20px }
    .documents { background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px }
    .timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:14px }
    .claim-step { --step-color:#079d73; min-height:205px; display:flex; flex-direction:column; position:relative; overflow:hidden; padding:20px; border:1px solid rgba(187,203,217,.82); border-top:4px solid var(--step-color); border-radius:12px; background:#fff; color:var(--ink); box-shadow:0 12px 32px rgba(0,18,45,.14); transition:transform .2s,box-shadow .2s }
    .claim-step:nth-child(2),.claim-step:nth-child(5) { --step-color:#7048ff }
    .claim-step:nth-child(3),.claim-step:nth-child(6) { --step-color:#1d73d4 }
    .claim-step:nth-child(4) { --step-color:#d47b12 }
    .claim-step:hover { transform:translateY(-3px); box-shadow:0 18px 42px rgba(0,18,45,.19) }
    .claim-step__top { display:flex; align-items:center; justify-content:space-between; gap:10px }
    .claim-icon { width:46px; height:46px; display:grid; place-items:center; border-radius:10px; color:var(--step-color); background:color-mix(in srgb,var(--step-color) 10%,#fff) }
    .claim-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
    .step-number { width:auto; height:auto; padding:5px 8px; border:0; border-radius:20px; color:var(--step-color); background:color-mix(in srgb,var(--step-color) 9%,#fff); font-size:11px; font-weight:900 }
    .claim-stage { display:block; margin-top:auto; padding-top:16px; color:var(--step-color); font-size:11px; font-weight:800 }
    .claim-step h3 { color:var(--navy-900); font-size:15px; margin:20px 0 6px }
    .claim-step p { color:#52667b; font-size:12px; line-height:1.85; margin:0 }
    .claim-step:last-child { grid-column:span 2; min-height:205px; border-color:rgba(96,224,173,.34); background:linear-gradient(135deg,#0b3152,#087659); color:#fff }
    .claim-step:last-child h3,.claim-step:last-child p { color:#fff }
    .claim-step:last-child .claim-icon,.claim-step:last-child .step-number { color:#fff; background:rgba(255,255,255,.12) }
    .claim-step:last-child .claim-stage { color:#8ff0c9 }
    .documents { background:#fff; border-top:5px solid var(--navy-800); box-shadow:var(--shadow-soft) }
    .documents h3 { margin-top:0; color:var(--navy-900); font-size:20px }
    .document { background:#f6f9fc; color:#152b42; border:1px solid #d5e0e9; border-right:4px solid var(--green); border-radius:7px; padding:12px 13px; margin:9px 0; font-size:12px; font-weight:600 }
    .document::before { content:'✓'; color:var(--green); font-weight:900; margin-left:7px }
    .rejection { margin-top:16px; padding:15px; background:#fff4dc; color:#563800; border:1px solid #f0d08a; border-right:4px solid #c47a00; border-radius:7px; font-size:12px }

    .support-journey { overflow:hidden; border:1px solid #d8e3ec; border-radius:22px; background:#fff; box-shadow:0 28px 70px rgba(0,22,52,.18) }
    .support-nav { display:grid; grid-template-columns:repeat(3,1fr); padding:10px; gap:8px; background:#eef4f8; border-bottom:1px solid #d8e3ec }
    .support-tab { position:relative; min-height:96px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:13px; padding:15px 16px; border:1px solid transparent; border-radius:14px; color:#40576d; background:transparent; text-align:right; cursor:pointer; transition:.2s ease }
    .support-tab:hover { color:var(--navy-900); background:#fff }
    .support-tab[aria-selected="true"] { color:#fff; border-color:rgba(255,255,255,.12); background:linear-gradient(135deg,#092847,#0d3a5f); box-shadow:0 12px 28px rgba(0,28,62,.2) }
    .support-tab__number { width:42px; height:42px; display:grid; place-items:center; border:1px solid #cad8e3; border-radius:12px; color:var(--green); background:#fff; font-size:14px; font-weight:900 }
    .support-tab[aria-selected="true"] .support-tab__number { border-color:rgba(96,224,173,.3); color:#9af2d1; background:rgba(96,224,173,.1) }
    .support-tab b { display:block; font-size:15px }
    .support-tab small { display:block; margin-top:4px; color:#71869a; font-size:11px; line-height:1.6 }
    .support-tab[aria-selected="true"] small { color:#c8d8e7 }
    .support-panel { display:none; padding:30px; color:var(--ink); animation:supportIn .24s ease }
    .support-panel.active { display:block }
    .support-panel-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px }
    .support-panel-head h3 { margin:0; font-size:22px }
    .support-panel-head p { max-width:620px; margin:5px 0 0; color:var(--muted); font-size:13px }
    .support-panel-step { flex:0 0 auto; padding:7px 11px; border-radius:24px; color:#08775e; background:#e8f7f1; font-size:11px; font-weight:900 }
    @keyframes supportIn { from { opacity:0; transform:translateY(5px) } to { opacity:1; transform:none } }
    .support-stage-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px }
    .support-pane { padding:22px; border:1px solid var(--line); border-radius:14px; background:#f8fafc }
    .support-pane h3 { margin:0 0 6px; font-size:17px }
    .support-pane > p { margin:0 0 14px; color:var(--muted); font-size:13px }
    .support-mini-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:18px }
    .support-mini-fact { padding:12px; border:1px solid var(--line); border-radius:8px; background:#fff }
    .support-mini-fact b { display:block; color:var(--green); font-size:15px }
    .support-mini-fact small { display:block; margin-top:3px; color:var(--muted); font-size:11px }
    .compact-docs { display:grid; grid-template-columns:1fr 1fr; gap:8px }
    .compact-doc { padding:11px 12px; border:1px solid #d7e2eb; border-radius:8px; background:#fff; color:#18324c; font-size:12px }
    .compact-doc::before { content:'✓'; margin-left:7px; color:var(--green); font-weight:900 }
    .coverage-list { margin:13px 0 0; padding:0; list-style:none }
    .coverage-list li { position:relative; margin:8px 0; padding-right:18px; color:#44596e; font-size:12px }
    .coverage-list li::before { content:''; position:absolute; right:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--green) }
    .claim-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px }
    .claim-summary-step { position:relative; min-height:132px; padding:18px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(180deg,#fff,#f7fafc) }
    .claim-summary-step span { display:block; color:var(--purple); font-size:11px; font-weight:900 }
    .claim-summary-step b { display:block; margin:12px 0 5px; font-size:14px }
    .claim-summary-step small { color:var(--muted); font-size:11px; line-height:1.7 }
    .support-stage-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px }

    .provider-hub { display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:18px; margin:-8px 0 24px; padding:20px 22px; border:1px solid #cfdde8; border-right:5px solid var(--green); border-radius:14px; background:linear-gradient(115deg,#f0faf6,#fff 58%,#f3f0ff); box-shadow:var(--shadow-soft) }
    .provider-hub__icon { width:58px; height:58px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,var(--green),#07577a); box-shadow:0 10px 24px rgba(7,117,90,.2) }
    .provider-hub__icon svg { width:30px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
    .provider-hub small { color:var(--green-dark); font-size:11px; font-weight:900 }
    .provider-hub h3 { margin:2px 0 3px; font-size:19px }
    .provider-hub p { margin:0; max-width:800px; color:var(--muted); font-size:12px }

    .catalog-layout { display:grid; grid-template-columns:286px 1fr; gap:22px }
    .filters { background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; height:max-content; position:sticky; top:102px; box-shadow:0 10px 30px rgba(5,25,53,.06) }
    .filter-head { background:linear-gradient(135deg,var(--navy-900),#0c3158); color:#fff; padding:16px 18px; display:flex; align-items:center; justify-content:space-between; gap:10px }
    .filter-toggle { flex:1; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0; border:0; color:#fff; background:transparent; text-align:right }
    .filter-toggle > span { min-width:0; display:grid; gap:2px }
    .filter-toggle strong { font-size:14px }
    .filter-toggle > span > span { display:block; color:#a9bdd1; font-size:10px; font-weight:700; line-height:1.5 }
    .filter-reset { flex:0 0 auto; border:0; color:#71dbb3; background:transparent; font-size:11px; font-weight:800 }
    .filter-body { padding:18px }
    .filter-primary-grid { display:grid }
    .field { margin-bottom:14px }
    .field label { display:block; margin-bottom:5px; font-size:12px; font-weight:900 }
    .field input,.field select { width:100%; border:1px solid #c7d3dc; border-radius:7px; padding:10px; background:#fff; color:var(--ink) }
    .field-help { color:#5a6d81; font-size:11px; margin-top:4px }
    .advanced-filters { margin:4px 0 14px; border:1px solid var(--line); border-radius:9px; background:#f8fafc }
    .advanced-filters summary { padding:12px; cursor:pointer; list-style:none; color:var(--navy-800); font-size:11px; font-weight:900 }
    .advanced-filters summary::-webkit-details-marker { display:none }
    .advanced-filters summary::after { content:'+'; float:left; color:var(--purple); font-size:17px; line-height:1 }
    .advanced-filters[open] summary::after { content:'−' }
    .advanced-filters summary span { display:block; margin-top:3px; color:#5a6d81; font-size:11px; font-weight:500 }
    .advanced-filters__body { padding:12px; border-top:1px solid var(--line); background:#fff }
    .advanced-filters__body .field:last-child { margin-bottom:0 }
    .active-filters { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px }
    .active-filter { border:0; border-radius:24px; padding:5px 9px; background:#eee9ff; color:#5b3ad6; font-size:11px }
    .mobile-filter-actions { display:none }
    .catalog-toolbar { background:#edf2f7; border:1px solid var(--line); border-radius:9px; padding:12px 14px; margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:12px }
    .catalog-searchbar { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-bottom:12px; padding:10px; border:1px solid #c9d7e2; border-radius:12px; background:#fff; box-shadow:0 10px 26px rgba(5,25,53,.06) }
    .catalog-searchbar input { width:100%; min-width:0; border:0; outline:0; padding:11px 12px; color:var(--ink); background:transparent; font-size:14px }
    .catalog-search-actions { display:grid; grid-template-columns:auto auto; gap:7px }
    .catalog-searchbar button { min-width:118px; border:0; border-radius:8px; padding:10px 16px; color:#fff; background:linear-gradient(135deg,var(--purple),#4f31db); font-weight:900 }
    .catalog-searchbar .catalog-show-all { min-width:104px; border:1px solid #cbd6e1; color:var(--navy-800); background:#f7f9fc; box-shadow:none }
    .catalog-searchbar .catalog-show-all:hover { border-color:#9fb0c2; background:#edf2f7 }
    .catalog-keywords { display:none; align-items:center; gap:7px; overflow-x:auto; margin:-4px 0 12px; padding:4px 2px 8px; scrollbar-width:thin }
    .catalog-keywords.show { display:flex }
    .catalog-keywords button { flex:0 0 auto; min-height:36px; padding:7px 11px; border:1px solid #d7e0e8; border-radius:22px; color:#284965; background:#fff; font-size:11px; font-weight:800 }
    .catalog-keywords button:hover { color:#5635c7; border-color:#bcaef2; background:#f5f1ff }
    .catalog-results-anchor { scroll-margin-top:106px }
    .catalog-toolbar strong { font-size:20px }
    .catalog-toolbar small { color:var(--muted) }
    .catalog-toolbar select { border:1px solid #bdcbd6; border-radius:7px; padding:8px; background:#fff }
    .catalog-controls { display:flex; align-items:center; gap:10px }
    .catalog-controls label { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; font-weight:700 }
    .credential-grid { display:grid; grid-template-columns:repeat(3,1fr); align-items:stretch; gap:14px }
    .credential-card { --track:#7048ff; height:590px; display:flex; flex-direction:column; background:#fff; border:1px solid #d3dee8; border-top:5px solid var(--track); border-radius:18px; position:relative; overflow:hidden; box-shadow:0 14px 38px rgba(5,25,53,.08); transition:transform .24s,box-shadow .24s,border-color .24s }
    .credential-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--track) 34%,#d3dee8); box-shadow:0 24px 58px rgba(5,25,53,.14) }
    .credential-top { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 17px 13px; background:#f8fafc; border-bottom:1px solid #e5ebf0 }
    .organization { display:flex; align-items:center; gap:9px; min-width:0 }
    .org-logo { width:54px; height:54px; flex:0 0 auto; position:relative; border:0; border-radius:0; background:transparent; display:grid; place-items:center; overflow:visible }
    .org-logo > * { grid-area:1/1 }
    .org-logo img { width:44px; height:44px; position:static; display:block; padding:0; transform:none; translate:none; object-fit:contain; object-position:center; filter:drop-shadow(0 4px 8px rgba(5,25,53,.14)) }
    .org-logo .org-logo__fallback { display:grid; place-items:center; width:48px; height:48px; padding:4px; border:1px solid color-mix(in srgb,var(--track) 22%,#dce4ed); border-radius:10px; color:var(--track); background:linear-gradient(145deg,color-mix(in srgb,var(--track) 8%,#fff),#fff); font-size:12px; font-weight:900; line-height:1.15; text-align:center }
    .organization b { display:-webkit-box; max-width:190px; overflow:hidden; color:var(--navy-900); font-size:13px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2 }
    .organization small { display:block; color:var(--muted); font-size:12px }
    .support-badge { flex:0 0 auto; padding:5px 7px; font-size:11px; font-weight:900; border-radius:5px }
    .quality-badges { display:flex; flex-wrap:wrap; gap:5px; margin:0 17px 10px }
    .quality-badge { padding:4px 7px; border:1px solid #d8e2ea; border-radius:20px; color:#4d6174; background:#f7f9fb; font-size:10px; font-weight:800 }
    .quality-badge.golden { color:#765100; border-color:#ead292; background:#fff8df }
    .quality-badge.fresh { color:#08755a; border-color:#b8e1d2; background:#eef9f5 }
    .status-verified { background:#e2f6ee; color:#087756 }
    .status-guide { background:#eee9ff; color:#5635b7 }
    .status-check { background:#fff4dc; color:#805b00 }
    .status-not { background:#eef2f5; color:#536574 }
    .status-provider { background:#e4f6ef; color:#076d55 }
    .credential-showcase { display:grid; grid-template-columns:78px 1fr; gap:14px; align-items:start; padding:18px 17px 10px }
    .cert-mark { width:78px; min-height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; overflow:hidden; padding:8px; text-align:center; background:var(--track); background:linear-gradient(145deg,var(--track),color-mix(in srgb,var(--track) 60%,#06172c)); color:#fff; border-radius:10px; box-shadow:0 10px 22px rgba(6,27,49,.18); font-size:13px; font-weight:700; line-height:1.3; overflow-wrap:anywhere; direction:ltr }
    .cert-mark small { font-size:11px; color:rgba(255,255,255,.88); direction:rtl }
    .credential-card h3 { font-size:18px; line-height:1.6; margin:0 0 5px; color:var(--navy-900); overflow-wrap:anywhere }
    .english { color:#5b6f83; direction:ltr; text-align:right; font-size:12px; line-height:1.6; overflow-wrap:anywhere }
    .credential-card-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px }
    .credential-card-badges span { padding:5px 8px; border:1px solid #d8e2ea; border-radius:18px; color:#40566b; background:#f7f9fb; font-size:10.5px; font-weight:800 }
    .credential-card-badges .entity-kind-badge { color:#17385b; border-color:#bfd1e2; background:#edf4fa }
    .credential-card-badges .academic-match-badge { color:#08745a; border-color:#b9dfd0; background:#eef9f5 }
    .credential-brief { min-height:154px; flex:1; margin:5px 17px 16px; padding:17px 18px; border:1px solid #dce5ed; border-radius:12px; background:linear-gradient(145deg,#fbfdff,#f4f7fa) }
    .credential-brief small { display:block; margin-bottom:7px; color:var(--track); font-size:11px; font-weight:900 }
    .credential-brief p { display:-webkit-box; overflow:hidden; margin:0; color:#324d65; font-size:13px; line-height:1.9; -webkit-box-orient:vertical; -webkit-line-clamp:5 }
    .credential-signals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin:0 17px 14px; overflow:hidden; border:1px solid #dce4eb; border-radius:9px; background:#dce4eb }
    .credential-signal { min-width:0; padding:9px 8px; background:#f8fafc }
    .credential-signal small { display:block; color:#607589; font-size:10.5px }
    .credential-signal b { display:block; margin-top:4px; color:var(--navy-900); font-size:12px; line-height:1.55; overflow-wrap:anywhere }
    .meta { display:flex; flex-wrap:wrap; gap:5px; margin:11px 0 0 }
    .meta span { padding:4px 6px; background:#eff3f6; color:#354b61; font-size:11px; font-weight:700 }
    .support-summary { padding:11px 12px; border-radius:8px; margin:0 17px 14px; border:1px solid var(--line); background:#f4f6f8 }
    .support-summary__top { display:flex; align-items:center; justify-content:space-between; gap:10px }
    .support-summary small { color:#5b6f82; font-size:11px }
    .support-summary strong { font-size:12px }
    .support-summary em { display:block; margin-top:4px; color:#5b6f82; font-size:11px; font-style:normal }
    .support-summary.status-verified { border-color:#b9dfd0; background:#eff9f5 }
    .support-summary.status-verified strong { color:var(--green-dark); font-size:12px }
    .support-summary.status-guide { border-color:#d4c8ff; background:#f5f2ff }
    .support-summary.status-guide strong { color:#5635b7 }
    .support-summary.status-check { border-color:#ead5a8; background:#fff9eb }
    .credential-actions { margin-top:auto; border-top:1px solid var(--line); padding:13px 17px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:#fbfcfe }
    .credential-actions button,.credential-actions > a { border:0; background:transparent; color:var(--purple); font-weight:900; font-size:13px }
    .card-tools { display:flex; align-items:center; gap:5px }
    .icon-button { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line) !important; color:#53677a !important; border-radius:7px; background:#fff !important }
    .icon-button.saved { color:var(--purple) !important; background:#f0ebff !important }
    .compare-label { display:flex; align-items:center; gap:5px; color:var(--muted); font-size:11px }
    .compare-label input { accent-color:var(--purple) }
    .empty { grid-column:1/-1; padding:54px 25px; text-align:center; border:1px dashed #b8c8d4; border-radius:10px; background:#fff }
    .empty p { color:var(--muted) }
    .discovery-notice { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:22px; padding:18px 20px; border:1px solid #cddce7; border-right:5px solid var(--green); border-radius:12px; color:var(--ink); background:linear-gradient(90deg,#f4faf7,#fff) }
    .discovery-notice h3 { margin:0 0 4px; font-size:17px }
    .discovery-notice p { margin:0; color:var(--muted); font-size:12px }
    .discovery-notice .button { flex:0 0 auto }
    .catalog-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:7px; padding:25px 0 0 }
    .catalog-pagination span { width:100%; margin-bottom:4px; color:var(--muted); text-align:center; font-size:11px }
    .page-button { min-width:38px; height:38px; padding:0 10px; display:grid; place-items:center; border:1px solid #cbd6df; border-radius:7px; background:#fff; color:var(--navy-800); font-weight:800 }
    .page-button:hover { border-color:var(--purple); color:var(--purple) }
    .page-button.current { border-color:var(--purple); background:var(--purple); color:#fff }
    .page-button:disabled { opacity:.42; cursor:not-allowed }

    .wizard-section { padding:48px 0 68px; background:linear-gradient(180deg,#f3f7fa,#eaf0f5) }
    .choice-shell { overflow:hidden; border:1px solid #ccd8e2; border-radius:20px; background:#fff; box-shadow:0 24px 66px rgba(5,25,53,.11) }
    .choice-intro { position:relative; overflow:hidden; display:grid; grid-template-columns:1fr; align-items:center; gap:16px; padding:27px 30px; color:#fff; background:radial-gradient(circle at 5% 110%,rgba(44,118,182,.3),transparent 36%),linear-gradient(145deg,var(--navy-900),#0a2d50) }
    .choice-intro::after { content:''; position:absolute; right:30px; top:0; width:82px; height:3px; background:linear-gradient(90deg,var(--mint),transparent) }
    .choice-intro .kicker { color:var(--mint) }
    .choice-intro h2 { margin:5px 0 6px; color:#fff; font-size:30px; line-height:1.45 }
    .choice-intro p { max-width:620px; margin:0; color:#cbd8e4; font-size:13px; line-height:1.8 }
    .specialty-finder { margin:0; padding:24px 28px 22px; border:0; border-radius:0; background:#fff; box-shadow:none }
    .specialty-finder__head { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr); align-items:end; gap:24px }
    .specialty-finder h3 { margin:5px 0; font-size:23px }
    .specialty-finder p { margin:0; color:var(--muted); font-size:12px }
    .audience-switch { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0 0 17px; padding:7px; border:1px solid #ced9e3; border-radius:14px; background:#e8eef4 }
    .audience-choice { min-height:68px; display:grid; grid-template-columns:40px 1fr; align-items:center; gap:11px; padding:10px 13px; border:1px solid transparent; border-radius:10px; color:#40566b; background:transparent; text-align:right }
    .audience-choice:hover { border-color:#becbd7; background:rgba(255,255,255,.72) }
    .audience-choice[aria-selected="true"] { border-color:#bfb1ff; color:var(--navy-900); background:#fff; box-shadow:0 8px 24px rgba(5,25,53,.08) }
    .audience-choice__icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--purple),#4a2ec3); font-size:17px; font-weight:900 }
    .audience-choice:nth-child(2) .audience-choice__icon { background:linear-gradient(135deg,var(--green),#075d70) }
    .audience-choice b { display:block; font-size:14px }
    .audience-choice small { display:block; margin-top:2px; color:var(--muted); font-size:11px; font-weight:500 }
    .organization-entry { display:none; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:22px; padding:22px; border:1px solid #bfe0d3; border-right:5px solid var(--green); border-radius:12px; background:linear-gradient(110deg,#effaf6,#fff 65%,#f4f1ff) }
    .organization-entry.show { display:grid }
    .organization-entry h3 { margin:0 0 4px; font-size:20px }
    .organization-entry p { max-width:760px; margin:0; color:var(--muted); font-size:12px }
    .explorer-switch { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 20px; padding:6px; border:1px solid #ced9e3; border-radius:13px; background:#f0f4f7 }
    .explorer-tab { min-height:58px; padding:9px 12px; border:1px solid transparent; border-radius:9px; color:#52687d; background:transparent; text-align:right }
    .explorer-tab:hover { border-color:#c2cfda; background:rgba(255,255,255,.72) }
    .explorer-tab[aria-selected="true"] { border-color:#bfb1ff; color:var(--navy-900); background:#fff; box-shadow:0 7px 20px rgba(5,25,53,.07) }
    .explorer-tab b { display:block; font-size:13px }
    .explorer-tab small { display:block; margin-top:2px; color:#748598; font-size:10px }
    .explorer-panel__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 14px }
    .explorer-panel__head b { display:block; color:var(--navy-900); font-size:17px }
    .explorer-panel__head small { display:block; margin-top:3px; color:var(--muted); font-size:11px }
    .explorer-panel--roles { margin:0 -28px -22px; padding:22px 28px 26px; color:#fff; background:radial-gradient(circle at 10% 20%,rgba(112,72,255,.18),transparent 28%),linear-gradient(135deg,#04142c,#082445) }
    .explorer-panel--roles .explorer-panel__head b { color:#fff }
    .explorer-panel--roles .explorer-panel__head small { color:#b8c7d7 }
    .discovery-modes { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0 0 18px }
    .discovery-mode { min-height:64px; padding:9px 11px; border:1px solid #d3dde6; border-radius:10px; color:#425a70; background:#f7f9fb; text-align:right }
    .discovery-mode:hover { border-color:#aebfd0; background:#fff }
    .discovery-mode[aria-selected="true"] { border-color:var(--purple); color:var(--navy-900); background:#f4f1ff; box-shadow:inset -4px 0 var(--purple) }
    .discovery-mode b { display:block; font-size:12px }
    .discovery-mode small { display:block; margin-top:3px; color:#718396; font-size:10px; line-height:1.55 }
    .academic-search { display:grid; grid-template-columns:190px minmax(330px,1fr); align-items:end; gap:8px }
    .academic-search.input-only { grid-template-columns:1fr }
    .education-level-control { display:grid; gap:6px }
    .education-level-control span { color:#415a71; font-size:13px; font-weight:800 }
    .education-level-control select { width:100%; min-height:58px; padding:12px 14px; border:1px solid #aebfce; border-radius:11px; color:var(--navy-900); background:#fff; font-size:15px; font-weight:700 }
    .major-input-control { min-width:0; display:grid; gap:6px }
    .major-input-control > span { color:#415a71; font-size:13px; font-weight:800 }
    .academic-search.education-only { grid-template-columns:minmax(260px,420px) }
    .major-combobox { min-width:0; position:relative }
    .major-search { min-width:0; display:flex; border:1px solid #aebfce; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 10px 28px rgba(5,25,53,.07); transition:border-color .2s,box-shadow .2s }
    .major-search:focus-within { border-color:var(--purple); box-shadow:0 0 0 4px rgba(112,72,255,.11),0 14px 36px rgba(5,25,53,.1) }
    .major-search input { min-width:0; min-height:58px; flex:1; border:0; outline:0; padding:15px 18px; color:var(--ink); background:#fff; font-size:16px; font-weight:600 }
    .major-search button { min-width:128px; border:0; padding:12px 20px; background:var(--navy-800); color:#fff; font-weight:800 }
    .major-suggestions { display:none; position:absolute; z-index:30; right:0; left:0; top:calc(100% + 8px); overflow:hidden; border:1px solid #b9c9d6; border-radius:14px; background:#fff; box-shadow:0 24px 60px rgba(5,25,53,.2) }
    .major-suggestions.show { display:block }
    .major-suggestion { width:100%; min-height:58px; display:flex; align-items:center; justify-content:flex-start; gap:14px; padding:10px 14px; border:0; border-bottom:1px solid #e8eef3; color:var(--ink); background:#fff; text-align:right }
    .major-suggestion:last-child { border-bottom:0 }
    .major-suggestion:hover,.major-suggestion.active,.major-suggestion:focus { color:var(--navy-900); background:linear-gradient(90deg,#f5f2ff,#fff); box-shadow:inset -4px 0 var(--purple); outline:0 }
    .major-suggestion b { display:block; font-size:14px; line-height:1.5 }
    .major-suggestion small { display:block; margin-top:2px; color:#65798c; font-size:11px }
    .major-suggestion mark { padding:0; color:inherit; background:#e8e1ff }
    .major-suggestions-note { padding:9px 13px; color:#667a8d; background:#f7f9fb; font-size:10px }
    .major-chips-label { display:block; margin-top:15px; color:#687b8e; font-size:10px }
    .major-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px }
    .major-chips button { border:1px solid #d4dce5; border-radius:22px; padding:7px 11px; background:#f7f9fc; color:#324b64; font-size:11px; font-weight:600 }
    .major-chips button:hover { border-color:var(--purple); color:var(--purple-dark); background:#f2efff }
    .major-result { display:none; margin-top:20px; padding-top:18px; border-top:1px solid var(--line) }
    .major-result.show { display:block }
    .major-result__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px }
    .major-result__head strong { font-size:16px }
    .major-result__head span { color:var(--muted); font-size:11px }
    .major-results-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px }
    .match-note { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:2px; padding:13px 15px; border:1px solid #bfe0d3; border-radius:10px; color:#164c3c; background:#edf9f4 }
    .match-note b { font-size:13px }
    .match-note span { color:#4f6d62; font-size:11px }
    .catalog-journey:not(:empty) { margin:0 0 14px }
    .catalog-journey .discovery-notice { box-shadow:0 10px 28px rgba(5,25,53,.06) }
    .catalog-journey__label { display:inline-flex; margin-bottom:6px; padding:4px 8px; border-radius:20px; color:#08745a; background:#e3f5ee; font-size:10px; font-weight:900 }
    .catalog-journey__actions { display:flex; flex:0 0 auto; gap:8px }
    .guided-start { margin:0; padding:15px 19px; border:0; border-top:1px solid #d7e1e9; border-radius:0; background:linear-gradient(90deg,#f5f8fa,#fff); display:flex; align-items:center; justify-content:space-between; gap:18px }
    .guided-start b { display:block; color:var(--navy-900); font-size:14px }
    .guided-start span { display:block; color:var(--muted); font-size:12px }
    .wizard { min-height:440px; display:none; grid-template-columns:220px 1fr; grid-template-areas:'side main'; margin-top:16px; direction:rtl; border:1px solid #b8c6d1; border-radius:12px; overflow:hidden; background:#fff; box-shadow:var(--shadow) }
    .wizard.open { display:grid }
    .wizard-main { grid-area:main; padding:40px; direction:rtl; text-align:right }
    .wizard-side { grid-area:side; padding:28px; background:var(--navy-900); color:#fff; display:flex; flex-direction:column; direction:rtl; text-align:right }
    .wizard-side small { color:#aebfd0 }
    .wizard-side strong { font-size:52px; line-height:1.2; color:var(--lime) }
    .progress { height:4px; background:#dce5ec; margin:17px 0 }
    .progress i { display:block; width:var(--progress); height:100%; background:var(--purple) }
    .answer-log { margin-top:auto }
    .answer-log span { display:block; margin-top:7px; color:#afc0d1; font-size:11px }
    .answer-log span::before { content:'✓'; color:var(--lime); margin-left:6px }
    .question-label { color:var(--purple); font-weight:900; font-size:11px }
    .wizard h2 { font-size:29px; margin:7px 0 }
    .why { color:var(--muted); font-size:11px }
    .answers { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:23px }
    .answer { min-height:72px; border:1px solid #c5d2dc; border-radius:8px; background:#fff; color:var(--ink); padding:13px 15px; text-align:right; display:flex; align-items:center; justify-content:flex-start; gap:10px; font-weight:800 }
    .answer:hover { border-color:var(--purple); box-shadow:inset -4px 0 var(--purple) }
    .answer small { display:block; color:var(--muted); font-size:11px; font-weight:400 }
    .wizard-context-form { margin-top:22px; padding:18px; border:1px solid #d5dfe7; border-radius:12px; background:#f8fafc }
    .wizard-context-grid { display:grid; grid-template-columns:190px minmax(0,1fr); gap:10px; align-items:end }
    .wizard-context-grid.single { grid-template-columns:1fr }
    .wizard-context-form label { display:grid; gap:6px; color:#51677d; font-size:11px; font-weight:800 }
    .wizard-context-form input,.wizard-context-form select { width:100%; min-height:50px; padding:11px 13px; border:1px solid #b7c7d4; border-radius:9px; color:var(--navy-900); background:#fff }
    .wizard-context-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px }
    .wizard-context-actions small { color:var(--muted); font-size:10px }
    .wizard-result-summary { margin:16px 0 0; padding:14px 16px; border:1px solid #bfe0d3; border-right:4px solid var(--green); border-radius:9px; color:#174f3e; background:#eef9f5 }
    .wizard-result-summary b { display:block; font-size:13px }
    .wizard-result-summary small { display:block; margin-top:3px; color:#527166; font-size:11px }
    .wizard-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:22px }
    .text-button { border:0; background:transparent; color:var(--muted); text-decoration:underline; font-size:11px }
    .recommendations { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px }
    .recommendation { --rec:#7048ff; position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:260px; border:1px solid #d4dee7; border-top:4px solid var(--rec); border-radius:12px; padding:17px; background:linear-gradient(180deg,rgba(112,72,255,.035),#fff 35%); box-shadow:0 12px 28px rgba(5,25,53,.07) }
    .recommendation__top { display:flex; align-items:center; justify-content:space-between; gap:10px }
    .recommendation__rank { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; color:#fff; background:var(--rec); font-size:11px; font-weight:900 }
    .recommendation__code { color:var(--rec); font-size:11px; font-weight:900 }
    .recommendation h3 { min-height:48px; font-size:14px; margin:12px 0 7px; line-height:1.7 }
    .recommendation__support { width:max-content; max-width:100%; margin-bottom:8px; padding:5px 7px; border-radius:6px; color:#07664d; background:#e8f7f2; font-size:11px; font-weight:900 }
    .recommendation__actions { display:flex; gap:7px; margin-top:auto; padding-top:13px }
    .recommendation__actions .button { flex:1; padding-right:8px; padding-left:8px }
    .reason { color:var(--muted); font-size:11px; margin:4px 0 }
    .reason::before { content:'✓'; color:var(--green); margin-left:5px }

    .plan-section { background:radial-gradient(circle at 84% 12%,rgba(49,103,161,.35),transparent 32%),linear-gradient(145deg,#04142c,#092747); color:#fff; position:relative; overflow:hidden }
    .plan-section::before { content:''; position:absolute; width:620px; height:620px; left:-250px; bottom:-340px; border:1px solid rgba(112,72,255,.3); border-radius:50%; box-shadow:0 0 0 46px rgba(112,72,255,.04),0 0 0 96px rgba(112,72,255,.025) }
    .plan-section .section-head { position:relative }
    .plan-section .section-head h2 { max-width:880px; color:#fff; font-size:clamp(34px,4vw,48px); font-weight:800; letter-spacing:-.7px }
    .plan-section .section-head p { max-width:790px; color:#d2dce6; font-size:15px; line-height:1.9 }
    .plan-shell { position:relative; display:grid; grid-template-columns:310px minmax(0,1fr); gap:24px; align-items:start }
    .plan-guide { position:sticky; top:104px; overflow:hidden; padding:30px 25px; border:1px solid rgba(111,160,202,.45); border-radius:22px; background:radial-gradient(circle at 0 0,rgba(96,224,173,.11),transparent 32%),linear-gradient(155deg,#0d365f,#071f3a); box-shadow:0 28px 80px rgba(0,0,0,.26) }
    .plan-guide::before { content:''; position:absolute; right:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,var(--mint),#4a92e8,var(--purple)) }
    .plan-guide::after { content:''; position:absolute; width:190px; height:190px; left:-105px; top:-100px; border:1px solid rgba(96,224,173,.2); border-radius:50%; box-shadow:0 0 0 28px rgba(96,224,173,.025) }
    .plan-guide h3 { margin:0 0 7px; font-size:23px; font-weight:800 }
    .plan-guide > p { margin:0; color:#c6d3df; font-size:13px; line-height:1.9 }
    .plan-live { display:grid; gap:10px; margin:20px 0; padding:16px; border:1px solid rgba(96,224,173,.24); border-radius:13px; background:rgba(3,17,35,.32) }
    .plan-live div { display:grid; gap:2px }
    .plan-live small { color:#aebfce; font-size:11px; font-weight:600 }
    .plan-live b { overflow:hidden; color:#fff; font-size:13px; font-weight:800; white-space:nowrap; text-overflow:ellipsis }
    .plan-readiness { display:grid; place-items:center; margin:24px auto 22px }
    .plan-ring { --progress:0deg; width:128px; height:128px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#60e0ad var(--progress),rgba(255,255,255,.1) 0); box-shadow:0 14px 34px rgba(0,0,0,.2) }
    .plan-ring__inner { width:104px; height:104px; display:grid; place-items:center; align-content:center; border-radius:50%; background:#0a2848; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
    .plan-ring strong { color:#fff; font-size:27px; line-height:1 }
    .plan-ring small { margin-top:7px; color:#bdcbd7; font-size:11px }
    .plan-readiness > small { margin-top:10px; color:#72e2b8; font-size:11px; text-align:center }
    .plan-principles { display:grid; gap:8px; margin-top:20px }
    .plan-principle { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:11px; padding:11px; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(255,255,255,.045) }
    .plan-principle span { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; color:#73edbf; background:rgba(96,224,173,.12); font-size:17px }
    .plan-principle b { display:block; color:#fff; font-size:13px; font-weight:800 }
    .plan-principle small { display:block; color:#bdcad6; font-size:11px }
    .plan-form { overflow:hidden; border:1px solid rgba(203,218,231,.9); border-radius:22px; background:#fff; color:var(--ink); box-shadow:0 32px 90px rgba(0,0,0,.3) }
    .plan-form__head { padding:28px 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #dbe4ec; background:linear-gradient(135deg,#fff,#f4f7fb) }
    .plan-form__head h3 { margin:0 0 5px; color:var(--navy-900); font-size:24px; font-weight:800 }
    .plan-form__head p { margin:0; color:#52677d; font-size:13px; font-weight:500 }
    .privacy-chip { flex:0 0 auto; padding:7px 10px; border:1px solid #cce6dc; border-radius:20px; color:#087052; background:#eef9f5; font-size:11px; font-weight:900 }
    .plan-stage-nav { display:grid; grid-template-columns:repeat(4,1fr); padding:0 30px; border-bottom:1px solid #dfe6ed; background:#f8fafc }
    .plan-stage-nav button { position:relative; min-height:76px; border:0; border-left:1px solid #e2e8ee; padding:11px; color:#536a80; background:transparent; font-size:13px; font-weight:800 }
    .plan-stage-nav button:last-child { border-left:0 }
    .plan-stage-nav button span { width:29px; height:29px; display:grid; place-items:center; margin:0 auto 5px; border:1px solid #bdcad6; border-radius:9px; color:#536a80; background:#fff; font-size:12px }
    .plan-stage-nav button.active { color:#5837dc; background:linear-gradient(180deg,#f5f2ff,#eee9ff) }
    .plan-stage-nav button.active::after { content:''; position:absolute; right:0; left:0; bottom:0; height:3px; background:var(--purple) }
    .plan-stage-nav button.active span { color:#fff; border-color:var(--purple); background:var(--purple); box-shadow:0 6px 16px rgba(112,72,255,.25) }
    .plan-stage-nav button.complete { color:var(--green-dark) }
    .plan-stage-nav button.complete span { color:#fff; border-color:var(--green); background:var(--green) }
    .plan-block { display:none; min-height:335px; padding:32px 30px; border-bottom:1px solid #e1e7ed; background:linear-gradient(180deg,#fff,#fbfcfe) }
    .plan-block.active { display:block; animation:plan-stage-in .28s ease both }
    @keyframes plan-stage-in { from { opacity:0; transform:translateY(8px) } to { opacity:1; transform:none } }
    .plan-block:last-of-type { border-bottom:0 }
    .plan-block__head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:17px }
    .plan-block__title { display:flex; align-items:center; gap:11px }
    .plan-block__icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; color:var(--purple); background:#eee9ff; font-size:18px }
    .plan-block[data-plan-stage="1"] .plan-block__icon { color:var(--green); background:#e8f7f2 }
    .plan-block[data-plan-stage="2"] .plan-block__icon { color:#1d73d4; background:#e8f2fd }
    .plan-block[data-plan-stage="3"] .plan-block__icon { color:#c8750e; background:#fff2de }
    .plan-block__head h3 { margin:0; color:var(--navy-900); font-size:19px; font-weight:800 }
    .plan-block__head small { color:#52677d; font-size:12px; font-weight:500 }
    .plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px }
    .plan-field { display:block }
    .plan-field.wide { grid-column:1/-1 }
    .plan-field span { display:block; margin-bottom:7px; color:#152b43; font-size:13px; font-weight:800 }
    .plan-field small { display:block; margin-top:6px; color:#5a6f84; font-size:11px; font-weight:500 }
    .plan-field input,.plan-field select,.plan-field textarea { width:100%; min-height:52px; border:1px solid #b9c8d5; border-radius:11px; padding:13px 14px; background:#fff; color:#0b2038; resize:vertical; font-size:14px; font-weight:600; box-shadow:0 4px 12px rgba(6,31,55,.035); transition:border-color .2s,box-shadow .2s }
    .plan-field input::placeholder,.plan-field textarea::placeholder,.quarter textarea::placeholder { color:#74869a; opacity:1; font-weight:500 }
    .plan-field input:focus,.plan-field select:focus,.plan-field textarea:focus { border-color:var(--purple); outline:3px solid rgba(112,72,255,.12); box-shadow:none }
    .certificate-combobox { position:relative }
    .plan-suggestions { display:none; position:absolute; z-index:8; right:0; left:0; top:calc(100% + 6px); max-height:280px; overflow:auto; border:1px solid #b9c9d6; border-radius:12px; background:#fff; box-shadow:0 20px 48px rgba(5,25,53,.18) }
    .plan-suggestions.show { display:block }
    .plan-suggestion { width:100%; border:0; border-bottom:1px solid #edf1f4; padding:11px 12px; background:#fff; color:var(--ink); text-align:right; display:flex; align-items:center; justify-content:space-between; gap:10px }
    .plan-suggestion:hover,.plan-suggestion:focus { background:#f0ecff }
    .plan-suggestion b { font-size:12px }
    .plan-suggestion small { margin:0; font-size:11px; color:#5b6e82 }
    .kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px }
    .kpi-card { position:relative; overflow:hidden; border:1px solid #cfdae4; border-radius:14px; padding:17px; background:linear-gradient(145deg,#fff,#f6f9fc); box-shadow:0 10px 24px rgba(8,35,60,.06) }
    .kpi-card::before { content:''; position:absolute; right:0; top:0; bottom:0; width:4px; background:var(--kpi,var(--purple)) }
    .kpi-card span { display:block; color:var(--navy-900); font-size:13px; font-weight:800 }
    .kpi-card small { display:block; color:#5b6e82; font-size:11px; min-height:30px }
    .kpi-card input { width:100%; margin-top:10px; border:0; border-bottom:2px solid var(--kpi,var(--purple)); background:transparent; padding:8px 0; color:var(--navy-900); font-size:26px; font-weight:800 }
    .quarter-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
    .quarter { --quarter:#7048ff; position:relative; min-height:158px; overflow:hidden; border:1px solid #ccd8e3; border-radius:14px; padding:17px; background:linear-gradient(145deg,#fff,#f6f8fb); box-shadow:0 10px 24px rgba(8,35,60,.055) }
    .quarter:nth-child(2) { --quarter:#1d73d4 }
    .quarter:nth-child(3) { --quarter:#079d73 }
    .quarter:nth-child(4) { --quarter:#d47b12 }
    .quarter::before { content:''; position:absolute; right:0; left:0; top:0; height:5px; background:var(--quarter) }
    .quarter b { display:block; margin:4px 0 9px; color:var(--navy-900); font-size:13px; font-weight:800 }
    .quarter textarea { width:100%; min-height:96px; border:0; outline:0; background:transparent; color:#243b53; resize:vertical; font-size:13px; font-weight:600; line-height:1.8 }
    .plan-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:22px 30px; border-top:1px solid #e1e7ed; background:#f7f9fc }
    .plan-actions__spacer { flex:1 }
    .plan-actions [hidden] { display:none }
    .plan-status { display:none; flex:1; min-width:210px; padding:10px 12px; border-right:4px solid var(--green); background:#eaf8f3; color:#096047; font-size:11px }
    .plan-status.show { display:block }

    .founder-story { padding:48px 0; background:linear-gradient(180deg,#f7f9fc,#fff) }
    .founder-story__card { min-height:360px; display:grid; grid-template-columns:1.3fr .7fr; overflow:hidden; border:1px solid #294969; border-radius:22px; color:#fff; background:linear-gradient(145deg,#071a35,#0b2b4e); box-shadow:0 24px 64px rgba(5,25,53,.15) }
    .founder-story__copy { position:relative; padding:44px 48px; display:flex; flex-direction:column; justify-content:center }
    .founder-story__copy::before { content:'“'; position:absolute; right:46px; top:24px; color:var(--mint); opacity:.22; font-family:Georgia,serif; font-size:76px; line-height:1 }
    .founder-vision-title { position:relative; width:max-content; max-width:100%; margin:0; padding:0 0 15px; color:#fff; font-size:28px; line-height:1.35; font-weight:900 }
    .founder-vision-title::after { content:''; position:absolute; right:0; bottom:0; width:84px; height:4px; border-radius:4px; background:linear-gradient(90deg,var(--mint),#3ba7de) }
    .founder-story blockquote { max-width:760px; margin:26px 0 22px; color:#f2f6fa; font-size:16px; line-height:2; font-weight:500 }
    .founder-signature { position:relative; padding-top:20px; border-top:1px solid rgba(255,255,255,.14) }
    .founder-signature::before { content:''; position:absolute; right:0; top:-1px; width:92px; height:2px; background:linear-gradient(90deg,var(--mint),rgba(96,224,173,.15)) }
    .founder-signature strong { display:block; color:#fff; font-size:20px }
    .founder-link { width:max-content; max-width:100%; min-height:42px; display:inline-flex; align-items:center; gap:9px; margin-top:12px; padding:8px 12px 8px 14px; border:1px solid rgba(99,174,239,.32); border-radius:9px; color:#dceeff; background:rgba(10,102,194,.14); direction:ltr; font-size:12px; font-weight:700; transition:transform .2s,border-color .2s,background .2s }
    .founder-link:hover { transform:translateY(-2px); border-color:rgba(99,174,239,.62); background:rgba(10,102,194,.25) }
    .founder-link__icon { width:26px; height:26px; display:grid; place-items:center; border-radius:6px; color:#fff; background:#0a66c2; box-shadow:0 6px 16px rgba(10,102,194,.28) }
    .founder-link__icon svg { width:15px; height:15px; fill:currentColor }
    .founder-link span:last-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }
    .founder-story__photo { position:relative; min-height:360px; overflow:hidden; border-right:1px solid rgba(255,255,255,.12); background:radial-gradient(circle at 50% 30%,#214d77 0,#102f53 46%,#091d38 100%) }
    .founder-story__photo::before { content:''; position:absolute; width:280px; height:280px; left:50%; top:45%; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.10); border-radius:50%; box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 54px rgba(82,159,224,.15) }
    .founder-story__photo img { position:absolute; z-index:1; left:50%; bottom:-4px; width:360px; max-width:none; height:auto; transform:translateX(-50%); filter:saturate(.94) contrast(1.03) drop-shadow(0 24px 30px rgba(0,0,0,.24)) }
    .hero .founder-story { padding:18px 0 8px; background:transparent }
    .hero .founder-story__card { min-height:300px; grid-template-columns:1.45fr .55fr; border-color:rgba(126,171,215,.32); background:linear-gradient(145deg,rgba(10,40,75,.92),rgba(9,30,59,.92)); box-shadow:0 22px 54px rgba(0,0,0,.24) }
    .hero .founder-story__copy { padding:30px 34px }
    .hero .founder-vision-title { font-size:23px }
    .hero .founder-story blockquote { margin:22px 0 18px; font-size:14px; line-height:1.95 }
    .hero .founder-story__photo { min-height:300px }
    .hero .founder-story__photo img { width:300px }

    .community-section { position:relative; overflow:hidden; padding:54px 0; border-top:1px solid #173858; color:#fff; background:radial-gradient(circle at 9% 14%,rgba(96,224,173,.12),transparent 26%),radial-gradient(circle at 82% 80%,rgba(112,72,255,.14),transparent 32%),linear-gradient(145deg,#04142d,#082746) }
    .community-section::before { content:''; position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(154,189,219,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(154,189,219,.08) 1px,transparent 1px); background-size:46px 46px; -webkit-mask-image:linear-gradient(90deg,#000,transparent 78%); mask-image:linear-gradient(90deg,#000,transparent 78%) }
    .community-section::after { content:''; position:absolute; width:460px; height:460px; left:-280px; bottom:-300px; border:1px solid rgba(96,224,173,.2); border-radius:50%; box-shadow:0 0 0 58px rgba(96,224,173,.025),0 0 0 116px rgba(96,224,173,.018) }
    .community-shell { position:relative; z-index:1 }
    .community-head { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:end; gap:7px 22px; margin:0 0 22px; padding:0 2px; text-align:right }
    .community-head .kicker { width:max-content; padding:6px 10px; border:1px solid rgba(96,224,173,.25); border-radius:20px; color:#7ce9c0; background:rgba(96,224,173,.08); font-size:11px }
    .community-head h2 { grid-row:2; margin:0; color:#fff; font-size:clamp(25px,2.7vw,34px); font-weight:800; line-height:1.45; letter-spacing:-.4px }
    .community-head p { grid-column:2; grid-row:2; justify-self:end; max-width:440px; margin:0; color:#bdcad7; font-size:12px; font-weight:500; line-height:1.8 }
    .community-grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px }
    .channel-card { --channel:#60e0ad; min-width:0; position:relative; display:grid; grid-template-columns:92px minmax(0,1fr); align-items:center; gap:17px; overflow:hidden; padding:17px 18px; border:1px solid rgba(161,194,222,.25); border-radius:18px; color:#fff; background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--channel) 14%,transparent),transparent 31%),linear-gradient(145deg,rgba(17,57,94,.92),rgba(6,29,57,.96)); box-shadow:0 18px 48px rgba(0,0,0,.2); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease }
    .channel-card::before { content:''; position:absolute; right:0; left:0; top:0; height:4px; background:linear-gradient(90deg,var(--channel),#7048ff); background:linear-gradient(90deg,var(--channel),color-mix(in srgb,var(--channel) 42%,#7048ff)) }
    .channel-card--jobs { --channel:#62a8ff }
    .channel-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--channel) 58%,transparent); box-shadow:0 26px 60px rgba(0,0,0,.27) }
    .channel-card__qr { position:relative; display:grid; place-items:center; width:92px; height:92px; padding:6px; border:1px solid rgba(255,255,255,.34); border-radius:14px; background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.24) }
    .channel-card__qr::after { content:'امسح'; position:absolute; right:50%; bottom:-8px; transform:translateX(50%); width:max-content; padding:3px 8px; border:1px solid rgba(255,255,255,.18); border-radius:20px; color:#fff; background:#0a754f; box-shadow:0 7px 16px rgba(0,0,0,.18); font-size:8px; font-weight:800 }
    .channel-card--jobs .channel-card__qr::after { background:#276bc5 }
    .channel-card__qr img { width:78px; height:78px; object-fit:contain }
    .channel-card__copy { min-width:0 }
    .channel-card__brand { display:flex; align-items:center; gap:7px; margin-bottom:5px; color:var(--channel); font-size:10px; font-weight:800 }
    .channel-card__brand span { width:26px; height:26px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--channel) 38%,transparent); border-radius:8px; color:#fff; background:color-mix(in srgb,var(--channel) 20%,transparent) }
    .channel-card__brand svg { width:14px; height:14px; fill:currentColor }
    .channel-card h3 { margin:0 0 3px; color:#fff; font-size:19px; font-weight:800; line-height:1.45 }
    .channel-card p { margin:0 0 9px; color:#c3d0dc; font-size:10.5px; font-weight:500; line-height:1.75 }
    .channel-card__action { width:fit-content; min-height:34px; display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:1px solid color-mix(in srgb,var(--channel) 48%,transparent); border-radius:9px; color:#061b34; background:var(--channel); box-shadow:0 9px 22px color-mix(in srgb,var(--channel) 18%,transparent); font-size:10.5px; font-weight:800 }
    .channel-card__action:hover { color:#061b34; filter:brightness(1.08) }
    .community-feedback { grid-column:1/-1; position:relative; overflow:hidden; min-height:150px; padding:24px 26px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; border:1px solid rgba(96,224,173,.34); border-radius:18px; background:linear-gradient(135deg,rgba(96,224,173,.10),rgba(112,72,255,.08)),rgba(4,25,51,.76); box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 46px rgba(0,0,0,.18) }
    .community-feedback::before { content:''; position:absolute; right:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--mint),#7048ff) }
    .community-feedback__copy { position:relative; min-width:0 }
    .community-feedback__label { display:block; margin-bottom:5px; color:var(--mint); font-size:10px; font-weight:800 }
    .community-feedback h3 { margin:0 0 6px; color:#fff; font-size:20px; font-weight:900 }
    .community-feedback p { max-width:720px; margin:0; color:#c4d2df; font-size:12px; line-height:1.9 }
    .community-feedback__actions { position:relative; min-width:220px; display:grid; justify-items:stretch; gap:8px }
    .community-feedback__action { min-height:44px; padding:9px 17px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(96,224,173,.52); border-radius:10px; color:#06233f; background:var(--mint); box-shadow:0 10px 26px rgba(96,224,173,.16); font-size:11px; font-weight:900; transition:filter .2s ease,transform .2s ease }
    .community-feedback__action:hover { color:#06233f; filter:brightness(1.07); transform:translateY(-1px) }
    .community-feedback__email { color:#b7c8d8; font-size:10px; text-align:center }
    .footer-social-links { position:relative; z-index:1; margin-top:16px; padding:12px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; border:1px solid rgba(139,181,218,.2); border-radius:16px; background:rgba(2,17,35,.38); box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.15); backdrop-filter:blur(12px) }
    .footer-social-link { --social-rgb:96,224,173; min-height:62px; padding:9px 10px; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:9px; border:1px solid rgba(var(--social-rgb),.18); border-radius:11px; color:#edf3f9; background:linear-gradient(145deg,rgba(var(--social-rgb),.075),rgba(255,255,255,.025)); box-shadow:inset 0 1px rgba(255,255,255,.035); transition:border-color .2s,background .2s,transform .2s,box-shadow .2s }
    .footer-social-link--youtube { --social-rgb:255,75,85 }
    .footer-social-link--tiktok { --social-rgb:83,227,232 }
    .footer-social-link--linkedin { --social-rgb:92,168,255 }
    .footer-social-link:hover { border-color:rgba(var(--social-rgb),.55); color:#fff; background:rgba(var(--social-rgb),.09); box-shadow:0 12px 28px rgba(0,0,0,.16); transform:translateY(-2px) }
    .footer-social-link__icon { width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(var(--social-rgb),.3); border-radius:10px; color:rgb(var(--social-rgb)); background:rgba(var(--social-rgb),.1) }
    .footer-social-link__icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round }
    .footer-social-link--youtube .footer-social-link__icon svg,.footer-social-link--linkedin .footer-social-link__icon svg { fill:currentColor; stroke:none }
    .footer-social-link--youtube .footer-social-link__icon .play { fill:var(--navy-950) }
    .footer-social-link__copy { min-width:0; display:grid; gap:2px; line-height:1.35 }
    .footer-social-link__copy strong { color:#fff; font-size:12px }
    .footer-social-link__copy small { overflow:hidden; color:#9fb4c8; font-size:9px; text-overflow:ellipsis; white-space:nowrap }

    .modal { display:none; position:fixed; inset:0; z-index:100; padding:20px; overflow:auto; background:rgba(2,14,29,.82) }
    .modal.open { display:grid; place-items:center }
    .modal-panel { width:min(1080px,100%); max-height:calc(100vh - 40px); overflow:auto; background:#f6f8fb; border-radius:15px; position:relative; box-shadow:0 28px 90px rgba(0,0,0,.34) }
    .modal-close { position:absolute; left:14px; top:14px; z-index:2; width:38px; height:38px; border:1px solid rgba(255,255,255,.35); border-radius:7px; background:rgba(255,255,255,.06); color:#fff }
    .modal-head { --track:#7048ff; background:linear-gradient(135deg,var(--navy-900),#0b2c53); color:#fff; padding:32px 72px 32px 34px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; border-bottom:5px solid var(--track) }
    .modal-head .org-logo { --track:#7048ff; width:76px; height:76px; border-radius:13px }
    .modal-head .org-logo img { width:48px; height:48px }
    .modal-head h2 { font-size:27px; margin:3px 0; line-height:1.5 }
    .modal-head small { color:#b8c8da; font-size:11px }
    .modal-head .english { color:#aebfd1; font-size:11px }
    .modal-head.compare-head { grid-template-columns:1fr; padding-left:34px }
    .modal-code { min-width:112px; padding:13px 15px; border:1px solid rgba(255,255,255,.22); border-radius:10px; background:rgba(255,255,255,.08); text-align:center; direction:ltr; font-size:20px; font-weight:700 }
    .modal-code small { display:block; direction:rtl; font-size:11px; font-weight:500 }
    .modal-body { padding:30px }
    .modal-lead { display:grid; grid-template-columns:1.35fr .65fr; gap:15px; margin-bottom:20px }
    .modal-description { margin:0; padding:20px; border:1px solid #dce4eb; border-right:5px solid var(--track,#7048ff); border-radius:10px; background:#fff; color:#213850; font-size:14px; line-height:1.95 }
    .modal-quick { padding:18px; border-radius:10px; background:var(--navy-900); color:#fff }
    .modal-quick span { display:block; color:#aebfd1; font-size:11px }
    .modal-quick b { display:block; margin:3px 0 12px; font-size:14px }
    .modal-section { margin-top:20px }
    .modal-section-title { display:flex; align-items:center; gap:10px; margin:0 0 10px; font-size:18px; color:var(--navy-900) }
    .modal-section-title::before { content:''; width:5px; height:22px; border-radius:3px; background:var(--track,#7048ff) }
    .facts { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:0 }
    .fact { min-height:88px; padding:14px 15px; border:1px solid #d8e1e9; border-radius:9px; background:#fff }
    .fact small { display:block; margin-bottom:5px; color:#5c6f82; font-size:11px; font-weight:600 }
    .fact b { display:block; color:var(--navy-900); font-size:12px; line-height:1.7 }
    .fact-wide { grid-column:span 2 }
    .support-panel { padding:20px; border:1px solid #b9dfd0; border-right:5px solid var(--green); background:#eaf8f3; border-radius:10px; margin:0 }
    .support-panel b { color:#075f47; font-size:16px }
    .support-panel.status-guide { border-right-color:var(--purple); background:#f3efff }
    .support-panel.status-check { border-right-color:#d29528; background:#fff8e8 }
    .support-panel.status-not { border-right-color:#8797a6; background:#f1f4f6 }
    .support-panel.status-guide b { color:#4f32ac }
    .support-panel.status-check b { color:#714d00 }
    .support-panel.status-not b { color:#425565 }
    .support-panel p { margin:5px 0; color:#27475a; font-size:12px }
    .support-layout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px }
    .modal-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; padding:18px; border:1px solid #dce4eb; border-radius:10px; background:#fff }
    .modal-actions .button-outline { color:var(--navy-800) }
    .source-note { margin-top:10px; padding:13px 15px; border:1px solid #dce4eb; border-radius:8px; background:#fff; color:#586c7e; font-size:11px }
    .source-note b { color:var(--navy-900) }
    .relationship-card { overflow:hidden; border:1px solid #cfe0ea; border-radius:14px; background:linear-gradient(135deg,#fff,#f2f7fb); box-shadow:0 12px 30px rgba(5,25,53,.06) }
    .relationship-card__head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 20px; border-bottom:1px solid #dce6ed }
    .relationship-card__head h3 { margin:0; color:var(--navy-900); font-size:18px }
    .relationship-card__head p { margin:3px 0 0; color:var(--muted); font-size:11px }
    .relationship-card__head span { flex:0 0 auto; padding:6px 10px; border:1px solid rgba(7,157,115,.2); border-radius:20px; color:#087254; background:#eaf8f3; font-size:10px; font-weight:900 }
    .relationship-flow { display:grid; grid-template-columns:1fr 20px 1fr 20px 1fr; align-items:center; gap:9px; padding:18px 20px }
    .relationship-node { min-height:92px; padding:13px; border:1px solid #d8e3eb; border-radius:10px; background:#fff }
    .relationship-node small { display:block; color:var(--muted); font-size:10px }
    .relationship-node b { display:block; margin-top:5px; color:var(--navy-900); font-size:12px; line-height:1.65 }
    .relationship-connector { width:20px; height:2px; display:block; border-radius:2px; background:var(--track,#7048ff); opacity:.55 }
    .modal-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:18px }
    .modal-summary-card { min-height:86px; padding:13px 14px; border:1px solid #d9e3eb; border-radius:10px; background:#fff }
    .modal-summary-card small { display:block; color:var(--muted); font-size:10px }
    .modal-summary-card b { display:block; margin-top:6px; color:var(--navy-900); font-size:13px; line-height:1.65 }
    .modal-disclosure { margin-top:12px; overflow:hidden; border:1px solid #d7e2ea; border-radius:12px; background:#fff }
    .modal-disclosure > summary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 18px; color:var(--navy-900); list-style:none; cursor:pointer; font-size:14px; font-weight:900 }
    .modal-disclosure > summary::-webkit-details-marker { display:none }
    .modal-disclosure > summary::after { content:'+'; width:28px; height:28px; display:grid; place-items:center; border:1px solid #cdd9e2; border-radius:7px; color:var(--purple); background:#f8f7ff; font-size:18px }
    .modal-disclosure[open] > summary::after { content:'−' }
    .modal-disclosure__body { padding:0 18px 18px }
    .modal-disclosure .facts { margin-top:0 }
    .trust-ledger { overflow:hidden; border:1px solid #d7e2ea; border-radius:13px; background:#fff }
    .trust-ledger__head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px; color:#fff; background:linear-gradient(135deg,#07203e,#0c355d) }
    .trust-ledger__head h3 { margin:0; font-size:18px }
    .trust-ledger__head p { margin:4px 0 0; color:#b9cbda; font-size:11px }
    .trust-state { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(96,224,173,.28); border-radius:24px; color:#8af0ca; background:rgba(96,224,173,.1); font-size:11px; font-weight:900 }
    .trust-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#dce5ec }
    .trust-field { min-height:100px; padding:14px; background:#fff }
    .trust-field small { display:block; color:#65788b; font-size:10px }
    .trust-field b { display:block; margin:5px 0; color:var(--navy-900); font-size:12px; line-height:1.6 }
    .trust-field span { display:inline-flex; padding:3px 7px; border-radius:18px; color:#08765b; background:#eaf7f2; font-size:10px; font-weight:800 }
    .trust-field span.partial { color:#805a00; background:#fff5dc }
    .trust-field a { display:block; overflow:hidden; margin-top:6px; color:var(--purple); font-size:10px; white-space:nowrap; text-overflow:ellipsis }
    details.trust-ledger > summary { list-style:none; cursor:pointer }
    details.trust-ledger > summary::-webkit-details-marker { display:none }
    details.trust-ledger .trust-ledger__head::after { content:'عرض الحقول والمصادر'; margin-right:auto; padding:6px 9px; border:1px solid rgba(255,255,255,.2); border-radius:7px; color:#fff; background:rgba(255,255,255,.06); font-size:10px; font-weight:800 }
    details.trust-ledger[open] .trust-ledger__head::after { content:'إخفاء الحقول' }
    .recommendation-evidence { padding:20px; border:1px solid #d5e1e9; border-radius:13px; background:linear-gradient(135deg,#fff,#f4f8fb) }
    .recommendation-evidence h3 { margin:0 0 4px }
    .recommendation-evidence > p { margin:0 0 14px; color:var(--muted); font-size:12px }
    .evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
    .evidence-item { padding:12px; border:1px solid #d8e2ea; border-radius:9px; background:#fff }
    .evidence-item b { display:block; color:var(--navy-900); font-size:11px }
    .evidence-item small { color:var(--muted); font-size:10px }
    .disclaimer { margin-top:18px; padding:13px 15px; border:1px solid #f1d39e; border-right:4px solid #c47a00; border-radius:8px; background:#fff5e7; color:#5f4217; font-size:11px }
    .similar { margin-top:20px }
    .similar-list { display:flex; flex-wrap:wrap; gap:7px }
    .similar-list button { border:1px solid var(--line); border-radius:7px; background:#fff; padding:8px 10px; color:var(--purple); font-size:11px }

    #detailModal .modal-panel { width:min(1040px,100%); overflow:auto; border:1px solid rgba(159,182,204,.38); border-radius:24px; background:#eef3f7; box-shadow:0 44px 150px rgba(0,0,0,.5) }
    #detailModal .modal-close { width:46px; height:46px; left:22px; top:22px; border-radius:13px; font-size:22px; background:rgba(255,255,255,.1); backdrop-filter:blur(10px) }
    .credential-detail .modal-head { min-height:190px; position:relative; isolation:isolate; overflow:hidden; grid-template-columns:96px minmax(0,1fr); gap:24px; padding:36px 78px 36px 38px; border-bottom:0; background:radial-gradient(circle at 6% 0,rgba(112,72,255,.34),transparent 34%),radial-gradient(circle at 88% 110%,rgba(96,224,173,.13),transparent 30%),linear-gradient(135deg,#04152f,#0b3761); box-shadow:inset 0 -5px var(--track) }
    .credential-detail .modal-head::after { content:''; position:absolute; z-index:-1; width:310px; height:310px; left:-185px; bottom:-230px; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 84px rgba(112,72,255,.025) }
    .credential-detail .modal-head .org-logo { width:96px; height:96px; border:0; border-radius:0; background:transparent; box-shadow:none }
    .credential-detail .modal-head .org-logo img { width:82px; height:82px; padding:0; object-fit:contain; filter:drop-shadow(0 8px 16px rgba(0,0,0,.34)) drop-shadow(0 0 1px rgba(255,255,255,.85)) }
    .credential-detail .modal-head .org-logo .org-logo__fallback { width:78px; height:78px; border-color:rgba(255,255,255,.26); color:#fff; background:rgba(255,255,255,.09) }
    .credential-head-copy { min-width:0 }
    .credential-badges { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:8px }
    .credential-badges span { padding:7px 11px; border:1px solid rgba(255,255,255,.18); border-radius:22px; color:#e1ebf4; background:rgba(255,255,255,.085); font-size:12px; font-weight:800 }
    .credential-badges span:first-child { color:#a3f2d4; border-color:rgba(96,224,173,.25); background:rgba(96,224,173,.09) }
    .credential-detail .modal-head h2 { max-width:820px; margin:0; color:#fff; font-size:clamp(29px,3.2vw,39px); line-height:1.42; letter-spacing:-.5px }
    .credential-detail .modal-head .english { margin-top:7px; color:#bdd0df; font-size:14px; direction:ltr; text-align:right }
    .credential-head-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:17px; color:#e1ebf3; font-size:14px }
    .credential-head-meta span { display:inline-flex; align-items:center; gap:6px }
    .credential-head-meta span + span::before { content:''; width:4px; height:4px; border-radius:50%; background:#6f8ba5 }
    .credential-head-meta b { color:#fff; font-size:14px }
    .credential-detail .modal-body { padding:28px; background:linear-gradient(180deg,#f1f5f8,#edf2f6) }
    .credential-overview { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:18px; margin-bottom:18px }
    .credential-description-card { min-height:190px; padding:30px 32px; border:1px solid #d2dee8; border-radius:20px; background:#fff; box-shadow:0 14px 38px rgba(5,25,53,.07) }
    .credential-description-card small { display:block; margin-bottom:10px; color:var(--track); font-size:13px; font-weight:900 }
    .credential-description-card p { margin:0; color:#173550; font-size:18px; line-height:2 }
    .credential-decision-card { min-height:190px; padding:27px; border:1px solid #1a4771; border-radius:20px; color:#fff; background:radial-gradient(circle at 0 0,rgba(112,72,255,.2),transparent 38%),linear-gradient(145deg,#061832,#0b3760); box-shadow:0 18px 44px rgba(5,25,53,.18) }
    .credential-decision-card > small { color:#8eeac8; font-size:12px; font-weight:900 }
    .credential-decision-card > b { display:block; margin:8px 0 18px; font-size:21px; line-height:1.55 }
    .credential-decision-card div { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-top:10px; border-top:1px solid rgba(255,255,255,.1) }
    .credential-decision-card div + div { margin-top:10px }
    .credential-decision-card span { color:#b3c4d3; font-size:12px }
    .credential-decision-card div b { max-width:190px; text-align:left; font-size:13px; line-height:1.65 }
    .credential-official-card p { margin:0 0 17px; color:#b8c9d7; font-size:12px; line-height:1.8 }
    .credential-official-card .credential-official-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:8px; margin-top:10px; padding-top:15px; border-top:1px solid rgba(255,255,255,.12) }
    .credential-official-card .credential-official-actions .button { min-height:43px; padding:9px 14px; font-size:11px }
    .credential-official-card .credential-official-actions .button-outline { color:#fff; border-color:rgba(255,255,255,.28) }
    .credential-data-note { margin:0 0 14px; padding:10px 13px; border-right:4px solid #d69a2b; border-radius:8px; color:#634715; background:#fff5df; font-size:11px }
    .credential-key-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:18px 0 }
    .credential-key { min-height:108px; position:relative; overflow:hidden; padding:20px; border:1px solid #d2dee7; border-radius:16px; background:#fff; box-shadow:0 9px 24px rgba(5,25,53,.05) }
    .credential-key::after { content:''; position:absolute; right:0; top:0; bottom:0; width:4px; background:var(--track) }
    .credential-key small { display:block; color:#5b7186; font-size:12px }
    .credential-key b { display:block; margin-top:8px; color:var(--navy-900); font-size:15px; line-height:1.75 }
    .credential-support { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; margin:18px 0; padding:22px 24px; border:1px solid #ead399; border-right:6px solid #d59a2a; border-radius:16px; background:#fff9ea; box-shadow:0 9px 26px rgba(5,25,53,.045) }
    .credential-support.status-verified { border-color:#b8ddcf; border-right-color:var(--green); background:#eef9f5 }
    .credential-support.status-not { border-color:#d9e0e6; border-right-color:#8294a5; background:#f7f9fb }
    .credential-support small { display:block; color:#617689; font-size:12px }
    .credential-support b { display:block; margin:4px 0; color:#173852; font-size:18px }
    .credential-support p { margin:0; color:#536b7e; font-size:13px; line-height:1.8 }
    .academic-link { margin-top:14px; overflow:hidden; border:1px solid #d4e0e8; border-radius:13px; background:#fff }
    .academic-link > summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 19px; list-style:none; cursor:pointer }
    .academic-link > summary::-webkit-details-marker { display:none }
    .academic-link > summary div { display:grid; gap:3px }
    .academic-link > summary b { color:var(--navy-900); font-size:14px }
    .academic-link > summary small { color:#66798b; font-size:10px }
    .academic-link > summary span { padding:6px 10px; border-radius:20px; color:#087457; background:#eaf8f3; font-size:10px; font-weight:900 }
    .academic-link__body { padding:0 19px 18px }
    .academic-link__group + .academic-link__group { margin-top:12px }
    .academic-link__group > small { display:block; margin-bottom:7px; color:#66798b; font-size:10px; font-weight:800 }
    .academic-chips { display:flex; flex-wrap:wrap; gap:6px }
    .academic-chips span { padding:6px 9px; border:1px solid #d8e2ea; border-radius:20px; color:#26445f; background:#f7f9fb; font-size:10px }
    .credential-detail .recommendation-evidence { margin-top:14px; padding:18px }
    .credential-detail .evidence-grid { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) }
    .credential-detail .modal-disclosure { margin-top:18px; border-radius:16px; box-shadow:0 9px 25px rgba(5,25,53,.045) }
    .credential-detail .modal-disclosure > summary { padding:20px 22px; font-size:17px }
    .credential-detail .facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border:1px solid #dbe4eb; border-radius:10px; overflow:hidden }
    .credential-detail .fact { min-height:92px; padding:18px 19px; border:0; border-bottom:1px solid #e4eaf0; border-left:1px solid #e4eaf0; border-radius:0; box-shadow:none }
    .credential-detail .fact small { font-size:12px }
    .credential-detail .fact b { font-size:14px; line-height:1.8 }
    .credential-detail .fact:nth-last-child(-n+2) { border-bottom:0 }
    .credential-detail .trust-ledger { margin-top:18px; border-radius:16px; box-shadow:0 12px 32px rgba(5,25,53,.065) }
    .credential-detail .trust-ledger__head { padding:22px 24px }
    .credential-detail .trust-ledger__head h3 { font-size:21px }
    .credential-detail .trust-ledger__head p { font-size:13px }
    .credential-detail .trust-fields { grid-template-columns:repeat(2,1fr) }
    .credential-detail .trust-field { min-height:122px; padding:18px }
    .credential-detail .trust-field small { font-size:12px }
    .credential-detail .trust-field b { font-size:14px; line-height:1.7 }
    .credential-detail .trust-field span,.credential-detail .trust-field a { font-size:11px }
    .credential-actionbar { position:sticky; bottom:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:16px; margin:28px -36px -36px; padding:20px 36px; border-top:1px solid #d2dee7; background:rgba(255,255,255,.97); box-shadow:0 -14px 38px rgba(5,25,53,.1); backdrop-filter:blur(16px) }
    .credential-actionbar__note { max-width:500px; margin:0; color:#566e82; font-size:12.5px; line-height:1.8 }
    .credential-actionbar__buttons { display:flex; flex-wrap:wrap; gap:8px }
    .credential-actionbar__buttons .button { min-height:50px; padding:12px 22px; font-size:14px }

    .compare-tray { display:none; position:fixed; right:20px; left:20px; bottom:18px; z-index:70; max-width:900px; margin:auto; padding:12px 14px; border:1px solid #ffffff24; border-radius:11px; background:rgba(6,24,51,.96); color:#fff; box-shadow:0 18px 60px rgba(0,0,0,.35); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); align-items:center; justify-content:space-between; gap:14px }
    .compare-tray.show { display:flex }
    .compare-items { display:flex; gap:7px; flex-wrap:wrap }
    .compare-item { padding:6px 9px; border-radius:6px; background:#ffffff12; font-size:11px }
    .compare-table-wrap { overflow:auto }
    .compare-table { width:100%; border-collapse:collapse; min-width:720px }
    .compare-table th,.compare-table td { border:1px solid var(--line); padding:11px; text-align:right; font-size:11px }
    .compare-table th { background:#edf2f7 }

    @media (min-width:1261px) and (max-width:1440px) {
      .nav { gap:20px }
      .main-nav { gap:16px; font-size:12px }
      .brand { min-width:210px }
      .brand strong { font-size:13px }
      .nav-primary { min-width:142px }
    }

    @media (max-width:1260px) {
      .main-nav { display:none }
      .menu-button { display:grid; place-items:center }
      .main-nav.open { display:flex; position:absolute; right:0; left:0; top:82px; max-height:calc(100dvh - 118px); overflow:auto; padding:16px 22px; background:var(--navy-900); border-bottom:2px solid var(--purple); flex-direction:column; align-items:stretch; box-shadow:0 24px 50px rgba(0,0,0,.28) }
      .main-nav.open a { min-height:44px; display:flex; align-items:center; padding:8px 12px; border-radius:8px }
      .main-nav.open a:hover { background:rgba(255,255,255,.06) }
      .brand { min-width:auto }
    }

    @media (min-width:721px) and (max-width:1260px) {
      .main-nav.open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 12px }
    }

    @media (max-width:1050px) {
      .source-strip__inner { grid-template-columns:repeat(3,minmax(0,1fr)); padding:18px 0 }
      .source-strip__title { grid-column:1/-1 }
      .paths-grid { grid-template-columns:repeat(2,1fr) }
      .profession-grid { grid-template-columns:repeat(2,1fr) }
      .credential-grid { grid-template-columns:repeat(2,1fr) }
      .hrdf-grid,.claim-grid,.catalog-layout,.plan-shell { grid-template-columns:1fr }
      .eligibility-docs-grid { grid-template-columns:1fr }
      .support-stage-grid { grid-template-columns:1fr }
      .support-mini-facts,.claim-summary-grid { grid-template-columns:1fr 1fr }
      .provider-hub { grid-template-columns:58px minmax(0,1fr) }
      .provider-hub .button { grid-column:1/-1; justify-self:start }
      .filters { position:static }
      .choice-intro { grid-template-columns:1fr; gap:20px }
      .plan-guide { position:static }
      .plan-principles { grid-template-columns:repeat(4,1fr) }
      .plan-readiness { margin:18px auto }
      .plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
      .community-shell { grid-template-columns:1fr }
      .community-head { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr); column-gap:28px; align-items:center }
      .community-head .kicker,.community-head h2,.community-head p { grid-column:1 }
      .community-values { grid-column:2; grid-row:1/4; align-content:center }
      .timeline { grid-template-columns:repeat(2,1fr) }
      .founder-story__card { grid-template-columns:1fr 360px }
      .founder-story__copy { padding:42px }
    }

    @media (min-width:721px) and (max-width:1050px) {
      .wrap { width:min(940px,calc(100% - 34px)) }
      .hero-grid { padding:44px 0 }
      .specialty-finder__head { grid-template-columns:1fr; align-items:start }
      .academic-search { grid-template-columns:minmax(170px,.32fr) minmax(0,.68fr) }
      .academic-search.input-only,.academic-search.education-only { grid-template-columns:1fr }
      .filter-body { padding:16px }
      .filter-primary-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px }
      .filter-primary-grid .field { min-width:0; margin:0 }
      .filter-primary-grid .field-wide { grid-column:span 2 }
      .field label { min-height:22px; font-size:11px }
      .field input,.field select { min-height:50px; padding:9px; font-size:13px }
      .advanced-filters { margin:14px 0 8px }
      .advanced-filters__body { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px }
      .advanced-filters__body .field { min-width:0; margin:0 }
      .catalog-searchbar input { min-height:54px; font-size:16px }
      .catalog-searchbar button { min-height:48px }
      .credential-detail .modal-head { padding-left:32px }
    }

    @media (max-width:720px) {
      .wrap { width:min(calc(100% - 22px),1240px) }
      .trust-bar .wrap span:last-child { display:none }
      .nav-actions .button { display:none }
      .brand small { display:none }
      .brand strong { font-size:12px }
      .brand img { width:42px; height:42px }
      .hero-grid { min-height:auto; padding:46px 0 }
      .hero h1 { font-size:36px }
      .hero-copy > p { font-size:15px }
      .hero-search button { width:78px }
      .hero-metrics { display:flex; gap:9px; overflow-x:auto; margin-left:-11px; padding:2px 0 10px 11px; scroll-snap-type:x proximity; scrollbar-width:none }
      .hero-metrics::-webkit-scrollbar { display:none }
      .hero-metric { min-width:252px; min-height:78px; flex:0 0 252px; scroll-snap-align:start }
      .stats-grid { grid-template-columns:1fr 1fr }
      .source-strip__inner { width:100%; min-height:0; display:flex; gap:9px; overflow-x:auto; padding:14px 11px; scroll-snap-type:x proximity; scrollbar-width:thin }
      .source-strip__title { min-width:245px; flex:0 0 245px; align-self:center }
      .source-identity { min-width:220px; flex:0 0 220px; min-height:58px; scroll-snap-align:start }
      .stat { padding:16px 11px }
      .stat b { font-size:24px }
      .section { padding:64px 0 }
      .section-head { display:block }
      .section-head h2 { font-size:28px }
      .support-facts,.check-grid,.credential-grid,.answers,.recommendations,.plan-grid,.quarter-grid,.kpi-grid,.modal-lead,.modal-summary-grid,.major-results-grid,.profession-overview,.profession-path,.profession-credential-list,.trust-fields,.evidence-grid { grid-template-columns:1fr }
      .paths-grid,.profession-grid { display:flex; gap:12px; overflow-x:auto; margin-right:-11px; margin-left:-11px; padding:3px 11px 14px; scroll-snap-type:x mandatory; scrollbar-width:thin }
      .path-card,.profession-card { min-width:276px; flex:0 0 276px; scroll-snap-align:start }
      .eligibility .check-grid,.timeline { grid-template-columns:1fr }
      .support-nav { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:6px }
      .support-tab { min-width:0; min-height:76px; grid-template-columns:1fr; justify-items:center; gap:5px; padding:8px 5px; text-align:center }
      .support-tab__number { width:30px; height:30px; border-radius:8px; font-size:11px }
      .support-tab b { font-size:11px; line-height:1.45 }
      .support-tab small { display:none }
      .support-panel { padding:18px 14px }
      .support-panel-head { align-items:flex-start; flex-direction:column; gap:10px }
      .support-mini-facts,.claim-summary-grid,.compact-docs { grid-template-columns:1fr }
      .claim-step:last-child { grid-column:auto }
      .guided-start { align-items:flex-start; flex-direction:column }
      .discovery-notice { align-items:flex-start; flex-direction:column }
      .catalog-journey__actions { width:100%; flex-wrap:wrap }
      .catalog-journey__actions .button { flex:1; justify-content:center }
      .plan-principles { display:none }
      .path-card { min-height:auto }
      .catalog-toolbar { align-items:flex-start; flex-direction:column }
      .catalog-controls { width:100%; flex-wrap:wrap }
      .catalog-searchbar { grid-template-columns:1fr }
      .catalog-search-actions { width:100%; grid-template-columns:1fr 1fr }
      .catalog-searchbar button { width:100%; min-width:0 }
      .catalog-layout { gap:14px }
      .filters { border-radius:14px; box-shadow:0 12px 34px rgba(5,25,53,.09) }
      .filter-head { padding:14px 15px }
      .filter-toggle::after { display:block }
      .filter-body { display:none; padding:13px }
      .filters.open .filter-body { display:block }
      .filter-primary-grid { grid-template-columns:1fr 1fr; gap:9px }
      .filter-primary-grid .field { min-width:0; margin:0 }
      .filter-primary-grid .field-wide { grid-column:1/-1 }
      .field label { overflow:hidden; margin-bottom:4px; font-size:11px; white-space:nowrap; text-overflow:ellipsis }
      .field select,.field input { min-height:52px; padding:8px; font-size:16px }
      .field-help { display:none }
      .field-wide .field-help { display:block; margin-top:4px; font-size:10px }
      .advanced-filters { margin:12px 0 10px }
      .advanced-filters__body { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:10px }
      .advanced-filters__body .field { min-width:0; margin:0 }
      .active-filters { flex-wrap:nowrap; overflow-x:auto; margin:10px -13px 0; padding:0 13px 7px; scrollbar-width:none }
      .active-filters::-webkit-scrollbar { display:none }
      .active-filter { flex:0 0 auto; min-height:34px }
      .mobile-filter-actions { display:block; position:sticky; bottom:8px; z-index:6; margin:8px -2px -2px }
      .mobile-filter-actions button { width:100%; min-height:52px; border:0; border-radius:11px; color:#fff; background:linear-gradient(135deg,var(--purple),#4f31db); box-shadow:0 14px 32px rgba(86,50,231,.3); font-weight:900 }
      .provider-hub { grid-template-columns:48px minmax(0,1fr); gap:13px; padding:16px }
      .provider-hub__icon { width:48px; height:48px; border-radius:12px }
      .provider-hub h3 { font-size:16px }
      .provider-hub .button { width:100%; justify-content:center }
      .credential-card,.credential-showcase,.credential-showcase > div,.organization,.organization > span { min-width:0 }
      .credential-card { height:auto }
      .credential-top { align-items:flex-start; padding:14px }
      .organization { align-items:flex-start }
      .organization b { max-width:none; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere }
      .credential-showcase { grid-template-columns:64px minmax(0,1fr); gap:11px; padding:15px 14px 9px }
      .cert-mark { width:64px; min-height:64px; font-size:11px }
      .credential-card h3 { min-height:0; display:block; overflow:visible; -webkit-line-clamp:unset; font-size:15px }
      .english { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere }
      .credential-brief { margin-right:14px; margin-left:14px }
      .credential-signals { margin-right:14px; margin-left:14px; grid-template-columns:1fr }
      .credential-relations { margin-right:14px; margin-left:14px }
      .credential-relation { grid-template-columns:98px minmax(0,1fr) }
      .credential-actions { align-items:flex-start; flex-direction:column }
      .credential-actions > button,.credential-actions > a { min-height:38px; text-align:right }
      .card-tools { width:100%; justify-content:flex-end }
      .specialty-finder { padding:20px 15px }
      .wizard-section { padding:32px 0 52px }
      .choice-shell { border-radius:16px }
      .choice-intro { padding:24px 20px }
      .choice-intro h2 { font-size:27px }
      .specialty-finder__head { grid-template-columns:1fr }
      .audience-switch { grid-template-columns:1fr 1fr; gap:6px; padding:6px }
      .audience-choice { min-height:62px; grid-template-columns:34px minmax(0,1fr); gap:8px; padding:8px }
      .audience-choice__icon { width:34px; height:34px; border-radius:9px; font-size:14px }
      .audience-choice b { font-size:12px }
      .audience-choice small { display:none }
      .explorer-switch { display:flex; overflow-x:auto; margin-right:-15px; margin-left:-15px; padding:6px 15px 8px; border:0; border-radius:0; scroll-snap-type:x proximity; scrollbar-width:none }
      .explorer-switch::-webkit-scrollbar { display:none }
      .explorer-tab { min-width:154px; flex:0 0 154px; scroll-snap-align:start; border-color:#d3dde6; background:#f7f9fb }
      .explorer-panel--roles { margin-right:-15px; margin-left:-15px; margin-bottom:-20px; padding:20px 15px 22px }
      .explorer-panel__head b { font-size:15px }
      .organization-entry.show { grid-template-columns:1fr }
      .organization-entry .button { width:100% }
      .discovery-modes { display:flex; gap:7px; overflow-x:auto; margin-right:-15px; margin-left:-15px; padding:0 15px 7px; scroll-snap-type:x proximity; scrollbar-width:none }
      .discovery-modes::-webkit-scrollbar { display:none }
      .discovery-mode { min-width:142px; min-height:60px; flex:0 0 142px; scroll-snap-align:start }
      .academic-search { grid-template-columns:minmax(116px,.36fr) minmax(0,.64fr); gap:7px }
      .academic-search.input-only,.academic-search.education-only { grid-template-columns:1fr }
      .education-level-control span,.major-input-control > span { overflow:hidden; font-size:11px; white-space:nowrap; text-overflow:ellipsis }
      .education-level-control select { min-height:52px; padding:9px 8px; font-size:12px }
      .major-search { min-width:0; width:100% }
      .major-search input { min-height:52px; padding:12px 11px; font-size:16px }
      .major-search button { min-width:96px; flex:0 0 auto; padding:10px 11px; font-size:11px }
      .major-suggestions.show { display:flex }
      .major-suggestions { gap:7px; overflow-x:auto; padding:9px; border-radius:12px; scroll-snap-type:x proximity; scrollbar-width:thin }
      .major-suggestion { width:auto; min-width:max-content; min-height:42px; flex:0 0 auto; padding:8px 11px; border:1px solid #d7e0e8; border-radius:22px; scroll-snap-align:start }
      .major-suggestion b { font-size:12px }
      .major-suggestion small,.major-suggestion i,.major-suggestions-note { display:none }
      .major-chips { flex-wrap:nowrap; overflow-x:auto; margin-right:-15px; margin-left:-15px; padding:0 15px 7px; scroll-snap-type:x proximity; scrollbar-width:none }
      .major-chips::-webkit-scrollbar { display:none }
      .major-chips button { flex:0 0 auto; scroll-snap-align:start }
      .wizard { grid-template-columns:1fr; grid-template-areas:'side' 'main'; box-shadow:-7px 7px 0 #d7e0e8 }
      .wizard-side { padding:17px; display:grid; grid-template-columns:1fr auto; align-items:center }
      .wizard-side strong { font-size:44px }
      .answer-log { display:none }
      .wizard-main { padding:24px 17px }
      .wizard h2 { font-size:23px }
      .wizard-context-grid { grid-template-columns:1fr }
      .wizard-context-actions { align-items:flex-start; flex-direction:column }
      .wizard-context-actions .button { width:100% }
      .plan-guide { padding:22px 17px }
      .plan-form__head,.plan-block,.plan-actions { padding-right:17px; padding-left:17px }
      .plan-form__head { align-items:flex-start; flex-direction:column }
      .plan-stage-nav { overflow-x:auto; grid-template-columns:repeat(4,minmax(88px,1fr)); padding:0 }
      .plan-stage-nav button { min-height:60px; padding:8px 4px; font-size:11px }
      .plan-block { min-height:0 }
      .founder-story { padding:42px 0 }
      .founder-story__card,.hero .founder-story__card { grid-template-columns:1fr }
      .founder-story__copy { padding:36px 24px }
      .founder-vision-title { font-size:24px }
      .founder-story blockquote { margin-top:28px; font-size:15px }
      .founder-story__photo { min-height:280px; border-right:0; border-top:1px solid rgba(255,255,255,.12) }
      .founder-story__photo img { width:300px }
      .footer-social-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible }
      .footer-social-link { min-width:0 }
      .community-head { grid-template-columns:1fr; align-items:start; gap:6px; padding:0 2px }
      .community-head h2,.community-head p { grid-column:1; grid-row:auto; justify-self:stretch }
      .community-grid { grid-template-columns:1fr }
      .channel-card { grid-template-columns:86px minmax(0,1fr); gap:15px }
      .channel-card__qr { width:86px; height:86px }
      .channel-card__qr img { width:72px; height:72px }
      .community-feedback { grid-template-columns:1fr; gap:18px; padding:22px 20px }
      .community-feedback__actions { min-width:0 }
      .community-feedback__action { width:100% }
      .modal-head { grid-template-columns:auto 1fr; padding:58px 18px 22px }
      .modal-head .org-logo { width:58px; height:58px }
      .modal-head h2 { font-size:21px }
      .modal-code { grid-column:1/-1; width:100%; min-width:0; text-align:right }
      .modal-body { padding:18px 12px }
      .facts { grid-template-columns:1fr }
      .fact-wide { grid-column:auto }
      .relationship-card__head { align-items:flex-start; flex-direction:column }
      .relationship-flow { grid-template-columns:1fr; padding:14px }
      .relationship-connector { width:2px; height:20px; margin:auto }
      .modal-disclosure > summary { padding:14px }
      .modal-disclosure__body { padding:0 14px 14px }
      .trust-ledger__head { align-items:flex-start; flex-wrap:wrap }
      .support-layout { grid-template-columns:1fr }
      .modal { padding:0 }
      #detailModal .modal-panel { width:100%; min-height:100%; max-height:none; border:0; border-radius:0 }
      #detailModal .modal-close { position:fixed; left:12px; top:12px; background:rgba(5,25,53,.72); backdrop-filter:blur(8px) }
      .credential-detail .modal-head { min-height:auto; grid-template-columns:82px minmax(0,1fr); gap:14px; padding:70px 17px 30px }
      .credential-detail .modal-head .org-logo { width:82px; height:82px; border-radius:0 }
      .credential-detail .modal-head .org-logo img { width:68px; height:68px }
      .credential-detail .modal-head .org-logo .org-logo__fallback { width:66px; height:66px }
      .credential-detail .modal-head h2 { font-size:28px; line-height:1.5 }
      .credential-badges span { font-size:10px }
      .credential-detail .modal-head .english { font-size:13px }
      .credential-head-meta { align-items:flex-start; flex-direction:column; gap:5px }
      .credential-head-meta span + span::before { display:none }
      .credential-detail .modal-body { padding:15px }
      .credential-overview { grid-template-columns:1fr }
      .credential-description-card { min-height:0; padding:21px }
      .credential-description-card p { font-size:17px }
      .credential-decision-card { min-height:0; padding:22px }
      .credential-key-grid { grid-template-columns:1fr 1fr }
      .credential-support { grid-template-columns:1fr }
      .credential-detail .facts,.credential-detail .trust-fields { grid-template-columns:1fr }
      .credential-detail .fact { border-left:0 }
      .credential-detail .fact:nth-last-child(2) { border-bottom:1px solid #e4eaf0 }
      .credential-actionbar { position:sticky; align-items:stretch; flex-direction:column; margin:18px -15px -15px; padding:13px 15px }
      .credential-actionbar__note { max-width:none; font-size:12px }
      .credential-actionbar__buttons { display:grid; grid-template-columns:1fr 1fr }
      .credential-actionbar__buttons .button { min-width:0; padding:10px 12px }
      .compare-tray { right:10px; left:10px; bottom:10px; align-items:flex-start; flex-direction:column }
    }

    @media (max-width:430px) {
      .academic-search { grid-template-columns:1fr }
      .education-level-control span,.major-input-control > span { font-size:12px }
      .community-section { padding:42px 0 }
      .community-head { padding:0 2px; text-align:right }
      .community-head h2 { font-size:25px }
      .community-grid { grid-template-columns:1fr }
      .channel-card { grid-template-columns:78px minmax(0,1fr); gap:13px; padding:15px; border-radius:16px }
      .channel-card__qr { width:78px; height:78px; padding:6px; border-radius:13px }
      .channel-card__qr img { width:64px; height:64px }
      .channel-card h3 { font-size:18px }
      .channel-card p { min-height:0; font-size:11px; line-height:1.75 }
      .channel-card__action { min-height:40px; padding:8px 13px }
      .community-feedback { padding:20px 17px }
      .community-feedback h3 { font-size:18px }
      .footer-social-links { grid-template-columns:1fr; padding:10px }
      .hero h1 { font-size:31px }
      .hero-search input { min-height:56px; padding:13px 12px; font-size:16px }
      .hero-search button { width:82px; flex:0 0 82px }
      .hero-actions .button { width:100%; justify-content:center }
      .catalog-controls label { width:100%; justify-content:space-between }
      .catalog-controls select { min-width:150px }
      .credential-key-grid { grid-template-columns:1fr }
      .credential-actionbar__buttons { grid-template-columns:1fr }
      .path-card { padding-right:18px; padding-left:18px }
      .path-icon { width:50px; height:50px; border-radius:13px }
      .path-icon svg { width:27px; height:27px }
      .path-card h3 { font-size:18px }
      .path-facts { gap:6px }
      .path-facts span { padding:9px }
    }

    @media (max-width:360px) {
      .filter-primary-grid,.advanced-filters__body { grid-template-columns:1fr }
      .filter-primary-grid .field-wide { grid-column:auto }
    }

    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto }
      *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important }
    }

    @supports (-webkit-backdrop-filter:blur(1px)) {
      .site-header,.compare-tray { -webkit-backdrop-filter:blur(14px) }
    }
    @supports (content-visibility:auto) {
      #paths,#hrdf,#catalog,#choose,#plan { content-visibility:auto; contain-intrinsic-size:900px }
    }

    #main > .hero { order:1 }
    #main > #choose { order:2 }
    #main > #catalog { order:3 }
    #main > #hrdf { order:4 }
    #main > #plan { order:5 }
    #main > #about { order:6 }
    #main > .source-strip { order:7 }
    .hero-copy { max-width:1080px }
    .hero-metrics { max-width:900px; grid-template-columns:1.3fr 1fr 1fr }
    .hero-metric--total { min-height:116px; border-color:rgba(155,133,255,.56); background:linear-gradient(145deg,rgba(81,55,177,.46),rgba(7,29,58,.9)); box-shadow:0 18px 48px rgba(18,7,70,.28) }
    .hero-metric--total strong { font-size:40px; color:#c8baff }
    .hero-metric--ready { border-color:rgba(96,224,173,.38) }
    .hero-metric--ready strong { color:#8ff0c9 }
    .hero-metric--review strong { color:#a8cfff }
    .explorer-switch { grid-template-columns:repeat(2,minmax(0,1fr)) }
    .explorer-tab { min-height:68px; padding:11px 15px }
    .explorer-tab b { font-size:15px }
    .unified-discovery { display:grid; grid-template-columns:1fr; gap:12px }
    .unified-discovery .major-input-control { width:100% }
    .discovery-context { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px }
    .profile-control { min-width:0; display:block }
    .profile-control span { display:block; margin-bottom:6px; color:#52667a; font-size:11px; font-weight:800 }
    .profile-control input,.profile-control select { width:100%; min-height:45px; border:1px solid #cbd7e1; border-radius:8px; padding:9px 11px; color:var(--ink); background:#fff }
    .profile-control input:focus,.profile-control select:focus { border-color:var(--purple); outline:3px solid rgba(112,72,255,.1) }
    .journey-stage-group { grid-column:1/-1 }
    .journey-stage-group + .journey-stage-group { margin-top:8px }
    .journey-stage-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:0 0 12px; padding:12px 14px; border:1px solid #d9e3eb; border-right:5px solid var(--purple); border-radius:10px; background:#f8fafc }
    .journey-stage-head strong { color:var(--navy-900); font-size:15px }
    .journey-stage-head small { color:var(--muted); font-size:11px }
    .journey-stage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px }
    .journey-stage-group[data-stage="مطلوب نظاميا للممارسة"] .journey-stage-head { border-right-color:#b36b08; background:#fff8ea }
    .journey-stage-group[data-stage="مناسب لك حاليا"] .journey-stage-head { border-right-color:var(--green); background:#eff9f5 }
    .journey-stage-group[data-stage="مناسب لاحقا بعد خبرة إضافية"] .journey-stage-head { border-right-color:#5a48b6; background:#f5f2ff }
    .coverage-request { display:inline-flex; margin-top:10px; color:var(--purple-dark); font-weight:900 }
    .explore-all .explorer-panel__head--roles { margin-top:34px; padding-top:24px; border-top:1px solid #d7e1e9 }
    .catalog-readiness-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 2fr; align-items:center; gap:10px; margin:-18px 0 24px; padding:16px 18px; border:1px solid #d6e2eb; border-right:5px solid var(--purple); border-radius:13px; background:linear-gradient(115deg,#f5f2ff,#fff 62%,#eefaf6); box-shadow:var(--shadow-soft) }
    .catalog-readiness-summary div { padding:5px 12px; border-left:1px solid #dce5ed }
    .catalog-readiness-summary strong { display:block; color:var(--navy-900); font-size:24px; line-height:1.2 }
    .catalog-readiness-summary span { color:var(--muted); font-size:11px }
    .catalog-readiness-summary p { margin:0; color:#4e6276; font-size:12px }
    .catalog-readiness-summary p button { display:block; margin-top:8px; padding:0; border:0; color:var(--purple-dark); background:transparent; font-weight:900; text-align:right }
    .support-badge.status-review { color:#7a4a00; background:#fff0d2 }
    .credential-card-trust { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:12px 0 0; padding:9px 11px; border-radius:8px; color:#66798b; background:#f4f7fa; font-size:10px }
    .recommendation-stage { padding:4px 8px; border-radius:20px; color:#fff; background:var(--purple); font-weight:800 }
    .plan-page-head { display:none }
    .plan-summary-card { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 28px; border:1px solid rgba(143,240,201,.28); border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(112,72,255,.15)); box-shadow:0 20px 54px rgba(0,0,0,.2) }
    .plan-summary-card strong { display:block; font-size:21px }
    .plan-summary-card span { display:block; margin-top:5px; color:#c9d7e4; font-size:13px }
    body:not(.plan-only) #plan .plan-shell { display:none }
    body.plan-only main > *:not(#plan) { display:none !important }
    body.plan-only .community-section { display:none }
    body.plan-only .main-nav { display:none }
    body.plan-only #plan { order:1; min-height:calc(100vh - 118px) }
    body.plan-only .plan-home-head,body.plan-only .plan-summary-card { display:none }
    body.plan-only .plan-page-head { display:block }
    body.plan-only #plan .plan-shell { display:grid }
    body.plan-only .nav-actions .button { min-height:44px }

    @media (max-width:900px) {
      .catalog-readiness-summary { grid-template-columns:repeat(3,1fr) }
      .catalog-readiness-summary p { grid-column:1/-1 }
      .discovery-context { grid-template-columns:1fr 1fr }
      .journey-stage-grid { grid-template-columns:1fr 1fr }
    }

    @media (max-width:720px) {
      .hero-metric--total strong { font-size:32px }
      .discovery-context { grid-template-columns:1fr }
      .journey-stage-grid { grid-template-columns:1fr }
      .explorer-switch { display:grid; grid-template-columns:1fr 1fr; margin:0 0 18px; padding:6px; border:1px solid #ced9e3; border-radius:13px; overflow:visible }
      .explorer-tab { min-width:0; min-height:68px; width:auto; padding:9px 10px }
      .catalog-readiness-summary { grid-template-columns:1fr; margin-top:-8px }
      .catalog-readiness-summary div { display:flex; align-items:center; justify-content:space-between; gap:12px; border-left:0; border-bottom:1px solid #dce5ed }
      .catalog-readiness-summary p { grid-column:auto }
      .plan-summary-card { align-items:stretch; flex-direction:column; padding:20px }
      .plan-summary-card .button { width:100%; justify-content:center }
      body.plan-only #plan .plan-shell { display:block }
      .channel-card__qr { display:grid }
    }

    /* حارس الجوال النهائي يوضع بعد قواعد سطح المكتب الإضافية حتى لا تعيد توسيع الصفحة */
    @media (max-width:720px) {
      html,body,#main,.hero,.hero-grid,.hero-copy,.founder-story,.hero .founder-story__card,.hero .founder-story__copy,.hero .founder-story__photo,.hero-metrics,.hero-metric {
        width:100%;
        max-width:100%;
        min-width:0;
      }
      html,body { overflow-x:hidden; overflow-x:clip }
      .hero-grid { display:block; padding:38px 0 42px }
      .hero-copy { overflow:hidden }
      .hero h1 {
        max-width:100%;
        margin:0 0 18px;
        font-size:clamp(27px,8vw,34px);
        line-height:1.55;
        letter-spacing:-.45px;
        overflow-wrap:anywhere;
      }
      .hero h1 span { display:block; max-width:100% }
      .hero .founder-story { padding:0 0 18px }
      .hero .founder-story__card {
        min-height:clamp(390px,112vw,455px);
        display:grid;
        grid-template-columns:minmax(0,44%) minmax(0,56%);
        grid-template-areas:"photo copy";
        direction:ltr;
        overflow:hidden;
        border-radius:17px;
        background:linear-gradient(118deg,#0a294c 0%,#071d39 52%,#061a34 100%);
      }
      .hero .founder-story__copy {
        grid-area:copy;
        min-width:0;
        padding:28px 15px 18px 12px;
        direction:rtl;
        justify-content:flex-start;
      }
      .hero .founder-story__copy::before {
        content:none;
      }
      .hero .founder-vision-title {
        position:relative;
        width:max-content;
        max-width:100%;
        height:auto;
        margin:0 0 13px;
        padding:0 0 10px;
        overflow:visible;
        clip:auto;
        white-space:normal;
        border:0;
        color:#fff;
        font-size:clamp(16px,4.5vw,21px);
        line-height:1.4;
        font-weight:900;
      }
      .hero .founder-vision-title::after {
        content:'';
        right:0;
        bottom:0;
        width:76px;
        height:4px;
        border-radius:5px;
        background:linear-gradient(90deg,var(--mint),#3ba7de);
      }
      .hero .founder-story blockquote {
        max-width:100%;
        margin:4px 0 15px;
        color:#f4f8fc;
        font-size:clamp(10px,2.8vw,12px);
        line-height:2;
        font-weight:600;
        overflow-wrap:anywhere;
      }
      .hero .founder-signature { margin-top:auto; padding-top:14px }
      .hero .founder-signature strong {
        font-size:clamp(15px,4vw,19px);
        line-height:1.5;
      }
      .hero .founder-link {
        min-height:34px;
        gap:7px;
        margin-top:8px;
        padding:6px 8px 6px 10px;
        font-size:10px;
      }
      .hero .founder-link__icon { width:22px; height:22px }
      .hero .founder-story__photo {
        grid-area:photo;
        min-width:0;
        min-height:100%;
        border-top:0;
        border-right:1px solid rgba(255,255,255,.12);
        direction:ltr;
        background:radial-gradient(circle at 48% 35%,#214d77 0,#102f53 47%,#081c37 100%);
      }
      .hero .founder-story__photo::before {
        width:230px;
        height:230px;
        top:50%;
        box-shadow:0 0 0 30px rgba(255,255,255,.018),0 0 46px rgba(82,159,224,.16);
      }
      .hero .founder-story__photo img {
        left:50%;
        top:50%;
        bottom:auto;
        width:auto;
        height:96%;
        max-width:none;
        max-height:none;
        transform:translate(-50%,-50%);
      }
      .hero-metrics {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:10px;
        margin:0 0 18px;
        padding:0;
        overflow:visible;
      }
      .hero-metric,.hero-metric--total {
        min-height:94px;
        display:grid;
        grid-template-columns:43px minmax(0,1fr);
        align-items:center;
        gap:12px;
        padding:15px;
      }
      .hero-metric strong,.hero-metric--total strong { font-size:30px }
      .hero-search-hint { max-width:100%; overflow-wrap:anywhere }
    }

    @media (max-width:380px) {
      .hero .founder-story__card { grid-template-columns:minmax(0,42%) minmax(0,58%) }
      .hero .founder-story__copy { padding-right:12px; padding-left:10px }
      .hero .founder-vision-title { font-size:15px }
      .hero .founder-vision-title::after { width:64px }
      .hero .founder-story blockquote { font-size:10px; line-height:1.92 }
      .hero .founder-story__photo img { left:50%; width:auto; height:94% }
    }

    @media print {
      body { background:#fff }
      body > *:not(main) { display:none !important }
      main > *:not(#plan) { display:none !important }
      #plan { display:block !important; background:#fff !important; color:#000 !important; padding:0 }
      #plan .wrap { width:100% }
      #plan .plan-guide,#plan .plan-actions { display:none !important }
      #plan .plan-stage-nav { display:none !important }
      #plan .plan-block { display:block !important; min-height:0 }
      #plan .section-head p { color:#444 }
      #plan .plan-shell { display:block }
      #plan .plan-form { box-shadow:none; border:1px solid #bbb }
      #plan input,#plan select,#plan textarea { border-color:#aaa }
    }

/* توافق صفحة الإضافة المستقلة داخل WordPress */
html.ktcp-page-root { width:100%; max-width:100%; min-width:0; margin:0; padding:0; overflow-x:hidden; overflow-x:clip; scroll-behavior:smooth; -webkit-text-size-adjust:100%; text-size-adjust:100% }
body.admin-bar .site-header { top:32px }
@media (max-width:782px) { body.admin-bar .site-header { top:46px } }
body.ktcp-standalone { position:relative; width:100%; max-width:100%; min-width:0; margin:0 !important; padding:0 !important; min-height:100vh; min-height:100dvh; overflow-x:hidden; overflow-x:clip }
body.ktcp-standalone #wpadminbar { direction:ltr }
body.ktcp-standalone *,body.ktcp-standalone *::before,body.ktcp-standalone *::after { box-sizing:border-box }
body.ktcp-standalone img,body.ktcp-standalone svg { max-width:100%; height:auto }
body.ktcp-standalone button,body.ktcp-standalone a,body.ktcp-standalone input,body.ktcp-standalone select,body.ktcp-standalone textarea { -webkit-tap-highlight-color:transparent }
body.ktcp-standalone button,body.ktcp-standalone a { touch-action:manipulation }
body.ktcp-standalone input,body.ktcp-standalone select,body.ktcp-standalone textarea { min-width:0 }
body.ktcp-standalone > .trust-bar,body.ktcp-standalone > .site-header,body.ktcp-standalone > main,body.ktcp-standalone > .community-section,body.ktcp-standalone > footer { width:100%; max-width:100%; min-width:0 }
body.ktcp-standalone main,body.ktcp-standalone main > *,body.ktcp-standalone section,body.ktcp-standalone .wrap { max-width:100%; min-width:0 }
@supports not (min-height:100dvh) { body.ktcp-standalone { min-height:100vh } }
@media (max-width:720px) {
  body.ktcp-standalone .wrap { width:calc(100% - 24px); max-width:1180px }
  body.ktcp-standalone .catalog-toolbar,body.ktcp-standalone .catalog-controls { width:100% }
  body.ktcp-standalone .catalog-controls { display:grid; grid-template-columns:1fr; gap:8px }
  body.ktcp-standalone .catalog-controls label,body.ktcp-standalone .catalog-controls select { width:100%; min-width:0 }
  body.ktcp-standalone .credential-grid { grid-template-columns:minmax(0,1fr) }
}
@media (forced-colors:active) {
  body.ktcp-standalone .button,body.ktcp-standalone .credential-card,body.ktcp-standalone .filters { border:1px solid CanvasText }
}