@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700&display=swap');
@import url('./storefront.css');
@import url('./storefront-refinements.css');
:root{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--ink:#17233a;--muted:#57647a;--line:#dbe2ed;--accent:#2469ed;--soft:#eaf0ff;--shadow:0 22px 65px #17345b12;font-family:Inter,Tajawal,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0b1424;--surface:#131f33;--ink:#edf3ff;--muted:#afbdd3;--line:#2c3d56;--accent:#82b0ff;--soft:#1d3150;--shadow:0 22px 65px #0003}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:12px 18px;background:var(--surface);color:var(--ink);font-weight:600;display:inline-block}button:hover,.button:hover{border-color:var(--accent);transform:translateY(-1px)}.primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .primary{color:#081328}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f6b83f;outline-offset:4px}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 5%;background:var(--surface);border-bottom:1px solid var(--line)}.identity{font-weight:800;font-size:20px;letter-spacing:-.5px}.identity span{display:block;font-size:10px;letter-spacing:3px;color:var(--accent);margin-top:3px}nav,.controls{display:flex;gap:22px;align-items:center}nav a{font-size:14px;font-weight:600}nav a[aria-current=page]{color:var(--accent)}.controls{gap:8px}.controls select{border:0;background:transparent;color:var(--ink);padding:9px}.controls button{padding:8px 12px}main{max-width:1220px;margin:auto;padding:50px 32px 80px}h1{font-size:clamp(34px,4.7vw,62px);line-height:1.07;letter-spacing:-2.5px;margin:20px 0}h2{font-size:32px;letter-spacing:-1px}h3{font-size:20px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent);text-transform:uppercase}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;min-height:500px}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:620px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.reassurance{font-size:13px;color:var(--muted)}.stage{padding:32px;background:linear-gradient(140deg,var(--soft),var(--surface));border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.paper{background:#fff;color:#17233a;border-radius:5px;padding:30px;box-shadow:0 14px 40px #0e224b20;border-top:9px solid var(--brand,#153e75);line-height:1.7}.paper h2{font-size:32px;color:var(--brand,#153e75)}.paper .company{font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:11px}.paper .sample{background:#fff2cd;padding:8px 12px;font-size:12px;color:#57410b;border-radius:6px}.paper .rule{border-inline-start:4px solid #e6a024;padding-inline-start:15px}.section{margin-top:70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.domains{grid-template-columns:repeat(5,1fr)}.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--surface);box-shadow:var(--shadow)}.card p{color:var(--muted);font-size:14px;line-height:1.7}.card a{color:var(--accent);font-size:14px;font-weight:600}.domain{border-top:4px solid var(--domain)}.domain h3{font-size:17px}.tag{background:var(--soft);color:var(--accent);font-size:11px;font-weight:700;display:inline-block;padding:6px 9px;border-radius:8px}.banner{border:1px solid var(--line);background:var(--soft);padding:24px;border-radius:16px;margin-bottom:28px}.builder{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--surface);color:var(--ink)}textarea{min-height:115px;resize:vertical}input[type=color]{height:45px;padding:5px}input[type=checkbox]{width:auto;margin-inline-end:8px}.topics{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:14px}.topics label{line-height:1.7;font-weight:400}.preview{position:sticky;top:100px}.subtle{font-size:12px;color:var(--muted);line-height:1.7}.workspace-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.empty{padding:55px;text-align:center}.search{max-width:600px;margin:24px 0}.comparison{width:100%;border-collapse:collapse;background:var(--surface)}.comparison th,.comparison td{text-align:start;padding:18px;border-bottom:1px solid var(--line)}details{background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:12px;margin:12px 0}summary{cursor:pointer;font-weight:600}details p{color:var(--muted);line-height:1.7}footer{border-top:1px solid var(--line);padding:45px 7%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;background:var(--surface);font-size:13px;color:var(--muted)}footer a{display:block;margin-bottom:12px}footer>p{grid-column:1/-1}.skip{position:absolute;inset-inline-start:10px;top:-70px;background:var(--surface);padding:14px;z-index:10}.skip:focus{top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#notice{position:fixed;bottom:20px;inset-inline-end:20px;background:var(--ink);color:var(--bg);padding:0;border-radius:12px;z-index:10;max-width:380px}#notice:not(:empty){padding:16px}html[dir=rtl]{font-family:Tajawal,Inter,sans-serif}html[dir=rtl] h1{letter-spacing:0}@media(max-width:900px){header{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;overflow:auto;gap:20px;padding-top:7px}nav a{white-space:nowrap}.hero,.builder{grid-template-columns:1fr}.preview{position:static}.domains{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-1px}.hero{gap:24px}}@media(max-width:560px){main{padding:30px 18px 50px}.grid,.fields{grid-template-columns:1fr}.domains{grid-template-columns:1fr 1fr}.card{padding:18px}.stage{padding:18px}.paper{padding:22px}.section{margin-top:45px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.workspace-row{align-items:start;flex-direction:column}.comparison{font-size:12px}.comparison td,.comparison th{padding:12px}.controls{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:hover,.button:hover{transform:none}}
@media print{header,footer,.no-print,#notice{display:none!important}main{padding:0}.builder{display:block}.builder>.card{display:none}.preview{position:static}.paper{box-shadow:none;border-radius:0}body{background:white}.stage{border:0;background:white;padding:0}}