:root{--navy:#062b49;--ink:#0b3558;--blue:#117fa4;--blue-bright:#16a0bd;--sky:#eaf8fc;--white:#fff;--muted:#607487;--line:#dcecf2;--shadow-sm:0 10px 30px rgba(6,43,73,.08);--shadow-lg:0 25px 80px rgba(6,43,73,.14);--radius:22px}
body{background:#fbfdff;color:var(--ink);font-family:"Tajawal","Noto Sans Arabic",Tahoma,Arial,sans-serif;letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#0c6f92 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 55%);z-index:-1}
.topbar{height:40px;background:linear-gradient(90deg,#041e35,#083a5c 48%,#062943);font-size:12px;letter-spacing:.01em}
.topbar-inner{width:min(1240px,calc(100% - 48px))}
.topbar a{color:#bfeeff;text-decoration:underline;text-underline-offset:3px}
.site-header{height:86px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,236,242,.85);box-shadow:0 6px 24px rgba(7,40,68,.04)}
.header-inner{width:min(1240px,calc(100% - 48px));gap:34px}
.brand{gap:11px}.brand img{width:50px;height:50px;filter:drop-shadow(0 8px 14px rgba(17,127,164,.16))}.brand-text strong{font-size:24px;letter-spacing:-.06em}.brand-text small{font-size:12px;font-weight:700;letter-spacing:.02em}
.nav{gap:25px;color:#526b7b;font-size:14px}.nav a,.nav summary{padding:30px 0;transition:color .2s ease}.nav a:hover,.nav summary:hover,.nav .active{color:var(--blue-bright)}
.drop{top:68px;border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:16px;padding:9px;background:rgba(255,255,255,.98)}
.header-cta,.primary,.modal-cta{border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-bright));box-shadow:0 10px 24px rgba(17,127,164,.2);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.header-cta:hover,.primary:hover,.modal-cta:hover{filter:saturate(1.1);transform:translateY(-2px);box-shadow:0 15px 30px rgba(17,127,164,.26)}
.hero{background:radial-gradient(circle at 82% 24%,rgba(22,160,189,.13),transparent 28%),linear-gradient(135deg,#effbfe 0%,#eaf8fc 54%,#f8fdff 100%);min-height:640px}.hero:before{width:700px;height:700px;left:-360px;top:-250px;border-color:#c4e8f1;opacity:.7}.hero:after{width:520px;height:520px;right:-260px;bottom:-320px;border-color:#c4e8f1;opacity:.7}
.hero-inner{width:min(1240px,calc(100% - 48px));min-height:640px;gap:90px}.hero-copy{max-width:650px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);border:1px solid #cdeaf2;border-radius:999px;padding:8px 14px;font-size:13px;box-shadow:var(--shadow-sm)}.hero h1{font-size:clamp(49px,5.5vw,80px);line-height:1.17;letter-spacing:-.07em;margin-top:22px}.hero h1 .accent{background:linear-gradient(120deg,#0a7290,#19a8bd);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:2.05;color:#607487;max-width:590px}.hero-actions{gap:18px}.primary{padding:16px 25px}.secondary{padding:11px 2px;border:0;color:#0a7895}.secondary:after{content:"";display:block;height:2px;background:#8ed9e8;transform:scaleX(.45);transform-origin:right;transition:transform .2s ease}.secondary:hover:after{transform:scaleX(1)}
.hero-card{border:1px solid rgba(255,255,255,.94);border-radius:28px;padding:30px;box-shadow:var(--shadow-lg);min-height:470px;transform:rotate(1deg);transition:transform .35s ease}.hero-card:hover{transform:rotate(0) translateY(-5px)}.card-top{color:#208ba0}.card-icon{border-radius:17px;background:linear-gradient(135deg,#0d8fa8,#1bb7c5);box-shadow:0 10px 20px rgba(15,156,175,.2)}.check-row{padding:17px 0}.check{font-size:20px}.card-result{border-radius:12px;background:linear-gradient(135deg,#ebfbfd,#f7ffff);border:1px solid #d2eff3;padding:15px;color:#338a98}
.stats{border-bottom:1px solid var(--line);box-shadow:0 8px 24px rgba(6,43,73,.025)}.stats-inner{width:min(1080px,calc(100% - 48px));padding:34px 0}.stat{border-left-color:var(--line)}.stat strong{font-size:36px;background:linear-gradient(120deg,#b48a28,#e0c16e);-webkit-background-clip:text;background-clip:text;color:transparent}
.section{padding:105px 20px}.section-title h2{font-size:40px;letter-spacing:-.05em}.section-title p{color:#6a7d8c}.service-grid{gap:22px}.service{border:1px solid var(--line);border-radius:20px;padding:28px;background:rgba(255,255,255,.9);box-shadow:0 7px 25px rgba(6,43,73,.035);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service:hover{transform:translateY(-7px);box-shadow:var(--shadow-lg);border-color:#a8dfea}.service h3{letter-spacing:-.03em}.service a{display:inline-flex;align-items:center;gap:5px;color:var(--blue);padding:7px 0}.steps{background:linear-gradient(180deg,#f8fcfe,#eef9fb)}.step{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px}.step b{font-size:28px}.final-cta{background:radial-gradient(circle at 50% -20%,#14577a,#062945 60%);padding:84px 20px}.final-cta h2{letter-spacing:-.05em}.footer{background:#041d32;padding:30px 20px;color:#bfd4df}.wa{background:linear-gradient(145deg,#1acb76,#0ca65b);box-shadow:0 10px 28px rgba(12,166,91,.3);border:4px solid white}.modal-card{border-radius:24px;box-shadow:var(--shadow-lg)}
@media(max-width:760px){.topbar{height:auto;padding:9px 12px}.topbar-inner{width:calc(100% - 24px)}.site-header{height:72px}.header-inner{width:calc(100% - 24px)}.hero{min-height:auto}.hero-inner{width:calc(100% - 24px);min-height:auto;padding:56px 0}.hero-copy{text-align:center}.eyebrow{font-size:11px}.hero h1{font-size:43px;line-height:1.24}.hero p{font-size:15px}.hero-card{transform:none}.section{padding:72px 14px}.section-title h2{font-size:31px}.service{padding:24px}.stats-inner{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
</style>