:root{--bg:#fbf5f0;--bg-alt:#f3e9e6;--card:#fff;--ink:#4a3b3f;--ink-soft:#8a7570;--rose:#dda0a0;--rose-deep:#c97f82;--rose-deeper:#b96b6e;--sage:#afc1a6;--lav:#cbc0de;--gold:#d9b975;--line:#4a3b3f1f;--shadow-sm:0 2px 10px #4a3b3f14;--shadow-md:0 14px 34px #4a3b3f1a;--shadow-lg:0 26px 60px #4a3b3f29;--radius-lg:22px;--radius-md:16px;--header-h:82px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}html.menu-open,html.menu-open body{overflow:hidden}body{background:radial-gradient(ellipse 1200px 700px at 50% -10%, #d9b97514, transparent 60%), var(--bg);color:var(--ink);font-family:Tajawal,sans-serif;line-height:1.9;overflow-x:hidden}h1,h2,h3,.display{font-family:Amiri,serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{list-style:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}.wrap{max-width:1120px;margin:0 auto;padding:0 28px}::selection{background:var(--rose);color:#fff}.shine-text{background:linear-gradient(90deg, var(--rose-deep), var(--gold) 50%, var(--rose-deep));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine-sweep}@keyframes shine-sweep{to{background-position:-200%}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,.8,.3,1),transform .7s cubic-bezier(.16,.8,.3,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}header{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#fbf5f0b8;border-bottom:1px solid #0000;padding:16px 0;transition:all .3s;position:fixed;inset:0 0 auto}header.scrolled{border-bottom:1px solid var(--line);padding:12px 0;box-shadow:0 4px 24px #4a3b3f12}nav.wrap{z-index:99;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-avatar{border:2px solid var(--card);border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 2px 12px #4a3b3f2e}.brand-avatar img{object-fit:cover;width:100%;height:100%}.brand-name{color:var(--rose-deep);font-family:Amiri,serif;font-size:1.3rem;font-weight:700;line-height:1.3}.brand-name span{color:var(--ink-soft);font-family:Tajawal,sans-serif;font-size:.86rem;font-weight:400;display:block}.nav-links{color:var(--ink-soft);align-items:center;gap:30px;font-size:.95rem;display:flex}.nav-links a{padding:6px 0;position:relative}.nav-links a:after{content:"";background:var(--rose-deep);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;right:0}.nav-links a:hover{color:var(--rose-deep)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:14px;display:flex}.nav-cta{border:1px solid var(--rose-deep);color:var(--rose-deep);white-space:nowrap;border-radius:999px;padding:10px 22px;font-size:.9rem;transition:all .25s}.nav-cta:hover{background:var(--rose-deep);color:#fff;box-shadow:0 8px 20px #c97f8259}.menu-toggle{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.menu-toggle span{background:var(--ink);border-radius:2px;width:19px;height:2px;transition:all .3s}.menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{inset:var(--header-h) 0 auto 0;z-index:99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#fbf5f0fa;transition:transform .3s,opacity .3s,visibility .3s;position:fixed;transform:translateY(-12px);box-shadow:0 20px 40px #4a3b3f1f}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-menu-links{flex-direction:column;gap:4px;padding:22px 28px 30px;display:flex}.mobile-menu-links a{color:var(--ink);border-bottom:1px solid var(--line);padding:14px 4px;font-size:1.05rem}.mobile-menu-links a:last-child{text-align:center;border-bottom:none;margin-top:12px}.mobile-menu-scrim{z-index:98;cursor:pointer;background:#4a3b3f47;border:none;position:fixed;inset:0}@media (width>=761px){.mobile-menu,.mobile-menu-scrim{display:none}}@media (width<=760px){.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}}.btn{border-radius:999px;justify-content:center;align-items:center;padding:16px 36px;font-size:1rem;font-weight:500;transition:all .25s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--rose-deep), var(--rose-deeper));color:#fff;box-shadow:0 12px 26px #c97f824d}.btn-primary:before{content:"";background:linear-gradient(115deg,#0000 20%,#ffffff73 40%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.btn-primary:hover:before{transform:translate(120%)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #c97f8266}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:#ffffff80}.btn-ghost:hover{border-color:var(--rose-deep);color:var(--rose-deep);background:var(--card)}.hero{min-height:100vh;padding-top:calc(var(--header-h) + 40px);background:radial-gradient(900px 600px at 88% 10%,#dda0a02e,#0000 60%),radial-gradient(700px 500px at 8% 92%,#afc1a633,#0000 60%),radial-gradient(500px 400px,#d9b97514,#0000 70%);align-items:center;padding-bottom:60px;display:flex;position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;display:grid}.eyebrow{letter-spacing:.08em;color:var(--rose-deep);border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 18px;font-size:.82rem;display:inline-flex}.eyebrow:before{content:"";background:var(--rose-deep);border-radius:50%;width:6px;height:6px;animation:2.4s ease-in-out infinite pulse-dot;box-shadow:0 0 0 4px #c97f822e}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 4px #c97f822e}50%{box-shadow:0 0 0 8px #c97f820f}}.hero h1{color:var(--ink);margin-bottom:26px;font-size:clamp(2.1rem,4.4vw,3.5rem);font-weight:700;line-height:1.5}.hero h1 em{color:var(--rose-deep);border-bottom:3px solid var(--sage);font-style:normal}.hero p.lead{color:var(--ink-soft);max-width:520px;margin-bottom:38px;font-size:clamp(1rem,1.4vw,1.15rem)}.btn-row{flex-wrap:wrap;gap:18px;margin-bottom:44px;display:flex}.hero-stats{flex-wrap:wrap;gap:36px;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat strong{color:var(--rose-deep);font-family:Amiri,serif;font-size:1.7rem}.hero-stat span{color:var(--ink-soft);font-size:.85rem}.hero-visual{justify-content:center;align-items:center;height:460px;display:flex;position:relative}.pulse-ring{border:1px solid var(--line);border-radius:50%;width:340px;height:340px;position:absolute}.pulse-ring.r2{opacity:.7;border-color:#afc1a666;width:420px;height:420px}.pulse-ring.r3{opacity:.4;border-color:#dda0a066;width:500px;height:500px;animation:40s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}svg.wave{z-index:1;opacity:.55;width:300px;position:absolute}.wave-path{fill:none;stroke:var(--rose-deep);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #c97f8259);stroke-dasharray:1400;stroke-dashoffset:1400px;animation:5s ease-in-out infinite draw}@keyframes draw{0%{stroke-dashoffset:1400px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-1400px}}.hero-portrait{z-index:2;border:6px solid var(--card);width:300px;height:300px;box-shadow:var(--shadow-lg);border-radius:50%;animation:6s ease-in-out infinite float-y;position:relative;overflow:hidden}.hero-portrait img{object-fit:cover;width:100%;height:100%}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-badge{z-index:3;background:var(--card);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.82rem;animation:6s ease-in-out infinite float-y;display:flex;position:absolute}.hero-badge .dot{background:var(--sage);border-radius:50%;width:8px;height:8px}.hero-badge-1{animation-delay:.4s;top:8%;right:-4%}.hero-badge-2{color:var(--rose-deep);font-family:Amiri,serif;animation-delay:1s;bottom:6%;left:-6%}@media (width<=880px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero p.lead{margin-inline:auto}.btn-row,.hero-stats{justify-content:center}.hero-visual{height:340px;margin-top:20px}.hero-portrait{width:220px;height:220px}.pulse-ring{width:260px;height:260px}.pulse-ring.r2{width:320px;height:320px}.pulse-ring.r3{width:380px;height:380px}svg.wave{width:220px}.hero-badge{padding:8px 14px;font-size:.74rem}.hero-badge-1{top:2%;right:2%}.hero-badge-2{bottom:0;left:2%}}@media (width<=480px){.hero{padding-top:calc(var(--header-h) + 20px)}.hero-badge{display:none}.hero-visual{height:280px}.hero-portrait{width:180px;height:180px}.pulse-ring{width:220px;height:220px}.pulse-ring.r2{width:270px;height:270px}.pulse-ring.r3{width:310px;height:310px}svg.wave{width:190px}}section{padding:clamp(64px,10vw,110px) 0}.section-head{max-width:640px;margin-bottom:56px}.section-head.center{text-align:center;margin-inline:auto}.eyebrow-line{letter-spacing:.12em;color:var(--rose-deep);margin-bottom:14px;font-size:.82rem;font-weight:500}.section-head h2{color:var(--ink);margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700}.section-head p{color:var(--ink-soft);font-size:1.05rem}.about{background:var(--bg-alt);position:relative}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;display:grid}.about-portrait{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:6px solid var(--card);position:relative;overflow:hidden}.about-portrait img{object-fit:cover;aspect-ratio:3/4;width:100%;height:100%;transition:transform .5s}.about-portrait:hover img{transform:scale(1.04)}.about-title{color:var(--ink);margin-bottom:22px;font-size:clamp(1.5rem,2.6vw,1.9rem);font-weight:700}.about p{color:var(--ink-soft);margin-bottom:20px;font-size:1.02rem}.creds{grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;display:grid}.creds-full{grid-template-columns:1fr;margin-top:14px}.cred-card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:18px 20px;transition:all .25s}.cred-card:hover{box-shadow:var(--shadow-sm);border-color:var(--rose);transform:translateY(-3px)}.cred-card .tag{color:var(--rose-deep);letter-spacing:.06em;margin-bottom:6px;font-size:.72rem;display:block}.cred-card h4{color:var(--ink);font-family:Amiri,serif;font-size:1rem;font-weight:700}@media (width<=880px){.about-grid{grid-template-columns:1fr}.creds{grid-template-columns:1fr 1fr}}@media (width<=480px){.creds{grid-template-columns:1fr}}.services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);padding:34px 28px;transition:all .35s;position:relative;overflow:hidden}.service-card:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--rose), var(--gold));-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .35s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.service-card:hover:before{opacity:1}.service-card .num{color:var(--rose);opacity:.6;margin-bottom:14px;font-family:Amiri,serif;font-size:1.6rem;display:block}.service-card h3{color:var(--ink);margin-bottom:14px;font-size:1.22rem}.service-card p{color:var(--ink-soft);margin-bottom:20px;font-size:.96rem}.service-card ul{color:var(--ink-soft);font-size:.92rem}.service-card li{border-top:1px solid var(--line);padding:9px 20px 9px 0;position:relative}.service-card li:before{content:"✦";color:var(--rose-deep);font-size:.7rem;position:absolute;top:12px;right:0}.service-card li:first-child{border-top:none}@media (width<=900px){.services-grid{grid-template-columns:1fr}}.approach{background:var(--bg-alt)}.steps{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.step{padding:0 8px;position:relative}.step .dot{border:1px solid var(--rose-deep);width:46px;height:46px;color:var(--rose-deep);background:var(--card);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-bottom:22px;font-family:Amiri,serif;font-size:1.1rem;display:flex}.step h4{color:var(--ink);margin-bottom:10px;font-size:1.03rem}.step p{color:var(--ink-soft);font-size:.92rem}@media (width<=880px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}}@media (width<=560px){.steps{grid-template-columns:1fr}}.quote-section{position:relative}.quote-grid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:56px;display:grid}.quote-portrait{border-radius:var(--radius-lg);filter:grayscale();box-shadow:var(--shadow-lg);overflow:hidden}.quote-portrait img{object-fit:cover;aspect-ratio:4/5;width:100%}.quote-text{color:var(--ink);font-family:Amiri,serif;font-size:clamp(1.25rem,2.4vw,1.8rem);font-style:italic;line-height:1.8}.quote-attr{color:var(--rose-deep);margin-top:24px;font-size:.95rem}@media (width<=880px){.quote-grid{grid-template-columns:1fr}}.testi-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.testi-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);padding:28px;transition:all .3s}.testi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.testi-card p{color:var(--ink-soft);margin-bottom:20px;font-size:.97rem;font-style:italic}.testi-who{align-items:center;gap:12px;display:flex}.testi-avatar{background:linear-gradient(135deg, var(--sage), var(--lav));width:38px;height:38px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Amiri,serif;font-weight:700;display:flex}.testi-who span{color:var(--ink);font-size:.9rem}@media (width<=900px){.testi-grid{grid-template-columns:1fr}}.contact{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);text-align:center}.contact-card{background:var(--card);border-radius:var(--radius-lg);max-width:640px;box-shadow:var(--shadow-lg);border:1px solid var(--line);margin:0 auto;padding:56px 40px;position:relative;overflow:hidden}.contact-card:before{content:"";pointer-events:none;background:radial-gradient(#dda0a040,#0000 70%);height:220px;position:absolute;inset:-40% -20% auto}.contact-avatar{border:3px solid var(--rose);width:88px;height:88px;box-shadow:var(--shadow-md);border-radius:50%;margin:0 auto 22px;position:relative;overflow:hidden}.contact-avatar img{object-fit:cover;width:100%;height:100%}.contact h2{color:var(--ink);margin-bottom:18px;font-size:clamp(1.7rem,3.2vw,2.3rem);position:relative}.contact p{color:var(--ink-soft);max-width:480px;margin:0 auto 34px;font-size:1.03rem;position:relative}.contact-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.contact-links a{border:1px solid var(--line);color:var(--ink);background:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:.94rem;transition:all .25s;display:inline-flex}.contact-links a.primary{background:linear-gradient(135deg, var(--rose-deep), var(--rose-deeper));color:#fff;border-color:var(--rose-deep);box-shadow:0 10px 24px #c97f824d}.contact-links a:hover{border-color:var(--rose-deep);color:var(--rose-deep);transform:translateY(-2px)}.contact-links a.primary:hover{color:#fff;background:#b96b6e}.contact-link-label{opacity:.85}.phone-number{letter-spacing:.02em;unicode-bidi:isolate;font-weight:600}.contact-links a.primary .phone-number{color:#fff}@media (width<=480px){.contact-card{padding:44px 22px}.contact-links{flex-direction:column;align-items:stretch}.contact-links a{justify-content:center}}footer{border-top:1px solid var(--line);color:var(--ink-soft);padding:30px 0;font-size:.85rem}.footer-inner{text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-phone{color:var(--ink-soft);align-items:center;gap:6px;transition:all .2s;display:inline-flex}.footer-phone:hover{color:var(--rose-deep)}.footer-phone .phone-number{direction:ltr}@media (width<=600px){.footer-inner{flex-direction:column;justify-content:center}}
