:root{--n:#062d40;--b:#07638f;--g:#dda21b;--g2:#f1c04b;--soft:#f2f7f8;--cream:#fbf7eb;--m:#6d838d;--l:#dfe9ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,sans-serif;color:#092f42}a{text-decoration:none;color:inherit}.shell{width:min(1340px,calc(100% - 60px));margin:auto}.top{height:30px;background:#041f2e;color:#b6c9d1;font-size:9px}.top .shell,nav{height:100%;display:flex;align-items:center;justify-content:space-between}.top a{color:var(--g2)}nav{height:84px;gap:30px}.brand{display:flex;align-items:center;gap:9px;margin-left:auto}.brand>span{width:40px;height:46px;border:2px solid var(--g);border-radius:23px 23px 7px 7px;display:grid;place-items:center;color:var(--g);font-weight:900}.brand b,.brand small{display:block}.brand small{font-size:7px;color:var(--m)}.navlinks{display:flex;gap:23px;font-size:10px;font-weight:800}.navlinks .active{color:var(--b)}.gold{background:var(--g);padding:11px 15px;border-radius:10px;font-size:9px;font-weight:900}.hero{min-height:650px;background:linear-gradient(120deg,#f8fbfc,#fff 48%,#faf2dc);position:relative;overflow:hidden}.mesh{position:absolute;inset:0;background-image:radial-gradient(#07638f18 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center;position:relative}.eyebrow{font-size:9px;color:var(--g);font-weight:900}.hero h1{font-size:clamp(60px,6vw,92px);line-height:.94;margin:12px 0 24px;letter-spacing:-3px}.hero h1 em,.head em,.method h2 em,.diag-copy h2 em{font-style:normal;color:var(--b)}.hero p{font-size:16px;line-height:1.9;color:var(--m);max-width:620px}.actions{display:flex;gap:10px;margin-top:25px}.actions a,.method a,.final a{background:var(--g);padding:13px 17px;border-radius:11px;font-size:10px;font-weight:900;display:inline-flex;gap:6px;align-items:center;transition:.25s}.actions .outline{background:#fff;border:1px solid var(--l)}.actions a:hover,.method a:hover,.final a:hover{transform:translateY(-3px);box-shadow:0 12px 30px #dda21b38}.hero-points{display:flex;gap:12px;margin-top:34px}.hero-points span{background:#fff;border:1px solid var(--l);padding:11px 13px;border-radius:12px;min-width:130px;box-shadow:0 10px 25px #092b3d08}.hero-points svg{width:16px;color:var(--g);float:right;margin-left:6px}.hero-points b,.hero-points small{display:block}.hero-points b{font-size:9px}.hero-points small{font-size:7px;color:var(--m)}.visual{height:520px;position:relative}.arch{position:absolute;inset:25px 60px 20px 25px;border-radius:250px 250px 30px 30px;background:linear-gradient(#062d4020,#062d4080),url("https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1100") center/cover;border:7px solid #fff;box-shadow:0 30px 70px #092b3d25}.visual svg{position:absolute;inset:0;width:100%;height:100%}.visual path{fill:none;stroke:var(--g);stroke-width:2;stroke-dasharray:8 8}.float{position:absolute;z-index:3;background:#fff;border:1px solid #ead79d;border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px #092b3d20}.f1{right:0;top:100px}.f2{left:0;bottom:45px}.float svg{width:17px;color:var(--g);float:right;margin-left:7px}.float span,.float b,.float small{display:block}.float span{color:var(--g);font-weight:900}.float b{font-size:9px}.float small{font-size:7px;color:var(--m)}.areas{padding:90px 0}.head{text-align:center;margin-bottom:32px}.head h2{font-size:44px;margin:6px 0}.head>p{font-size:10px;color:var(--m)}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.area{border:1px solid var(--l);border-radius:19px;padding:22px;background:#fff;box-shadow:0 12px 35px #092b3d08;transition:.3s;cursor:pointer}.area:hover{transform:translateY(-6px);border-color:#dda21b88;box-shadow:0 20px 45px #092b3d12,0 0 26px #dda21b16}.area svg{color:var(--g)}.area h3{font-size:15px;margin:9px 0 5px}.area p{font-size:9px;color:var(--m);line-height:1.7}.area span{font-size:8px;color:var(--b);font-weight:900}.method{padding:100px 0;background:var(--cream)}.method-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.method h2,.diag-copy h2{font-size:47px;line-height:1.1;margin:7px 0 18px}.method>div p,.diag-copy>p{font-size:10px;color:var(--m);line-height:1.9}.steps article{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #e5dcc4}.steps>article>span{font-size:28px;color:#dda21b55;font-weight:900}.steps b{font-size:12px}.steps p{margin:5px 0!important}.solutions{padding:90px 0;background:var(--n);color:#fff}.head.light p{color:#9fb5be}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.solution-grid article{padding:22px;border:1px solid #ffffff15;border-radius:18px;background:#ffffff08;transition:.3s}.solution-grid article:hover{transform:translateY(-5px);border-color:#dda21b88;box-shadow:0 0 28px #dda21b18}.solution-grid svg{color:var(--g2)}.solution-grid b{display:block;font-size:11px;margin:8px 0}.solution-grid p{font-size:8px;color:#9fb5be}.diagnose{padding:100px 0;background:var(--soft)}.diag-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}.diag-benefit{display:flex;gap:10px;background:#fff;border:1px solid var(--l);padding:13px;border-radius:12px;margin-top:20px}.diag-benefit svg{color:var(--g)}.diag-benefit b,.diag-benefit small{display:block}.diag-benefit b{font-size:9px}.diag-benefit small{font-size:7px;color:var(--m)}.wizard{background:#fff;border:1px solid var(--l);border-radius:24px;padding:28px;box-shadow:0 25px 60px #092b3d12}.progress{height:4px;background:#edf2f3;border-radius:5px;margin-bottom:28px}.progress span{display:block;height:100%;background:var(--g);border-radius:5px;transition:.3s}.question small{color:var(--g);font-size:8px;font-weight:900}.question h3{font-size:22px;margin:5px 0 20px}.options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.options button{border:1px solid var(--l);background:#fff;border-radius:12px;padding:13px;text-align:right;font-family:inherit;font-size:9px;font-weight:800;cursor:pointer}.options button.selected{background:#fdf6e3;border-color:var(--g);box-shadow:0 0 18px #dda21b18}.question input,.question textarea{width:100%;border:1px solid var(--l);border-radius:11px;padding:12px;font-family:inherit}.question textarea{height:120px;resize:none}.wizard-actions{display:flex;justify-content:space-between;margin-top:20px}.wizard-actions button{border:0;border-radius:9px;padding:10px 15px;font-family:inherit;font-weight:900;cursor:pointer}.wizard-actions #next{background:var(--g)}.cases{padding:90px 0}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.case-grid article{border:1px solid var(--l);border-radius:20px;padding:25px;box-shadow:0 12px 35px #092b3d08}.case-grid span{color:var(--g);font-size:8px;font-weight:900}.case-grid h3{font-size:18px}.arrow{background:#f4f8f9;border-radius:11px;padding:12px;font-size:8px;font-weight:800;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.arrow svg{width:13px;color:var(--g)}.case-grid p{font-size:7px;color:#9aa9af}.final{padding:65px 0;background:var(--n);color:#fff}.final .shell{display:flex;justify-content:space-between;align-items:center}.final span{font-size:8px;color:var(--g)}.final h2{font-size:29px;margin:5px 0}footer{background:#041f2e;color:#fff;padding:35px 0}footer .shell{display:flex;justify-content:space-between;font-size:9px;color:#a9bdc5}@media(max-width:900px){.navlinks{display:none}.hero-grid,.method-grid,.diag-grid{grid-template-columns:1fr}.hero-grid{padding:50px 0}.visual{height:450px}.area-grid,.solution-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{width:calc(100% - 28px)}nav{height:72px}.gold{display:none}.hero h1{font-size:55px}.hero-points{display:grid;grid-template-columns:1fr 1fr}.visual{height:370px}.area-grid,.solution-grid,.case-grid,.options{grid-template-columns:1fr}.method h2,.diag-copy h2,.head h2{font-size:35px}.final .shell{align-items:flex-start;flex-direction:column;gap:18px}footer .shell{flex-direction:column;gap:8px}}
/* final consulting page compatibility + premium interaction */
header{height:auto;background:#fff;position:relative;z-index:20}.top{height:30px;background:#041f2e;color:#b6c9d1;font-size:9px}.top .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.top a{color:var(--g2)}header>.nav{height:84px;display:flex;align-items:center;gap:30px}.nav .brand{display:block;font-size:17px;font-weight:900}.nav .brand small{display:block;font-size:7px;color:var(--m)}.nav nav{height:auto;display:flex;gap:23px;font-size:10px;font-weight:800}.nav .cta{background:var(--g);padding:11px 15px;border-radius:10px;font-size:9px;font-weight:900;transition:.25s}.nav .cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #dda21b45}.visual{height:520px;position:relative}.visual .arch{position:absolute;inset:25px 55px 20px 25px;border-radius:250px 250px 30px 30px;background:linear-gradient(#062d4010,#062d4080),url("https://images.pexels.com/photos/3184291/pexels-photo-3184291.jpeg?auto=compress&cs=tinysrgb&w=1100") center/cover;border:7px solid #fff;box-shadow:0 30px 70px #092b3d25}.visual-label{position:absolute;right:80px;bottom:42px;color:#fff;font-size:8px;font-weight:800;z-index:2}.float{position:absolute;z-index:4;background:#fff;border:1px solid #ead79d;border-radius:14px;padding:12px 14px;box-shadow:0 18px 40px #092b3d20;transition:.3s}.float:hover{transform:translateY(-5px);box-shadow:0 20px 45px #dda21b2c}.f1{right:0;top:100px}.f2{left:0;bottom:45px}.float svg{width:17px;color:var(--g);float:right;margin-left:7px}.float span,.float b,.float small{display:block}.float span{color:var(--g);font-weight:900}.float b{font-size:9px}.float small{font-size:7px;color:var(--m)}.area,.solution-grid article,.case-grid article,.wizard{transition:transform .3s,box-shadow .3s,border-color .3s}.solution-grid article:hover,.case-grid article:hover{transform:translateY(-6px);border-color:#dda21b88;box-shadow:0 18px 42px #dda21b18}.actions a,.wizard-actions button,.area,.final a{transition:.25s}.wizard-actions button:hover,.final a:hover{transform:translateY(-2px);box-shadow:0 10px 24px #dda21b35}@media(max-width:900px){.nav nav{display:none}.visual{height:450px}}@media(max-width:650px){header>.nav{height:72px}.nav .cta{display:none}.visual{height:370px}}