*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px);scrollbar-gutter:stable}
body{margin:0;background:var(--background);color:var(--text-primary)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
::selection{background:var(--selection-bg);color:var(--selection-text)}
.skip{position:absolute;left:-999px;top:0;z-index:calc(var(--z-masthead) + 1);background:var(--button-primary);color:var(--text-inverse);padding:12px 16px}
.skip:focus{left:0}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px}
.section{padding:var(--section) 0;border-top:0}
.page-band{position:relative}
.page-band--divider-top::before,.page-band--divider-bottom::after{content:"";position:absolute;left:50%;width:min(calc(var(--container) - var(--gutter) - var(--gutter)),calc(100% - var(--gutter) - var(--gutter)));height:1px;background:var(--border-subtle);transform:translateX(-50%);pointer-events:none}
.page-band--divider-top::before{top:0}
.page-band--divider-bottom::after{bottom:0}
.section--gray{background:var(--layer)}
.section__head{grid-column:1/span 4}
.section__body{grid-column:5/span 8}
.hero{padding:96px 0 80px;background:var(--gray-100);color:var(--gray-10)}
.hero h1{color:var(--gray-10)}
.hero .eyebrow{color:var(--gray-40)}
.hero .lead{color:var(--gray-30)}
.hero__copy{grid-column:1/span 8}
.hero__aside{grid-column:10/span 3;align-self:end;border-left:1px solid var(--gray-80);padding-left:24px}
.hero .process-list{border-top-color:var(--gray-80)}
.hero .process-list li{border-bottom-color:var(--gray-80)}
.hero .process-list strong{color:var(--gray-10)}
.hero .process-list span{color:var(--gray-30)}
.hero .button--secondary{border-color:var(--gray-50);color:var(--gray-10)}
.hero .button--secondary:hover{background:var(--gray-10);color:var(--gray-100)}
.platform-band{padding:56px 0}
.platform-band__head{grid-column:1/span 4}
.platform-band__head h2{margin:0 0 32px}
.platform-band__logo{display:block;width:min(195px,100%);height:auto}
.platform-band__body{grid-column:5/span 8}
.platform-band__body .body-lg + .body-lg{margin-top:16px}

@media (max-width:1055px){
  :root{--section:64px}
  .grid{grid-template-columns:repeat(8,minmax(0,1fr));column-gap:24px}
  .hero{padding:72px 0 64px}
  .hero__copy{grid-column:1/-1}
  .hero__aside{grid-column:1/-1;margin-top:48px;border-left:0;border-top:1px solid var(--border-subtle);padding:24px 0 0}
  .platform-band{padding:48px 0}
  .platform-band__head,.platform-band__body{grid-column:1/-1}
  .platform-band__head{margin-bottom:32px}
  .section__head,.section__body{grid-column:1/-1}
  .section__head{margin-bottom:var(--space-section-head)}
}

@media (max-width:671px){
  :root{--gutter:16px;--header:56px;--section:56px}
  html{scroll-padding-top:calc(var(--header) + 16px)}
  .hero{padding:56px 0}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
