@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Reem+Kufi:wght@400;600;700&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--navy:#14243e;--deep:#0f1b2d;--gold:#c8a96b;--lightgold:#e2c891;--beige:#e9ddc8;--ivory:#f8f4ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--navy);font-family:Tajawal,Arial,sans-serif;line-height:1.75}h1,h2,h3,.logo-name{font-family:'Reem Kufi',Tajawal,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1180px;margin:auto;padding-inline:24px}.site-header{position:sticky;top:0;z-index:50;background:rgba(248,244,236,.97);border-bottom:1px solid #c8a96b55;box-shadow:0 4px 22px #14243e0c}.nav{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:82px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand .mark{display:grid;place-items:center;border:1px solid var(--gold);width:43px;height:43px;transform:rotate(45deg);font-size:20px;color:#a18142}.brand .mark b{transform:rotate(-45deg)}.brand small{display:block;font-size:12px;font-weight:500;color:#9a7d49}.links{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.links a{font-size:13px;font-weight:700}.links a:hover,.links a.active{color:#9d7838}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:40px;background:linear-gradient(120deg,#c8a96b,#ecd6a4);color:#14243e;padding:12px 23px;font-weight:800;cursor:pointer}.btn-outline{border:1px solid var(--gold);background:transparent}.menu-btn{display:none;background:none;border:0;color:var(--navy);font-size:27px}.hero{position:relative;overflow:hidden;padding:68px 0 45px;background:radial-gradient(circle at 15% 10%,#e2c89144,transparent 34%),linear-gradient(115deg,#fffdfa,#f2e9db)}.hero:before,.accent-panel:before{content:'✧';position:absolute;top:20px;left:6%;color:#c8a96b33;font-size:200px;line-height:1}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.eyebrow{color:#a68140;font-weight:800;letter-spacing:.3px}.hero h1{font-size:clamp(25px,3vw,42px);margin:5px 0 7px}.hero h2{font-size:20px;color:#a58142}.goldrule{height:2px;width:75px;background:var(--gold);margin:20px 0}.hero-lines p{font-weight:800;margin:3px 0;font-size:15px}.portrait-frame{width:300px;height:400px;margin:auto;border-radius:160px 160px 16px 16px;border:2px solid #dbba79;outline:1px solid #e4d8c4;outline-offset:15px;background:#fffdf7;display:grid;place-items:center;position:relative;box-shadow:0 15px 40px #17263b19}.portrait-frame img{max-width:calc(100% - 112px);max-height:calc(100% - 112px);object-fit:contain}.portrait-placeholder{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;color:#a78a58;padding:12px}.portrait-placeholder .symbol{font-size:65px}.portrait-placeholder span{font-size:13px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px auto}.action{background:#fff;border:1px solid #e7d9bf;padding:15px 8px;min-height:80px;text-align:center;border-radius:16px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.action:hover,.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #1e2c4122}.action i{font-size:25px;font-style:normal;color:#b5955b}.verse{background:var(--navy);padding:30px 20px;text-align:center;color:var(--lightgold);border-radius:16px;margin:28px auto}.verse p{font:700 clamp(19px,2vw,26px) Amiri,serif;margin:0}.verse small{color:#eee2d0}.section{padding:66px 0}.section-title{text-align:center;margin-bottom:34px}.section-title .eyebrow{display:block}.section-title h2{font-size:clamp(23px,2.5vw,34px);margin:6px}.section-title:after{content:'◆';display:block;color:var(--gold);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card,.panel,.faq-item{background:#fff;border:1px solid #e9ddc8;border-radius:20px;padding:25px;box-shadow:0 8px 30px #0f1b2d0a;transition:transform .2s}.service-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f6efe3;color:#9d7a3f;font-size:28px;margin-bottom:16px}.service-card h3{font-size:17px;margin:0 0 8px}.service-card p{font-size:14px;margin:0 0 20px}.muted{color:#647085}.text-link{color:#a78348;font-weight:800;font-size:13px}.accent-panel{background:linear-gradient(120deg,#192d4c,#0f1b2d);color:#fff;position:relative;overflow:hidden}.accent-panel .section-title h2,.accent-panel h2{color:white}.accent-panel .section-title .eyebrow{color:var(--lightgold)}.accent-panel .container{position:relative}.contact-big{font-size:clamp(25px,5vw,44px);color:var(--lightgold);font-weight:800;direction:ltr;display:block;margin:18px 0}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-actions .btn-outline{color:#f8f4ec}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:step}.step{text-align:center;background:white;border:1px solid #dfcdac;border-radius:18px;padding:22px 12px}.step .circle{display:grid;place-items:center;background:var(--navy);color:var(--lightgold);width:52px;height:52px;border-radius:50%;margin:auto;font-size:24px}.step h3{font-size:15px}.step p{font-size:13px}.requirements{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.requirement{padding:16px;background:white;border-radius:14px;border-right:3px solid var(--gold);box-shadow:0 5px 18px #14243e0b}.requirement strong{color:#ac8645}.note{background:#f1e8d9;border:1px solid #d7be90;padding:15px;border-radius:12px;margin-top:20px}.faq-item{margin:12px auto;max-width:800px;padding:0}.faq-item summary{padding:20px 24px;font-weight:800;cursor:pointer}.faq-item p{margin:0;padding:0 24px 20px}.form-wrap{max-width:850px;margin:auto}.booking-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field label{display:block;font-weight:800;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #dbcfb9;background:#fff;border-radius:10px;padding:12px;color:var(--navy)}.field.full,.booking-form .full{grid-column:1/-1}.field textarea{min-height:130px}.booking-form button{justify-self:start}.footer{background:#0f1b2d;color:#f8f4ec;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:28px}.footer a{display:block;color:#e9ddc8;margin:4px 0}.footer h3{color:var(--lightgold)}.footer small{color:#c6c5bd}.footer-bottom{border-top:1px solid #e2c8913a;margin-top:30px;padding-top:20px;text-align:center;color:#d1c3a7}.float-wa{position:fixed;bottom:24px;left:22px;z-index:40;border-radius:50%;height:56px;width:56px;display:grid;place-items:center;background:#25d366;color:white;font-weight:800;box-shadow:0 4px 22px #182d3d55;font-size:25px}.mobile-bar{display:none}.intro-overlay{position:fixed;inset:0;z-index:1000;background:var(--navy);color:var(--lightgold);display:grid;place-items:center;font:700 clamp(30px,5vw,48px) 'Reem Kufi';animation:introFade 2.4s forwards;pointer-events:none}@keyframes introFade{0%,65%{opacity:1}100%{opacity:0;visibility:hidden}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.lang-link{padding:5px 8px;border:1px solid #d7c69f;border-radius:9px}.page-heading{padding:48px 0;background:linear-gradient(120deg,#f8f4ec,#e9ddc8);text-align:center}.page-heading h1{margin:0}.lead{text-align:center;color:#697483}.honeypot{position:absolute;left:-9999px}.form-note{font-size:13px;color:#697483}@media(max-width:1050px){.links{display:none;position:absolute;top:82px;right:0;left:0;background:#f8f4ec;box-shadow:0 14px 24px #17263b22;padding:18px 25px;flex-direction:column;align-items:stretch}.links.open{display:flex}.menu-btn{display:block}.nav-cta{display:none}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.hero-grid,.about-grid{grid-template-columns:1fr;gap:35px}.hero{padding:36px 0}.hero h1{font-size:21px}.hero-lines p{font-size:14px}.portrait-frame{width:300px;height:400px}.cards,.requirements,.booking-form{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.quick-actions{gap:6px}.action{flex-direction:column;padding:8px 4px;gap:2px;font-size:12px}.action i{font-size:21px}.float-wa{display:none}.mobile-bar{position:fixed;bottom:0;right:0;left:0;display:grid;grid-template-columns:1fr 1fr;z-index:45;background:#fff;box-shadow:0 -3px 22px #14243e25}.mobile-bar a{padding:13px;text-align:center;font-weight:800}.mobile-bar a:last-child{background:#25d366;color:white}.footer{padding-bottom:100px}.container{padding-inline:18px}}@media(prefers-reduced-motion:reduce){.intro-overlay{display:none}html{scroll-behavior:auto}*{transition:none!important}}