:root,:host{--color-body-bg:#f5f1ea;--color-body-fg:#161513;--color-body-muted:#6a645b;--color-body-line:#d9cfbc;--color-body-accent:#c15f3c;--color-body-accent-deep:#8f3f23}.body-landing{background:var(--color-body-bg);color:var(--color-body-fg);font-family:var(--font-cairo), "IBM Plex Sans Arabic", sans-serif;font-feature-settings:"kern", "liga", "calt"}.body-landing .font-display-body{font-family:var(--font-plex-arabic), var(--font-cairo), sans-serif;letter-spacing:-.01em}.body-landing ::selection{background:var(--color-body-accent);color:#fff}.body-landing .grain:before{content:"";pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:radial-gradient(circle at 1px 1px,#16151399 1px,#0000 0);background-size:3px 3px;position:absolute;inset:0}.body-landing .hairline{background:linear-gradient(to left, transparent, var(--color-body-line) 20%, var(--color-body-line) 80%, transparent);width:100%;height:1px}.body-landing .marquee-track{width:max-content;animation:40s linear infinite body-marquee;display:flex}@keyframes body-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}.body-landing .reveal{opacity:0;transform:translateY(24px)}.body-landing .reveal-char{opacity:0;will-change:transform, opacity;display:inline-block;transform:translateY(40%)}.body-landing .btn-primary-body{background:var(--color-body-fg);color:var(--color-body-bg);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-weight:500;transition:transform .3s,background .3s;display:inline-flex;position:relative}.body-landing .btn-primary-body:hover{background:var(--color-body-accent-deep);transform:translateY(-1px)}.body-landing .btn-ghost-body{border:1px solid var(--color-body-line);color:var(--color-body-fg);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;transition:border-color .3s,background .3s;display:inline-flex}.body-landing .btn-ghost-body:hover{border-color:var(--color-body-fg);background:#1615130a}.body-landing .card-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-body-line);background:#fffdf88c;border-radius:22px}.body-landing .eyebrow-body{color:var(--color-body-muted);font-size:.75rem;font-weight:500}@media (prefers-reduced-motion:reduce){.body-landing .marquee-track{animation:none}.body-landing .reveal,.body-landing .reveal-char{opacity:1;transform:none}}
