:root{--navy:#061a2e;--gold:#c99a49;--gold2:#e0bd78;--cream:#f7f3ea;--ink:#10233b;--muted:#637080;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;gap:30px;padding:0 max(5vw,24px);background:rgba(5,24,43,.97);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff16;backdrop-filter:blur(14px);box-shadow:0 8px 30px #00101d22}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brandMark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);font:700 24px Georgia;transform:rotate(45deg);transition:.45s}.brand:hover .brandMark{transform:rotate(405deg) scale(1.05)}.brand b,.brand small{display:block}.brand b{font-size:18px;color:#fff}.brand small{font-size:9px;color:#d2bea0;margin-top:4px}.topbar nav{display:flex;gap:23px;font-size:12px;color:#e7ebef}.topbar nav a{position:relative;padding:29px 0}.topbar nav a:after{content:"";position:absolute;right:0;left:100%;bottom:19px;height:2px;background:var(--gold);transition:.3s}.topbar nav a:hover,.topbar nav a.active{color:var(--gold2)}.topbar nav a:hover:after,.topbar nav a.active:after{left:0}.navCta,.goldBtn{background:linear-gradient(135deg,var(--gold2),#b78335);color:#fff;padding:13px 19px;font-weight:700;font-size:12px;border-radius:3px;box-shadow:0 8px 18px #0002;transition:.3s}.navCta:hover,.goldBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #c99a4940;filter:brightness(1.08)}.hero{min-height:555px;color:#fff;display:flex;align-items:center;padding:72px max(7vw,28px);position:relative;overflow:hidden}.heroPhoto{position:absolute;inset:-6%;background:url('/hero-legal-office.png') center/cover no-repeat;transform:translateY(calc(var(--scroll)*.035px)) scale(1.08);animation:heroZoom 12s ease-in-out infinite alternate}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,31,.14),rgba(4,22,39,.72) 44%,rgba(2,19,35,.98) 100%)}.heroContent{position:relative;margin-right:auto;width:min(690px,58vw);z-index:2}.eyebrow,.sectionTitle>p{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.04em}.hero h1{font-size:clamp(35px,4.5vw,60px);line-height:1.35;margin:16px 0 12px;text-shadow:0 5px 25px #0009}.lead{font-size:16px;line-height:2;max-width:670px;color:#e1e7ec}.actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.goldBtn,.ghostBtn{padding:15px 24px}.ghostBtn{border:1px solid var(--gold);border-radius:3px;transition:.3s}.ghostBtn:hover{background:var(--gold);transform:translateY(-3px)}.credentials{background:#fff;display:grid;grid-template-columns:repeat(3,1fr);max-width:1080px;margin:-42px auto 0;position:relative;z-index:5;border-radius:7px;box-shadow:0 16px 45px #07182724}.credentials div{padding:21px 28px;border-left:1px solid #ddd;display:grid;grid-template-columns:52px 1fr;align-items:center}.credentials div:last-child{border:0}.credentials b,.credentials div>span:not(.credentialIcon){display:block;grid-column:2}.credentials b{font-size:14px}.credentials div>span:not(.credentialIcon){color:var(--muted);font-size:11px;margin-top:5px}.credentialIcon{grid-row:1/3;color:var(--gold);font-size:28px;margin-left:15px}.section{padding:92px max(7vw,28px)}.sectionTitle{text-align:center;margin-bottom:45px}.sectionTitle.inline{text-align:right;margin:0 0 15px}.sectionTitle h2{font-size:clamp(28px,3.7vw,44px);margin:9px 0;color:var(--navy)}.sectionTitle>span{color:var(--muted)}.about{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:8vw;max-width:1250px;margin:auto}.aboutVisual{position:relative}.aboutVisual:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--gold);z-index:-1}.aboutVisual img{width:100%;height:340px;object-fit:cover;display:block;filter:saturate(.85) contrast(1.05);transition:.7s}.aboutVisual:hover img{transform:scale(1.02);filter:saturate(1)}.aboutCopy{line-height:2;color:var(--muted)}.darkBtn{display:inline-block;background:var(--navy);color:#fff;padding:11px 24px;margin-top:10px;font-size:12px;border-radius:3px;transition:.3s}.darkBtn:hover{background:var(--gold);transform:translateX(-5px)}.services{background:#fbfaf7}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.serviceGrid article{padding:30px 25px;min-height:300px;border:1px solid #e2ddd4;border-top:4px solid var(--gold);background:#fff;box-shadow:0 8px 26px #06203a0a;transition:.4s}.serviceGrid article:hover{transform:translateY(-10px);box-shadow:0 18px 45px #06203a18;border-color:#d5b478}.serviceGrid article>span{color:var(--gold);font:20px Georgia}.serviceGrid h3{font-size:19px;margin:36px 0 14px}.serviceGrid p{color:var(--muted);line-height:1.9;font-size:13px}.serviceGrid a{color:var(--gold);font-size:12px;font-weight:700}.why{background:linear-gradient(120deg,#06192c,#0b3154);color:#fff}.sectionTitle.light h2{color:#fff}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto}.whyGrid article{text-align:center;padding:22px 45px;border-left:1px solid #ffffff22}.whyGrid article:last-child{border:0}.whyGrid article>span{display:block;color:var(--gold);font-size:35px;margin-bottom:18px;transition:.4s}.whyGrid article:hover>span{transform:scale(1.2) rotate(8deg)}.whyGrid b{font-size:17px}.whyGrid p{color:#b8c5d0;line-height:1.8;font-size:12px}.faq{background:#fff}.faqList{max-width:850px;margin:auto}.faqList details{border:1px solid #e0e2e5;border-bottom:0;overflow:hidden}.faqList details:last-child{border-bottom:1px solid #e0e2e5}.faqList summary{cursor:pointer;font-weight:700;font-size:14px;padding:19px 22px;list-style:none;display:flex;justify-content:space-between}.faqList summary span{color:var(--gold);transition:.3s}.faqList details[open] summary span{transform:rotate(45deg)}.answer p{color:var(--muted);line-height:1.9;margin:0;padding:0 22px 19px}.contact{background:var(--cream);display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw}.contact h2{font-size:42px;margin:13px 0;color:var(--navy)}.contactIntro>p{color:var(--muted);line-height:1.9}.contactLinks{display:flex;flex-direction:column;gap:14px;margin-top:30px;color:#876628;direction:ltr;text-align:right}.contact form{background:#fff;color:var(--ink);padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:17px;box-shadow:0 15px 50px #09213b10}.contact label{font-size:12px;font-weight:700}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #d9dce1;background:#fff;padding:13px;margin-top:7px;font:inherit;outline:0;transition:.25s}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c99a491c}.contact label:nth-of-type(5){grid-column:1/-1}.contact button{grid-column:1/-1;border:0;background:linear-gradient(135deg,var(--gold2),#b78335);color:#fff;padding:15px;font-weight:700;cursor:pointer;transition:.3s}.contact button:hover{filter:brightness(1.08);transform:translateY(-2px)}.contact form small{grid-column:1/-1;color:#7c858d;text-align:center}footer{background:#05192c;color:#aeb8c1;padding:34px max(6vw,25px);display:flex;align-items:center;gap:38px}footer p{margin:auto;font-size:11px}.footerBrand b{color:#fff}.floatingCall{position:fixed;bottom:22px;left:22px;background:#08a85a;color:#fff;min-width:94px;height:58px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:35;font-size:11px;font-weight:700;box-shadow:0 10px 28px #003d2170;animation:softPulse 2.7s infinite}.floatingCall small{font-size:9px;margin-top:3px}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}[data-reveal="right"]{transform:translateX(45px)}[data-reveal="left"]{transform:translateX(-45px)}[data-reveal].revealed{opacity:1;transform:none}@keyframes heroZoom{from{scale:1}to{scale:1.035}}@keyframes softPulse{0%,100%{box-shadow:0 10px 28px #003d2170}50%{box-shadow:0 10px 36px #08a85a99}}
@media(max-width:950px){.topbar nav{display:none}.heroContent{width:min(690px,90vw)}.credentials{margin:0;grid-template-columns:1fr}.credentials div{border-left:0;border-bottom:1px solid #ddd}.about,.contact{grid-template-columns:1fr}.serviceGrid{grid-template-columns:1fr 1fr}.whyGrid{grid-template-columns:1fr}.whyGrid article{border-left:0;border-bottom:1px solid #ffffff22}.contact form{padding:25px}.section{padding:72px 24px}}@media(max-width:570px){.topbar{height:68px}.brand small{display:none}.navCta{font-size:10px;padding:11px}.hero{min-height:590px;padding:58px 22px}.heroPhoto{background-position:35% center}.heroShade{background:linear-gradient(90deg,rgba(3,17,31,.6),rgba(2,19,35,.96))}.heroContent{width:100%}.hero h1{font-size:35px}.lead{font-size:14px}.actions a{width:100%;text-align:center}.serviceGrid{grid-template-columns:1fr}.contact h2{font-size:34px}.contact form{grid-template-columns:1fr}.contact label:nth-of-type(5),.contact button,.contact form small{grid-column:auto}footer{flex-direction:column;text-align:center}.floatingCall{min-width:76px;height:52px}.aboutVisual img{height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.heroPhoto{transform:none!important}[data-reveal]{opacity:1;transform:none}}
.logoFrame{width:60px;height:66px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brandLogo{width:102px;height:68px;object-fit:contain;transform:scale(1.72);transition:transform .45s,filter .45s;filter:drop-shadow(0 4px 10px #0005)}.brand:hover .brandLogo{transform:scale(1.82);filter:drop-shadow(0 5px 14px #c99a4960)}.brandName{padding-right:2px;border-right:1px solid #c99a4960}.brandName b,.brandName small{padding-right:11px}.footerBrand{margin-left:0}.footerLogoFrame{width:76px;height:82px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.footerLogo{width:128px;height:86px;object-fit:contain;transform:scale(1.72);filter:drop-shadow(0 6px 16px #0006)}
@media(max-width:570px){.topbar{padding-inline:14px;gap:10px}.logoFrame{width:48px;height:58px}.brandLogo{width:83px;height:58px}.brandName b{font-size:14px}.brandName{border-right:0}}
body{font-family:"Noto Kufi Arabic","DIN Next Arabic","Geeza Pro",Tahoma,Arial,sans-serif;font-weight:400;letter-spacing:-.01em}.hero{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(500px,1.22fr);gap:4vw}.heroContent{width:auto;margin:0}.heroLogoWrap{position:relative;z-index:3;justify-self:center;width:360px;height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.heroLogoHalo{position:absolute;width:280px;height:280px;border:1px solid #dcb76480;border-radius:50%;box-shadow:0 0 0 18px #ffffff07,0 25px 70px #0008,inset 0 0 55px #c99a4912;z-index:-1}.heroLogo{width:510px;height:345px;object-fit:contain;transform:scale(1.72);filter:drop-shadow(0 10px 24px #000a);animation:logoFloat 5s ease-in-out infinite}.heroLogoWrap small{position:absolute;bottom:24px;color:#e4c780;font-size:11px;letter-spacing:.08em;border-top:1px solid #c99a4960;padding-top:11px;white-space:nowrap}.hero h1,.sectionTitle h2,.contact h2,.brand b{font-family:"Noto Kufi Arabic","DIN Next Arabic","Geeza Pro",Tahoma,sans-serif;font-weight:700}@keyframes logoFloat{0%,100%{transform:scale(1.72) translateY(0)}50%{transform:scale(1.72) translateY(-7px)}}
@media(max-width:950px){.hero{grid-template-columns:1fr;gap:6px}.heroLogoWrap{display:flex;width:240px;height:230px;margin:auto}.heroLogoHalo{width:185px;height:185px}.heroLogo{width:330px;height:220px}.heroLogoWrap small{bottom:4px;font-size:8px}.heroContent{width:min(690px,90vw)}}@media(max-width:570px){body{letter-spacing:0}.hero{padding-top:30px}.heroLogoWrap{width:205px;height:195px}.heroLogoHalo{width:155px;height:155px}.heroLogo{width:285px;height:190px}.hero h1{font-size:31px;line-height:1.5}}
.floatingCall{min-width:142px;height:62px;flex-direction:row;gap:10px;padding:7px 13px;border:1px solid #ffffff55;border-radius:32px;overflow:visible}.whatsappIcon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#08a85a;box-shadow:0 4px 13px #003d214a;transition:transform .3s}.whatsappIcon svg{width:29px;height:29px}.whatsappText{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.whatsappText b{font-size:12px}.whatsappText small{font-size:9px;margin-top:3px}.floatingCall:hover .whatsappIcon{transform:rotate(-8deg) scale(1.1)}.floatingCall:hover{transform:translateY(-3px);background:#07944f}
@media(max-width:570px){.floatingCall{min-width:58px;width:58px;height:58px;padding:7px}.whatsappIcon{width:43px;height:43px}.whatsappText{display:none}}