@font-face{font-family:'IBM Plex Sans';font-weight:300;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSans-Light.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSans-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:500;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSans-Medium.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexMono-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexMono-Medium.woff2') format('woff2')}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-ui);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul,ol{list-style:none}

.wrap{width:min(1360px,100% - 64px);margin-inline:auto}
@media (max-width:640px){.wrap{width:min(1360px,100% - 32px)}}

.h-display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}
.h-display b{font-weight:600;color:var(--accent-text)}
.mono{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}

:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}

.skip-link{position:fixed;inset-inline-start:16px;top:-72px;z-index:100;
  background:var(--cta-bg);color:var(--on-copper);padding:14px 20px;font-size:14px;font-weight:600;
  transition:top var(--dur-hover) var(--ease)}
.skip-link:focus-visible{top:16px}

a,button{touch-action:manipulation}

[hidden]{display:none!important}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@font-face{font-family:'IBM Plex Sans Arabic';font-weight:300;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSansArabic-Light.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSansArabic-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:500;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSansArabic-Medium.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-weight:600;font-style:normal;font-display:swap;
  src:url('../fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2')}

html[lang="ar"] body{font-family:var(--font-arabic)}
html[lang="ar"] .h-display,html[lang="ar"] .hero h1,html[lang="ar"] .h2,
html[lang="ar"] .fact b,html[lang="ar"] .final h3,html[lang="ar"] .wm,
html[lang="ar"] .tile h3,html[lang="ar"] .plaque b,html[lang="ar"] .rfq-done h3,
html[lang="ar"] .legal h1,html[lang="ar"] .legal h2{font-family:var(--font-arabic)}

html[lang="ar"] .kicker,html[lang="ar"] .mono,
html[lang="ar"] .tile-num,html[lang="ar"] .map-cap,
html[lang="ar"] .terms,html[lang="ar"] .hero-meta div,html[lang="ar"] .hero-meta b,
html[lang="ar"] .process th,html[lang="ar"] .process td.step-n,
html[lang="ar"] .trust b,html[lang="ar"] .trust code,
html[lang="ar"] .founder-body .role,html[lang="ar"] .corr-cell h3,
html[lang="ar"] .contact-cell h3,html[lang="ar"] .field label,
html[lang="ar"] .field .msg,html[lang="ar"] .foot-legal,
html[lang="ar"] .hdr-lang,html[lang="ar"] .menu-tools > *,
html[lang="ar"] .legal .note{
  font-family:var(--font-arabic);letter-spacing:0;text-transform:none}

html[lang="ar"] .wm{font-family:var(--font-display);letter-spacing:.16em}

html[lang="ar"] .map .map-labels{font-family:var(--font-mono);letter-spacing:1px}