/* PlanGRC public website foundation. Loading this file does not restyle the app. */
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Medium.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-SemiBold.woff2') format('woff2');font-style:normal;font-weight:550 650;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Bold.woff2') format('woff2');font-style:normal;font-weight:700 750;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800 900;font-display:swap}
@font-face{font-family:HomepageArabic;src:url('/assets/fonts/NotoSansArabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Plan Arabic';src:url('/assets/fonts/NotoSansArabic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

:where(body.public-marketing-active,.web6-site,[data-web6-scope]){
  --web6-brand-navy:#142c49;
  --web6-navy:var(--web6-brand-navy);
  --web6-teal:#007f78;
  --web6-teal-hover:#006b65;
  --web6-ink:#374151;
  --web6-muted:#526171;
  --web6-surface:#fff;
  --web6-surface-soft:#f3f7fa;
  --web6-mint:#e2f2f0;
  --web6-mint-strong:#b9e1dc;
  --web6-border:#cbdadf;
  --web6-border-strong:#8db7b5;
  --web6-on-dark:#fff;
  --web6-on-dark-muted:#dbe9ef;
  --web6-focus:#007f78;
  --web6-selection:#d5efeb;

  --web6-font-sans:Manrope,'Segoe UI',Arial,sans-serif;
  --web6-font-arabic:'Plan Arabic',HomepageArabic,Arial,sans-serif;
  --web6-font:var(--web6-font-sans);
  --web6-text-caption:.8125rem;
  --web6-text-small:.9375rem;
  --web6-text-label:1rem;
  --web6-text-body:clamp(1rem,.96rem + .18vw,1.125rem);
  --web6-text-lead:clamp(1.125rem,1.02rem + .45vw,1.375rem);
  --web6-text-title:clamp(1.25rem,1.1rem + .65vw,1.625rem);
  --web6-text-section:clamp(1.875rem,1.34rem + 2vw,2.875rem);
  --web6-text-hero:clamp(2.5rem,1.75rem + 2.8vw,4rem);
  --web6-weight-body:500;
  --web6-weight-label:650;
  --web6-weight-heading:750;
  --web6-leading-body:1.65;
  --web6-leading-label:1.4;
  --web6-leading-heading:1.16;
  --web6-tracking-heading:-.035em;
  --web6-reading-width:64ch;

  --web6-space-1:.25rem;
  --web6-space-2:.5rem;
  --web6-space-3:.75rem;
  --web6-space-4:1rem;
  --web6-space-5:1.25rem;
  --web6-space-6:1.5rem;
  --web6-space-7:2rem;
  --web6-space-8:2.5rem;
  --web6-space-9:3rem;
  --web6-space-10:4rem;
  --web6-space-11:5rem;
  --web6-space-12:6rem;
  --web6-gutter:clamp(1.25rem,4vw,4rem);
  --web6-section-space:clamp(3.5rem,6.5vw,6rem);
  --web6-content-max:90rem;
  --web6-copy-gap:var(--web6-space-6);
  --web6-panel-gap:clamp(1.5rem,3vw,3rem);

  --web6-line:1px;
  --web6-radius-small:.5rem;
  --web6-radius-control:.75rem;
  --web6-radius-card:1.125rem;
  --web6-radius-feature:1.75rem;
  --web6-radius-pill:999px;
  --web6-shadow-control:0 6px 16px -10px rgb(20 44 73 / .28);
  --web6-shadow-card:0 12px 32px -22px rgb(20 44 73 / .3);
  --web6-shadow-media:0 24px 56px -28px rgb(20 44 73 / .34);
  --web6-shadow-overlay:0 18px 52px -16px rgb(20 44 73 / .25);

  --web6-motion-fast:140ms;
  --web6-motion-state:220ms;
  --web6-motion-reveal:360ms;
  --web6-ease:cubic-bezier(.2,.7,.2,1);
  --web6-state-offset:.25rem;
  --web6-target:2.75rem;
  --web6-target-primary:3.25rem;
  --web6-control-padding-inline:1.375rem;
  --web6-control-padding-block:.8125rem;
  --web6-focus-width:3px;
  --web6-focus-offset:3px;

  --web6-media-ratio:16 / 10;
  --web6-media-edge:#1c3349;
  --web6-media-fill:#eff5f7;
  --web6-icon-size:1.5rem;
  --web6-diagram-icon:clamp(4rem,5.5vw,6rem);
  --web6-diagram-stroke:2;
  --web6-diagram-line:#58a9a1;
  --web6-diagram-shade:#d6efeb;
}

/* Language determines script typography; direction is inherited from the shell. */
:where(body.public-marketing-active,.web6-site,[data-web6-scope]):lang(ar){
  --web6-font:var(--web6-font-arabic);
  --web6-tracking-heading:0;
  --web6-leading-heading:1.45;
  --web6-leading-body:1.8;
}

/* Opt-in primitives. No bare element selectors, role rules or workspace overrides. */
:where(.web6-site,[data-web6-scope]){font-family:var(--web6-font);color:var(--web6-ink);font-weight:var(--web6-weight-body)}
.web6-container{box-sizing:border-box;width:min(var(--web6-content-max),calc(100% - var(--web6-gutter) * 2));margin-inline:auto}
.web6-section{padding-block:var(--web6-section-space)}
.web6-heading{margin:0;color:var(--web6-navy);font-family:var(--web6-font);font-size:var(--web6-text-section);font-weight:var(--web6-weight-heading);line-height:var(--web6-leading-heading);letter-spacing:var(--web6-tracking-heading);text-wrap:balance}
.web6-heading--hero{font-size:var(--web6-text-hero)}
.web6-heading--title{font-size:var(--web6-text-title)}
.web6-body{margin:0;color:var(--web6-ink);font-family:var(--web6-font);font-size:var(--web6-text-body);font-weight:var(--web6-weight-body);line-height:var(--web6-leading-body);max-width:var(--web6-reading-width)}
.web6-body--lead{font-size:var(--web6-text-lead)}
.web6-body--small{font-size:var(--web6-text-small)}
.web6-surface{box-sizing:border-box;border:var(--web6-line) solid var(--web6-border);border-radius:var(--web6-radius-card);background:var(--web6-surface);color:var(--web6-ink);box-shadow:var(--web6-shadow-card)}
.web6-surface--mint{background:var(--web6-mint);border-color:var(--web6-mint-strong)}
.web6-surface--navy{--web6-ink:var(--web6-on-dark-muted);--web6-navy:var(--web6-on-dark);--web6-focus:var(--web6-mint-strong);background:var(--web6-brand-navy);border-color:var(--web6-brand-navy);color:var(--web6-on-dark-muted)}

.web6-button,.web6-tab{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--web6-space-3);min-block-size:var(--web6-target);max-inline-size:100%;padding:var(--web6-control-padding-block) var(--web6-control-padding-inline);border:var(--web6-line) solid transparent;font-family:var(--web6-font);font-size:var(--web6-text-label);font-weight:var(--web6-weight-label);line-height:var(--web6-leading-label);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--web6-motion-state) var(--web6-ease),border-color var(--web6-motion-state) var(--web6-ease),color var(--web6-motion-state) var(--web6-ease),box-shadow var(--web6-motion-state) var(--web6-ease);-webkit-tap-highlight-color:transparent}
.web6-button{min-block-size:var(--web6-target-primary);border-radius:var(--web6-radius-control);background:var(--web6-teal);color:#fff;box-shadow:var(--web6-shadow-control)}
.web6-button:visited{color:#fff}
.web6-button:hover{background:var(--web6-teal-hover)}
.web6-button--secondary,.web6-button--secondary:visited{border-color:var(--web6-border-strong);background:var(--web6-surface);color:var(--web6-brand-navy);box-shadow:none}
.web6-button--secondary:hover{background:var(--web6-mint);border-color:var(--web6-teal);color:#142c49}
.web6-button--quiet,.web6-button--quiet:visited{min-block-size:var(--web6-target);padding-inline:var(--web6-space-3);background:transparent;color:var(--web6-teal);box-shadow:none}
.web6-button--quiet:hover{background:var(--web6-mint);color:var(--web6-teal-hover)}
.web6-tab{border-radius:var(--web6-radius-control);border-color:var(--web6-border);background:var(--web6-surface);color:var(--web6-ink);box-shadow:none}
.web6-tab:hover{border-color:var(--web6-teal);background:var(--web6-mint);color:#142c49}
.web6-tab[aria-selected=true],.web6-tab[aria-pressed=true],.web6-tab[aria-current=page]{border-color:var(--web6-teal);background:var(--web6-teal);color:#fff}
.web6-button:focus-visible,.web6-tab:focus-visible{outline:var(--web6-focus-width) solid var(--web6-focus);outline-offset:var(--web6-focus-offset)}
.web6-button:disabled,.web6-tab:disabled,.web6-button[aria-disabled=true],.web6-tab[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}

.web6-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--web6-icon-size);block-size:var(--web6-icon-size);flex-shrink:0;color:var(--web6-teal)}
.web6-button:not(.web6-button--secondary):not(.web6-button--quiet) .web6-icon,.web6-tab[aria-selected=true] .web6-icon,.web6-tab[aria-pressed=true] .web6-icon,.web6-tab[aria-current=page] .web6-icon{color:inherit}
.web6-icon svg{inline-size:100%;block-size:100%;display:block}
.web6-media{box-sizing:border-box;display:block;inline-size:100%;max-inline-size:100%;aspect-ratio:var(--web6-media-ratio);object-fit:contain;background:var(--web6-media-fill);border:var(--web6-line) solid var(--web6-border);border-radius:var(--web6-radius-card);box-shadow:var(--web6-shadow-media)}
.web6-diagram{--web6-icon-size:var(--web6-diagram-icon);color:var(--web6-teal)}
.web6-diagram-line{fill:none;stroke:var(--web6-diagram-line);stroke-width:var(--web6-diagram-stroke);vector-effect:non-scaling-stroke}

@media(prefers-reduced-motion:reduce){
  :where(body.public-marketing-active,.web6-site,[data-web6-scope]){--web6-motion-fast:0ms;--web6-motion-state:0ms;--web6-motion-reveal:0ms;--web6-state-offset:0rem}
}
@media(forced-colors:active){
  .web6-button,.web6-tab,.web6-surface,.web6-media{border-color:CanvasText;box-shadow:none}
  .web6-tab[aria-selected=true],.web6-tab[aria-pressed=true],.web6-tab[aria-current=page]{outline:2px solid Highlight;outline-offset:-3px}
  .web6-button:focus-visible,.web6-tab:focus-visible{outline-color:Highlight}
}