:root{--color-bg:#fff;--color-surface:#f3f6f8;--color-text:#1d2226;--color-accent:#0a66c2;--color-divider:#dde3e8;--color-neutral-300:#dde3e8;--color-neutral-400:#b8c1c9;--color-neutral-500:#8c969f;--color-neutral-600:#646e77;--color-neutral-700:#4b545c;--color-neutral-800:#343c42;--color-neutral-900:#1d2226;--color-accent-100:#edf4fb;--color-accent-200:#d3e4f6;--color-accent-300:#a6c8ec;--color-accent-400:#5b9ad9;--color-accent-500:#0a66c2;--color-accent-600:#0957a6;--color-accent-700:#074787;--color-accent-800:#053466;--color-accent-900:#032447;--font-site:"Archivo", system-ui, sans-serif;--ease-signature:cubic-bezier(.45, 0, .2, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--content-max:1360px;--gutter:clamp(16px, 3.5vw, 44px);--section-y:clamp(56px, 7vw, 96px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-site);text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-site);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.12}p,figure{margin:0}img{max-width:100%;display:block}a{color:var(--color-accent-700);text-underline-offset:3px;text-decoration:none}a:hover{color:var(--color-accent);text-decoration:underline}::selection{background:var(--color-accent-200)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo{color:var(--color-text);align-items:center;gap:10px;display:flex}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-text)}.logo__bars{align-items:flex-end;gap:2px;display:flex}.logo__bars span{background:var(--color-accent);width:7px}.logo__bars span:first-child{height:20px}.logo__bars span:nth-child(2){height:26px}.logo__bars span:nth-child(3){background:var(--color-accent-300);height:14px}.logo__word{letter-spacing:-.028em;font-size:23px;font-weight:800}.logo--on-dark,.logo--on-dark:hover{color:#fff}.logo--on-dark .logo__bars span:nth-child(-n+2){background:var(--color-accent-400)}.logo--on-dark .logo__bars span:nth-child(3){background:#f3f6f866}.btn{background:var(--color-accent);color:#fff;cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:12px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.btn,.btn:hover{color:#fff;text-decoration:none}.btn:hover{background:var(--color-accent-600)}.btn:disabled{cursor:progress}.nav{z-index:40;border-bottom:1px solid var(--color-divider);font-family:var(--font-site);background:#fff;position:sticky;top:0}.nav__inner{max-width:var(--content-max);padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.nav__right{align-items:center;gap:clamp(12px,2vw,28px);font-size:13.5px;font-weight:600;display:flex}.nav__links{align-items:center;gap:clamp(12px,2vw,28px);display:flex}.nav__link,.nav__link:hover{color:var(--color-text);white-space:nowrap}.nav__cta{padding:11px 20px;font-size:13.5px}.nav__toggle{display:none}@media (width<=819px){.nav__inner{gap:12px}.nav__links{padding:4px var(--gutter) 12px;border-bottom:1px solid var(--color-divider);background:#fff;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav--open .nav__links{display:flex}.nav__link{border-top:1px solid var(--color-divider);padding:14px 0;font-size:15px}.nav__link:first-child{border-top:0}.nav__toggle{border:1px solid var(--color-divider);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:40px;padding:0;display:inline-flex}.nav__toggle span{background:var(--color-text);width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav--open .nav__toggle span:first-child{transform:translateY(6px)rotate(45deg)}.nav--open .nav__toggle span:nth-child(2){opacity:0}.nav--open .nav__toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}@media (width<=380px){.nav__right{gap:10px}.nav__cta{padding:10px 12px;font-size:13px}.nav__toggle{width:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
