:root{--teal-900:#134e4a;--teal-700:#0f766e;--teal-50:#f0fdfa;--navy-900:#0f2a43;--navy-700:#1e3a5f;--ink:#0f172a;--muted:#5b6b7f;--line:#d8e2ec;--bg:#f4f8fa;--card:#fff;color:var(--ink);background:var(--bg);direction:rtl;font-family:IBM Plex Sans Arabic,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}.page{text-align:right}main{width:min(1180px,100% - 32px);margin:0 auto 56px}h1,h2,h3,h4,p,ul,ol,dl{margin-top:0}.demo-banner{color:#713f12;text-align:center;background:#fefce8;border-bottom:1px solid #facc15;padding:10px 20px;font-size:15px;font-weight:600;line-height:1.8}.topbar{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--teal-700), var(--navy-700));color:#fff;border-radius:12px;padding:10px 14px;font-size:18px;font-weight:700}.brand strong{color:var(--navy-900);font-size:18px;display:block}.brand small{color:var(--muted);font-size:13px}.topbar-tag{background:var(--teal-50);color:var(--teal-900);border:1px solid #99f6e4;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.hero{background:radial-gradient(circle at 85% 20%, #2dd4bf2e, transparent 40%), linear-gradient(135deg, var(--teal-900), var(--navy-900));color:#fff;border-radius:22px;margin:24px 0;overflow:hidden}.hero-content{max-width:860px;padding:52px 40px}h1{margin-bottom:6px;font-size:clamp(38px,6vw,64px);line-height:1.15}h2{color:#99f6e4;margin-bottom:18px;font-size:clamp(20px,2.6vw,30px);font-weight:600}.hero p{color:#e2e8f0;margin-bottom:22px;font-size:19px;line-height:2}.hero-pills{flex-wrap:wrap;gap:10px;display:flex}.hero-pills span{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);text-align:right;border-radius:18px;padding:28px;box-shadow:0 8px 28px #0f2a430f}.section-label{color:var(--teal-700);margin:0 0 8px;font-size:15px;font-weight:700}.card h3{color:var(--navy-900);margin-bottom:12px;font-size:26px}.card p,.card li{font-size:17px;line-height:1.95}.problem{grid-template-columns:1.25fr .75fr;align-items:stretch;gap:24px;margin-bottom:22px;display:grid}.problem-list{color:var(--ink);margin:12px 0 0;padding-left:0;padding-right:22px}.problem-list li{margin-bottom:8px}.problem-statement{background:var(--teal-50);text-align:center;color:var(--teal-900);border:1px solid #99f6e4;border-radius:14px;place-items:center;padding:24px;font-size:21px;font-weight:700;line-height:1.9;display:grid}.journey{margin-bottom:22px}.journey-steps{counter-reset:step;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.journey-steps li{border:1px solid var(--line);background:#f8fafc;border-radius:14px;padding:18px 16px;position:relative}.journey-steps li:not(:last-child):after{content:"←";color:var(--teal-700);z-index:1;font-size:18px;font-weight:700;position:absolute;top:50%;left:-14px;transform:translateY(-50%)}.step-number{background:var(--teal-700);color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;margin-bottom:10px;font-weight:700;display:inline-grid}.journey-steps strong{color:var(--navy-900);margin-bottom:6px;font-size:17px;display:block}.journey-steps small{color:var(--muted);font-size:13.5px;line-height:1.7;display:block}.workspace{gap:20px;display:grid}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.sample-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{color:var(--navy-700);border:1px solid var(--line);cursor:pointer;background:#f1f5f9;border-radius:999px;padding:9px 18px;font-size:15px;font-weight:600}.chip:hover{background:#e2e8f0}.chip.active{background:var(--teal-700);border-color:var(--teal-700);color:#fff}textarea{resize:vertical;border:1.5px solid var(--line);width:100%;min-height:170px;color:var(--ink);text-align:right;direction:rtl;background:#fbfdff;border-radius:14px;outline:none;padding:18px;font-family:inherit;font-size:18px;line-height:1.9}textarea:focus{border-color:var(--teal-700);box-shadow:0 0 0 4px #14b8a61f}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.actions span{color:var(--muted);font-size:14px}button{background:linear-gradient(135deg, var(--teal-700), var(--navy-700));color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 22px;font-family:inherit;font-size:16px;font-weight:700}button:hover{filter:brightness(1.08)}.note{color:var(--muted);margin:12px 0 0;font-size:14.5px!important}.risk-badge{text-align:center;border:1px solid #0000;border-radius:14px;min-width:190px;padding:12px 18px}.risk-badge span{opacity:.85;margin-bottom:4px;font-size:13.5px;font-weight:600;display:block}.risk-badge strong{font-size:17px;display:block}.risk-badge.low{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.risk-badge.medium{color:#b45309;background:#fffbeb;border-color:#fde68a}.risk-badge.high{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.risk-badge.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.compare{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.compare>div{border-radius:14px;padding:18px}.compare .original{background:#fff8f8;border:1px solid #fecaca}.compare .safe{background:#f4fdf9;border:1px solid #a7f3d0}.compare h4{margin-bottom:10px;font-size:16px}.compare .original h4{color:#b91c1c}.compare .safe h4{color:#047857}.compare p{min-height:80px;margin:0;font-size:16.5px}.entities-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.entities{border-radius:14px;padding:18px}.masked-box{background:#fdfaff;border:1px solid #e9d5ff}.kept-box{background:#f7fcff;border:1px solid #bae6fd}.entities h4{margin-bottom:12px;font-size:16px}.masked-box h4{color:#7e22ce}.kept-box h4{color:#0369a1}.entities ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.entities li{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-size:15px!important;line-height:1.7!important}.entity-label{border-radius:6px;margin-left:8px;padding:2px 10px;font-size:13px;font-weight:700}.entity-label.masked{color:#7e22ce;background:#f3e8ff}.entity-label.kept{color:#0369a1;background:#e0f2fe}.entity-value{font-weight:600}.entities li small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.entities .empty{color:var(--muted);margin:0;font-size:15px}.analysis-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.analysis-grid div,dl div{border:1px solid var(--line);background:#f8fafc;border-radius:12px;padding:16px}.analysis-grid span{color:var(--muted);margin-bottom:5px;font-size:14px;font-weight:600;display:block}.analysis-grid strong{color:var(--navy-900);font-size:19px}dl{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}dt{color:var(--muted);font-size:14px;font-weight:600}dd{color:var(--navy-900);margin:6px 0 0;font-size:17px;font-weight:700}dl .safe-cell{background:#ecfdf5;border-color:#a7f3d0}dl .safe-cell dd{color:#047857}.payload{margin-top:18px}.payload h4{color:var(--teal-700);margin-bottom:10px;font-size:16px}.payload pre{background:var(--navy-900);color:#a5f3fc;text-align:left;border-radius:12px;margin:0;padding:18px;font-size:14px;line-height:1.7;overflow-x:auto}.footer{border-top:1px solid var(--line);background:var(--card);text-align:center;color:var(--muted);padding:18px 24px;font-size:14px}.footer p{margin:0}.contest-strip{border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.contest-strip p{color:var(--navy-700);font-size:15px;font-weight:600}.contest-strip img{object-fit:contain;max-width:min(520px,100%);max-height:64px}@media (width<=900px){.journey-steps{grid-template-columns:1fr}.journey-steps li:not(:last-child):after{content:"↓";top:auto;bottom:-22px;left:50%;transform:translate(-50%)}}@media (width<=760px){main{width:min(100% - 18px,1180px)}.problem,.compare,.entities-grid,.analysis-grid,dl{grid-template-columns:1fr}.card-header,.actions{flex-direction:column;align-items:stretch}button:not(.chip){width:100%}.hero-content{padding:36px 22px}}