:root{--ivory:#FFFFFF;--cream:#F3F7F7;--champ:#CFE3E1;--blush:#E8F1F0;--rose:#2C8C8F;--rose-d:#0E5A5F;--gold:#9A7B45;--aqua:#DCEBEA;--ink:#12262B;--muted:#55666B;--deep:#0A3F43;--line:#DCE6E6;--sans:"IBM Plex Sans Arabic",system-ui,sans-serif;--latinf:"Manrope",sans-serif}html[lang=ar]{--head:"IBM Plex Sans Arabic",system-ui,sans-serif}html[lang=fr]{--head:"Manrope","IBM Plex Sans Arabic",system-ui,sans-serif}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{font-family:var(--sans);font-weight:300;background:var(--ivory);color:var(--ink);line-height:1.85;font-size:17px;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.latin{font-family:"Manrope",var(--sans);font-style:normal;font-weight:600;font-size:1em;letter-spacing:.005em}h1,h2,h3{font-family:var(--head);font-weight:600;line-height:1.25}h1{font-size:clamp(2.5rem,6.2vw,4.8rem)}h2{font-size:clamp(2rem,4.2vw,3rem);margin-bottom:.8rem}h3{font-size:1.5rem;margin:2rem 0 .6rem}html[lang=fr] h1,html[lang=fr] h2{font-weight:500;letter-spacing:-.01em}.lead{font-size:1.1rem;color:var(--muted);max-width:40rem}.note{font-size:.85rem;color:var(--muted);margin-top:1rem}.kicker{color:var(--gold);font-weight:500;letter-spacing:.04em}.hdr{position:fixed;inset-inline:0;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3.5rem);transition:background .3s,box-shadow .3s}.hdr.solid{background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}.logo{width:128px;aspect-ratio:1880/837;background:var(--ink);-webkit-mask:url(/logo-white.png) center/contain no-repeat;mask:url(/logo-white.png) center/contain no-repeat;flex:none}.hdr nav{display:flex;gap:1.6rem;font-size:.95rem}.hdr nav a{text-decoration:none;position:relative;padding:.2rem 0}.hdr nav a:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--rose);transform:scaleX(0);transition:transform .3s}.hdr nav a:hover:after{transform:scaleX(1)}.hdr-end{display:flex;gap:.8rem;align-items:center}.lang{background:none;border:1px solid var(--line);border-radius:999px;padding:.25rem .9rem;cursor:pointer;transition:border-color .2s}.lang:hover{border-color:var(--rose)}@media (max-width:900px){.hdr nav{display:none}.hide-sm{display:none}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.7rem;border-radius:999px;text-decoration:none;font-weight:400;border:1px solid transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .25s}.btn:hover{transform:translateY(-2px)}.btn-rose{background:var(--rose-d);color:#fff}.btn-rose:hover{background:var(--deep)}.btn-ghost{border-color:var(--rose);color:var(--rose-d)}.btn-ghost:hover{background:var(--blush)}.btn-champ{background:var(--rose-d);color:#fff;margin-top:1.4rem}.btn-champ:hover{background:var(--deep)}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.ph{position:relative;overflow:hidden;width:100%;height:100%;min-height:100%;background:var(--blush)}.ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1.4rem;color:#0e5a5f80;font-size:clamp(1.6rem,4vw,3rem);line-height:1}.art:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;inset-inline-end:-18%;top:-12%;border:1px solid rgba(14,90,95,.3)}[data-tone="0"] .art{background:radial-gradient(110% 90% at 15% 10%,#E3F1F0,transparent 60%),radial-gradient(90% 80% at 90% 95%,#EEF3F6,transparent 65%),#f3f8f8}[data-tone="1"] .art{background:radial-gradient(100% 90% at 85% 10%,#D6E8EA,transparent 60%),radial-gradient(90% 70% at 10% 95%,#EAF2F4,transparent 65%),#eaf3f3}[data-tone="2"] .art{background:radial-gradient(90% 90% at 50% 0,#E8F0EC,transparent 60%),radial-gradient(80% 80% at 100% 100%,#DDEBEE,transparent 60%),#f4f8f7}[data-tone="3"] .art{background:radial-gradient(100% 90% at 0 100%,#CFE3E1,transparent 60%),radial-gradient(80% 70% at 90% 5%,#E6EEF1,transparent 60%),#e1eeee}.hero{min-height:100svh;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;padding:7rem clamp(1.2rem,6vw,5rem) 4rem;background:radial-gradient(70% 60% at 85% 20%,var(--blush),transparent 70%),radial-gradient(60% 60% at 0 100%,var(--cream),transparent 70%),var(--ivory)}.hero-p{font-size:1.15rem;color:var(--muted);max-width:32rem;margin-top:1.2rem}.hero-visual{position:relative;height:min(76vh,640px);max-width:520px;width:100%;justify-self:center}.arch{height:100%;border-radius:32px;box-shadow:0 30px 60px -30px #2a344173}.orb{position:absolute;width:42%;aspect-ratio:1;height:auto;inset-inline-start:-14%;bottom:8%;border-radius:50%;border:6px solid var(--ivory);box-shadow:0 18px 40px -18px #2a344180}.float-card{position:absolute;inset-inline-end:-6%;top:12%;display:flex;gap:.5rem;align-items:center;padding:.7rem 1.1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;box-shadow:0 12px 30px -14px #2a344166;font-size:.9rem;color:var(--deep)}.section{padding:clamp(3.5rem,8vw,6.5rem) clamp(1.2rem,6vw,5rem);max-width:1240px;margin-inline:auto}.center{text-align:center}.center .lead{margin-inline:auto}.band.cream{background:var(--cream)}.band.blush{background:var(--blush)}.band.deep{background:var(--aqua);color:var(--ink);border-radius:56px 56px 0 0}.band.deep .lead{color:var(--muted)}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:center}.about-img{position:relative;aspect-ratio:4/5;border-radius:32px}.about-img .ph{border-radius:inherit}.about-img:before{content:"";position:absolute;top:-14px;right:14px;bottom:14px;left:-14px;border:1px solid var(--champ);border-radius:inherit;z-index:-1}.approach,.creds{list-style:none;padding:0}.approach{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.4rem}.approach li{background:var(--cream);padding:.4rem 1rem;border-radius:999px;font-size:.92rem}.creds li{padding:.7rem 0;border-bottom:1px solid var(--line);display:flex;gap:.8rem}.creds li:before{content:"";flex:none;width:7px;height:7px;margin-top:.8rem;border-radius:50%;background:var(--gold)}.svc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem;margin-top:2.5rem}.card{position:relative;overflow:hidden;border:0;padding:0;border-radius:22px;cursor:pointer;text-align:start;display:block;min-height:300px;box-shadow:0 18px 40px -26px #2a344180;transition:box-shadow .4s,transform .4s}.card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -24px #2a34418c}.card:hover .ph img{transform:scale(1.07)}.card .ph{position:absolute;top:0;right:0;bottom:0;left:0}.card-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.35rem;padding:1.5rem;color:#fff;background:linear-gradient(to top,#2a3441d1,#2a34411f 62%)}.card strong{font-family:var(--head);font-size:1.7rem;font-weight:600;line-height:1.2}.card-lead{font-size:.92rem;opacity:.92;max-width:26rem}.card-go{display:inline-flex;gap:.3rem;align-items:center;font-size:.9rem;color:var(--champ);margin-top:.3rem}.size-a{grid-column:span 7;min-height:460px}.size-b{grid-column:span 5;min-height:460px}.size-c{grid-column:span 4;min-height:340px}.size-d{grid-column:span 4;min-height:300px}.size-a strong,.size-b strong{font-size:2.2rem}.card .art{color:#0e5a5f99}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:2rem}.chip{padding:.55rem 1.3rem;background:#ffffffd9;border:1px solid rgba(44,140,143,.35);border-radius:999px;cursor:pointer;transition:background .25s,transform .25s,border-color .25s,color .25s}.chip:hover,.chip.on{background:var(--rose-d);border-color:var(--rose-d);color:#fff;transform:translateY(-2px)}.cn-panel{max-width:40rem;margin:2rem auto 0;padding:1.6rem 2rem;background:#fff;border-radius:24px;box-shadow:0 24px 50px -30px #0e5a5f59;animation:pop .35s ease-out}.cn-panel h3{margin:0 0 .4rem;font-size:1.6rem;color:var(--rose-d)}.cn-panel p{color:var(--muted)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.soft{aspect-ratio:4/3;height:auto;border-radius:32px}.contact-card{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;padding:clamp(1.6rem,5vw,3.5rem);background:linear-gradient(135deg,var(--cream),var(--blush));border-radius:32px;box-shadow:0 30px 60px -40px #2a344180}.contact-list{list-style:none;padding:0;display:grid;gap:1.1rem;align-content:start}.contact-list li{display:flex;gap:.9rem;align-items:flex-start}.contact-list svg{color:var(--rose-d);flex:none;margin-top:.4rem}.contact-list address{font-style:normal;display:flex;flex-direction:column}.contact-list a{text-underline-offset:4px}.social{gap:.8rem!important}.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--rose);transition:background .25s}.social a:hover{background:#fff}.footer{background:#fff;color:var(--muted);text-align:center;padding:2.4rem 1rem;display:grid;gap:.6rem;justify-items:center;font-size:.9rem}.foot-logo{width:170px}.dlg{margin:auto;border:0;padding:0;border-radius:28px;max-width:min(920px,94vw);width:100%;background:var(--ivory);color:var(--ink);overflow:hidden}.dlg::backdrop{background:#2a34418c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dlg[open]{animation:pop .35s ease-out}.dlg-in{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;max-height:88vh}.dlg-img{min-height:100%}.dlg-body{padding:2rem;overflow:auto}.dlg-body h3{margin-top:0;font-size:2rem}.x{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fffffff2;cursor:pointer;display:grid;place-items:center}.protocols{list-style:none;padding:0;margin:1.2rem 0 1.6rem;border-top:1px solid var(--line)}.protocols li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.protocols span{color:var(--muted);font-size:.92rem;text-align:end}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.rv{opacity:0;transform:translateY(24px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}.card.rv.in:hover{transform:translateY(-4px)}@media (max-width:900px){.hero,.about,.split,.contact-card{grid-template-columns:1fr}.hero{padding-top:6.5rem;min-height:auto}.hero-visual{height:460px;max-width:380px}.float-card{inset-inline-end:0}.orb{inset-inline-start:-4%}.svc-grid{grid-template-columns:1fr 1fr}.size-a,.size-b{grid-column:span 2;min-height:360px}.size-c,.size-d{grid-column:span 1;min-height:280px}.dlg-in{grid-template-columns:1fr;overflow:auto}.dlg-img{height:200px;min-height:200px}.band.deep{border-radius:32px 32px 0 0}}@media (max-width:560px){.svc-grid{grid-template-columns:1fr}.size-c,.size-d,.size-a,.size-b{grid-column:span 1}.card strong{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}.dlg-sm{max-width:min(440px,94vw)}.ct{position:relative;padding:2.4rem 2rem 2rem;text-align:center}.ct h3{margin-top:0}.ct p{color:var(--muted)}.ct-num{display:block;font-family:var(--head);font-size:clamp(1.8rem,7vw,2.3rem);font-weight:700;color:var(--rose-d);text-decoration:none;margin:1rem 0 .4rem}.ct .actions{justify-content:center}
