:root{--ink: #071d2e;--ink-soft: #17394b;--muted: #62717b;--green: #078553;--green-dark: #04633f;--green-bright: #12a76b;--green-soft: #e7f6ef;--blue: #245fc7;--blue-soft: #eaf1ff;--purple: #6545c4;--purple-soft: #f0ecff;--gold: #c99a48;--gold-soft: #fbf3e5;--paper: #ffffff;--paper-warm: #fdfcf9;--page: #f2f5f3;--line: #dfe7e3;--shadow: 0 20px 55px rgba(7, 29, 46, .09), 0 4px 14px rgba(7, 29, 46, .05);--shadow-hover: 0 28px 70px rgba(7, 29, 46, .14), 0 8px 22px rgba(7, 29, 46, .07);color:var(--ink);font-family:IBM Plex Sans Arabic,Cairo,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(7,29,46,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,29,46,.025) 1px,transparent 1px),radial-gradient(circle at 90% 4%,rgba(7,133,83,.13),transparent 30rem),radial-gradient(circle at 4% 45%,rgba(201,154,72,.1),transparent 28rem),var(--page);background-size:48px 48px,48px 48px,auto,auto,auto}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:50;top:12px;right:12px;padding:10px 16px;color:var(--paper);background:var(--ink);border-radius:10px;transform:translateY(-150%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.landing-shell{min-height:100vh;padding:clamp(18px,3vw,42px)}.page-frame{position:relative;isolation:isolate;width:min(100%,1180px);margin:0 auto;overflow:hidden;padding:clamp(28px,5vw,68px);background:#fdfcf9f0;border:1px solid rgba(255,255,255,.88);border-radius:40px;box-shadow:0 35px 100px #071d2e1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page-frame:before{position:absolute;z-index:-1;top:-210px;right:-210px;width:520px;height:520px;content:"";background:radial-gradient(circle,rgba(7,133,83,.13),transparent 67%);border-radius:50%}.hero-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:clamp(38px,7vw,92px);min-height:470px}.hero-heading{position:relative;z-index:2;text-align:right;animation:hero-copy-in .7s .1s both cubic-bezier(.22,1,.36,1)}.hero-icon{position:relative;width:72px;height:72px;display:grid;place-items:center;margin-bottom:25px;color:var(--green-dark);background:linear-gradient(145deg,var(--paper),var(--green-soft));border:1px solid rgba(7,133,83,.18);border-radius:22px 22px 8px;box-shadow:0 14px 34px #07855321}.hero-icon:after{position:absolute;inset:-8px;content:"";border:1px solid rgba(7,133,83,.12);border-radius:28px 28px 11px}.hero-icon svg{width:42px;height:42px}.hero-heading h1{max-width:560px;margin:0;font-family:Cairo,IBM Plex Sans Arabic,sans-serif;font-size:clamp(3rem,6vw,5.45rem);font-weight:800;line-height:1.12;letter-spacing:-.055em;text-wrap:balance}.hero-heading h1:after{width:92px;height:6px;display:block;margin-top:24px;content:"";background:linear-gradient(90deg,var(--gold),var(--green));border-radius:999px}.hero-heading p{max-width:500px;margin:22px 0 0;color:var(--muted);font-size:clamp(1.08rem,2vw,1.42rem);font-weight:500;line-height:1.9}.hero-visual{position:relative;min-height:470px;animation:hero-visual-in .9s .16s both cubic-bezier(.22,1,.36,1)}.hero-photo{position:absolute;overflow:hidden;margin:0;background:var(--ink-soft);border:5px solid var(--paper-warm);box-shadow:0 28px 60px #071d2e38}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.03);transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease}.hero-visual:hover .hero-photo img{filter:saturate(1) contrast(1.02);transform:scale(1.035)}.hero-photo--main{z-index:2;inset:35px 30px 45px 78px;border-radius:38% 10% 34% 12%}.hero-photo--main:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,transparent 48%,rgba(4,38,28,.23));pointer-events:none}.hero-photo--portrait{z-index:3;top:0;left:0;width:126px;height:176px;border-radius:22px 22px 22px 7px;transform:rotate(-3deg)}.hero-photo--portrait img{object-position:center 20%}.hero-photo--team{z-index:4;right:0;bottom:0;width:178px;height:126px;border-radius:9px 22px 22px;transform:rotate(2deg)}.hero-seal{position:absolute;z-index:5;right:26px;top:12px;width:68px;height:68px;display:grid;place-items:center;color:var(--paper);background:linear-gradient(145deg,var(--green-bright),var(--green-dark));border:6px solid var(--paper-warm);border-radius:50%;box-shadow:0 15px 30px #04633f40}.hero-seal svg{width:30px;height:30px}.hero-orbit{position:absolute;border:1px solid rgba(7,133,83,.18);border-radius:50%}.hero-orbit--one{inset:12px 45px 25px 34px}.hero-orbit--two{inset:-8px 22px 4px 66px;border-color:#c99a4833;transform:rotate(9deg)}.services-section{display:grid;gap:20px;margin-top:clamp(42px,7vw,76px)}.service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;direction:ltr}.service-card,.wide-service-card,.business-card{position:relative;overflow:hidden;background:#ffffffe6;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.service-card:before,.wide-service-card:before,.business-card:before{position:absolute;top:0;right:0;width:100%;height:4px;content:"";opacity:.9}.service-card:hover,.wide-service-card:hover,.business-card:hover{border-color:#0785533d;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.service-card{min-height:290px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,46px);direction:rtl;text-align:right}.service-card:after{position:absolute;left:-55px;bottom:-70px;width:180px;height:180px;content:"";background:currentColor;border-radius:50%;opacity:.045}.service-card--green:before{background:linear-gradient(90deg,transparent,var(--green))}.service-card--blue:before{background:linear-gradient(90deg,transparent,var(--blue))}.service-icon,.wide-service-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:22px}.service-icon{position:relative;width:88px;height:88px;margin-bottom:26px}.service-icon>svg{width:46px;height:46px;stroke-width:1.8}.service-icon span{position:absolute;right:-7px;bottom:-7px;width:29px;height:29px;display:grid;place-items:center;color:var(--paper);background:currentColor;border:3px solid var(--paper);border-radius:50%}.service-icon span svg{width:14px;height:14px;color:var(--paper);stroke-width:3}.service-card--green{color:var(--green)}.service-card--green .service-icon{background:var(--green-soft);box-shadow:inset 0 0 0 1px #07855314}.service-card--blue{color:var(--blue)}.service-card--blue .service-icon{background:var(--blue-soft);box-shadow:inset 0 0 0 1px #245fc714}.service-card h2,.wide-service-card h2,.business-card h2{margin:0;color:var(--ink);font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:700;line-height:1.45}.service-card p,.wide-service-card p,.business-card p{margin:9px 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.8}.wide-service-card{min-height:176px;display:flex;align-items:center;justify-content:flex-start;gap:clamp(24px,5vw,54px);padding:30px clamp(28px,6vw,64px);text-align:right}.wide-service-card:before{background:linear-gradient(90deg,transparent,var(--purple))}.wide-service-card:after,.business-card:after{position:absolute;left:-90px;top:50%;width:230px;height:230px;content:"";background:radial-gradient(circle,rgba(101,69,196,.08),transparent 66%);border-radius:50%;transform:translateY(-50%)}.wide-service-icon{width:96px;height:96px}.wide-service-icon svg{width:50px;height:50px;stroke-width:1.7}.wide-service-icon--purple{color:var(--purple);background:var(--purple-soft)}.personal-card h2{color:var(--purple)}.business-card{padding:34px clamp(28px,6vw,64px) 30px}.business-card:before{background:linear-gradient(90deg,transparent,var(--green))}.business-card:after{background:radial-gradient(circle,rgba(7,133,83,.08),transparent 66%)}.business-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:clamp(24px,5vw,54px);text-align:right}.wide-service-icon--green{color:var(--green-dark);background:var(--green-soft)}.business-heading h2{color:var(--green-dark)}.business-options{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:32px;padding-top:25px;border-top:1px solid var(--line)}.business-option{min-width:0;display:grid;place-items:center;gap:10px;padding:8px;color:var(--green-dark);text-align:center;border-radius:14px;transition:background .2s ease,transform .2s ease}.business-option:hover{background:var(--green-soft);transform:translateY(-2px)}.business-option+.business-option{border-right:1px solid var(--line)}.business-option svg{width:34px;height:34px;stroke-width:1.7}.business-option span{color:var(--ink-soft);font-size:clamp(.88rem,1.6vw,1rem);font-weight:600;white-space:nowrap}.contact-section{margin-top:24px}.whatsapp-button{position:relative;min-height:96px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;overflow:hidden;padding:20px 30px;color:var(--paper);background:linear-gradient(115deg,#043f2c,var(--green-dark) 46%,var(--green-bright));border:1px solid rgba(255,255,255,.15);border-radius:26px;box-shadow:0 20px 44px #04633f40;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;transition:transform .25s ease,box-shadow .25s ease}.whatsapp-button:before{position:absolute;top:-90%;left:-15%;width:180px;height:260%;content:"";background:#ffffff1a;transform:rotate(22deg);transition:left .55s cubic-bezier(.22,1,.36,1)}.whatsapp-button>svg:first-child{width:48px;height:48px;stroke-width:1.7}.whatsapp-arrow{width:27px;height:27px;transition:transform .22s ease}.whatsapp-button:hover{box-shadow:0 25px 55px #04633f52;transform:translateY(-4px)}.whatsapp-button:hover:before{left:110%}.whatsapp-button:hover .whatsapp-arrow{transform:translate(-4px,-4px)}.response-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px 0 0;color:var(--muted);font-size:clamp(.95rem,1.8vw,1.08rem)}.response-note svg{width:21px;height:21px;color:var(--green)}footer{display:flex;justify-content:center;margin-top:30px;color:#89948f;font-size:.86rem}footer span{display:flex;align-items:center;gap:7px}footer svg{width:17px;height:17px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-visual-in{0%{opacity:0;transform:translate(-24px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:920px){.hero-section{grid-template-columns:1fr;gap:30px}.hero-heading{text-align:center}.hero-icon{margin:0 auto 22px}.hero-heading h1,.hero-heading p{margin-right:auto;margin-left:auto}.hero-heading h1:after{margin-right:auto;margin-left:auto}.hero-visual{width:min(100%,620px);min-height:450px;margin:0 auto}}@media(max-width:680px){body{background:var(--paper-warm)}.landing-shell{padding:0}.page-frame{padding:28px 16px 24px;border:0;border-radius:0;box-shadow:none}.hero-section{min-height:0}.hero-icon{width:58px;height:58px;margin-bottom:18px;border-radius:18px 18px 7px}.hero-icon svg{width:34px;height:34px}.hero-heading h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-heading h1:after{width:72px;height:5px;margin-top:17px}.hero-heading p{margin-top:14px;font-size:1rem;line-height:1.75}.hero-visual{min-height:330px}.hero-photo{border-width:4px}.hero-photo--main{inset:25px 18px 32px 48px;border-radius:34% 9% 31% 10%}.hero-photo--portrait{width:90px;height:126px}.hero-photo--team{width:128px;height:88px}.hero-seal{right:10px;width:54px;height:54px;border-width:4px}.hero-seal svg{width:25px;height:25px}.hero-orbit--one{inset:12px 26px 18px 22px}.hero-orbit--two{inset:-2px 12px 3px 42px}.services-section,.service-pair{gap:13px}.services-section{margin-top:38px}.service-card,.wide-service-card,.business-card{border-radius:20px}.service-card{min-height:235px;align-items:center;padding:24px 13px;text-align:center}.service-icon{width:72px;height:72px;margin-bottom:17px;border-radius:18px}.service-icon>svg{width:38px;height:38px}.service-icon span{right:-5px;bottom:-5px;width:25px;height:25px}.service-card h2,.wide-service-card h2,.business-card h2{font-size:clamp(1.15rem,5.3vw,1.5rem)}.service-card p,.wide-service-card p,.business-card p{margin-top:6px;font-size:.91rem;line-height:1.65}.wide-service-card{min-height:145px;justify-content:center;gap:17px;padding:22px 18px;text-align:center}.wide-service-icon{width:74px;height:74px;border-radius:18px}.wide-service-icon svg{width:40px;height:40px}.business-card{padding:23px 14px 18px}.business-heading{justify-content:center;gap:17px;text-align:center}.business-options{gap:2px;margin-top:22px;padding-top:18px}.business-option{gap:7px;padding:6px 2px}.business-option svg{width:27px;height:27px}.business-option span{font-size:.7rem}.contact-section{margin-top:15px}.whatsapp-button{min-height:76px;gap:10px;padding:14px 18px;border-radius:20px;font-size:clamp(1.15rem,5.4vw,1.55rem)}.whatsapp-button>svg:first-child{width:36px;height:36px}.whatsapp-arrow{width:22px;height:22px}.response-note{margin-top:14px;font-size:.9rem}footer{display:none}}@media(max-width:420px){.page-frame{padding-right:12px;padding-left:12px}.hero-visual{min-height:290px}.hero-photo--portrait{width:78px;height:110px}.hero-photo--team{width:112px;height:78px}.service-card{min-height:230px}.service-card h2{font-size:1.12rem}.service-card p{font-size:.84rem}.business-option span{font-size:.64rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hero-photo--replacement{z-index:2;top:50%;right:0;left:0;aspect-ratio:1023/617;border-radius:34px;transform:translateY(-50%)}.hero-photo--replacement img{object-fit:cover}@media(max-width:680px){.hero-photo--replacement{right:0;left:0;border-radius:24px}}