:root{--yona-primary: #6a329f;--yona-primary-light: #f2e6ff;--yona-primary-dark: #ce9bfd;--yona-primary-deep: #401e5f;--yona-secondary-light: #bcdbeb;--yona-accent: #efbf04;--yona-accent-light: #f9e59b;--yona-accent-dark: #c99900;--yona-neutral-50: #ffffff;--yona-hero-gradient-end: #5c2e8a;--yona-neutral-100: #f8f4f1;--yona-neutral-300: #b99a9a;--yona-neutral-700: #3c3533;--yona-neutral-900: #100e13;--yona-neutral-grey: #5d5d5d;--yona-neutral-border: #dddddd;--yona-black: #100e13;--yona-white: #ffffff;--yona-success: #0db665;--yona-success-dark: #b5edd2;--yona-warning: #a05c00;--yona-error: #c62828;--yona-error-light: #ff676c;--yona-button-light: #f8f4f1;--yona-button-dark: #3c3533;--yona-button-stroke: #6a329f;--yona-loyalty: #f81fd4;--yona-category-dot-1: #9b5fd0;--yona-category-dot-2: #58a4cd;--yona-category-dot-3: var(--yona-accent);--yona-category-dot-4: #ff6f00;--yona-category-dot-5: var(--yona-neutral-300);--yona-plan-basic: var(--yona-accent);--yona-plan-pro: #58a4cd;--yona-plan-premium: var(--yona-primary);--yona-plan-basic-ink: #8a6e02;--yona-plan-pro-ink: #2f759b;--yona-plan-premium-ink: var(--yona-primary);--yona-tint-green: var(--yona-status-completed-pill-bg);--yona-tint-green-ink: var(--yona-status-completed-popup);--yona-tint-blue: var(--yona-status-confirmed-pill-bg);--yona-tint-blue-ink: var(--yona-status-confirmed-popup);--yona-tint-purple: var(--yona-primary-light);--yona-tint-purple-ink: var(--yona-primary);--yona-tint-peach: #fff7f4;--yona-tint-peach-ink: #a1552b;--yona-tint-grey: #eeecf0;--yona-tint-grey-ink: var(--yona-neutral-grey);--yona-negative-ink: var(--yona-error);--yona-plan-basic-track: rgb(239 191 4 / 20%);--yona-plan-pro-track: rgb(88 164 205 / 20%);--yona-plan-premium-track: rgb(106 50 159 / 20%);--yona-success-current: var(--yona-success)}:root[data-theme=dark]{--yona-success-current: var(--yona-success-dark);--yona-plan-basic-ink: var(--yona-plan-basic);--yona-plan-pro-ink: var(--yona-plan-pro);--yona-plan-premium-ink: var(--yona-primary-dark);--yona-tint-green: rgb(52 168 96 / 16%);--yona-tint-green-ink: #4ade80;--yona-tint-blue: rgb(66 133 244 / 16%);--yona-tint-blue-ink: #7cc4ee;--yona-tint-purple: rgb(206 155 253 / 16%);--yona-tint-purple-ink: var(--yona-primary-dark);--yona-tint-peach: rgb(232 143 74 / 16%);--yona-tint-peach-ink: #e8a06a;--yona-tint-grey: rgb(255 255 255 / 8%);--yona-tint-grey-ink: rgb(255 255 255 / 62%);--yona-negative-ink: var(--yona-error-light);--yona-plan-premium: var(--yona-primary-dark);--yona-plan-premium-track: rgb(206 155 253 / 20%)}:root{--yona-status-in-progress-pill-bg: #f2e6ff;--yona-status-in-progress-bg-light: #fbf7ff;--yona-status-completed-popup: #0a894c;--yona-status-completed-text: #035b30;--yona-status-completed-pill-bg: #e8f8f0;--yona-status-completed-bg-light: #f5fffa;--yona-status-confirmed-popup: #327ea7;--yona-status-confirmed-pill-bg: #daf0fc;--yona-status-missed-popup: #d7403c;--yona-status-missed-text: #a70300;--yona-status-missed-pill-bg: #ffeae9;--yona-status-missed-bg-light: #fffbfb;--yona-status-break-popup: #706877;--yona-status-break-text: #2d2932;--yona-status-break-pill-bg: #ccc7d2;--yona-status-break-bg-light: #eeecf0;--yona-status-pending-popup: #aa670c;--yona-status-pending-text: #714503;--yona-status-pending-pill-bg: #f9ecd9;--yona-status-pending-bg-light: #fffcf8;--yona-status-delayed-popup: #c6532d;--yona-status-delayed-text: #794335;--yona-status-delayed-pill-bg: #f4e0da;--yona-status-delayed-bg-light: #fff7f4}@font-face{font-family:AR One Sans;src:url(/assets/fonts/AROneSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:AR One Sans;src:url(/assets/fonts/AROneSans-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:AR One Sans;src:url(/assets/fonts/AROneSans-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:AR One Sans;src:url(/assets/fonts/AROneSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-ExtraLight.ttf) format("truetype");font-weight:200;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/Manrope-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/fonts/NotoNaskhArabic-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/fonts/NotoNaskhArabic-Medium.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/fonts/NotoNaskhArabic-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/fonts/NotoNaskhArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--yona-font-display: "AR One Sans", sans-serif;--yona-font-ui: "Manrope", sans-serif}:root[lang=ar]{--yona-font-display: "Noto Naskh Arabic", "AR One Sans", sans-serif;--yona-font-ui: "Noto Naskh Arabic", "Manrope", sans-serif}:root{--yona-text-display: 700 clamp(2.25rem, 1.625rem + 2.5vw, 3.875rem) / 1.2 var(--yona-font-display);--yona-text-heading-1: 700 clamp(1.75rem, 1.37rem + 1.54vw, 2.75rem) / normal var(--yona-font-display);--yona-text-heading-2: 700 clamp(1.6875rem, 1.33rem + 1.44vw, 2.625rem) / normal var(--yona-font-display);--yona-text-heading-3: 700 24px/normal var(--yona-font-display);--yona-text-heading-4: 700 20px/normal var(--yona-font-display);--yona-text-title: 700 28px/normal var(--yona-font-display);--yona-text-body-large: 400 18px/1.65 var(--yona-font-ui);--yona-text-body: 400 16px/1.65 var(--yona-font-ui);--yona-text-body-small: 400 14px/1.6 var(--yona-font-ui);--yona-text-label-large: 700 16px/normal var(--yona-font-ui);--yona-text-label: 700 14px/normal var(--yona-font-ui);--yona-text-button: 600 16px/normal var(--yona-font-ui);--yona-text-caption: 400 14px/1.55 var(--yona-font-ui);--yona-text-caption-small: 600 12px/normal var(--yona-font-ui);--yona-text-overline: 700 12px/normal var(--yona-font-display);--yona-overline-letter-spacing: 10px}:root{--yona-space-xxs: 4px;--yona-space-xs: 8px;--yona-space-sm: 12px;--yona-space-md: 16px;--yona-space-lg: 20px;--yona-space-xlg: 24px;--yona-space-xxlg: 32px;--yona-content-max-width: 1200px;--yona-card-radius: 28px;--yona-card-shadow: 0 2.5px 8px rgba(16, 14, 19, .12)}:root{--yona-glass-on-light: #fffdfb66;--yona-glass-on-dark: #100e1366;--yona-glass-blur: 20px;--yona-overlay-dark: rgb(0 0 0 / 30%);--yona-overlay-ghost-bg: rgb(255 255 255 / 9%);--yona-overlay-ghost-border: rgb(255 255 255 / 14%);--yona-shadow-ambient: 0 16px 32px -4px rgba(106, 50, 159, .1);--yona-shadow-card: 0 0 20px rgba(106, 50, 159, .1), 0 16px 16px rgba(106, 50, 159, .1);--yona-shadow-premium: 0 1px 10px 2px rgba(106, 50, 159, .1), 0 1px 4px 0 rgba(255, 179, 17, .26);--yona-shadow-cta: 0 10px 30px -8px rgba(106, 50, 159, .55);--yona-gradient-cta: linear-gradient(90deg, #ffbb14 0%, #ff9400 25%, #ff6f00 42%)}:root{--yona-mockup-phone-width: 260px}@media(width<=599px){:root{--yona-mockup-phone-width: 200px}}main section[id]{scroll-margin-block-start:120px}@media(width<=1060px){main section[id]{scroll-margin-block-start:104px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font:var(--yona-text-body);background:var(--yona-neutral-50);color:var(--yona-neutral-900)}body,dialog:modal{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable]:not([contenteditable=false]),[role=alert],[role=status],a[href^="mailto:"]{-webkit-user-select:text;user-select:text}:root[data-theme=dark] body{background:var(--yona-neutral-900);color:var(--yona-neutral-50)}yona-nav-bar,yona-footer,yona-scroll-to-top-fab,app-landing-page,app-hero-section,app-why-yona-section,app-feature-showcase-section,app-comparison-section,app-marquee-section,app-download-section,app-faq-section,app-final-cta-section{display:block}:root[data-transition=theme]::view-transition-old(root),:root[data-transition=theme]::view-transition-new(root){animation-duration:.25s}@media(prefers-reduced-motion:reduce){:root[data-transition=theme]::view-transition-old(root),:root[data-transition=theme]::view-transition-new(root){animation:none}}:root[data-transition=route]::view-transition-old(root){animation:.22s cubic-bezier(.4,0,.2,1) both route-leave-left}:root[data-transition=route]::view-transition-new(root){animation:.26s cubic-bezier(.4,0,.2,1) both route-enter-right}:root[data-transition=route][data-transition-direction=back]::view-transition-old(root){animation-name:route-leave-right}:root[data-transition=route][data-transition-direction=back]::view-transition-new(root){animation-name:route-enter-left}:root[data-transition=route]::view-transition-old(portal-nav){animation:none;opacity:0}:root[data-transition=route]::view-transition-new(portal-nav){animation:none}:root[data-transition=route]::view-transition-old(portal-heading){animation:90ms ease both route-fade-out}:root[data-transition=route]::view-transition-new(portal-heading){animation:.14s ease 90ms both route-fade-in}:root[data-transition=route]::view-transition-old(portal-actions){animation:none;opacity:0}:root[data-transition=route]::view-transition-new(portal-actions){animation:none}@keyframes route-fade-out{to{opacity:0}}@keyframes route-fade-in{0%{opacity:0}to{opacity:1}}@keyframes route-enter-right{0%{opacity:0;transform:translate(24px)}}@keyframes route-enter-left{0%{opacity:0;transform:translate(-24px)}}@keyframes route-leave-left{to{opacity:0;transform:translate(-24px)}}@keyframes route-leave-right{to{opacity:0;transform:translate(24px)}}@media(prefers-reduced-motion:reduce){:root[data-transition=route]::view-transition-old(root),:root[data-transition=route]::view-transition-new(root){animation:none}}