@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#16333b;--muted:#60777d;--teal:#087e8b;--deep:#155e75;--mint:#dff5ed;--paper:#f5faf8;--line:#dce9e5;--white:#fff;--orange:#f2a65a;--shadow:0 16px 45px rgba(21,94,117,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans Arabic","DM Sans",sans-serif;line-height:1.65}body[dir="ltr"]{font-family:"DM Sans","IBM Plex Sans Arabic",sans-serif}.topbar{max-width:1120px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none;margin-inline-end:auto}.brand small{font-size:.8rem;color:var(--muted);font-weight:600}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:1.35rem}.language-label{font-size:.88rem;color:var(--muted)}select,input{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;max-width:100%}#language{font-weight:700;min-width:125px}.container{max-width:1040px;margin:0 auto;padding:8px 24px 40px}.hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:260px;background:linear-gradient(120deg,#e0f5ed,#e6f4f8);border:1px solid #d8ece6;border-radius:28px;padding:38px 42px;margin:8px 0 18px}.hero-copy{position:relative;z-index:1;max-width:660px}.eyebrow{display:inline-block;padding:5px 12px;border-radius:99px;background:#fff;color:var(--teal);font-size:.83rem;font-weight:700}.hero h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.25;margin:15px 0 9px;max-width:650px}.hero p{margin:6px 0;color:#49666d}.hero .lead{font-size:1.15rem;font-weight:700;color:var(--ink)}.hero-art{position:absolute;inset-inline-end:25px;width:210px;height:190px;opacity:.9}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:145px;height:145px;background:#9edccc;top:8px;inset-inline-end:5px}.orb-two{width:95px;height:95px;background:#f7c88e;bottom:0;inset-inline-start:4px}.path-card{position:absolute;top:50px;inset-inline-start:43px;width:108px;height:92px;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--teal);transform:rotate(-8deg)}.path-card span,.path-card i{position:absolute;font-size:1.15rem;font-style:normal;background:var(--deep);color:white;border-radius:10px;padding:3px 8px}.path-card span{top:-12px;inset-inline-end:-10px}.path-card i{bottom:-12px;inset-inline-start:-10px;background:var(--orange)}.notice,.warning{background:#fff6e8;border:1px solid #f5dfbd;color:#77531f;border-radius:14px;padding:13px 16px;font-size:.9rem}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:28px;margin:18px 0;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.section-heading h2{margin:0 0 3px;font-size:1.4rem}.section-heading p{margin:0;color:var(--muted);font-size:.94rem}.step{flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-weight:800}.field{border:0;padding:0;margin:0 0 22px;min-width:0}.field>label,.field legend{font-weight:700;display:block;margin-bottom:9px}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 13px;border-radius:12px;cursor:pointer;background:#fff;transition:.2s}.choice:has(input:checked){border-color:var(--teal);background:#effaf6;box-shadow:inset 0 0 0 1px var(--teal)}.choice input{accent-color:var(--teal);margin:0}.primary,.secondary{font:inherit;font-weight:700;border:0;border-radius:12px;padding:12px 19px;cursor:pointer}.primary{background:var(--deep);color:#fff}.primary:hover{background:#0d4d60}.secondary{background:#e7f4f0;color:var(--deep)}.filters{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:20px}.filters input{width:100%}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.platform-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.platform-card h3{margin:0 0 4px;font-size:1.1rem}.platform-card p{color:var(--muted);margin:5px 0 12px;font-size:.93rem}.badge{display:inline-block;font-size:.78rem;font-weight:700;background:#e9f6ef;color:#23654c;padding:4px 9px;border-radius:99px}.badge.cost{background:#fff2df;color:#8a5b16}.platform-card a{color:var(--teal);font-weight:800;text-decoration:none}.platform-card a:hover{text-decoration:underline}.tips{margin-top:23px;padding:17px 20px;border-radius:15px;background:#f2f8f6}.tips h3{margin:0 0 5px}.tips ul{margin:5px 0 0;padding-inline-start:22px;color:var(--muted)}.results{padding:17px;margin:0 0 20px;border-radius:15px;background:#f0f8f6;border:1px solid #d8ece6}.results h3{margin:0 0 7px}.results>p{color:var(--muted);margin:5px 0 14px}.plan-list{padding-inline-start:26px}.plan-list li{padding:5px 0}.warning{margin-top:20px}.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}footer{max-width:1040px;margin:0 auto;padding:0 24px 30px;text-align:center;color:var(--muted);font-size:.83rem} [hidden]{display:none!important}
@media(max-width:700px){.topbar{padding:15px 16px;flex-wrap:wrap}.brand{font-size:1rem}.container{padding:5px 14px 25px}.hero{padding:27px 22px;min-height:260px}.hero-art{opacity:.18;inset-inline-end:-35px}.hero-copy{max-width:100%}.panel{padding:21px 17px;border-radius:18px}.filters{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr}.section-heading h2{font-size:1.25rem}.language-label{margin-inline-start:auto}}