@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap";
@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes heroBtnPulse{0%,to{box-shadow:0 4px 20px #00000026 inset 0 1px 0 #ffffff40}50%{box-shadow:0 6px 30px #00000038 inset 0 1px 0 #ffffff59}}@keyframes shimmerSweep{0%{background-position:-200%}to{background-position:200%}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}}.hero-container{box-sizing:border-box;justify-content:center;width:100%;padding-top:96px;padding-bottom:2.5rem;display:flex;position:relative}.hero-card{text-align:center;-webkit-backdrop-filter:blur(32px)saturate(1.9)brightness(1.04);width:90%;min-height:480px;box-shadow:0 12px 48px #00000017 0 2px 8px #0000000f inset 0 2px 0 #ffffffa6 inset 0 -1px 0 #ffffff26;direction:rtl;background:#ffffff38;border:1px solid #ffffff80;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;padding:5rem 3rem 4rem;font-family:Tajawal,sans-serif;animation:.7s cubic-bezier(.16,1,.3,1) both heroFadeUp;display:flex;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fffc 35%,#fff 50%,#fffc 65%,#0000 100%) 0 0/200% 100%;height:1px;animation:5s linear infinite shimmerSweep;position:absolute;top:0;left:10%;right:10%}.hero-card:after{content:"";background:radial-gradient(ellipse 55% 45% at 15% 20%,var(--card-orb-a)0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 75%,var(--card-orb-b)0%,transparent 70%);pointer-events:none;z-index:0;animation:12s ease-in-out infinite orbFloat;position:absolute;inset:0}.hero-title{z-index:1;color:#12121ceb;letter-spacing:-.02em;text-shadow:0 1px 3px #ffffff80;margin:0 0 1.25rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.18;animation:.75s cubic-bezier(.16,1,.3,1) .1s both heroFadeUp;position:relative}.highlight-text{background:linear-gradient(130deg,var(--highlight-grad-from)0%,var(--highlight-grad-mid)55%,var(--highlight-grad-to)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.hero-subtitle{z-index:1;color:#28283cad;max-width:580px;margin:0 0 2.75rem;font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:400;line-height:1.75;animation:.75s cubic-bezier(.16,1,.3,1) .2s both heroFadeUp;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;animation:.75s cubic-bezier(.16,1,.3,1) .3s both heroFadeUp;display:flex;position:relative}.hero-btn{border-radius:14px;align-items:center;gap:.6rem;padding:.85rem 2rem;font-family:Tajawal,sans-serif;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden}.hero-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-btn:hover:before{left:150%}.hero-btn:hover{transform:translateY(-2px)}.hero-btn:active{transform:translateY(0)}.hero-btn.primary{color:#fafafbf2;box-shadow:0 4px 20px #0000002e inset 0 1px 0 #ffffff2e;background:#12121ee0;border:1px solid #ffffff1f;animation:4s ease-in-out infinite heroBtnPulse}.hero-btn.primary:hover{box-shadow:0 8px 32px #00000040 inset 0 1px 0 #ffffff38;background:#12121ef5}.hero-btn.secondary{color:#12121ed1;box-shadow:inset 0 1px 0 #ffffffb3 0 2px 10px #0000000f;-webkit-backdrop-filter:blur(8px);background:#ffffff4d;border:1px solid #fff9}.hero-btn.secondary:hover{box-shadow:inset 0 1.5px 0 #ffffffe6 0 4px 18px #0000001a;background:#ffffff85}@media (max-width:768px){.hero-container{padding-top:100px;padding-bottom:1.5rem}.hero-card{border-radius:28px;width:94%;padding:3.5rem 1.5rem 3rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.05rem}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-btn{justify-content:center;width:100%;padding:1rem 1.5rem}}
*{-webkit-tap-highlight-color:transparent}.body-container{color:#0f0f16e6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;font-family:Tajawal,-apple-system,sans-serif}.section{max-width:1400px;margin:0 auto;padding:clamp(2.5rem,5vw,5rem) clamp(1.5rem,5vw,4rem)}.section-label{color:var(--app-accent);letter-spacing:.18em;text-transform:uppercase;background:color-mix(in srgb,var(--app-accent)8%,transparent);border:1px solid color-mix(in srgb,var(--app-accent)22%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;margin-bottom:1.5rem;padding:.3rem .9rem;font-size:clamp(.72rem,1.8vw,.82rem);font-weight:700;display:inline-block}.section-title{letter-spacing:-.025em;color:#0f0f16eb;max-width:1000px;margin-bottom:clamp(1.5rem,3vw,2.5rem);font-size:clamp(2.2rem,6vw,4.8rem);font-weight:900;line-height:1.08}.serif-italic{background:linear-gradient(130deg,var(--highlight-grad-from)0%,var(--highlight-grad-mid)55%,var(--highlight-grad-to)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:KFGQPC Uthmani,Amiri,serif;font-style:normal;font-weight:500}.section-lead{color:#323246a6;max-width:820px;font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:400;line-height:1.75}.bento-grid{grid-template-rows:auto auto auto;grid-template-columns:repeat(2,1fr);gap:clamp(.85rem,2vw,1.4rem);display:grid}.bento-item{-webkit-backdrop-filter:blur(28px)saturate(1.85)brightness(1.04);box-shadow:0 1px 0 #ffffffe6 0 4px 18px #00000012 0 1px 4px #0000000f inset 0 1.5px 0 #ffffffb8 inset 0 -1px 0 #ffffff24;backface-visibility:hidden;background:#ffffff38;border:1.5px solid #ffffff94;border-color:#ffffff94 #ffffff94 #c3d0e461 #c3d0e461;border-radius:clamp(20px,4vw,34px);flex-direction:column;padding:clamp(1.5rem,3.5vw,2.75rem);transition:box-shadow .32s cubic-bezier(.16,1,.3,1),border-color .32s,transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.bento-item:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffe6 35%,#fff 50%,#ffffffe6 65%,#0000);border-radius:50%;height:1px;position:absolute;top:0;left:12%;right:12%}.bento-item:after{content:"";background:radial-gradient(circle,var(--card-orb-a)0%,transparent 70%);pointer-events:none;z-index:0;width:55%;height:55%;transition:opacity .35s;position:absolute;top:-35%;right:-15%}@media (hover:hover){.bento-item:hover{border-color:#fffc;border-bottom-color:color-mix(in srgb,var(--app-accent)20%,#c3d0e461);border-left-color:color-mix(in srgb,var(--app-accent)20%,#c3d0e461);box-shadow:0 1px 0 #fffffff2 0 22px 58px #0000001c 0 6px 18px #00000012 0 0 0 1.5px color-mix(in srgb,var(--app-accent)16%,transparent),inset 0 2px 0 #ffffffd9 inset 0 -1px 0 #fff3;transform:translateY(-5px)translateZ(0)}.bento-item:hover:after{opacity:2}}.bento-item:active{transition-duration:.1s;transform:translateY(-1px)translateZ(0)}.item-header{z-index:2;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.item-tag{color:var(--app-text-main);box-shadow:inset 0 1px 0 #ffffffc7 0 1px 3px #0000000d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background:#ffffff85;border:1px solid #ffffffb3;border-radius:99px;padding:.28rem .88rem;font-size:clamp(.68rem,1.4vw,.78rem);font-weight:700;position:relative}.bento-item h3{color:#0f0f16e6;letter-spacing:-.015em;z-index:2;margin:1.2rem 0 .8rem;font-size:clamp(1.25rem,2.8vw,1.9rem);font-weight:800;line-height:1.22;position:relative}.bento-item p{color:#2d2d419e;z-index:2;font-size:clamp(.92rem,1.8vw,1.08rem);line-height:1.78;position:relative}.item-icon{color:var(--app-text-main);z-index:2;opacity:.7;font-size:clamp(1.35rem,2.5vw,1.75rem);transition:opacity .25s,color .25s,transform .3s cubic-bezier(.16,1,.3,1);position:relative}@media (hover:hover){.bento-item:hover .item-icon{opacity:1;color:var(--app-accent);transform:scale(1.15)rotate(-4deg)}}.item-content{z-index:2;position:relative}.main-feature{grid-area:1/1/3/2;padding:0;overflow:hidden}.main-feature:after{background:radial-gradient(circle,var(--card-orb-b)0%,transparent 70%);width:55%;height:55%;inset:auto auto -20% -15%}.main-feature .item-content{flex-direction:column;flex-grow:1;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.feature-image-wrapper{border-radius:clamp(18px,3.5vw,32px) clamp(18px,3.5vw,32px) 0 0;width:100%;height:clamp(200px,28vw,300px);position:relative;overflow:hidden}.feature-image{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;transition:transform .65s cubic-bezier(.16,1,.3,1);transform:translateZ(0)}@media (hover:hover){.main-feature:hover .feature-image{transform:scale(1.05)translateZ(0)}}.image-overlay{pointer-events:none;background:linear-gradient(#0000 30%,#f0f2fc1f 100%);position:absolute;inset:0}.main-feature h3{margin-top:0;font-size:clamp(1.5rem,3.2vw,2.1rem)}.interaction-hint{color:var(--app-accent);opacity:0;align-items:center;gap:.6rem;margin-top:auto;padding-top:1rem;font-size:clamp(.78rem,1.5vw,.88rem);font-weight:700;transition:opacity .28s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(6px)}@media (hover:hover){.bento-item:hover .interaction-hint{opacity:1;transform:translateY(0)}}.half-feature{grid-column:2/3}.full-width{grid-column:1/3}.grid-horizontal{align-items:center;gap:clamp(2rem,5vw,4rem);display:flex}.text-side{flex:1}.icon-side{flex:.45;justify-content:center;display:flex}.floating-icons{background:linear-gradient(130deg,var(--highlight-grad-from)0%,var(--highlight-grad-mid)55%,var(--highlight-grad-to)100%);-webkit-text-fill-color:transparent;opacity:.38;-webkit-background-clip:text;background-clip:text;gap:clamp(1.25rem,2.5vw,2rem);font-size:clamp(2.2rem,4.5vw,3.2rem);transition:opacity .3s;display:flex}@media (hover:hover){.bento-item:hover .floating-icons{opacity:.68}}.bg-decor{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.decor-blob{filter:blur(110px);opacity:.09;will-change:auto;border-radius:50%;position:absolute;transform:translateZ(0)}.blob-1{background:var(--highlight-grad-from);width:clamp(380px,48vw,580px);height:clamp(380px,48vw,580px);top:-280px;left:-180px}.blob-2{background:var(--app-accent);width:clamp(320px,42vw,480px);height:clamp(320px,42vw,480px);bottom:-180px;right:-80px}.values-grid{border-top:1.5px solid #ffffff85;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2.5vw,1.5rem);padding-top:clamp(3rem,6vw,5.5rem);display:grid}.value-item{-webkit-backdrop-filter:blur(16px)saturate(1.6);backdrop-filter:blur(16px)saturate(1.6);box-shadow:0 1px 0 #ffffffd9 0 4px 16px #0000000d inset 0 1.5px 0 #ffffffa6;background:#ffffff2e;border:1.5px solid #ffffff85;border-bottom-color:#c3d0e459;border-radius:clamp(16px,3vw,24px);flex-direction:column;gap:1rem;padding:clamp(1.25rem,2.5vw,1.75rem);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.value-item:before{content:"";background:radial-gradient(circle,var(--card-orb-a)0%,transparent 70%);pointer-events:none;width:50%;height:50%;position:absolute;top:-20%;right:-10%}@media (hover:hover){.value-item:hover{box-shadow:0 1px 0 #fffffff2 0 14px 36px #00000017 inset 0 2px 0 #fffc;transform:translateY(-3px)}}.value-num{color:var(--app-accent);letter-spacing:.08em;background:color-mix(in srgb,var(--app-accent)8%,transparent);border:1px solid color-mix(in srgb,var(--app-accent)20%,transparent);z-index:1;border-radius:7px;width:fit-content;padding:.2rem .65rem;font-size:clamp(.7rem,1.4vw,.8rem);font-weight:800;display:inline-block;position:relative}.value-item h4{color:#0f0f16e6;letter-spacing:-.01em;z-index:1;margin:0;font-size:clamp(1.15rem,2.2vw,1.35rem);font-weight:800;position:relative}.value-item p{color:#2d2d4194;z-index:1;margin:0;font-size:clamp(.9rem,1.8vw,1.02rem);line-height:1.78;position:relative}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr}.main-feature,.half-feature,.full-width{grid-area:auto/1/auto/-1}.grid-horizontal{flex-direction:column;gap:2rem}.icon-side{flex:1}.feature-image-wrapper{border-radius:clamp(18px,3.5vw,32px) clamp(18px,3.5vw,32px) 0 0;height:250px}}@media (max-width:768px){.section{padding:2.75rem 1.25rem}.bento-item{border-radius:22px;padding:1.75rem}.main-feature .item-content{padding:1.75rem}.feature-image-wrapper{border-radius:20px 20px 0 0;height:220px}.values-grid{grid-template-columns:1fr;gap:1rem;padding-top:3rem}.interaction-hint{opacity:.55;transform:translateY(0)}.decor-blob{filter:blur(80px)}}@media (max-width:480px){.section{padding:2rem 1rem}.bento-item{border-radius:18px;padding:1.5rem}.main-feature .item-content{padding:1.5rem}.feature-image-wrapper{border-radius:16px 16px 0 0;height:190px}.decor-blob{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}