@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap");
:root{--navy:#0B1E3B;--navy2:#1E4B8F;--or:#F59E0B;--or2:#EA580C;--ink:#0F1C2A;--mut:#5B6878;--bg:#F4F6F9}
body{font-family:Cairo,"Segoe UI",Tahoma,sans-serif!important;background:#fff;color:var(--ink);margin:0}
body.home .wp-block-post-title{display:none}
.wp-site-blocks{padding:0!important}.wp-site-blocks main{margin:0!important;padding:0!important}
body.home main>.wp-block-group{padding:0!important;margin:0!important}
.dx{max-width:none!important;margin:0!important;width:100%}
.dx h1,.dx h2,.dx h3{font-family:Cairo,sans-serif;font-weight:800;letter-spacing:0}.dx-hero p,.dx-card p{font-weight:400}
.dx-wrap{max-width:1180px;margin:auto;padding:0 20px;box-sizing:border-box}
.dx-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid #e6eaf0}
.admin-bar .dx-head{top:32px}
.dx-head-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:12px}
.dx-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);direction:ltr}
.dx-logo img{width:42px;height:42px}.dx-logo b{display:block;font:900 22px/1 "Segoe UI",Arial,sans-serif;letter-spacing:.04em}
.dx-logo b i{font-style:normal;color:var(--or);margin-left:6px}.dx-logo small{display:block;font:700 7.5px "Segoe UI",sans-serif;letter-spacing:.16em;color:var(--mut);margin-top:4px}
.dx-head nav{display:flex;align-items:center;gap:22px}.dx-head nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.dx-btn{display:inline-block;padding:13px 24px;border-radius:12px;font-weight:700;text-decoration:none!important;transition:.2s}
.dx-btn-o{background:linear-gradient(135deg,#FBBF24,var(--or2));color:#fff!important;box-shadow:0 6px 18px #ea580c40}.dx-btn-o:hover{transform:translateY(-2px)}
.dx-btn-g{border:1.5px solid #ffffff60;color:#fff!important}
.dx-head nav .dx-btn{padding:9px 18px;font-size:14px}
.dx-hero{background:radial-gradient(circle at 15% 20%,#1E4B8F 0,transparent 55%),linear-gradient(135deg,#0B1E3B,#132f5c);color:#fff;padding:90px 0 100px;overflow:hidden}
.dx-hero-in{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px}
.dx-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.25;margin:14px 0 18px;color:#fff}.dx-hero h1 em{font-style:normal;color:var(--or)}
.dx-hero p{font-size:18px;line-height:1.9;color:#cfd9e8;max-width:560px}.dx-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dx-hero-mark{width:100%;max-width:340px;justify-self:center;filter:drop-shadow(0 30px 50px #0008)}
.dx-kicker{display:inline-block;color:var(--or2);font-weight:700;font-size:14px}.dx-hero .dx-kicker{color:var(--or);background:#ffffff14;padding:6px 14px;border-radius:30px}
.dx-sec{padding:80px 0}.dx-alt{background:var(--bg)}
.dx-sec h2{font-size:clamp(26px,3.4vw,38px);margin:8px 0 36px;color:var(--navy)}
.dx-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dx-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dx-card{background:#fff;border:1px solid #e6eaf0;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0b1e3b0d;transition:.25s;border-top:4px solid var(--or)}
.dx-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0b1e3b1f}
.dx-ic{font-size:34px;width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:var(--bg)}
.dx-card h3{font-size:22px;margin:16px 0 6px;color:var(--navy)}.dx-card p{color:var(--mut);margin:0 0 14px;line-height:1.8}
.dx-card ul{margin:0;padding:0;list-style:none}.dx-card li{padding:7px 0;border-top:1px dashed #e2e7ee}.dx-card li:before{content:"◆";color:var(--or);font-size:10px;margin-inline-end:10px}
.dx-f{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 10px #0b1e3b0a}.dx-f b{display:block;font-size:18px;color:var(--navy);margin-bottom:6px}.dx-f span{color:var(--mut);line-height:1.7}
.dx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;margin:0;list-style:none;counter-reset:s}
.dx-steps li{counter-increment:s;position:relative;padding:58px 22px 24px;border-radius:16px;background:var(--bg)}
.dx-steps li:before{content:counter(s);position:absolute;top:16px;inset-inline-start:22px;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700}
.dx-steps b{display:block;font-size:18px;color:var(--navy)}.dx-steps span{color:var(--mut);line-height:1.7}
.dx-contact{background:linear-gradient(135deg,#0B1E3B,#1E4B8F);color:#fff}.dx-contact h2{color:#fff;margin-bottom:10px}.dx-contact p{color:#cfd9e8;font-size:18px}
.dx-contact-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dx-info{display:flex;flex-direction:column;gap:12px}.dx-info a,.dx-info span{color:#fff;text-decoration:none;font-size:17px}.dx-info .dx-btn{align-self:flex-start}
.dx-foot{background:#081528;color:#aab6c6;padding:50px 0 0}.dx-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.dx-foot-logo{height:54px}.dx-foot b{display:block;color:#fff;margin-bottom:10px}.dx-foot a{display:block;color:#aab6c6;text-decoration:none;padding:3px 0}
.dx-copy{text-align:center;padding:18px;margin-top:40px;border-top:1px solid #ffffff14;font-size:13px}
.dx-wa{position:fixed;bottom:22px;left:22px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px #0004;z-index:60}
@media(max-width:900px){.dx-hero-in,.dx-contact-in,.dx-foot-in{grid-template-columns:1fr}.dx-hero-mark{max-width:160px;order:-1}.dx-grid3{grid-template-columns:1fr}.dx-grid4,.dx-steps{grid-template-columns:1fr 1fr}.dx-head nav a:not(.dx-btn){display:none}.dx-hero{padding:50px 0 60px}.dx-sec{padding:56px 0}}
@media(max-width:520px){.dx-grid4,.dx-steps{grid-template-columns:1fr}.dx-logo small{display:none}.dx-head-in{height:64px}}
body.home .entry-content.has-global-padding{padding:0!important}html,body{overflow-x:clip}.dx>section{width:100%}
body.home .entry-content{margin:0!important;width:100%!important}
.dx-hero{padding:64px 0 72px}.dx-hero h1{font-size:clamp(26px,3.4vw,42px);line-height:1.35;margin:12px 0 14px}
.dx-hero p{font-size:16px;line-height:1.9}.dx-hero-mark{max-width:260px}.dx-btn{padding:11px 22px;font-size:15px}
.dx-sec{padding:64px 0}.dx-sec h2{font-size:clamp(22px,2.6vw,30px);margin:6px 0 28px}
.dx-card h3{font-size:19px}.dx-card p,.dx-card li,.dx-f span,.dx-steps span{font-size:15px}.dx-f b,.dx-steps b{font-size:16.5px}
.dx-contact p{font-size:16px}.dx-info a,.dx-info span{font-size:15.5px}