:root {
  --color-primary: hsl(217,45%,41%);
  --color-brand-strong: hsl(217,50%,29%);
  --color-brand-subtle: hsl(217,35%,81%);
  --color-brand-on-dark: hsl(217,45%,58%);
  --color-on-brand: hsl(0,0%,100%);
  --color-secondary: hsl(337,41%,55%);
  --color-accent-contrast: hsl(0,0%,100%);
  --color-background: hsl(0,0%,100%);
  --color-card: hsl(225,20%,96%);
  --color-text: hsl(217,19%,13%);
  --color-secondary-text: hsl(216,18%,42%);
  --color-rule: hsl(220,13%,91%);
  --color-dark: hsl(218,24%,13%);
  --color-inverse-surface: hsl(217,30%,19%);
  --color-dark-fg: hsl(210,10%,96%);
  --color-dark-fg-muted: hsl(216,10%,70%);
  --radius-base: 5px;
  --radius-large: 10px;
  --radius-button: 5px;
  --case-cta: none;
  --tracking-btn: 0;
  --weight-cta: 600;
  --font-display: 'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;
  --font-copy: 'Source Sans 3', 'Segoe UI', system-ui, Roboto, sans-serif;
  --size-display: clamp(1.8rem, 3.4vw, 2.5rem);
  --size-title: clamp(1.4rem, 2.4vw, 1.9rem);
  --size-subtitle: 1.15rem;
  --weight-title: 600;
  --tracking-title: -0.01em;
  --line-height-tight: 1.25;
  --case-overline: uppercase;
  --tracking-label: .12em;
  --color-overline: hsl(217,45%,41%);
  --size-text: 1.0625rem;
  --line-height-normal: 1.5;
  --container-page: 1170px;
  --space-block: 5rem;
  --shadow-sm: 0 10px 30px rgba(0,0,0,.06);
  --shadow-strong: 0 24px 60px rgba(0,0,0,.12);
}
*,*::before,*::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: var(--font-copy);
  font-size: var(--size-text);
  overflow-wrap: anywhere;
  line-height: var(--line-height-normal);
  color: var(--color-text);
  background: var(--color-background);
  margin: 0;
}
img,svg,video {
  max-width: 100%;
  display: block;
  height: auto;
}
h1,h2,h3,h4 {
  letter-spacing: var(--tracking-title);
  font-family: var(--font-display);
  font-weight: var(--weight-title);
  line-height: var(--line-height-tight);
  hyphens: manual;
  margin: 0 0 .6em;
  color: var(--color-text);
}
h1 {
  font-size: var(--size-display);
}
h2 {
  font-size: var(--size-title);
}
h3 {
  line-height: 1.3;
  font-size: var(--size-subtitle);
}
h4 {
  font-size: 1.05rem;
  line-height: 1.35;
}
p {
  margin: 0 0 1em;
}
a {
  text-decoration: none;
  color: var(--color-primary);
}
@media (min-width:481px){
a[href^="tel:"] {
  white-space: nowrap;
}
}
a:hover {
  color: var(--color-brand-strong);
}
ul,ol {
  padding-left: 1.25em;
  margin: 0 0 1em;
}
button,input,textarea,select {
  font: inherit;
  color: inherit;
}
::selection {
  background: var(--color-brand-subtle);
  color: var(--color-text);
}
.lead-part-b {
  width: min(100% - 2.5rem,var(--container-page));
  margin-inline: auto;
}
.outer-soft {
  width: min(100% - 2.5rem,48rem);
}
.img_7 {
  padding-block: var(--space-block);
}
.page_xl {
  background: var(--color-card);
}
.hero-chip {
  color: var(--color-dark-fg);
  background: var(--color-dark);
}
.hero-chip h1,.hero-chip h2,.hero-chip h3,.hero-chip h4 {
  color: inherit;
}
.hero-chip a {
  color: var(--color-brand-on-dark);
}
.hero-chip .note-raised,.hero-chip .burger-5 {
  color: var(--color-dark-fg-muted);
}
.hero-chip .quote-pill-first {
  color: var(--color-brand-on-dark);
}
.foot_toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--radius-button);
  background: var(--color-primary);
  color: var(--color-on-brand);
  font-weight: var(--weight-cta);
  text-transform: var(--case-cta);
  letter-spacing: var(--tracking-btn);
  line-height: 1.25;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s,color .2s,border-color .2s,transform .2s;
}
.foot_toggle:hover {
  background: var(--color-brand-strong);
  color: var(--color-on-brand);
}
.foot_toggle:active {
  transform: translateY(1px);
}
.btn-soft {
  background: transparent;
  color: var(--color-primary);
  border-color: currentColor;
}
.btn-soft:hover {
  color: var(--color-on-brand);
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.nav-inline {
  color: var(--color-accent-contrast);
  background: var(--color-secondary);
}
.nav-inline:hover {
  color: var(--color-accent-contrast);
  filter: brightness(.92);
  background: var(--color-secondary);
}
.toggle-pill {
  background: var(--color-dark-fg);
  color: var(--color-dark);
}
.toggle-pill:hover {
  background: hsl(0,0%,100%);
  color: var(--color-dark);
}
.badge_10 {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.line-mini {
  font-size: 1.05rem;
  padding: 1rem 2rem;
}
.hero-chip .foot_toggle:not(.btn-soft):not(.nav-inline):not(.toggle-pill) {
  background: var(--color-brand-on-dark);
  color: var(--color-dark);
}
.hero-chip .foot_toggle:not(.btn-soft):not(.nav-inline):not(.toggle-pill):hover {
  color: var(--color-dark);
  background: var(--color-dark-fg);
}
.hero-chip .btn-soft {
  border-color: var(--color-dark-fg-muted);
  color: var(--color-dark-fg);
}
.hero-chip .btn-soft:hover {
  background: var(--color-dark-fg);
  color: var(--color-dark);
  border-color: var(--color-dark-fg);
}
.input_fit {
  gap: 1.5rem;
  display: grid;
}
.node-2 {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,18rem),1fr));
}
.img-primary {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.unit-7 {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));
}
.stack-meta-open {
  grid-template-columns: repeat(2,1fr);
}
.block-loose {
  grid-template-columns: repeat(3,1fr);
}
.hero-center {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){
.hero-center {
  grid-template-columns: repeat(2,1fr);
}
.block-loose {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.stack-meta-open,.block-loose,.hero-center {
  grid-template-columns: 1fr;
}
}
.btn-main {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.btn-main>* {
  min-width: 0;
}
.btn-main.stack-meta-open>* {
  flex: 0 0 calc((100% - 1.5rem)/2);
}
.btn-main.block-loose>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.btn-main.hero-center>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){
.btn-main.block-loose>*,.btn-main.hero-center>* {
  flex-basis: calc((100% - 1.5rem)/2);
}
}
@media (max-width:560px){
.btn-main.stack-meta-open>*,.btn-main.block-loose>*,.btn-main.hero-center>* {
  flex-basis: 100%;
}
}
.note-raised {
  font-size: 1.15rem;
  color: var(--color-secondary-text);
}
.quote-pill-first {
  color: var(--color-overline);
  font-weight: 700;
  display: inline-block;
  margin-bottom: .75rem;
  letter-spacing: var(--tracking-label);
  font-size: .8rem;
  text-transform: var(--case-overline);
}
.burger-5 {
  color: var(--color-secondary-text);
}
.core_10 {
  text-align: center;
}
.row_main {
  clip: rect(0 0 0 0);
  overflow: hidden;
  padding: 0;
  height: 1px;
  position: absolute;
  border: 0;
  width: 1px;
  margin: -1px;
}
@media (max-width:640px){
.img_7 {
  padding-block: calc(var(--space-block) * .7);
}
}
.item-core {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-rule);
}
.dot-toggle-dark {
  background: var(--color-primary);
  color: var(--color-on-brand);
  font-size: .85rem;
}
.cap_base {
  text-align: center;
  max-width: 100%;
  min-width: 0;
}
.list-full {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: .4rem 0;
}
.head-outer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 0;
}
.inner-z {
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}
.nav-12 {
  height: auto;
  max-height: 2.5rem;
  width: auto;
}
.foot_ghost {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ctx-group-light {
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-text);
  letter-spacing: .02em;
  font-size: .85rem;
}
.ctx-group-light:hover,.card_new {
  color: var(--color-primary);
}
.lead-cell-sticky {
  display: none;
}
.lead-cell-sticky:focus-visible + .badge_cell_hard {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.badge_cell_hard {
  display: none;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  white-space: nowrap;
  line-height: 1.2;
  padding: .4rem 1rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-base);
  cursor: pointer;
  font-size: .9rem;
}
@media (max-width:860px){
.lead-cell-sticky {
  display: block;
}
.head-outer {
  gap: .75rem;
}
.badge_cell_hard {
  display: inline-flex;
}
.view-inline {
  display: none;
  width: 100%;
}
.lead-cell-sticky:checked ~ .view-inline {
  display: block;
}
.foot_ghost {
  flex-direction: column;
  align-items: center;
  gap: .75rem;
  padding-bottom: .5rem;
}
.list-full {
  flex-direction: column;
  align-items: center;
  gap: .25rem;
}
}
.list-head {
  padding-top: clamp(2.5rem,6vw,4rem);
}
.body-12 {
  color: var(--color-dark-fg);
  background: var(--color-dark);
}
.fig_new {
  border-top: 1px solid var(--color-rule);
  background: var(--color-card);
}
.input-third {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  padding-bottom: clamp(2rem,5vw,3rem);
  border-bottom: 1px solid var(--color-rule);
}
.body-12 .input-third {
  border-color: rgba(255,255,255,.14);
}
.input_quote_last {
  line-height: 1.2;
  font-family: var(--font-display);
  font-size: clamp(1.5rem,3vw,2.25rem);
  max-width: 40rem;
  margin: 0;
  font-weight: var(--weight-title);
}
.brand-node-left {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);
  gap: 2rem clamp(2rem,5vw,4rem);
  padding-block: clamp(2rem,5vw,3rem);
}
.info-media {
  display: inline-flex;
  margin-bottom: 1rem;
}
.menu_base_b {
  max-height: 2.25rem;
  width: auto;
  height: auto;
}
.edge-core {
  opacity: .8;
  max-width: 26rem;
}
.elem-v2 {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin: 0;
}
.part-sm {
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: inherit;
  opacity: .7;
  font-size: .78rem;
  letter-spacing: .12em;
}
.line {
  margin: 0;
  display: grid;
  gap: .55rem;
  list-style: none;
  padding: 0;
}
.site_last {
  color: inherit;
}
.site_last:hover {
  color: var(--color-primary);
}
.body-12 .site_last:hover {
  color: var(--color-brand-on-dark);
}
.icon {
  padding-block: 1.25rem;
  border-top: 1px solid var(--color-rule);
  opacity: .75;
  font-size: .85rem;
}
.body-12 .icon {
  border-color: rgba(255,255,255,.14);
}
@media (max-width:760px){
.brand-node-left {
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
}
.dot-last {
  grid-column: 1/-1;
}
}
@media (max-width:460px){
.brand-node-left {
  grid-template-columns: minmax(0,1fr);
}
}
.burger {
  position: fixed;
  z-index: 50;
  inset-inline-end: 1rem;
  bottom: 1rem;
  width: min(24rem,calc(100% - 2rem));
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.35rem;
  background: var(--color-card);
  color: var(--color-text);
  border: 1px solid var(--color-rule);
  border-top: 3px solid var(--color-primary);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-sm);
  font-size: .92rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.burger[hidden] {
  display: none;
}
.intro-node {
  font-family: var(--font-display);
  font-size: 1.18rem;
  font-weight: var(--weight-title);
  letter-spacing: var(--tracking-title);
  line-height: 1.25;
  margin: 0 0 .7rem;
}
.base-full {
  margin: 0 0 .9rem;
}
.btn-loose {
  text-decoration: underline;
  font-weight: 600;
  text-underline-offset: .2em;
  max-width: 100%;
  color: var(--color-primary);
  display: inline-block;
}
.btn-loose:hover {
  color: var(--color-brand-strong);
}
.line-box-wide {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .65rem;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-rule);
}
.copy-12 {
  min-width: 0;
  min-height: 44px;
  padding: .65rem .6rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-button);
  background: var(--color-background);
  color: var(--color-text);
  font-weight: var(--weight-cta);
  font-size: .9rem;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}
.copy-12:hover {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-on-brand);
}
.copy-12:focus-visible,.btn-loose:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 3px;
}
@media(max-width:560px){
.burger {
  width: calc(100% - 1rem);
  inset-inline-end: .5rem;
  bottom: .5rem;
  font-size: .84rem;
  padding: .85rem .95rem;
  line-height: 1.4;
}
.intro-node {
  margin-bottom: .35rem;
  font-size: 1rem;
}
.base-full {
  margin-bottom: .5rem;
}
.line-box-wide {
  margin-top: .6rem;
  gap: .5rem;
  padding-top: .6rem;
}
.copy-12 {
  min-height: 40px;
  padding: .5rem .4rem;
}
}
.card-big {
  padding: 2.25rem;
  background: var(--color-card);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  min-width: 0;
}
.ct-6 .card-big {
  text-align: center;
}
.tag-page {
  margin: 0;
  overflow-wrap: anywhere;
}
.copy-old {
  color: var(--color-secondary-text);
  overflow-wrap: anywhere;
  margin: .75rem 0 0;
}
.view-sub-md {
  color: inherit;
}
.label-icon {
  text-align: start;
  gap: 1rem;
  display: grid;
  margin-top: 1.75rem;
}
.menu-2 {
  display: grid;
  min-width: 0;
  gap: .35rem;
}
.dot-open {
  font-size: .9rem;
  font-weight: 600;
}
.brand-right {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-base);
  background: var(--color-background);
}
.brand-right:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 1px;
}
.tag-core-md {
  resize: vertical;
}
.main_input_muted {
  max-width: 100%;
  justify-self: start;
  overflow-wrap: anywhere;
}
.ct-6 .main_input_muted {
  justify-self: center;
}
@media (max-width:480px){
.card-big {
  padding: 1.25rem;
}
}
.box2-6 {
  padding-block: calc(var(--space-block) * 1.2);
  background: var(--color-background);
}
.pill_box2_muted {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  align-items: center;
}
.label-10 .badge_5 {
  order: 2;
}
.label-10 .panel-1 {
  order: 1;
}
.app_img {
  margin-bottom: 1rem;
}
.btn-zone {
  max-width: 34rem;
}
.main {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.panel-1 {
  margin: 0;
}
.outro-sm {
  border-radius: var(--radius-large);
  aspect-ratio: 4/3;
  width: 100%;
  box-shadow: var(--shadow-sm);
  object-fit: cover;
}
@media (max-width:860px){
.pill_box2_muted {
  grid-template-columns: 1fr;
  gap: 2rem;
}
.label-10 .badge_5,.label-10 .panel-1 {
  order: 0;
}
}
.btn-round {
  overflow-wrap: anywhere;
}
.wrap-big>* {
  min-width: 0;
}
.label-intro-wide {
  max-width: 24ch;
}
.img {
  color: var(--color-secondary-text);
}
.chip-logo {
  max-width: 100%;
  text-align: center;
  white-space: normal;
}
.top-y {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 3rem;
}
.mark_sub {
  max-width: 48ch;
  margin: 0;
}
.shape_ghost {
  list-style: none;
  padding: 0;
  border-top: 2px solid var(--color-text);
  margin: 0;
}
.media-top {
  display: grid;
  grid-template-columns: 4rem minmax(0,.85fr) minmax(0,1.15fr);
  gap: 2rem;
  padding: 1.7rem 0;
  border-bottom: 1px solid var(--color-rule);
  align-items: start;
}
.main-el-v3 {
  color: var(--color-primary);
  line-height: 1.1;
  font-family: var(--font-display);
  font-size: 2.1rem;
}
.title-half {
  font-size: clamp(1.2rem,2.2vw,1.8rem);
  margin: 0;
}
.img {
  margin: 0;
}
.copy_ctx {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}
.outer-8 {
  color: var(--color-secondary-text);
  max-width: 56ch;
  margin: 0;
}
.chip-logo {
  flex-shrink: 0;
}
@media(max-width:700px){
.top-y {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.media-top {
  grid-template-columns: 2.5rem minmax(0,1fr);
  gap: .8rem 1rem;
}
.img {
  grid-column: 2;
}
.main-el-v3 {
  grid-row: 1/3;
  font-size: 1.7rem;
}
.copy_ctx {
  align-items: flex-start;
  flex-direction: column;
}
.chip-logo {
  flex-shrink: 1;
}
}
.sub-muted {
  hyphens: auto;
  background: var(--color-card);
}
.card-label-big {
  max-width: 48rem;
  margin-bottom: 2.5rem;
}
.outro {
  max-width: 26ch;
  font-size: clamp(1.75rem,3.4vw,var(--size-title));
}
.head {
  max-width: 60ch;
  margin: 0;
}
.img-dark {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 2.5rem 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.inner_5 {
  border-top: 1px solid var(--color-text);
  min-width: 0;
  padding-top: .75rem;
}
.head-badge-auto {
  margin: 0;
}
.unit-pill-old {
  margin-bottom: 1.25rem;
  background: var(--color-background);
  padding: .65rem;
  border: 1px solid var(--color-rule);
}
.unit-pill-old:not(:has(img)) {
  display: none;
}
.area_5 {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 4/3;
}
.label-5 {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: .5rem;
}
.elem-part {
  font-size: .75rem;
  color: var(--color-secondary-text);
  line-height: 1.75;
  font-variant-numeric: tabular-nums;
}
.stat_soft {
  line-height: 1.35;
  font-size: 1.15rem;
  margin-bottom: .6rem;
}
.shape-quote {
  line-height: 1.7;
  margin: 0;
  color: var(--color-secondary-text);
  font-size: .9rem;
}
@media(max-width:1000px){
.img-dark {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media(max-width:600px){
.img-dark {
  grid-template-columns: minmax(0,1fr);
  gap: 2rem;
}
.card-label-big {
  margin-bottom: 2rem;
}
}
.info-z {
  overflow-wrap: anywhere;
}
.body_1>* {
  min-width: 0;
}
.tile_8 {
  max-width: 24ch;
}
.ct_ghost {
  color: var(--color-secondary-text);
}
.area-8 {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.body_1 {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr);
  gap: clamp(2.5rem,7vw,7rem);
  align-items: center;
}
.tile_8 {
  max-width: 20ch;
  line-height: 1.1;
  font-size: clamp(2rem,4.5vw,4rem);
}
.lead-ctx {
  font-size: clamp(1.15rem,2vw,1.5rem);
  line-height: 1.6;
  color: var(--color-text);
  border-left: 3px solid var(--color-primary);
  padding-left: 1.3rem;
  margin: 2rem 0;
  font-family: var(--font-display);
}
.ct_ghost {
  line-height: 1.8;
  max-width: 64ch;
}
.fig_wide {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
}
.item {
  padding: .45rem .85rem;
  border: 1px solid var(--color-rule);
  border-radius: 2rem;
  font-size: .85rem;
  color: var(--color-text);
  max-width: 100%;
}
.title {
  text-align: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
}
.stack-info-light {
  width: 100%;
  max-width: 19rem;
  border-radius: 50%;
  margin: 0 auto 2rem;
  object-fit: cover;
  aspect-ratio: 1;
}
.lead-a {
  font-size: 1.35rem;
  margin-bottom: 1rem;
  font-family: var(--font-display);
  font-weight: 700;
}
.outer-sticky {
  margin: 0;
  line-height: 1.7;
  color: var(--color-secondary-text);
  font-size: .85rem;
}
.outer-sticky strong {
  color: var(--color-text);
  font-weight: 500;
}
.area-8 {
  display: inline-flex;
  font-weight: 700;
  padding-bottom: .4rem;
  border-bottom: 1px solid currentColor;
  gap: 1.5rem;
}
@media(max-width:720px){
.body_1 {
  grid-template-columns: 1fr;
}
.title {
  display: grid;
  grid-template-columns: 6rem minmax(0,1fr);
  gap: .4rem 1.2rem;
  text-align: left;
  align-items: center;
}
.stack-info-light {
  margin: 0;
  grid-row: 1/3;
  width: 6rem;
}
.lead-a,.outer-sticky {
  margin: 0;
}
.tile_8 {
  max-width: 24ch;
}
}
.pane_chip_sm {
  max-width: 46rem;
}
.img_half .pane_chip_sm {
  margin-left: auto;
  margin-right: auto;
}
.img_half .frame-10 {
  text-align: center;
}
.frame-10 {
  margin-bottom: 1.5rem;
}
.intro-intro-bottom {
  line-height: 1.7;
  margin: 0 0 1.1rem;
}
.frame_label_flat {
  margin: 1.75rem 0 .75rem;
  font-size: 1.15rem;
}
.info-core {
  gap: .5rem;
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
}
.btn-text-c::marker {
  color: var(--color-primary);
}
.card_label {
  overflow-wrap: anywhere;
}
.bar-icon>* {
  min-width: 0;
}
.item-top {
  max-width: 24ch;
}
.intro-new {
  color: var(--color-secondary-text);
}
.strip-full {
  max-width: 100%;
  white-space: normal;
  text-align: center;
}
.info-10 {
  margin: 0 auto 3rem;
  text-align: center;
  max-width: 48rem;
}
.item-top {
  margin-inline: auto;
}
.outer-cap {
  list-style: none;
  margin: 0;
  position: relative;
  padding: 0;
}
.outer-cap::before {
  top: 1.5rem;
  bottom: 1.5rem;
  left: 50%;
  border-left: 1px solid var(--color-rule);
  position: absolute;
  content: '';
}
.box2-square {
  padding-bottom: 2rem;
  position: relative;
}
.box2-square:last-child {
  padding-bottom: 0;
}
.btn_sub {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 5px solid var(--color-background);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--color-primary);
  color: var(--color-on-brand);
  font-size: .85rem;
  font-weight: 700;
}
.cell {
  width: calc(50% - 3rem);
  padding: clamp(1.4rem,2.8vw,2.4rem);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  background: var(--color-background);
}
.box2-square:nth-child(even) .cell {
  background: var(--color-dark);
  margin-left: auto;
  border-color: var(--color-dark);
  color: var(--color-dark-fg);
}
.side-y {
  font-size: clamp(1.2rem,2.2vw,1.75rem);
}
.box2-square:nth-child(even) .side-y {
  color: var(--color-dark-fg);
}
.box2-square:nth-child(even) .intro-new {
  color: var(--color-dark-fg-muted);
}
.intro-new {
  margin-bottom: 1.5rem;
}
.fig_nav {
  display: grid;
  padding-top: 1rem;
  gap: .5rem;
  border-top: 1px solid var(--color-rule);
  margin: 0;
  font-size: .9rem;
}
.fig_nav strong {
  font-size: .75rem;
  letter-spacing: .04em;
}
.box2-square:nth-child(even) .fig_nav {
  border-color: var(--color-inverse-surface);
}
@media(max-width:760px){
.info-10 {
  text-align: left;
}
.item-top {
  margin-left: 0;
}
.outer-cap::before {
  left: 1rem;
}
.btn_sub {
  width: 2rem;
  top: 1.3rem;
  border-width: 3px;
  height: 2rem;
  font-size: .65rem;
  left: 1rem;
}
.cell,.box2-square:nth-child(even) .cell {
  margin-left: 3rem;
  width: calc(100% - 3rem);
}
.box2-square {
  padding-bottom: 1rem;
}
}
.fig-round {
  background: var(--color-card);
}
.box2_top {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1.5rem 3rem;
  padding-bottom: 2rem;
}
.app_side_md {
  min-width: 0;
}
.burger-narrow {
  max-width: 24ch;
  overflow-wrap: anywhere;
  margin: 0;
}
.block {
  display: inline-flex;
  gap: .75rem;
  align-items: center;
  min-height: 2.75rem;
  max-width: 100%;
  font-size: .9rem;
  flex-shrink: 0;
}
.node {
  padding: 0;
  margin: 0;
  border-top: 2px solid var(--color-text);
  list-style: none;
}
.col-avatar-top {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,3.25fr);
  gap: clamp(1.5rem,4vw,4rem);
  border-bottom: 1px solid var(--color-rule);
  padding-block: 2rem;
}
.img-fixed {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  font-size: .8rem;
  line-height: 1.6;
  min-width: 0;
}
.sec2-open {
  font-weight: 600;
}
.link-head-flat {
  color: var(--color-secondary-text);
}
.box-10 {
  min-width: 0;
}
.stat_slot_fit {
  margin-bottom: .6rem;
  font-size: clamp(1.35rem,2.6vw,2.35rem);
  overflow-wrap: anywhere;
}
.frame_sec_third {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 2.75rem;
  color: var(--color-text);
}
.frame_sec_third:hover {
  color: var(--color-primary);
}
.strip-list {
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: .8em;
  line-height: 1.6;
}
.frame_sec_third:focus-visible,.block:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 4px;
}
.wrap-loose {
  color: var(--color-secondary-text);
  font-size: .95rem;
  max-width: 65ch;
  line-height: 1.65;
  margin: 0;
}
@media(max-width:700px){
.box2_top {
  align-items: start;
  flex-direction: column;
  gap: .75rem;
  padding-bottom: 1.5rem;
}
.block {
  flex-shrink: 1;
}
.col-avatar-top {
  grid-template-columns: minmax(0,1fr);
  gap: .75rem;
  padding-block: 1.5rem;
}
.img-fixed {
  flex-direction: row;
  flex-wrap: wrap;
  gap: .25rem 1rem;
}
.frame_sec_third {
  gap: .75rem;
}
.wrap-loose {
  font-size: .9rem;
}
}
.lead_stack_fill {
  background: var(--color-background);
  padding-block: calc(var(--space-block) * .8);
  overflow-wrap: anywhere;
}
.cap-fit {
  display: grid;
  grid-template-columns: minmax(0,2fr) minmax(0,1fr);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-card);
}
.site-flow-accent {
  padding: clamp(1.5rem,4vw,3.5rem);
  min-width: 0;
}
.nav {
  color: var(--color-primary);
}
.side-tight {
  max-width: 24ch;
}
.strip-c {
  color: var(--color-secondary-text);
  max-width: 38rem;
  margin: 1.2rem 0 0;
}
.ctx_muted {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  padding: clamp(1.5rem,3vw,2.8rem);
  background: var(--color-dark);
  color: var(--color-dark-fg);
  border-left: 2px dashed var(--color-dark-fg-muted);
  min-width: 0;
}
.intro {
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-overline);
  color: var(--color-dark-fg-muted);
  font-size: .8rem;
}
.img-big {
  color: var(--color-dark-fg);
  font-weight: 600;
  font-size: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  max-width: 100%;
  line-height: 1.4;
}
.img-big:hover {
  color: var(--color-brand-on-dark);
  text-underline-offset: .3em;
  text-decoration: underline;
}
.line-a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 2rem;
  line-height: 1;
  border: 1px solid var(--color-dark-fg-muted);
  border-radius: 50%;
}
@media (max-width:680px){
.cap-fit {
  grid-template-columns: 1fr;
}
.ctx_muted {
  border-top: 2px dashed var(--color-dark-fg-muted);
  border-left: 0;
  gap: 1.2rem;
}
.img-big {
  flex-direction: row;
  align-items: center;
  font-size: 1.05rem;
  gap: 1.2rem;
}
.line-a {
  flex: none;
  font-size: 1.6rem;
  height: 2.6rem;
  width: 2.6rem;
}
}
.area_outer_b {
  padding-block: calc(var(--space-block) * .9) calc(var(--space-block) * .7);
}
.text-side {
  border-bottom: 4px solid var(--color-primary);
}
.group-third {
  border-bottom: 4px solid var(--color-secondary);
}
.quote-bar {
  border-bottom: 1px solid var(--color-rule);
}
.img-center {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 2rem 4rem;
  align-items: end;
}
.quote-frame-v3 {
  margin: 0;
  font-size: calc(var(--size-display) * 1.05);
}
.panel-flow-sm {
  max-width: 34rem;
  margin: 0 0 .35rem;
}
@media (max-width:760px){
.img-center {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.card-10 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 3rem;
}
.layer-app-square {
  margin: 2rem 0 0;
  border-left: 4px solid var(--color-primary);
  background: var(--color-card);
  padding: 1.5rem 1.75rem;
  border-radius: 0 var(--radius-base) var(--radius-base) 0;
}
.tile_slot {
  font-size: 1.2rem;
  font-family: var(--font-display);
  margin-bottom: .5rem;
}
.outro-old {
  font-size: .9rem;
  color: var(--color-secondary-text);
  font-style: normal;
}
@media (max-width:860px){
.card-10 {
  grid-template-columns: 1fr;
  gap: 1rem;
}
}
.group-1 {
  text-align: center;
  max-width: 44rem;
  margin: 0 auto clamp(2.5rem,5vw,4rem);
}
.outer-top {
  margin-bottom: .9rem;
}
.card {
  margin: 0;
}
.shape {
  grid-template-columns: repeat(3,minmax(0,1fr));
  list-style: none;
  display: grid;
  padding: 0;
  margin: 0;
}
.wrap_inner {
  grid-template-columns: repeat(4,minmax(0,1fr));
}
.toggle-6 {
  border-inline-start: 1px solid var(--color-rule);
  padding: 0 clamp(1rem,2.5vw,2rem);
}
.toggle-6:first-child {
  border-inline-start: 0;
  padding-inline-start: 0;
}
.pill_loose {
  font-size: clamp(3rem,6vw,4.5rem);
  line-height: 1;
  margin-bottom: 1rem;
  font-weight: 700;
  font-family: var(--font-display);
  display: block;
}
.side-8 .pill_loose {
  color: transparent;
  -webkit-text-stroke: 1.5px var(--color-primary);
}
.side_round .pill_loose {
  color: var(--color-primary);
}
.group_cell_open {
  margin-bottom: .5rem;
  font-size: 1.2rem;
}
.ctx {
  color: var(--color-secondary-text);
  margin: 0;
}
@media (max-width:900px){
.shape,.wrap_inner {
  row-gap: 2.5rem;
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.toggle-6:nth-child(odd) {
  border-inline-start: 0;
  padding-inline-start: 0;
}
}
@media (max-width:560px){
.shape,.wrap_inner {
  grid-template-columns: minmax(0,1fr);
}
.toggle-6 {
  border-bottom: 1px solid var(--color-rule);
  padding-bottom: 1.5rem;
  border-inline-start: 0;
  padding-inline-start: 0;
}
}
.zone-menu-compact {
  margin-bottom: 2rem;
}
.strip_bottom {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fig-3 {
  border-radius: 0 0 var(--radius-base) var(--radius-base);
  border-top: 3px solid var(--color-primary);
  background: var(--color-card);
  padding: 1.5rem;
}
.box {
  margin-bottom: .75rem;
  color: var(--color-brand-subtle);
  font-size: 2rem;
  display: block;
  font-family: var(--font-display);
  line-height: 1;
}
.cell-group {
  margin: 0;
  color: var(--color-secondary-text);
}
.base-auto {
  padding-block: calc(var(--space-block) * .8);
}
.pill_btn {
  color: var(--color-on-brand);
  background: var(--color-primary);
}
.avatar {
  background: var(--color-dark);
  color: var(--color-dark-fg);
}
.main_2 {
  background: var(--color-card);
  color: var(--color-text);
}
.pill_btn .pill,.avatar .pill {
  color: inherit;
}
.icon-last {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.author_foot .icon-last {
  flex-direction: column;
  text-align: center;
}
.pill {
  margin-bottom: .35rem;
}
.hero-el {
  opacity: .85;
  margin: 0;
}
.cap_a {
  flex-shrink: 0;
}
@media (max-width:720px){
.icon-last {
  flex-direction: column;
  align-items: flex-start;
}
.author_foot .icon-last {
  align-items: center;
}
}
.avatar-compact {
  padding-block: calc(var(--space-block) * .85);
  overflow-wrap: anywhere;
  background: var(--color-background);
}
.text-wide {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
.box-alt {
  font-size: .8rem;
  color: var(--color-primary);
  letter-spacing: var(--tracking-label);
  text-transform: var(--case-overline);
  font-weight: 600;
  max-width: 75%;
}
.bar-row {
  background: var(--color-rule);
  height: 1px;
  flex: 1;
}
.nav-intro .bar-row {
  height: 3px;
  background: var(--color-primary);
}
.img_shape_sticky {
  line-height: 1.1;
  max-width: 24ch;
  margin: 0;
  font-size: calc(var(--size-display) * 1.2);
  padding-bottom: 1.8rem;
}
.img-line {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.6fr);
  gap: 2rem;
  align-items: start;
  border-top: 1px solid var(--color-rule);
  padding-top: 1.3rem;
}
.card-body {
  font-weight: 600;
  max-width: 24rem;
  font-size: .8rem;
  color: var(--color-secondary-text);
}
.item_12 {
  grid-template-columns: minmax(0,1fr);
}
.lead-input-sm {
  color: var(--color-secondary-text);
  line-height: 1.7;
  font-size: 1.1rem;
  margin: 0;
  max-width: 42rem;
}
@media (max-width:640px){
.img_shape_sticky {
  font-size: var(--size-display);
}
.img-line {
  grid-template-columns: 1fr;
  gap: 1rem;
}
.card-body {
  display: none;
}
.lead-input-sm {
  font-size: 1rem;
}
}
.ctx_pic {
  overflow-wrap: anywhere;
}