.container{
  width: 100%;
  max-width: var(--wide-width);
  margin: 0 auto;
  padding: 0 var(--space-xl);
}
.container--narrow{
  max-width: var(--content-width);
}
section{
  padding: var(--space-2xl) 0;
  background: var(--color-bg);
  background-image: linear-gradient(135deg, var(--color-surface) 0%, var(--color-bg) 40%, var(--color-bg) 60%, var(--_accent-glow, rgba(0, 224, 255, 0.15)) 100%);

  border-top: solid 1px var(--color-surface);

  background-position: top center;

}
section .container .text-center h1{
  color: var(--color-primary);
}
section.theme-light{
  background-color: var(--color-bg);
  background-image: linear-gradient(135deg, var(--color-surface-light) 0%, var(--color-bg) 40%, var(--color-bg) 60%, var(--color-surface-light) 100%);
  background-blend-mode: normal;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}
.story-arc{

  border-radius: var(--radius-6xl);
  margin-top: calc(var(--space-2xl) * -1);
  margin-bottom: calc(var(--space-2xl) * -1);
  padding-bottom: var(--space-4xl);
  padding-top: var(--space-4xl);
  background-color: var(--color-bg);
  z-index: 1;

  position: relative;
  overflow: clip;

  border-top: 1px solid rgba(255, 255, 255, .05);


}
.story-arc,.story-arc.theme-dark{

  background: var(--color-bg);
  background-image: linear-gradient(135deg, var(--_accent-glow) 0%, var(--color-bg) 50%, var(--_accent-glow) 100%);

}
.story-arc.theme-light{
  background-color: var(--color-bg);
  background-image: linear-gradient(135deg, var(--color-surface-light) 0%, var(--color-bg) 40%, var(--color-bg) 60%, var(--color-surface-light) 100%);
}
.story-arc--overlay::after{
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.341028) 8.59%, rgba(0, 0, 0, 0) 17.2%),
    radial-gradient(143.13% 65.32% at 48.03% 29.41%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%), rgba(0,0,0,.3);
}
.story-arc section{

  background: none;
  border: none;

}
section.theme-light.animated-grid-bg::before,.theme-light .animated-grid-bg::before{
  filter: invert(1);
  mix-blend-mode: normal;

}
section.accent-background{
  position: relative;
  overflow: hidden;
  background-color: var(--color-primary);
  background-image: linear-gradient(135deg, var(--color-surface-elevated) -100%, var(--color-primary) 60%);
  background-blend-mode: luminosity;

  border-top: solid 1px var(--color-border-light);

}
.animated-grid-bg{
  position: relative;
  overflow: hidden;
}
.animated-grid-bg>*{
  position: relative;
  z-index: 1;
}
section.accent-background .container{
  position: relative;
  z-index: 1;
}
section.accent-background *{


  color: var(--color-bg);

}
section.accent-background .btn.btn--primary{

  background-color: var(--color-bg-glass);
  color: var(--color-primary-dark);

}
section.accent-background .btn.btn--outline,section.accent-background .btn.btn--secondary{
  background: transparent !important;
  border-color: var(--color-bg-glass);
  color: var(--color-bg-glass) !important;

}
section.accent-background .btn.btn--outline:hover,section.accent-background .btn.btn--secondary:hover{
  background-color: var(--color-bg-glass) !important;
  color: var(--color-text) !important;
}
.static-cards-section{
  
}
.static-cards-grid{
  --bento-cols: 3;
  display: grid;
  grid-template-columns: repeat(var(--bento-cols), 1fr);
  gap: 16px;
}
.bento-3-cols{
  --bento-cols: 3;
}
@media (min-width: 901px){.bento-span-2{
    grid-column: span 2;
  }
.bento-span-3{
    grid-column: span 3;
  }
.bento-row-span-2{
    grid-row: span 2;
  }}
@media (max-width: 1200px) and (min-width: 901px){.static-cards-grid:not([class*="bento-"]) .bento-span-3{
    grid-column: span 2 !important;
  }}
@media (max-width: 900px){.bento-span-2,.bento-span-3{
    grid-column: span 1 !important;
  }}
.static-card{
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;

  
  background:
    radial-gradient(100% 100% at 50% 0%, var(--sc-bg-highlight, #153033) 0%, var(--sc-bg, #061a1c) 75%);

  
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.06),
    inset 0 0 0 1px rgba(255, 255, 255, 0.03);

  transition: box-shadow 0.2s ease;
}
.static-card:hover{
  box-shadow:
    inset 0 1px 0 0 rgba(255, 255, 255, 0.12),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.static-card:not(.static-card--hero){
  min-height: auto;
  justify-content: flex-start;
}
.static-card:not(.static-card--hero) .static-card__content{
  padding: 32px;
  position: relative;
  z-index: 3;
}
.static-card.static-card--feature{
  min-height: 364px;
  justify-content: flex-start;
}
.static-card.static-card--feature::after{
  display: none;
}
.static-card--feature .static-card__content{
  padding: 32px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.static-card--feature.c-align-center .static-card__content{
  flex: none;
}
.static-card.c-align-center{
  justify-content: center !important;
}
.static-card__media{
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
.static-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 900px){.static-card.img-contain .static-card__media img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: top center !important;
}}
.static-card__media > *:not(img, picture){
  display: block;
  width: 100%;
  height: 100%;
}
.static-card__media > picture{
  display: block;
  width: 100%;
  height: 100%;
}
.static-card.img-contain .static-card__media img{
  object-fit: cover;
  object-position: bottom right;
}
.static-card.img-right{ flex-direction: row !important; }
.static-card.img-right > .static-card__content{
  flex: 0 0 50%;
  max-width: 50%;
}
.static-card.img-right > .static-card__media{
  flex: 1 1 0%;
}
.static-card.img-bottom{ flex-direction: column !important; }
.static-card.img-bottom > .static-card__content{
  flex: 0 0 auto;
}
.static-card.img-bottom > .static-card__media{
  flex: 1 1 0%;
}
.static-card:is(.img-right, .img-left, .img-bottom, .img-top) > .static-card__content{
  display: flex;
  flex-direction: column;
}
.static-card:is(.img-right, .img-left, .img-bottom, .img-top):is(.c-align-top, .c-align-center, .c-align-bottom){
  justify-content: flex-start !important;
}
.static-card:is(.img-right, .img-left, .img-bottom, .img-top).c-align-center > .static-card__content{
  justify-content: center;
}
@media (max-width: 900px){.static-card.img-right{
    flex-direction: column !important;
  }
.static-card.img-right > .static-card__content{
    flex: 0 0 auto;
    max-width: none;
  }
.static-card:is(.img-right, .img-left, .img-bottom, .img-top) > .static-card__media{
    flex: 0 0 auto;
    min-height: 240px;
    aspect-ratio: 4 / 3;
    width: 100%;
  }}
.static-card .card__label{
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sc-accent, var(--color-primary));
  margin-bottom: 14px;
  opacity: 0.9;
}
.static-card .card__title{
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.25;
  
  margin-bottom: 10px;
  text-wrap: balance;
}
.static-card .card__description{
  font-size: 15px;
  line-height: 1.6;
  
  color: rgba(157, 171, 173, 1);
  color: var(--color-text);
  text-wrap: pretty;
  max-width: 420px;
}
.static-card .btn{
  margin-top: 28px;
}
@media (max-width: 1200px){.static-cards-grid:not([class*="bento-"]){
    grid-template-columns: repeat(2, 1fr);
  }
.static-card:not(.static-card--hero){
    min-height: auto;
  }}
@media (max-width: 900px){.static-cards-section{
    padding: var(--space-3xl) 0 var(--space-4xl) 0;
  }
.static-cards-grid,.static-cards-grid:not([class*="bento-"]){
    grid-template-columns: 1fr;
    gap: 12px;
  }
.static-card:not(.static-card--hero){
    min-height: auto;
  }
.static-card > img:not(.static-card__media > img){
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    max-height: 240px;
    object-fit: contain !important;
    object-position: right bottom;
    margin-top: auto;
  }}
.theme-dark,.theme-light,.accent-hue{
  --_accent-mid: hsl(var(--accent-h, 220), var(--accent-s, 55%), calc(var(--accent-l, 22%) + var(--sc-l-mid, 0%)));
  --_accent-text: hsl(var(--accent-h, 220), var(--accent-s, 55%), calc(var(--accent-l, 22%) + var(--sc-l-text, 32%)));
  --_accent-glow: hsla(var(--accent-h, 220), var(--accent-s, 55%), calc(var(--accent-l, 22%) + var(--sc-l-glow, 20%)), var(--sc-a-glow, 0.5));

  
  --sc-bg: hsl(var(--accent-h, 220), var(--accent-s, 55%), calc(var(--accent-l, 22%) + var(--sc-l-bg, 4%)));
  --sc-bg-highlight: hsl(var(--accent-h, 220), calc(var(--accent-s, 55%) + var(--sc-s-highlight, -10%)), calc(var(--accent-l, 22%) + var(--sc-l-highlight, 14%)));
  --sc-accent: var(--_accent-text);
}
.accent-hue{
  position: relative;
}
.story-arc .theme-dark,.story-arc .theme-light{
  background-color: var(--color-surface);
}
.accent-hue::before{
  
}
.accent-hue .container{
  position: relative;
  z-index: 1;
}
.accent-hue .static-card:not(.static-card--hero)::after{
  background: linear-gradient(to top,
      var(--sc-bg) 0%,
      var(--sc-bg) 38%,
      hsla(var(--accent-h, 220), var(--accent-s, 55%), calc(var(--accent-l, 22%) + 4%), 0) 64%);
}
.sc-section-header{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 48px;
  margin-bottom: 40px;
}
.sc-section-header__left{
  flex: 0 1 55%;
}
.sc-section-header__right{
  flex: 0 1 38%;
  padding-bottom: 6px;
  
}
.accent-hue .static-card .card__label{
  color: var(--_accent-text);
  filter: brightness(2);
}
.text-accent-highlight{
  background: linear-gradient(
    90deg,
    hsl(var(--accent-h, 220), calc(var(--accent-s, 55%) + 30%), calc(var(--accent-l, 22%) + 40%)) 0%,
    hsl(calc(var(--accent-h, 220) + 40), calc(var(--accent-s, 55%) + 40%), calc(var(--accent-l, 22%) + 65%)) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  
  padding-bottom: 0.18em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.sc-lead{
  font-size: 16px;
  line-height: 1.65;

  margin: 0;
}
.static-cards-grid .static-card:not(.static-card--hero){
  flex-direction: column;
}
@media (max-width: 900px){.sc-section-header{
    flex-direction: column;
    gap: 20px;
    margin-bottom: 28px;
    align-items: flex-start;
    text-align: left;
  }
.sc-section-header__left,.sc-section-header__right{
    flex: none;
  }
.container{

    padding:0 var(--space-sm);
  }}