@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-logo{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-strong);font-weight:var(--font-weight-bold);line-height:1}.c-logo__mark{flex:none;filter:drop-shadow(0 1px 2px rgba(15,23,42,.12))}.c-logo__word{font-size:1.125rem;letter-spacing:var(--letter-spacing-arabic);white-space:nowrap}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-footer{background-color:var(--bg-subtle);border-block-start:1px solid var(--border-subtle);padding-block-start:var(--space-9)}.c-footer__inner{display:grid;grid-template-columns:1fr;gap:var(--space-7);padding-block-end:var(--space-8)}.c-footer__brand{display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:36ch}.c-footer__tagline,.c-footer__domain{color:var(--text-muted);font-size:var(--font-size-body-sm);margin:0}.c-footer__heading{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--text-strong);margin-block-end:var(--space-3)}.c-footer__links{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:0}.c-footer__links a{display:inline-flex;align-items:center;min-block-size:var(--space-6);color:var(--text-muted);text-decoration:none}.c-footer__links a:hover{color:var(--text-link)}.c-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-5);padding-block:var(--space-5);border-block-start:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--font-size-caption)}.c-footer__legal,.c-footer__copy{margin:0}@media(min-width:48rem){.c-footer__inner{grid-template-columns:2fr 1fr;align-items:start}}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-weight-semibold);text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.c-btn--sm{min-block-size:var(--control-height-sm);padding-inline:var(--space-4);font-size:var(--font-size-label)}.c-btn--md{min-block-size:var(--control-height-md);padding-inline:var(--space-5);font-size:var(--font-size-body)}.c-btn--lg{min-block-size:var(--control-height-lg);padding-inline:var(--space-6);font-size:var(--font-size-h4)}.c-btn--full{inline-size:100%}.c-btn--primary{background-color:var(--brand-primary);background-image:var(--gradient-cta-sheen);color:var(--text-on-brand);&:hover{box-shadow:var(--shadow-brand);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:none}}.c-btn--secondary{background-color:var(--surface-card);border-color:var(--border-interactive);color:var(--text-strong);&:hover{border-color:var(--border-strong);background-color:var(--bg-subtle)}&:active{background-color:var(--bg-muted)}}.c-btn--ghost{background-color:transparent;color:var(--text-link);&:hover{background-color:var(--selected-bg);color:var(--text-link-hover)}}.c-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.c-btn--primary:focus-visible{outline-color:var(--focus-ring-on-brand);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab,var(--brand-primary) 35%,transparent)}.c-btn[disabled],.c-btn[aria-disabled=true]{background-color:var(--disabled-fill);background-image:none;border-color:transparent;color:var(--disabled-text);cursor:not-allowed;box-shadow:none;transform:none}.c-btn__icon{flex:none}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-theme-toggle{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--tap-target-min);block-size:var(--tap-target-min);color:var(--text-default);background-color:transparent;border:1px solid var(--border-interactive);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.c-theme-toggle:hover{background-color:var(--bg-subtle);color:var(--text-strong)}.c-theme-toggle__icon--sun,[data-theme=dark] .c-theme-toggle__icon--moon{display:none}[data-theme=dark] .c-theme-toggle__icon--sun{display:inline-block}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-header{position:sticky;inset-block-start:0;z-index:var(--z-header);background-color:var(--bg-canvas);background-color:color-mix(in oklab,var(--bg-canvas) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--border-subtle);padding-inline:max(0px,env(safe-area-inset-left),env(safe-area-inset-right));transition:box-shadow var(--duration-base) var(--ease-standard)}.c-header.is-scrolled{box-shadow:var(--shadow-sm)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.c-header{background-color:var(--bg-canvas)}}.c-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);block-size:var(--header-height)}.c-header__brand{display:inline-flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm)}.c-header__nav{display:flex;align-items:center;gap:var(--space-3)}.c-nav__controls{display:flex;align-items:center;gap:var(--space-2)}.c-nav__toggle{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--tap-target-min);block-size:var(--tap-target-min);color:var(--text-strong);background-color:transparent;border:1px solid var(--border-interactive);border-radius:var(--radius-sm);cursor:pointer}.c-nav__toggle:hover{background-color:var(--bg-subtle)}.c-nav__list{display:none;list-style:none;margin:0}.c-nav__link{display:inline-flex;align-items:center;min-block-size:var(--tap-target-min);padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--text-default);font-weight:var(--font-weight-medium);text-decoration:none}.c-nav__link:hover{color:var(--text-strong);background-color:var(--bg-subtle)}@media(min-width:48rem){.c-nav__toggle{display:none}.c-nav__list{display:flex;flex-direction:row;align-items:center;gap:var(--space-1);padding:0}.c-nav__cta{margin-inline-start:var(--space-2)}}@media(max-width:48rem){html:not(.js) .c-nav__toggle{display:none}html:not(.js) .c-nav__list{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);position:absolute;inset-inline:0;inset-block-start:100%;padding:var(--space-4);background-color:var(--surface-raised);border-block-end:1px solid var(--border-subtle)}}.c-mobile-menu{position:fixed;inset:0;z-index:var(--z-menu);display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-canvas);padding-block-start:max(var(--space-3),env(safe-area-inset-top));padding-block-end:max(var(--space-8),env(safe-area-inset-bottom));padding-inline:max(var(--space-gutter),env(safe-area-inset-left),env(safe-area-inset-right));visibility:hidden;opacity:0;pointer-events:none;transition-property:opacity;transition-duration:0s}.c-mobile-menu__bar{display:flex;align-items:center;justify-content:space-between;block-size:var(--header-height);margin-block-end:var(--space-4)}.c-mobile-menu__brand{display:inline-flex;align-items:center}.c-mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}@media(min-width:48rem){.c-mobile-menu{display:none}}.c-mobile-menu__list{list-style:none;margin:0;margin-inline:auto;padding:0;inline-size:100%;max-inline-size:36rem;display:flex;flex-direction:column;gap:var(--space-2)}.c-mobile-menu__link{display:flex;align-items:center;min-block-size:var(--control-height-lg);padding-inline:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-h4);font-weight:var(--font-weight-medium);color:var(--text-default);text-decoration:none}.c-mobile-menu__link:hover{background-color:var(--bg-subtle);color:var(--text-strong)}.c-mobile-menu__cta{margin-block-start:var(--space-4)}@media(prefers-reduced-motion:no-preference){.c-mobile-menu{transition-duration:var(--duration-base);transition-timing-function:var(--ease-standard)}.c-mobile-menu__list{transform:translateY(10px);transition:transform var(--duration-base) var(--ease-decelerate)}.c-mobile-menu.is-open .c-mobile-menu__list{transform:none}}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-preview-banner{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-4);background-color:var(--warning-bg);color:var(--warning-text);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);text-align:center;border-block-end:1px solid color-mix(in oklab,var(--warning) 25%,transparent)}.c-preview-banner__dot{flex:none;inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-pill);background-color:var(--warning)}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-skiplink{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:var(--z-skiplink);padding-block:var(--space-2);padding-inline:var(--space-4);background-color:var(--surface-card);color:var(--text-link);font-weight:var(--font-weight-semibold);text-decoration:none;border:2px solid var(--focus-ring);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transform:translateY(-160%);transition:transform var(--duration-fast) var(--ease-standard)}.c-skiplink:focus{transform:translateY(0)}}@layer reset,base,tokens,layout,components,utilities,theme;@layer components{.c-hero{position:relative;padding-block:clamp(3rem,2rem + 6vw,6rem);background-image:var(--gradient-brand-subtle);overflow:clip}.c-hero__inner{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.c-hero__content{display:flex;flex-direction:column;gap:var(--space-5)}.c-hero__eyebrow{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--brand-primary-active)}.c-hero__title{margin:0;font-size:var(--font-size-display);line-height:var(--line-height-display);color:var(--text-strong);max-inline-size:18ch}.c-hero__subtitle{margin:0;font-size:var(--font-size-lead);line-height:var(--line-height-lead);color:var(--text-muted)}.c-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-2)}.c-hero__visual{display:flex;justify-content:center}.c-herovis{inline-size:100%;max-inline-size:30rem;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background-color:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.c-herovis__bar{display:flex;align-items:center;gap:var(--space-2)}.c-herovis__dot{inline-size:.6rem;block-size:.6rem;border-radius:var(--radius-pill);background-color:var(--border-default)}.c-herovis__pill{margin-inline-start:auto;inline-size:var(--space-10);block-size:.6rem;border-radius:var(--radius-pill);background-color:var(--bg-muted)}.c-herovis__body{display:flex;flex-direction:column;gap:var(--space-4)}.c-herovis__tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.c-herovis__tile{display:flex;flex-direction:column;gap:var(--space-2);min-block-size:var(--space-10);padding:var(--space-4);background-color:var(--bg-subtle);border-radius:var(--radius-md)}.c-herovis__tile--accent{background-color:color-mix(in oklab,var(--brand-primary) 8%,var(--bg-subtle))}.c-herovis__tile-label{inline-size:60%;block-size:.5rem;border-radius:var(--radius-pill);background-color:var(--border-default)}.c-herovis__tile-value{inline-size:40%;block-size:var(--space-4);border-radius:var(--radius-xs);background-color:var(--brand-primary);opacity:.85}.c-herovis__tile--accent .c-herovis__tile-value{background-color:var(--brand-accent)}.c-herovis__chart{inline-size:100%;block-size:var(--space-11)}.c-herovis__dot-accent{fill:var(--brand-accent)}.c-herovis__rows{display:flex;flex-direction:column;gap:var(--space-2)}.c-herovis__row{inline-size:100%;block-size:.5rem;border-radius:var(--radius-pill);background-color:var(--border-default)}.c-herovis__row--short{inline-size:65%}@media(min-width:60rem){.c-hero__inner{grid-template-columns:1.05fr .95fr;gap:var(--space-9)}}@media(prefers-reduced-motion:no-preference){.c-herovis{animation:herovis-float 6s var(--ease-standard) infinite}@keyframes herovis-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}}
