:root{--o2-ink:#100d0b;--o2-surface:#1b1511;--o2-cream:#fff4ec;--o2-muted:#baaaa0;--o2-red:#ef5138;--o2-action:#bd321f;--o2-action-hover:#a92b1b;--o2-warm:#f6af88;--color-page:var(--o2-ink);--color-surface:var(--o2-surface);--color-text:var(--o2-cream);--color-muted:var(--o2-muted);--color-accent:var(--o2-red);--color-action:var(--o2-action);--color-focus:var(--o2-warm);--color-divider:#493a31;--color-control-border:#9a8171;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-control:.5rem;--radius-media:.75rem;--font-latin:"Manrope","Segoe UI",sans-serif;--font-arabic:"Tajawal","Manrope","Segoe UI",sans-serif;--font-body:var(--font-latin);--leading-body:1.65;--leading-heading:1.08;--tracking-heading:-.045em;--page-gutter:clamp(1rem,3.125vw,2rem);--shell:min(1280px,calc(100% - var(--page-gutter)*2));--header-clearance:7.5rem;--duration-feedback:.16s;--button-bg:var(--color-action);--button-fg:var(--color-text)}:root:lang(ar){--font-body:var(--font-arabic);--leading-body:1.8;--leading-heading:1.3;--tracking-heading:0}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/manrope-latin-variable.woff2)format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/tajawal-arabic-400.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/tajawal-arabic-700.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--color-page);scroll-padding-block-start:var(--header-clearance)}body{color:var(--color-text);background:var(--color-page);font-family:var(--font-body);font-size:1rem;line-height:var(--leading-body);margin:0}button,input,select,a{font:inherit}a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:#f6af8833}button,a{touch-action:manipulation}:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}::selection{background:var(--color-action);color:var(--color-text)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}h1{font-size:clamp(2.5rem,5.4vw,4.8rem);font-weight:700}h2{font-size:clamp(2rem,3.5vw,3.25rem);font-weight:700}bdi{font-variant-numeric:tabular-nums}.shell{width:var(--shell);margin-inline:auto}.eyebrow{color:var(--color-focus);margin-block-end:16px;font-size:.875rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section{padding-block:clamp(3rem,6vw,6rem)}.label{color:var(--color-muted);font-size:.875rem}.lede{color:var(--color-muted);max-inline-size:44ch}.primary,.secondary{border-radius:var(--radius-control);min-height:48px;transition:background-color var(--duration-feedback),transform var(--duration-feedback);justify-content:center;align-items:center;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--button-bg);color:var(--button-fg);border:1px solid #0000}.secondary{color:var(--color-text);border:1px solid var(--color-control-border);background:0 0}.primary:hover{background:var(--o2-action-hover)}.secondary:hover{background:var(--color-surface)}.skip{z-index:100;background:var(--color-text);color:var(--color-page);padding:.75rem 1rem;position:fixed;inset-block-start:.5rem;inset-inline-start:1rem;transform:translateY(-200%)}.skip:focus{transform:none}[id]{scroll-margin-block-start:var(--header-clearance)}:root:has([data-journey]){--header-clearance:0rem}:root:has([data-friends]){--header-clearance:0rem}[data-friends]{--section-pad:clamp(5.5rem,8vw,7.5rem);--section-gap:clamp(2rem,3.5vw,3rem);--section-break:clamp(3.5rem,6.5vw,6rem);--section-title:clamp(2rem,3.6vw,3.25rem)}[data-friends] #menu{padding-block-start:5.5rem}@media (prefers-reduced-motion:no-preference){:is(:root:has([data-journey]),:root:has([data-friends])){scroll-behavior:smooth}}[tabindex="-1"]:focus{outline-offset:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.primary,.secondary{transition:background-color .16s,transform .18s,box-shadow .18s}.primary:hover,.primary:focus-visible{box-shadow:0 5px 18px #9f281426}.primary>span[aria-hidden],.secondary>span[aria-hidden]{transition:transform .18s;display:inline-block}.primary:hover>span[aria-hidden],.primary:focus-visible>span[aria-hidden]{transform:translate(3px)}:root:lang(ar) .primary:hover>span[aria-hidden],:root:lang(ar) .primary:focus-visible>span[aria-hidden]{transform:translate(-3px)}.primary:active,.secondary:active{transform:translateY(1px)scale(.985)}@media (prefers-reduced-motion:reduce){.primary:active,.secondary:active,.primary:hover>span[aria-hidden],.primary:focus-visible>span[aria-hidden]{transform:none!important}}html[data-motion=static] *,html[data-motion=static] :before,html[data-motion=static] :after{transition:none!important;animation:none!important}html[data-motion=static] .primary:active,html[data-motion=static] .secondary:active,html[data-motion=static] .primary>span[aria-hidden]{transform:none!important}