:root{--plum: #2b0b18;--peach: #f09a48;--berry: #be2d55;--cream: #fff5ee;--plum-900: #150510;--plum-800: #1e0813;--plum-700: #3c1024;--peach-soft: #ffc98e;--pink: #f0508e;--pink-soft: #ffd3e4;--mint: #8fe3c0;--ink: #2a0f1c;--muted: #7e5a6a;--line: rgba(43,11,24,0.12);--white: #fff;--grad: linear-gradient(113deg,var(--berry) 10%,var(--peach) 90%);--grad-soft: linear-gradient(135deg,rgba(190,45,85,.14),rgba(240,154,72,.14));--font-ar: "Baloo Bhaijaan 2","Tajawal",system-ui,sans-serif;--font-en: "Baloo 2","Poppins",system-ui,sans-serif;--font-base: 16px;--container: 1200px;--section-y: clamp(4rem,8vw,7.5rem);--radius-card: 24px;--eyebrow-gap: .55rem;--radius-btn: 999px;--shadow-sm: 0 1px 2px rgba(43,11,24,0.06),0 2px 8px rgba(43,11,24,0.05);--shadow-md: 0 4px 12px rgba(43,11,24,0.08),0 12px 32px rgba(43,11,24,0.10);--shadow-lg: 0 12px 28px rgba(43,11,24,0.12),0 32px 64px rgba(43,11,24,0.14);--ease: cubic-bezier(0.22,1,0.36,1);--bounce: cubic-bezier(0.34,1.56,0.64,1)}*,*::before,*::after{box-sizing: border-box}html{font-size: var(--font-base);scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--cream);color: var(--ink);font-family: var(--font-ar);line-height: 1.75;overflow-x: hidden;-webkit-font-smoothing: antialiased}body[dir="ltr"]{font-family: var(--font-en)}img,video{max-width: 100%;height: auto;display: block}a{color: inherit;text-decoration: none}h1,h2,h3,h4{margin: 0 0 0.5em;line-height: 1.2;font-weight: 800;letter-spacing: -0.01em}h1{font-size: clamp(2.2rem,5.5vw,4rem)}h2{font-size: clamp(1.75rem,3.6vw,2.75rem)}h3{font-size: clamp(1.15rem,2vw,1.5rem)}p{margin: 0 0 1rem}::selection{background: var(--pink);color: #fff}:focus-visible{outline: 3px solid var(--peach);outline-offset: 3px;border-radius: 4px}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.container{width: min(100% - 2.5rem,var(--container));margin-inline: auto}.section{padding-block: var(--section-y);position: relative}.section--cream{background: var(--cream)}.section--white{background: var(--white)}.section--plum{background: var(--plum-900);color: var(--cream)}.section--plum .section-title__lead,.section--plum .muted{color: rgba(255,245,238,0.72)}.stack > * + *{margin-top: var(--gap,1rem)}.grid{display: grid;gap: clamp(1rem,2vw,1.75rem)}.grid--bento{grid-template-columns: repeat(6,1fr);grid-auto-rows: minmax(180px,auto)}.grid--bento > .cell-lg{grid-column: span 4;grid-row: span 2}.grid--bento > .cell-md{grid-column: span 2;grid-row: span 1}.grid--bento > .cell-sm{grid-column: span 2;grid-row: span 1}.grid--bento > .cell-wide{grid-column: span 3}.grid--3{grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid--4{grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr))}@media (max-width: 860px){.grid--bento{grid-template-columns: 1fr 1fr}.grid--bento > .cell-lg,.grid--bento > .cell-wide{grid-column: span 2;grid-row: span 1}}@media (max-width: 560px){.grid--bento{grid-template-columns: 1fr}.grid--bento > *{grid-column: span 1 !important}}.section-title{max-width: 62ch;margin-bottom: clamp(2rem,4vw,3.25rem)}.section-title--center{margin-inline: auto;text-align: center}.eyebrow{display: inline-flex;align-items: center;gap: 0.6rem;font-size: clamp(.92rem,1.3vw,1.05rem);font-weight: 800;letter-spacing: 0.01em;color: var(--berry);margin-bottom: var(--eyebrow-gap);padding: .3rem .95rem;border-radius: 999px;background: rgba(190,45,85,.10)}.eyebrow::before{content: "";width: 10px;height: 10px;border-radius: 50%;background: var(--grad);box-shadow: 0 0 0 3px rgba(240,154,72,.25)}.section--plum .eyebrow,.sec--dark .eyebrow{color: var(--peach-soft);background: rgba(255,255,255,.08)}.section-title__lead{font-size: clamp(1rem,1.5vw,1.125rem);color: var(--muted);margin-top: 0.75rem}.hl,.section-title .hl,h1 .hl,h2 .hl,h3 .hl{background: var(--grad);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent}.peach{color: var(--peach)}.berry{color: var(--berry)}.muted{color: var(--muted)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;padding: 0.95rem 2rem;border: 2px solid transparent;border-radius: var(--radius-btn);font: inherit;font-weight: 800;font-size: 0.98rem;cursor: pointer;transition: transform 0.4s var(--bounce),box-shadow 0.35s var(--ease),background-color 0.25s,color 0.25s,border-color 0.25s}.btn:hover{transform: translateY(-3px) rotate(-1deg)}.btn:active{transform: translateY(0) scale(.97)}.btn--primary{background: var(--grad);color: #fff;border: 0;padding: calc(0.95rem + 2px) calc(2rem + 2px);box-shadow: 0 8px 22px rgba(190,45,85,0.32)}.btn--primary:hover{box-shadow: 0 14px 32px rgba(190,45,85,0.42)}.btn--dark{background: var(--plum-900);color: var(--cream)}.btn--ghost{border-color: currentColor;background: transparent}.btn--ghost:hover{background: rgba(255,255,255,0.1)}.btn-row{display: flex;flex-wrap: wrap;gap: 0.9rem;margin-top: 1.75rem}.card{position: relative;background: var(--white);border: 1px solid var(--line);border-radius: var(--radius-card);padding: clamp(1.4rem,2.4vw,2rem);box-shadow: var(--shadow-sm);transition: transform 0.5s var(--bounce),box-shadow 0.45s var(--ease),border-color .3s;overflow: hidden;height: 100%}.card:hover{transform: translateY(-6px) rotate(-.6deg);box-shadow: var(--shadow-md);border-color: rgba(240,154,72,.5)}.card__icon{width: 56px;height: 56px;display: grid;place-items: center;border-radius: 18px;background: var(--grad-soft);color: var(--berry);margin-bottom: 1.1rem;transition: transform .5s var(--bounce)}.card:hover .card__icon{transform: rotate(-8deg) scale(1.08)}.card__icon svg{width: 26px;height: 26px}.card__title{font-size: 1.2rem;margin-bottom: 0.4rem}.card__text{color: var(--muted);font-size: 0.97rem;margin: 0}.card--image{padding: 0;min-height: 260px;display: flex;align-items: flex-end;color: var(--white);border: none}.card--image img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.9s var(--ease)}.card--image:hover img{transform: scale(1.06)}.card--image::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(21,5,16,0.9) 0%,rgba(21,5,16,0.25) 55%,transparent 100%)}.card--image > .card__body{position: relative;z-index: 1;padding: clamp(1.25rem,2.2vw,1.9rem)}.card--image .card__text{color: rgba(255,255,255,0.82)}.glass{background: rgba(255,255,255,0.1);backdrop-filter: blur(14px) saturate(150%);-webkit-backdrop-filter: blur(14px) saturate(150%);border: 1px solid rgba(255,255,255,0.18)}.sticker{display: inline-flex;align-items: center;gap: .35rem;padding: .35rem .85rem;border-radius: 999px;background: var(--pink);color: #fff;font-weight: 800;font-size: .8rem;letter-spacing: .01em;transform: rotate(-6deg);box-shadow: 0 6px 16px rgba(240,80,142,.35)}.sticker--peach{background: var(--peach);color: var(--plum-900);box-shadow: 0 6px 16px rgba(240,154,72,.35)}.sticker--plum{background: var(--plum-900);color: var(--peach-soft)}.reveal{opacity: 0;transform: translateY(28px) scale(.98);transition: opacity 0.8s var(--ease),transform 0.9s var(--bounce);will-change: opacity,transform}.reveal.in{opacity: 1;transform: none}.reveal[data-delay="1"]{transition-delay: 0.08s}.reveal[data-delay="2"]{transition-delay: 0.16s}.reveal[data-delay="3"]{transition-delay: 0.24s}.reveal[data-delay="4"]{transition-delay: 0.32s}.reveal[data-delay="5"]{transition-delay: 0.4s}.wave{position: absolute;inset-inline: 0;line-height: 0;pointer-events: none;color: var(--cream)}.wave--top{top: -1px}.wave--bottom{bottom: -1px;transform: scaleY(-1)}.wave svg{width: 100%;height: clamp(40px,5vw,80px);display: block}.scallop{position: absolute;inset-inline: 0;height: 22px;pointer-events: none;z-index: 3;--c: var(--cream);background: radial-gradient(circle at 50% 0,var(--c) 0 12px,transparent 12.5px) 0 0 / 34px 22px repeat-x}.scallop--top{top: -1px}.scallop--bottom{bottom: -1px;transform: scaleY(-1)}.blob{position: absolute;border-radius: 50%;filter: blur(70px);opacity: 0.5;pointer-events: none;z-index: 0}.tp{position: absolute;inset: 0;overflow: hidden;pointer-events: none;z-index: 0;color: var(--peach);--tp-alpha: .7}.tp--light{color: var(--berry);--tp-alpha: .55}.tp--strong{--tp-alpha: .8}.tp__i{position: absolute;opacity: calc(var(--tp-alpha) * var(--a,1));will-change: transform;animation: tp-float var(--dur,14s) ease-in-out var(--delay,0s) infinite alternate}.tp__i svg{width: 100%;height: 100%;display: block}@keyframes tp-float{from{transform: translate3d(0,0,0) rotate(var(--r0,-8deg)) scale(1)}to{transform: translate3d(var(--dx,12px),var(--dy,-18px),0) rotate(var(--r1,10deg)) scale(1.06)}}.steam path{stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;fill: none;opacity: 0;animation: steam 3.2s ease-in-out infinite}.steam path:nth-child(2){animation-delay: .9s}.steam path:nth-child(3){animation-delay: 1.8s}@keyframes steam{0%{opacity: 0;transform: translateY(6px) scaleY(.9)}35%{opacity: .9}100%{opacity: 0;transform: translateY(-16px) scaleY(1.15)}}.marquee{overflow: hidden;position: relative;-webkit-mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display: flex;gap: clamp(2rem,5vw,4.5rem);width: max-content;animation: marquee-scroll var(--duration,38s) linear infinite}.marquee:hover .marquee__track{animation-play-state: paused}@keyframes marquee-scroll{from{transform: translateX(0)}to{transform: translateX(-50%)}}[dir="rtl"] .marquee__track{animation-name: marquee-scroll-rtl}@keyframes marquee-scroll-rtl{from{transform: translateX(0)}to{transform: translateX(50%)}}.ribbon-wrap{overflow: hidden;padding-block: .9rem;margin-block: -.9rem;position: relative;z-index: 5}.ribbon{position: relative;overflow: hidden;background: var(--grad);color: #fff;padding-block: .7rem;transform: rotate(-1.6deg) scale(1.03);box-shadow: 0 16px 40px rgba(190,45,85,.25)}.ribbon--flat{transform: none}.ribbon__track{display: flex;gap: 2.2rem;width: max-content;animation: ribbon-run var(--duration,26s) linear infinite;direction: ltr}[dir="rtl"] .ribbon__track{animation-name: ribbon-run-rtl}.ribbon__item{display: inline-flex;align-items: center;gap: 2.2rem;font-weight: 800;font-size: clamp(.95rem,1.5vw,1.15rem);letter-spacing: .02em;white-space: nowrap;unicode-bidi: isolate}.ribbon__item svg{width: 22px;height: 22px;flex: none;animation: ribbon-spin 6s linear infinite}@keyframes ribbon-run{from{transform: translateX(0)}to{transform: translateX(-50%)}}@keyframes ribbon-run-rtl{from{transform: translateX(-50%)}to{transform: translateX(0)}}@keyframes ribbon-spin{to{transform: rotate(360deg)}}.ribbon:hover .ribbon__track{animation-play-state: paused}.glow-host{position: relative}.glow-host::before{content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;opacity: var(--glow-on,0);transition: opacity .6s var(--ease);background: radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(240,80,142,.22),rgba(240,154,72,.10) 40%,transparent 70%)}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;inset-inline-start: 1rem;top: -100px;z-index: 999;padding: 0.75rem 1.25rem;background: var(--plum-900);color: var(--cream);border-radius: 0 0 12px 12px;transition: top 0.2s}.skip-link:focus{top: 0}.stat__u{margin-inline-start: .3em;font-weight: inherit;font-size: inherit}.num{font-family: var(--font-en),var(--font-ar),sans-serif;direction: ltr;unicode-bidi: isolate}