:root{--font-arabic:"Tajawal","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--font-latin:Inter,"Segoe UI",Roboto,Arial,sans-serif;--content-width:1220px;--radius-lg:1.35rem;--brand:#46df8b;--accent:#b7ff72;--brand-glow:rgba(70,223,139,.22);--danger:#d94e61;--button-text:#062016;--background:#061713;--background-muted:#0a1d18;--surface:#10241e;--surface-soft:rgba(255,255,255,.055);--surface-highlight:rgba(255,255,255,.11);--text-strong:#f3f8f4;--text-muted:#9fb1a8;--text-subtle:#71827a;--border:rgba(190,255,220,.13);--border-strong:rgba(190,255,220,.23);--contrast:#07110e;--contrast-text:#f3f8f4;--shadow-soft:0 12px 40px rgba(0,0,0,.16);--shadow-raised:0 25px 80px rgba(0,0,0,.28)}:root[data-theme=light]{--brand:#17795b;--accent:#6ee68f;--brand-glow:rgba(23,121,91,.15);--button-text:#062016;--background:#f5f8f6;--background-muted:#edf3ef;--surface:#ffffff;--surface-soft:rgba(17,75,58,.055);--surface-highlight:rgba(255,255,255,.92);--text-strong:#10251e;--text-muted:#536b62;--text-subtle:#71867e;--border:rgba(16,62,49,.12);--border-strong:rgba(16,62,49,.2);--contrast:#123f58;--contrast-text:#fff;--shadow-soft:0 12px 36px rgba(25,65,51,.09);--shadow-raised:0 25px 70px rgba(25,65,51,.14)}*,*:before,*:after{box-sizing:border-box}html{min-inline-size:320px;scroll-behavior:smooth;background:var(--background)}body{margin:0;min-block-size:100vh;background:var(--background);color:var(--text-strong);font-family:var(--font-arabic);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[lang=en] body{font-family:var(--font-latin)}button,input,textarea,select{font:inherit}img,svg{max-inline-size:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 72%,white);outline-offset:3px}::selection{background:var(--brand);color:var(--button-text)}app-cms-section .hero-media{position:relative;margin:0;isolation:isolate}app-cms-section .hero-media:before{content:"";position:absolute;inset:12% -6%;z-index:-1;background:radial-gradient(circle,var(--brand-glow),transparent 68%);filter:blur(24px)}app-cms-section .hero-media img{inline-size:100%;block-size:auto;max-block-size:34rem;object-fit:contain;filter:drop-shadow(0 32px 55px rgba(0,0,0,.28))}app-cms-section .hero-dashboard{position:relative;min-block-size:26rem;padding:1rem;border:1px solid rgba(190,242,100,.08);border-radius:1rem;background:linear-gradient(145deg,#132a1ffa,#07160efa);box-shadow:0 28px 80px #00000052,0 0 70px #84cc1609;transform:perspective(1000px) rotateY(4deg)}app-cms-section .hero-dashboard:before{content:"";position:absolute;inset:-18%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(132,204,22,.11),transparent 66%);filter:blur(20px)}app-cms-section .dashboard-browser{block-size:2.2rem;display:flex;align-items:center;gap:.35rem;padding-inline:.75rem;border-radius:.55rem;background:#ffffff09;direction:ltr}app-cms-section .dashboard-browser span{margin-inline-end:auto;color:#ffffff2e;font:500 .55rem var(--font-latin)}app-cms-section .dashboard-browser i{inline-size:.48rem;block-size:.48rem;border-radius:50%;background:#ef4444}app-cms-section .dashboard-browser i:nth-last-child(2){background:#facc15}app-cms-section .dashboard-browser i:nth-last-child(3){background:var(--brand)}app-cms-section .dashboard-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:.75rem;margin-block-start:.75rem;direction:ltr}app-cms-section .dashboard-grid section{min-block-size:20.5rem;padding:1.1rem;border-radius:.8rem;background:#ffffff09;direction:rtl}app-cms-section .dashboard-grid strong{display:block;color:#ffffff94;font-size:.8rem;text-align:start}app-cms-section .nutrition-ring{inline-size:7.2rem;block-size:7.2rem;margin:1.2rem auto 1.7rem;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at center,#10231a 55%,transparent 56%),conic-gradient(var(--brand) 0 70%,rgba(255,255,255,.07) 70%)}app-cms-section .nutrition-ring span{font:700 1.35rem var(--font-latin);color:#fff}app-cms-section .macro-row{position:relative;display:flex;align-items:center;justify-content:space-between;min-block-size:2.1rem;color:#ffffff9e;font-size:.66rem}app-cms-section .macro-row:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;border-radius:3px;background:linear-gradient(to left,var(--macro),var(--macro) var(--w),rgba(255,255,255,.06) var(--w))}app-cms-section .macro-row b{font:600 .65rem var(--font-latin)}app-cms-section .protein{--macro:#84cc16;--w:35%}app-cms-section .carbs{--macro:#22c55e;--w:45%}app-cms-section .fats{--macro:#f59e0b;--w:20%}app-cms-section .analytics-chart{display:flex;flex-direction:column}app-cms-section .bars{direction:ltr;flex:1;display:flex;align-items:flex-end;gap:clamp(.35rem,1vw,.7rem);padding:1.8rem .2rem .45rem;border-block-end:1px solid rgba(255,255,255,.06);background:repeating-linear-gradient(to top,transparent 0,transparent 25%,rgba(255,255,255,.035) 25.5%)}app-cms-section .bars i{flex:1;min-inline-size:.6rem;block-size:var(--h);border-radius:.2rem .2rem 0 0;background:linear-gradient(to top,#65a30d,var(--brand));box-shadow:0 0 14px #84cc161a;transform-origin:bottom}app-cms-section .days{direction:ltr;display:flex;justify-content:space-between;padding-block-start:.55rem;color:#ffffff47;font-size:.5rem}app-cms-section .days span{flex:1;text-align:center}app-cms-section .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}app-cms-section .stats-grid article{text-align:center;padding:2rem 1rem;border:1px solid rgba(190,242,100,.08);border-radius:1rem;background:#102019}app-cms-section .stats-grid strong{display:block;color:var(--brand);font:700 clamp(2rem,4vw,3rem)/1 var(--font-latin)}app-cms-section .stats-grid span{display:block;margin-block-start:.7rem;color:var(--text-muted);font-size:.84rem}app-cms-section .cta-panel{position:relative;overflow:hidden;max-inline-size:56rem;margin-inline:auto;padding:clamp(3rem,7vw,5.5rem);text-align:center;background:radial-gradient(circle at 50% 100%,rgba(132,204,22,.13),transparent 58%)}app-cms-section .cta-panel .section-heading{margin:0 auto 1rem}app-cms-section .cta-panel .cms-action{min-block-size:3.35rem;padding-inline:2.1rem;box-shadow:0 4px 24px #84cc164d}app-cms-section .hero-visual{position:relative;min-block-size:30rem;display:grid;place-items:center;isolation:isolate}app-cms-section .hero-visual:before{content:"";position:absolute;inset:10%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 26%,transparent),transparent 64%);filter:blur(20px)}app-cms-section .visual-halo{position:absolute;inline-size:25rem;block-size:25rem;border-radius:50%;background:radial-gradient(circle,rgba(70,223,139,.16),rgba(70,223,139,.035) 44%,transparent 70%);filter:blur(18px);z-index:-1}app-cms-section .visual-core{position:relative;display:grid;place-items:center;inline-size:8.5rem;block-size:8.5rem;border:1px solid rgba(183,255,211,.23);border-radius:2.2rem;background:linear-gradient(145deg,#ffffff1f,#ffffff06);box-shadow:0 30px 80px #00000059,0 0 55px #46df8b26,inset 0 1px #ffffff24;transform:rotate(45deg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}app-cms-section .visual-core svg{inline-size:4.5rem;block-size:4.5rem;color:var(--brand);stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg);filter:drop-shadow(0 0 16px rgba(70,223,139,.24))}app-cms-section .visual-orbit{position:absolute;border:1px solid rgba(180,255,211,.13);border-radius:50%}app-cms-section .orbit-one{inline-size:20rem;block-size:20rem}app-cms-section .orbit-two{inline-size:28rem;block-size:28rem;border-style:dashed;animation:public-orbit-spin 24s linear infinite}app-cms-section .visual-chip{position:absolute;inline-size:5rem;block-size:2.75rem;border:1px solid rgba(188,255,216,.14);border-radius:.9rem;background:#ffffff0e;box-shadow:0 18px 45px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}app-cms-section .visual-chip{display:flex;align-items:flex-end;gap:.28rem;padding:.75rem}app-cms-section .visual-chip i{display:block;inline-size:.55rem;border-radius:.2rem;background:linear-gradient(to top,var(--brand),var(--accent));opacity:.76}app-cms-section .visual-chip i:nth-child(1){block-size:35%}app-cms-section .visual-chip i:nth-child(2){block-size:76%}app-cms-section .visual-chip i:nth-child(3){block-size:52%}app-cms-section .chip-one{inset-block-start:16%;inset-inline-start:4%;transform:rotate(-8deg)}app-cms-section .chip-two{inset-block-end:15%;inset-inline-end:1%;transform:rotate(8deg)}app-cms-section .timeline{max-inline-size:56rem;margin:auto;padding:0;list-style:none;display:grid;gap:1rem}app-cms-section .timeline li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}app-cms-section .timeline li>span{display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:1rem;background:var(--brand);color:var(--button-text);font:800 1rem var(--font-latin)}app-cms-section .timeline h3{margin:.2rem 0}app-cms-section .timeline p{margin:.4rem 0;color:var(--text-muted);line-height:1.8}app-cms-section .gallery{columns:3 17rem;column-gap:1rem}app-cms-section .gallery figure{break-inside:avoid;margin:0 0 1rem;border:1px solid var(--border);border-radius:1rem;overflow:hidden;background:var(--surface-soft)}app-cms-section .gallery img{inline-size:100%;display:block}app-cms-section .gallery figcaption{padding:.8rem}app-cms-section .partners{display:flex;align-items:center;justify-content:center;gap:clamp(2rem,6vw,5rem);flex-wrap:wrap}app-cms-section .partners img{max-inline-size:10rem;max-block-size:4.5rem;object-fit:contain;filter:grayscale(1);opacity:.65;transition:.2s}app-cms-section .partners img:hover{filter:none;opacity:1}@keyframes public-orbit-spin{to{transform:rotate(1turn)}}@keyframes public-core-breathe{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.045)}}@keyframes public-chip-float-one{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(-8deg)}}@keyframes public-chip-float-two{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(7px) rotate(8deg)}}@keyframes public-ambient-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(3rem,-2rem,0) scale(1.08)}}@keyframes public-hero-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes public-nav-reveal{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes public-faq-reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:900px){app-cms-section .hero-visual{min-block-size:23rem;max-inline-size:34rem;margin-inline:auto}app-cms-section .orbit-two{inline-size:22rem;block-size:22rem}app-cms-section .orbit-one{inline-size:16rem;block-size:16rem}}@media(max-width:560px){app-cms-section .hero-visual{min-block-size:18rem}app-cms-section .orbit-two{inline-size:17rem;block-size:17rem}app-cms-section .orbit-one{inline-size:13rem;block-size:13rem}app-cms-section .visual-core{inline-size:6.5rem;block-size:6.5rem}app-cms-section .visual-chip{display:none}}@media(prefers-reduced-motion:no-preference){app-site-header .nav-shell{animation:public-nav-reveal .55s ease-out both}app-cms-page .ambient-one{animation:public-ambient-drift 18s ease-in-out infinite}app-cms-page .ambient-two{animation:public-ambient-drift 22s ease-in-out -7s infinite reverse}app-cms-page .ambient-three{animation:public-ambient-drift 20s ease-in-out -12s infinite}app-cms-section.section-hero .hero-copy>.eyebrow{animation:public-hero-reveal .65s ease-out both}app-cms-section.section-hero .hero-copy>h1{animation:public-hero-reveal .72s .12s ease-out both;opacity:0}app-cms-section.section-hero .hero-copy>.lead{animation:public-hero-reveal .72s .25s ease-out both;opacity:0}app-cms-section.section-hero .hero-copy>.button-row{animation:public-hero-reveal .72s .38s ease-out both;opacity:0}app-cms-section .visual-core{animation:public-core-breathe 4.8s ease-in-out infinite}app-cms-section .chip-one{animation:public-chip-float-one 5.2s ease-in-out infinite}app-cms-section .chip-two{animation:public-chip-float-two 6.1s ease-in-out -1.7s infinite}app-cms-section .faq-list details[open] p{animation:public-faq-reveal .24s ease-out both}app-cms-section.animation-fade{animation:public-fade-in .6s ease both}app-cms-section.animation-rise{animation:public-rise-in .7s ease both}app-cms-section.animation-stagger .content-card{animation:public-rise-in .6s ease both}app-cms-section.animation-stagger .content-card:nth-child(2){animation-delay:.08s}app-cms-section.animation-stagger .content-card:nth-child(3){animation-delay:.16s}app-cms-section.animation-stagger .content-card:nth-child(4){animation-delay:.24s}@keyframes public-fade-in{0%{opacity:0}to{opacity:1}}@keyframes public-rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}