@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');
:root{
  --ink:#14221f;--muted:#66736f;--line:#dce6e2;--paper:#f7faf9;--white:#fff;
  --teal:#0f766e;--teal-dark:#0a514c;--mint:#dff7ef;--lime:#a8e6cf;--warm:#f4efe6;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Alexandria",Tahoma,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}
main{position:relative;min-height:100vh}.page-glow{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none;z-index:-1}.page-glow-one{width:510px;height:510px;background:radial-gradient(circle,rgba(168,230,207,.4),transparent 68%);top:-180px;left:-180px}.page-glow-two{width:420px;height:420px;background:radial-gradient(circle,rgba(15,118,110,.13),transparent 70%);top:520px;right:-260px}
.site-header{width:min(1180px,calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(20,34,31,.09);position:relative;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,var(--teal-dark),var(--teal));color:#fff;font-size:1.28rem;font-weight:800;box-shadow:0 8px 20px rgba(15,118,110,.2)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:1rem;letter-spacing:.09em}.brand-copy small{font-size:.58rem;color:var(--muted);margin-top:6px}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:.78rem;font-weight:600;color:#3f4c48}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:2px;background:var(--teal);transition:.2s}.desktop-nav a:hover:after{width:100%}.header-action{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.7);font-size:.72rem;font-weight:700;transition:.2s}.header-action:hover{border-color:var(--teal);color:var(--teal)}.mobile-menu{display:none}.mobile-menu summary{list-style:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:18px;height:2px;background:var(--ink);border-radius:9px}.mobile-menu nav{position:absolute;top:72px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(15,35,31,.13);padding:9px}.mobile-menu nav a{display:block;padding:13px;border-radius:9px;font-size:.78rem;font-weight:700}.mobile-menu nav a:hover{background:var(--mint);color:var(--teal-dark)}
.hero{width:min(1180px,calc(100% - 40px));min-height:650px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding:65px 0 82px}.eyebrow{margin:0 0 17px;display:flex;align-items:center;gap:9px;color:var(--teal);font-size:.69rem;font-weight:800;letter-spacing:.02em}.eyebrow span{width:22px;height:2px;background:currentColor;border-radius:3px}.hero h1{font-size:clamp(2.8rem,5.6vw,5.15rem);line-height:1.18;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero-description{max-width:630px;margin:25px 0 0;color:var(--muted);font-size:1rem;line-height:2}.hero-actions{display:flex;align-items:center;gap:11px;margin-top:32px}.button{min-height:50px;padding:0 19px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.76rem;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--teal-dark),var(--teal));color:#fff;box-shadow:0 14px 28px rgba(15,118,110,.2)}.button-quiet{background:#fff;border:1px solid var(--line)}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;color:var(--muted);font-size:.66rem}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--teal);font-size:.58rem}
.hero-visual{height:520px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;inset:48px;border-radius:50%;background:radial-gradient(circle,rgba(223,247,239,.9),rgba(223,247,239,.22) 52%,transparent 70%)}.orbit{position:absolute;border:1px dashed rgba(15,118,110,.25);border-radius:50%}.orbit-outer{width:430px;height:430px;animation:spin 35s linear infinite}.orbit-inner{width:300px;height:300px;animation:spin-reverse 25s linear infinite}.visual-core{width:208px;height:208px;border-radius:48px;background:rgba(255,255,255,.88);border:1px solid rgba(15,118,110,.16);backdrop-filter:blur(12px);box-shadow:0 30px 70px rgba(11,81,76,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;text-align:center}.core-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--teal-dark),var(--teal));color:#fff;font-size:1.7rem;font-weight:800;margin-bottom:15px}.visual-core strong{font-size:.92rem}.visual-core small{font-size:.57rem;color:var(--muted);margin-top:7px}.floating-card{position:absolute;z-index:4;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 17px 40px rgba(15,51,45,.12);min-width:150px}.floating-card-one{top:76px;left:5px}.floating-card-two{right:0;bottom:95px}.floating-card.muted{opacity:.78}.mini-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--teal-dark);font-weight:800;font-size:.68rem}.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:.7rem}.floating-card small{font-size:.55rem;color:var(--teal);margin-top:4px}.floating-metric{position:absolute;left:32px;bottom:55px;z-index:3;background:var(--teal-dark);color:#fff;padding:13px 17px;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 16px 34px rgba(10,81,76,.25)}.floating-metric span{font-size:.55rem;opacity:.7}.floating-metric strong{font-size:.68rem;margin-top:4px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.58);padding:24px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.trust-strip p{margin:0;color:var(--muted);font-size:.63rem}.trust-strip div{display:flex;align-items:center;gap:23px;font-size:.72rem;font-weight:700}.trust-strip i{width:4px;height:4px;background:var(--lime);border-radius:50%}
.applications-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:112px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-heading h2,.why-intro h2,.about-card h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.35;letter-spacing:-.045em;margin:0}.section-heading>p{max-width:430px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.9}.application-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:18px}.application-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:29px;min-height:475px;position:relative;overflow:hidden}.application-card.featured:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(168,230,207,.28),transparent 67%);top:-90px;left:-70px}.app-card-top{display:flex;align-items:center;justify-content:space-between;position:relative}.app-monogram{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:var(--teal-dark);color:#fff;font-size:.8rem;font-weight:800}.status{padding:7px 10px;border-radius:999px;font-size:.58rem;font-weight:800}.status-live{background:var(--mint);color:var(--teal-dark)}.status-soon{background:var(--warm);color:#7b6547}.app-category{color:var(--teal);font-size:.62rem;font-weight:800;margin:28px 0 7px}.application-card h3{font-size:2.05rem;margin:0;letter-spacing:-.03em}.app-description{max-width:680px;color:var(--muted);font-size:.78rem;line-height:1.9;margin:12px 0 19px}.application-card ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.application-card li{font-size:.68rem;display:flex;align-items:center;gap:8px}.application-card li span{width:18px;height:18px;border-radius:50%;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:.56rem}.app-actions{position:absolute;right:29px;left:29px;bottom:28px;display:flex;align-items:center;gap:10px}.card-primary{padding:11px 14px;border-radius:10px;background:var(--teal);color:#fff;font-size:.68rem;font-weight:800;display:flex;align-items:center;gap:15px}.card-secondary{padding:11px 14px;font-size:.66rem;font-weight:700;color:var(--teal)}.coming-soon-card{display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(145deg,#f4f8f7,#edf3f1)}.coming-symbol{width:76px;height:76px;border-radius:23px;border:1px dashed #9eb5ae;display:grid;place-items:center;color:var(--teal);font-size:1.5rem}.coming-soon-card h3{font-size:1.45rem;line-height:1.5}.soon-lines{display:grid;gap:8px;margin-top:20px}.soon-lines span{height:9px;border-radius:10px;background:#dfe8e5}.soon-lines span:nth-child(2){width:78%}.soon-lines span:nth-child(3){width:53%}.soon-note{position:absolute;right:29px;bottom:30px;color:var(--muted);font-size:.62rem;font-weight:700}
.app-card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.application-card.featured:has(.app-card-link){transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}.application-card.featured:has(.app-card-link):hover{transform:translateY(-3px);border-color:rgba(15,118,110,.42);box-shadow:0 20px 45px rgba(15,81,76,.1)}.application-card.featured:has(.app-card-link):focus-within{outline:3px solid rgba(15,118,110,.22);outline-offset:3px}.interactive-layer{z-index:2}.interactive-layer a{position:relative;z-index:2}
.why-section{background:var(--teal-dark);color:#fff;padding:105px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.eyebrow.light{color:var(--lime)}.why-intro h2{font-size:clamp(2rem,3.7vw,3.2rem)}.why-intro>p:last-child{color:rgba(255,255,255,.62);font-size:.78rem;line-height:1.95;margin:22px 0 0}.strength-list{border-top:1px solid rgba(255,255,255,.16)}.strength-list article{display:grid;grid-template-columns:55px 1fr;gap:17px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)}.strength-list article>span{color:var(--lime);font-size:.66rem;font-weight:800}.strength-list h3{margin:0;font-size:.9rem}.strength-list p{margin:8px 0 0;color:rgba(255,255,255,.6);font-size:.7rem;line-height:1.8}
.about-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:110px 0}.about-card{display:grid;grid-template-columns:110px 1fr .8fr;align-items:center;gap:35px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:43px}.about-mark{width:98px;height:98px;border-radius:28px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-size:2.8rem;font-weight:800}.about-card h2{font-size:clamp(1.8rem,3vw,2.65rem)}.about-card>p{color:var(--muted);font-size:.75rem;line-height:2;margin:0;border-right:1px solid var(--line);padding-right:30px}
.contact-preview{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:center;padding:45px;border:1px solid var(--line);border-radius:28px;background:#fff}.contact-preview h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.45;letter-spacing:-.04em;margin:0}.contact-preview-copy>p:not(.eyebrow){color:var(--muted);font-size:.78rem;line-height:1.95;margin:18px 0 24px}.contact-preview-methods{display:grid;gap:11px}.contact-preview-methods>a{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--paper);transition:.2s}.contact-preview-methods>a:hover{border-color:rgba(15,118,110,.45);transform:translateX(-3px)}.contact-preview-methods>a>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--teal-dark);font-size:.72rem;font-weight:800;flex:0 0 auto}.contact-preview-methods div{display:flex;flex-direction:column;min-width:0}.contact-preview-methods strong{font-size:.75rem}.contact-preview-methods small{color:var(--muted);font-size:.59rem;margin-top:5px;overflow-wrap:anywhere}
.final-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;border-radius:28px;background:linear-gradient(135deg,#0a514c,#0f766e);color:#fff;padding:43px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.final-cta:after{content:"A";position:absolute;left:22%;top:50%;transform:translateY(-50%);font-size:12rem;font-weight:800;color:rgba(255,255,255,.035);line-height:1}.cta-kicker{font-size:.62rem;color:var(--lime);font-weight:800}.final-cta h2{max-width:660px;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.5;margin:8px 0 0}.cta-actions{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.button-white{background:#fff;color:var(--teal-dark);white-space:nowrap}.cta-login{font-size:.7rem;font-weight:700;white-space:nowrap}
footer{width:min(1180px,calc(100% - 40px));margin:auto;padding:35px 0 42px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px}.footer-brand{grid-row:1/3}.footer-links{display:flex;gap:20px;font-size:.65rem;font-weight:700;justify-content:center}footer>p{margin:0;color:var(--muted);font-size:.65rem;text-align:center}footer>small{font-size:.58rem;color:var(--muted);grid-column:3;grid-row:1/3}
@media(max-width:960px){.desktop-nav,.header-action{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-copy{text-align:center}.eyebrow,.hero-actions,.hero-notes{justify-content:center}.hero-description{margin-right:auto;margin-left:auto}.hero-visual{height:480px}.application-grid{grid-template-columns:1fr}.section-heading{align-items:start}.why-section{grid-template-columns:1fr;gap:45px}.about-card{grid-template-columns:90px 1fr}.about-card>p{grid-column:1/-1;border-right:0;border-top:1px solid var(--line);padding:24px 0 0}.contact-preview{grid-template-columns:1fr}.final-cta{display:block;text-align:center}.cta-actions{justify-content:center;margin-top:27px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{grid-row:auto;justify-content:center}.footer-links{grid-row:auto}footer>small{grid-column:auto;grid-row:auto}}
@media(max-width:620px){.site-header,.hero,.applications-section,.about-section,.contact-preview,.final-cta,footer{width:min(100% - 26px,1180px)}.site-header{height:74px}.brand-mark{width:38px;height:38px}.hero{padding:46px 0 60px;min-height:auto}.hero h1{font-size:2.55rem}.hero-description{font-size:.82rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-notes{gap:10px}.hero-visual{height:390px}.orbit-outer{width:330px;height:330px}.orbit-inner{width:240px;height:240px}.visual-core{width:170px;height:170px;border-radius:40px}.floating-card{padding:9px 10px;min-width:130px}.floating-card-one{top:42px}.floating-card-two{bottom:50px}.floating-metric{display:none}.trust-strip{display:block;text-align:center;padding:20px 13px}.trust-strip div{justify-content:center;flex-wrap:wrap;margin-top:13px;gap:11px}.section-heading{display:block}.section-heading>p{margin-top:20px}.applications-section{padding:75px 0}.application-card{padding:22px;min-height:500px}.application-card ul{grid-template-columns:1fr}.app-actions{right:22px;left:22px;bottom:22px;align-items:stretch;flex-direction:column}.card-primary,.card-secondary{justify-content:center}.why-section{padding:72px 20px}.about-section{padding:72px 0}.about-card{display:block;padding:25px}.about-mark{width:74px;height:74px;font-size:2rem;margin-bottom:25px}.about-card>p{margin-top:25px}.contact-preview{padding:26px 20px;margin-bottom:60px;gap:30px}.contact-preview .button{width:100%}.final-cta{padding:32px 21px;margin-bottom:60px}.cta-actions{flex-direction:column}.cta-actions .button{width:100%}footer{padding-bottom:35px}.footer-links{flex-wrap:wrap}}

/* صفحة التواصل */
.contact-main{min-height:100vh}.contact-hero{width:min(1180px,calc(100% - 40px));margin:auto;padding:82px 0 38px;text-align:center}.contact-hero .eyebrow{justify-content:center}.contact-hero h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.3;letter-spacing:-.05em;margin:0}.contact-hero p:last-child{max-width:680px;margin:20px auto 0;color:var(--muted);font-size:.86rem;line-height:2}.contact-layout{width:min(1040px,calc(100% - 40px));margin:0 auto 90px;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.contact-form-card,.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.contact-form-card h2,.contact-info-card h2{font-size:1.3rem;margin:0 0 8px}.card-lead{color:var(--muted);font-size:.7rem;line-height:1.8;margin:0 0 23px}.contact-form{display:grid;gap:15px}.contact-field{display:grid;gap:7px}.contact-field label{font-size:.68rem;font-weight:700}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);padding:12px 13px;font:inherit;font-size:.72rem;outline:none;transition:.2s}.contact-field textarea{min-height:125px;resize:vertical;line-height:1.8}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,118,110,.1);background:#fff}.contact-form .button{border:0;cursor:pointer;width:100%;margin-top:3px}.form-note{color:var(--muted);font-size:.58rem;line-height:1.7;margin:0;text-align:center}.contact-method-list{display:grid;gap:11px;margin-top:22px}.contact-method{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--paper);transition:.2s}.contact-method:hover{border-color:rgba(15,118,110,.45);transform:translateX(-2px)}.contact-method-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--teal-dark);font-weight:800;font-size:.7rem;flex:0 0 auto}.contact-method div{display:flex;flex-direction:column;min-width:0}.contact-method strong{font-size:.69rem}.contact-method small{color:var(--muted);font-size:.57rem;margin-top:5px;overflow-wrap:anywhere}.contact-hours{margin-top:22px;padding:16px;border-radius:13px;background:var(--mint);color:var(--teal-dark);font-size:.65rem;line-height:1.8}.contact-back{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:.7rem;font-weight:700;margin-top:22px}
@media(max-width:760px){.contact-hero{padding:58px 0 30px}.contact-layout{grid-template-columns:1fr}.contact-form-card,.contact-info-card{padding:23px}}
@media(max-width:620px){.contact-hero,.contact-layout{width:min(100% - 26px,1040px)}.contact-hero h1{font-size:2.35rem}.contact-layout{margin-bottom:60px}}
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}body{padding-top:88px}main{width:100%;min-width:0;overflow-x:hidden;overflow-x:clip}.hero-visual{width:100%;min-width:0;overflow-x:hidden;overflow-x:clip}.site-header{position:fixed;top:0;left:0;transform:none;width:100%;max-width:none;z-index:50;padding-inline:max(20px,calc((100% - 1180px)/2));background:rgba(247,250,249,.9);border-radius:0;box-shadow:0 10px 28px rgba(15,51,45,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.desktop-nav{margin-inline-start:auto}section[id]{scroll-margin-top:100px}
@media(max-width:620px){body{padding-top:74px}.site-header{padding-inline:13px}section[id]{scroll-margin-top:86px}}
@media(max-width:620px){.orbit-outer{width:min(330px,calc(100vw - 36px));height:auto;aspect-ratio:1}.orbit-inner{width:min(240px,calc(100vw - 100px));height:auto;aspect-ratio:1}.floating-card-one{left:0}.floating-card-two{right:0}}
.why-section{width:100%;min-width:0;overflow:hidden;padding-inline:max(28px,calc((100% - 1180px)/2))}.why-intro,.strength-list{min-width:0;max-width:100%}.why-intro h2,.why-intro p{max-width:100%;overflow-wrap:anywhere}
@media(max-width:620px){.why-section{padding-inline:26px}.why-intro .eyebrow{justify-content:flex-start}}
html{scrollbar-width:thin;scrollbar-color:rgba(15,118,110,.32) transparent}html::-webkit-scrollbar{width:4px;height:4px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:rgba(15,118,110,.32);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:rgba(15,118,110,.55)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.button{transition:none}}
