:root{--color-primary:hsl(227,48%,34%);--color-brand-hover:hsl(227,54%,22%);--color-primary-soft:hsl(228,38%,74%);--color-brand-on-dark:hsl(227,48%,61%);--color-primary-fg:hsl(0,0%,100%);--color-highlight:hsl(107,46%,49%);--color-accent-contrast:hsl(228,22%,13%);--color-base:hsl(0,0%,100%);--color-card:hsl(220,23%,95%);--color-copy:hsl(228,22%,13%);--color-dim:hsl(225,6%,39%);--color-edge:hsl(231,10%,86%);--color-dark-bg:hsl(225,35%,9%);--color-dark-2:hsl(228,30%,19%);--color-inverse-text:hsl(240,10%,96%);--color-on-dark-muted:hsl(228,10%,70%);--radius-md:0px;--radius-xl:0px;--radius-btn:0px;--case-button:none;--tracking-cta:0;--font-weight-cta:600;--font-head:'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;--font-text:'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;--text-display:clamp(2rem, 4.5vw, 3.25rem);--text-title:clamp(1.6rem, 3vw, 2.25rem);--text-subtitle:1.25rem;--font-weight-bold:700;--tracking-title:-0.01em;--leading-tight:1.15;--case-overline:uppercase;--tracking-eyebrow:.12em;--color-tagline:hsl(227,48%,34%);--text-text:1rem;--leading-normal:1.6;--container-max:1041px;--spacing-stack:4.9rem;--shadow-sm:0 10px 30px rgba(0,0,0,.06);--shadow-strong:0 12px 40px rgba(0,0,0,.14)}
*,*::before,*::after {
  box-sizing: border-box;
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-wrap:anywhere;font-family:var(--font-text);font-size:var(--text-text);line-height:var(--leading-normal);color:var(--color-copy);background:var(--color-base)}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);margin:0 0 .6em;color:var(--color-copy);letter-spacing:var(--tracking-title);hyphens:manual}
h1{font-size:var(--text-display)}
h2{font-size:var(--text-title)}
h3 {
  font-size: var(--text-subtitle);
  line-height: 1.3;
}
h4{font-size:1.05rem;line-height:1.35}
p {
  margin: 0 0 1em;
}
a {
  color: var(--color-primary);
  text-decoration: none;
}
@media (min-width:481px){
a[href^="tel:"] {
  white-space: nowrap;
}
}
a:hover{color:var(--color-brand-hover)}
ul,ol {
  margin: 0 0 1em;
  padding-left: 1.25em;
}
button,input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--color-primary-soft);color:var(--color-copy)}
.row-dark{width:min(100% - 2.5rem,var(--container-max));margin-inline:auto}
.p-gray-100 {
  width: min(100% - 2.5rem,48rem);
}
.bg-disc {
  padding-block: var(--spacing-stack);
}
.fixed-start {
  background: var(--color-card);
}
.left-third {
  background: var(--color-dark-bg);
  color: var(--color-inverse-text);
}
.left-third h1,.left-third h2,.left-third h3,.left-third h4 {
  color: inherit;
}
.left-third a {
  color: var(--color-brand-on-dark);
}
.left-third .block-full,.left-third .space-screen {
  color: var(--color-on-dark-muted);
}
.left-third .max-w-center{color:var(--color-brand-on-dark)}
.pt-snug{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:var(--radius-btn);background:var(--color-primary);color:var(--color-primary-fg);font-weight:var(--font-weight-cta);text-transform:var(--case-button);letter-spacing:var(--tracking-cta);line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.pt-snug:hover {
  background: var(--color-brand-hover);
  color: var(--color-primary-fg);
}
.pt-snug:active{transform:translateY(1px)}
.hidden-medium {
  background: transparent;
  color: var(--color-primary);
  border-color: currentColor;
}
.hidden-medium:hover{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}
.min-h-square {
  background: var(--color-highlight);
  color: var(--color-accent-contrast);
}
.min-h-square:hover {
  background: var(--color-highlight);
  color: var(--color-accent-contrast);
  filter: brightness(.92);
}
.grow-right {
  background: var(--color-inverse-text);
  color: var(--color-dark-bg);
}
.grow-right:hover{background:hsl(0,0%,100%);color:var(--color-dark-bg)}
.duration-secondary {
  padding: .55rem 1.1rem;
  font-size: .9rem;
}
.inline-gray-500 {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.left-third .pt-snug:not(.hidden-medium):not(.min-h-square):not(.grow-right){background:var(--color-brand-on-dark);color:var(--color-dark-bg)}
.left-third .pt-snug:not(.hidden-medium):not(.min-h-square):not(.grow-right):hover {
  background: var(--color-inverse-text);
  color: var(--color-dark-bg);
}
.left-third .hidden-medium {
  color: var(--color-inverse-text);
  border-color: var(--color-on-dark-muted);
}
.left-third .hidden-medium:hover{background:var(--color-inverse-text);color:var(--color-dark-bg);border-color:var(--color-inverse-text)}
.delay-sm {
  display: grid;
  gap: 1.5rem;
}
.bg-10{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.p-16{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.duration-xl {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.px {
  grid-template-columns: repeat(2,1fr);
}
.visible-16 {
  grid-template-columns: repeat(3,1fr);
}
.gap-light {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){.gap-light {
  grid-template-columns: repeat(2,1fr);
}.visible-16{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.px,.visible-16,.gap-light {
  grid-template-columns: 1fr;
}}
.tracking{display:flex;flex-wrap:wrap;justify-content:center}
.tracking>* {
  min-width: 0;
}
.tracking.px>*{flex:0 0 calc((100% - 1.5rem)/2)}
.tracking.visible-16>*{flex:0 0 calc((100% - 3rem)/3)}
.tracking.gap-light>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){.tracking.visible-16>*,.tracking.gap-light>*{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:560px){
.tracking.px>*,.tracking.visible-16>*,.tracking.gap-light>* {
  flex-basis: 100%;
}
}
.block-full{font-size:1.15rem;color:var(--color-dim)}
.max-w-center {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: var(--case-overline);
  color: var(--color-tagline);
  margin-bottom: .75rem;
}
.space-screen {
  color: var(--color-dim);
}
.ml-24 {
  text-align: center;
}
.max-w-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
@media (max-width:640px){
.bg-disc {
  padding-block: calc(var(--spacing-stack) * .7);
}
}
.container-scroll{position:relative;z-index:20;background:var(--color-base)}
.sticky{border-bottom:1px solid var(--color-edge)}
.static-wrap {
  display: grid;
  grid-template-columns: minmax(0,1fr) 13rem minmax(0,1fr);
  align-items: center;
  min-height: 5.5rem;
}
.top{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:1;display:inline-flex;max-width:100%}
.h-screen {
  height: auto;
  width: auto;
  max-height: 2.5rem;
}
.rounded-pointer {
  grid-column: 1/-1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) 13rem minmax(0,1fr);
  align-items: center;
}
.grow-gray-100{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;list-style:none;margin:0;padding:0}
.my-contain{grid-column:1;justify-content:flex-end}
.mt-gray-500{grid-column:3;justify-content:flex-start}
.hidden {
  color: var(--color-copy);
  font-size: .95rem;
  font-weight: 500;
  letter-spacing: .02em;
}
.hidden:hover,.text-start{color:var(--color-primary)}
.overflow-secondary{font-weight:700;border-bottom:2px solid var(--color-primary);padding-bottom:.1rem}
.whitespace-gray-900 {
  display: none;
}
.whitespace-gray-900:focus-visible + .pt-wide {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.pt-wide {
  display: none;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 44px;
  min-height: 44px;
  padding: .5rem;
  cursor: pointer;
}
.basis-2 {
  display: block;
  width: 24px;
  height: 2px;
  border-radius: 2px;
  background: var(--color-copy);
}
@media (max-width:1020px){.static-wrap{display:flex;justify-content:space-between;gap:.75rem;min-height:4.5rem}.whitespace-gray-900{display:block}.pt-wide {
  display: flex;
}.rounded-pointer{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:.75rem;padding:1.25rem;background:var(--color-base);border-bottom:1px solid var(--color-edge);box-shadow:var(--shadow-sm)}.whitespace-gray-900:checked ~ .rounded-pointer {
  display: flex;
}.grow-gray-100{flex-direction:column;align-items:flex-start;gap:.75rem}}
.fixed-normal{margin-top:auto;font-size:.95rem;text-align:center}
.mb-top {
  background: var(--color-card);
  border-top: 1px solid var(--color-edge);
}
.basis-sm {
  border-top: 1px solid var(--color-edge);
}
.border-right {
  background: var(--color-dark-bg);
  color: var(--color-inverse-text);
}
.w-none {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-block: var(--spacing-stack) calc(var(--spacing-stack) * .7);
}
.block-2xl {
  height: 2.25rem;
  width: auto;
}
.not-sr-visible {
  max-width: 34rem;
  margin: 0;
  opacity: .8;
}
.hidden-6{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;margin:0;padding:0}
.decoration-none {
  color: inherit;
  opacity: .85;
}
.decoration-none:hover {
  opacity: 1;
  color: inherit;
  text-decoration: underline;
}
.border-right .decoration-none:hover {
  color: var(--color-brand-on-dark);
}
.grid-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem 1.5rem;
  margin: 0;
  opacity: .85;
  font-size: .9rem;
}
.list-half {
  display: flex;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.whitespace-center {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-primary-fg);
  font-size: .75rem;
  font-weight: 700;
}
.whitespace-center svg{width:1rem;height:1rem}
.space-quarter {
  border-top: 1px solid rgba(128,128,128,.25);
}
.ring{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1rem;font-size:.85rem;opacity:.8}
.skew-md {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width:640px){
.ring {
  flex-direction: column;
  align-items: center;
}
}
.content-1 {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 1rem 0;
  box-shadow: var(--shadow-sm);
}
.divide-20{bottom:0}
.sr-left {
  background: var(--color-dark-bg);
  color: var(--color-inverse-text);
}
.translate-right {
  background: var(--color-card);
  color: var(--color-copy);
  border-top: 1px solid var(--color-edge);
}
.content-1[hidden]{display:none}
.visible-4{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.mx-square{margin:0;font-size:.95rem}
.my-full{color:inherit;text-decoration:underline;margin-left:.35rem}
.space-y {
  display: flex;
  gap: .75rem;
  flex-shrink: 0;
}
.sr-left .not-sr {
  border-color: var(--color-base);
}
.sr-left .not-sr:not(.hidden-medium){background:var(--color-brand-on-dark);color:var(--color-dark-bg);border-color:transparent}
.sr-left .hidden-medium.not-sr{color:var(--color-base)}
@media (max-width:720px){.content-1 {
  padding: .7rem 0;
}.visible-4{flex-direction:column;align-items:stretch;gap:.6rem}.mx-square{font-size:.84rem;line-height:1.4}.space-y{justify-content:flex-end}}
.pt-min {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2.5rem;
  align-items: start;
}
.top-half .pt-min {
  grid-template-columns: minmax(0,1fr);
  max-width: 48rem;
}
.mt-visible {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.break-16{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-width:0}
.static-max{display:grid;gap:.35rem;min-width:0}
.scale-center {
  grid-column: 1/-1;
}
.row-min {
  font-size: .9rem;
  font-weight: 600;
}
.skew {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-edge);
  border-radius: var(--radius-md);
  background: var(--color-base);
}
.skew:focus{outline:2px solid var(--color-primary);outline-offset:1px}
.block-min {
  resize: vertical;
}
.translate-sm {
  justify-self: start;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width:860px){
.pt-min{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){.break-16{grid-template-columns:minmax(0,1fr)}}
.gap-bold {
  padding-block: calc(var(--spacing-stack) * 1.5) calc(var(--spacing-stack) * 1.3);
}
.align-24{max-width:52rem}
.mb-2xl .align-24{margin-inline:auto;text-align:center}
.items{display:block;width:3.5rem;height:4px;background:var(--color-primary);border-radius:2px;margin-bottom:1.5rem}
.mb-2xl .items{margin-inline:auto}
.left {
  font-size: calc(var(--text-display) * 1.12);
  margin-bottom: 1.25rem;
}
.opacity-full {
  max-width: 38rem;
  margin-bottom: 2rem;
}
.mb-2xl .opacity-full {
  margin-inline: auto;
}
.left-black{display:flex;flex-wrap:wrap;gap:1rem}
.mb-2xl .left-black{justify-content:center}
.self-third{margin:1.5rem 0 0;font-size:.9rem}
.bg-20{max-width:46rem;margin-bottom:clamp(2rem,4vw,3rem)}
.object-wrap{margin-bottom:.9rem}
.place {
  margin: 0;
}
.inline-right {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: clamp(1.25rem,3vw,2rem);
}
.ease-none {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.min-h-gray-500 .ease-none {
  border: 1px solid var(--color-edge);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--color-base);
}
.inline-sm {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.max-w-2xl .inline-sm{border-radius:var(--radius-xl)}
.w-xl{padding-top:1.1rem}
.min-h-gray-500 .w-xl {
  padding: 1.25rem 1.4rem 1.5rem;
}
.inline-wide{font-size:1.2rem;margin-bottom:.45rem}
.border-x {
  margin: 0;
  color: var(--color-dim);
}
.skew-10 {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-weight: 700;
}
@media (max-width:900px){.inline-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:600px){
.inline-right{grid-template-columns:minmax(0,1fr)}
}
.block-center {
  overflow-wrap: anywhere;
}
.align>*{min-width:0}
.truncate-center{max-width:24ch}
.select-cover{color:var(--color-dim)}
.rounded-right{max-width:100%;white-space:normal;text-align:center}
.align {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.85fr);
  gap: clamp(2rem,5vw,5rem);
  align-items: start;
}
.grow-y{display:flex;flex-direction:column;gap:1.5rem}
.place-0 .block-full {
  max-width: 48ch;
}
.sr{width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-xl)}
.decoration {
  padding-top: .3rem;
}
.grid-md {
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 2rem 1.5rem;
}
.relative-quarter {
  padding-top: 1rem;
  border-top: 2px solid var(--color-edge);
  min-width: 0;
}
.translate-full {
  font-size: .8rem;
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: .12em;
  margin-bottom: 1rem;
}
.px-x {
  font-size: 1.1rem;
}
.select-cover{font-size:.95rem;margin:0}
.whitespace-16 {
  color: var(--color-dim);
  font-size: .9rem;
  border-top: 1px solid var(--color-edge);
  padding-top: 1.5rem;
}
.relative-quarter:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
@media(max-width:800px){
.align{grid-template-columns:1fr}
.sr {
  aspect-ratio: 16/9;
}
}
@media(max-width:420px){
.grid-md {
  grid-template-columns: 1fr;
}
.sr {
  aspect-ratio: 4/3;
}
}
.delay-visible{margin-bottom:2rem}
.transition-center{list-style:none;padding:0;margin:0}
.absolute-4{padding:1.5rem;border-top:3px solid var(--color-primary);background:var(--color-card);border-radius:0 0 var(--radius-md) var(--radius-md)}
.pb-around {
  display: block;
  font-family: var(--font-head);
  font-size: 2rem;
  color: var(--color-primary-soft);
  line-height: 1;
  margin-bottom: .75rem;
}
.justify-8 {
  margin: 0;
  color: var(--color-dim);
}