:root{--color-primary:rgb(186,29,226);--color-primary-alt:rgb(145,17,176);--color-primary-tint:rgb(240,212,247);--color-brand-inverse:rgb(203,83,233);--color-on-brand:rgb(255,255,255);--color-accent:rgb(75,181,48);--color-accent-contrast:rgb(48,36,51);--color-page:rgb(250,249,251);--color-surface:rgb(255,255,255);--color-text:rgb(48,36,51);--color-subtle:rgb(124,92,132);--color-line:rgb(225,217,227);--color-dark-bg:rgb(41,26,45);--color-dark-raised:rgb(47,30,52);--color-on-dark:rgb(245,244,246);--color-dark-fg-muted:rgb(183,171,186);--radius-md:14px;--radius-xl:28px;--radius-btn:14px;--case-btn:none;--tracking-btn:0;--weight-cta:600;--font-display:'Roboto Slab', Rockwell, 'Courier New', Georgia, serif;--font-text:'Roboto', Roboto, system-ui, 'Segoe UI', sans-serif;--size-2xl:clamp(2rem, 4.5vw, 3.25rem);--size-xl:clamp(1.6rem, 3vw, 2.25rem);--size-lg:1.25rem;--weight-heading:700;--tracking-heading:-0.02em;--line-height-heading:1.15;--case-eyebrow:uppercase;--tracking-overline:.12em;--color-overline:rgb(186,29,226);--size-base:1rem;--line-height-body:1.6;--container-main:1302px;--space-block:4.9rem;--shadow-1:0 10px 30px rgba(0,0,0,.06);--shadow-2: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(--size-base);
  line-height: var(--line-height-body);
  color: var(--color-text);
  background: var(--color-page);
}
img,svg,video {
  max-width: 100%;
  height: auto;
  display: block;
}
h1,h2,h3,h4 {
  font-family: var(--font-display);
  font-weight: var(--weight-heading);
  line-height: var(--line-height-heading);
  margin: 0 0 .6em;
  color: var(--color-text);
  letter-spacing: var(--tracking-heading);
  hyphens: manual;
}
h1 {
  font-size: var(--size-2xl);
}
h2 {
  font-size: var(--size-xl);
}
h3{font-size:var(--size-lg);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-primary-alt);
}
ul,ol{margin:0 0 1em;padding-left:1.25em}
button,input,textarea,select {
  font: inherit;
  color: inherit;
}
::selection {
  background: var(--color-primary-tint);
  color: var(--color-text);
}
.top-accent{width:min(100% - 2.5rem,var(--container-main));margin-inline:auto}
.top_11 {
  width: min(100% - 2.5rem,48rem);
}
.icon_part_half {
  padding-block: var(--space-block);
}
.el-ghost {
  background: var(--color-surface);
}
.menu_7 {
  background: var(--color-dark-bg);
  color: var(--color-on-dark);
}
.menu_7 h1,.menu_7 h2,.menu_7 h3,.menu_7 h4 {
  color: inherit;
}
.menu_7 a{color:var(--color-brand-inverse)}
.menu_7 .pic-note,.menu_7 .grid-2 {
  color: var(--color-dark-fg-muted);
}
.menu_7 .el_accent{color:var(--color-brand-inverse)}
.layer-inline {
  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-on-brand);
  font-weight: var(--weight-cta);
  text-transform: var(--case-btn);
  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;
}
.layer-inline:hover{background:var(--color-primary-alt);color:var(--color-on-brand)}
.layer-inline:active {
  transform: translateY(1px);
}
.stat-quote {
  background: transparent;
  color: var(--color-primary);
  border-color: currentColor;
}
.stat-quote:hover {
  background: var(--color-primary);
  color: var(--color-on-brand);
  border-color: var(--color-primary);
}
.dot-box2-compact{background:var(--color-accent);color:var(--color-accent-contrast)}
.dot-box2-compact:hover{background:var(--color-accent);color:var(--color-accent-contrast);filter:brightness(.92)}
.ctx-alt{background:var(--color-on-dark);color:var(--color-dark-bg)}
.ctx-alt:hover{background:rgb(255,255,255);color:var(--color-dark-bg)}
.shape{padding:.55rem 1.1rem;font-size:.9rem}
.frame-group {
  padding: 1rem 2rem;
  font-size: 1.05rem;
}
.menu_7 .layer-inline:not(.stat-quote):not(.dot-box2-compact):not(.ctx-alt){background:var(--color-brand-inverse);color:var(--color-dark-bg)}
.menu_7 .layer-inline:not(.stat-quote):not(.dot-box2-compact):not(.ctx-alt):hover{background:var(--color-on-dark);color:var(--color-dark-bg)}
.menu_7 .stat-quote {
  color: var(--color-on-dark);
  border-color: var(--color-dark-fg-muted);
}
.menu_7 .stat-quote:hover {
  background: var(--color-on-dark);
  color: var(--color-dark-bg);
  border-color: var(--color-on-dark);
}
.site-5{display:grid;gap:1.5rem}
.elem-sec2-big{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.shape_3{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.bar_2{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.top_right {
  grid-template-columns: repeat(2,1fr);
}
.slot-avatar-main{grid-template-columns:repeat(3,1fr)}
.brand-1{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){
.brand-1{grid-template-columns:repeat(2,1fr)}
.slot-avatar-main {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:560px){
.top_right,.slot-avatar-main,.brand-1 {
  grid-template-columns: 1fr;
}
}
.app-ctx {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.app-ctx>* {
  min-width: 0;
}
.app-ctx.top_right>*{flex:0 0 calc((100% - 1.5rem)/2)}
.app-ctx.slot-avatar-main>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.app-ctx.brand-1>* {
  flex: 0 0 calc((100% - 4.5rem)/4);
}
@media (max-width:960px){.app-ctx.slot-avatar-main>*,.app-ctx.brand-1>*{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:560px){
.app-ctx.top_right>*,.app-ctx.slot-avatar-main>*,.app-ctx.brand-1>* {
  flex-basis: 100%;
}
}
.pic-note{font-size:1.15rem;color:var(--color-subtle)}
.el_accent {
  display: inline-block;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: var(--tracking-overline);
  text-transform: var(--case-eyebrow);
  color: var(--color-overline);
  margin-bottom: .75rem;
}
.grid-2 {
  color: var(--color-subtle);
}
.outro-7 {
  text-align: center;
}
.menu-page {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
@media (max-width:640px){
.icon_part_half {
  padding-block: calc(var(--space-block) * .7);
}
}
.burger{padding-block:1rem;background:var(--color-page);overflow-wrap:anywhere}
.intro_loose {
  display: grid;
  grid-template-columns: minmax(9rem,1fr) minmax(0,2fr) minmax(0,.85fr);
  align-items: center;
  gap: 1.5rem;
  padding: 1.3rem 1.5rem;
  background: var(--color-dark-bg);
  color: var(--color-on-dark);
  border-radius: var(--radius-xl);
}
.elem-v3 .intro_loose{border-radius:0;border-bottom:4px solid var(--color-brand-inverse)}
.main-6{display:flex;align-items:center;gap:.8rem;color:var(--color-on-dark);min-width:0}
.main-6:hover{color:var(--color-brand-inverse)}
.badge-third {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  color: var(--color-brand-inverse);
  flex: none;
}
.view-head-primary{display:block;width:100%;height:100%;object-fit:contain}
.stack-flow-top {
  font-family: var(--font-display);
  font-size: 1.3rem;
  font-weight: var(--weight-heading);
  line-height: 1.2;
  min-width: 0;
}
.view-full{font-size:1.05rem;line-height:1.15;text-wrap:balance}
.title-tight {
  min-width: 0;
  border-left: 1px solid var(--color-dark-fg-muted);
  padding-left: 1.5rem;
}
.col-node{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;list-style:none;margin:0;padding:0}
.app-nav-big {
  min-width: 0;
}
.lead-part{display:block;color:var(--color-on-dark);font-size:.85rem;padding:.2rem 0;line-height:1.5}
.lead-part:hover,.meta-sm{color:var(--color-brand-inverse);text-decoration:underline;text-underline-offset:.3em}
.top-left {
  display: block;
  background: var(--color-on-dark);
  color: var(--color-dark-bg);
  font-weight: 700;
  font-size: .9rem;
  text-align: center;
  padding: .85rem 1rem;
  border-radius: var(--radius-btn);
  min-width: 0;
}
.top-left:hover{background:var(--color-brand-inverse);color:var(--color-dark-bg)}
@media (max-width:960px){
.intro_loose{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem}
.top-left {
  grid-column: 2;
  justify-self: start;
  max-width: 100%;
}
}
@media (max-width:620px){
.burger{padding-block:.65rem}
.intro_loose{grid-template-columns:1fr;padding:1.2rem;gap:1.2rem}
.title-tight {
  border-left: 0;
  border-top: 1px solid var(--color-dark-fg-muted);
  padding: 1rem 0 0;
}
.col-node{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem}
.top-left {
  grid-column: auto;
  justify-self: stretch;
}
.stack-flow-top {
  font-size: 1.25rem;
}
.view-full {
  font-size: 1.1rem;
}
}
.slot_auto{margin-top:auto;font-size:.95rem;text-align:center}
.head-2 {
  background: var(--color-surface);
  border-top: 1px solid var(--color-line);
}
.side{border-top:1px solid var(--color-line)}
.node-outer {
  background: var(--color-dark-bg);
  color: var(--color-on-dark);
}
.media-1{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding-block:var(--space-block) calc(var(--space-block) * .7)}
.node{height:2.25rem;width:auto}
.info-sec-accent {
  max-width: 34rem;
  margin: 0;
  opacity: .8;
}
.body-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;list-style:none;margin:0;padding:0}
.burger-3 {
  color: inherit;
  opacity: .85;
}
.burger-3:hover{opacity:1;color:inherit;text-decoration:underline}
.node-outer .burger-3:hover {
  color: var(--color-brand-inverse);
}
.node-muted {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem 1.5rem;
  margin: 0;
  opacity: .85;
  font-size: .9rem;
}
.cell-tag-mini{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}
.layer-4{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:var(--color-on-brand);font-size:.75rem;font-weight:700}
.layer-4 svg{width:1rem;height:1rem}
.input-8{border-top:1px solid rgba(128,128,128,.25)}
.ct_half{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1rem;font-size:.85rem;opacity:.8}
.top-grid-loose{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}
@media (max-width:640px){.ct_half {
  flex-direction: column;
  align-items: center;
}}
.app-toggle-dark {
  position: fixed;
  z-index: 50;
  inset-inline: 1rem;
  bottom: 1rem;
  max-width: 76rem;
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(8rem,.8fr) minmax(0,2fr) minmax(15rem,1.2fr);
  align-items: center;
  gap: 1.4rem;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 1.05rem 1.35rem;
  background: var(--color-page);
  color: var(--color-text);
  border: 1px solid var(--color-line);
  border-inline-start: 4px solid var(--color-primary);
  box-shadow: var(--shadow-1);
  font-size: .9rem;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.app-toggle-dark[hidden] {
  display: none;
}
.base_9 {
  min-width: 0;
  padding-inline-end: 1.2rem;
  border-inline-end: 1px solid var(--color-line);
}
.cap-z{margin:0 0 .35rem;font-family:var(--font-display);font-size:1rem;font-weight:var(--weight-heading);line-height:1.3}
.part-bottom{display:inline-block;max-width:100%;color:var(--color-primary);font-size:.82rem;text-decoration:underline;text-underline-offset:.18em}
.part-bottom:hover{color:var(--color-primary-alt)}
.panel-shape {
  min-width: 0;
  margin: 0;
}
.quote {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .6rem;
  min-width: 0;
}
.site-raised{min-width:0;min-height:44px;padding:.7rem .75rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-line);border-radius:var(--radius-btn);font-weight:var(--weight-cta);font-size:.88rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.site-raised:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-brand)}
.site-raised:focus-visible,.part-bottom:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
@media(max-width:900px){.app-toggle-dark {
  grid-template-columns: minmax(0,1fr) minmax(14rem,1fr);
  gap: 1rem;
}.base_9{grid-column:1/-1;border-inline-end:0;padding-inline-end:0;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.cap-z{margin:0}}
@media(max-width:560px){.app-toggle-dark{inset-inline:.5rem;bottom:.5rem;grid-template-columns:minmax(0,1fr);gap:.55rem;padding:.75rem .85rem;font-size:.84rem;line-height:1.4}.base_9{flex-wrap:wrap;gap:.15rem .8rem}.cap-z {
  font-size: .92rem;
}.site-raised {
  min-height: 40px;
  padding: .5rem .6rem;
}}
.core-panel {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 3rem;
  align-items: start;
}
.inner-6 .text-intro-primary {
  order: 1;
}
.inner-6 .ct_head_dark {
  order: 2;
}
.ct_head_dark,.text-intro-primary{min-width:0;overflow-wrap:anywhere}
.wrap-flat {
  margin: 0;
}
.frame-3 {
  margin: 1.5rem 0 0;
  display: grid;
  gap: .75rem;
}
.title-round {
  display: grid;
  grid-template-columns: minmax(0,9.5rem) minmax(0,1fr);
  gap: 1rem;
}
.site_outro{font-weight:600;color:var(--color-subtle);font-size:.9rem}
.ctx-hard {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.tile{color:inherit}
.text-intro-primary {
  display: grid;
  gap: 1rem;
  padding: 2rem;
  background: var(--color-surface);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-line);
}
.copy-btn-square{display:grid;gap:.35rem;min-width:0}
.part-icon-b{font-size:.9rem;font-weight:600}
.sec2-soft{width:100%;min-width:0;padding:.7rem .9rem;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-page)}
.sec2-soft:focus{outline:2px solid var(--color-primary);outline-offset:1px}
.menu-ref-ghost {
  resize: vertical;
}
.shape-inner-alt{justify-self:start;max-width:100%;overflow-wrap:anywhere}
@media (max-width:860px){.core-panel {
  grid-template-columns: minmax(0,1fr);
}.inner-6 .text-intro-primary,.inner-6 .ct_head_dark {
  order: 0;
}}
@media (max-width:480px){.title-round {
  grid-template-columns: minmax(0,1fr);
  gap: .25rem;
}.text-intro-primary{padding:1.25rem}}
.burger-title-light{background:var(--color-page);padding-block:var(--space-block);overflow-wrap:anywhere}
.main-alt{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.5rem 3rem;align-items:start}
.btn_grid{grid-column:1/-1;min-width:0;padding-left:34%;border-bottom:1px solid var(--color-line)}
.head_avatar_ghost {
  color: var(--color-primary);
}
.img-2 {
  font-size: calc(var(--size-2xl) * 1.16);
  max-width: 21ch;
  line-height: 1.08;
  margin-bottom: 1.7rem;
}
.sec2-fig-xl{grid-column:2;grid-row:2;padding-top:2rem;min-width:0}
.layer-md {
  display: block;
  width: 4rem;
  height: .35rem;
  background: var(--color-primary);
  margin-bottom: 1.5rem;
}
.base-5 .layer-md{width:1rem;height:1rem;border-radius:50%}
.el-11{max-width:30rem}
.ctx-note {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  margin-top: 1.5rem;
}
.top-wrap{max-width:100%;text-align:center;white-space:normal}
.avatar-3 {
  font-weight: 600;
  max-width: 100%;
}
.intro-active {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  padding-top: 2rem;
  min-width: 0;
}
.logo-sec2-raised{width:100%;object-fit:cover;aspect-ratio:5/4;border-radius:var(--radius-xl) var(--radius-xl) 0 0}
.edge-last{display:flex;justify-content:space-between;gap:1.2rem;padding:1rem 0;border-bottom:1px solid var(--color-line);font-size:.85rem;color:var(--color-subtle)}
@media (min-width:1100px){
.sec2-fig-xl{padding-top:4rem}
}
@media (max-width:700px){
.main-alt {
  grid-template-columns: 1fr;
  gap: 1.4rem;
}
.btn_grid {
  padding-left: 0;
}
.img-2{font-size:var(--size-2xl)}
.sec2-fig-xl,.intro-active {
  grid-column: auto;
  grid-row: auto;
  padding: 0;
}
.intro-active {
  margin-top: .4rem;
}
.logo-sec2-raised {
  aspect-ratio: 4/3;
}
}
.ctx_note {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}
.block-item-auto .badge-top-round {
  order: 2;
}
.badge-top-round{margin:0;position:relative}
.main_lg{width:100%;aspect-ratio:10/9;object-fit:cover;border-radius:var(--radius-xl)}
.side_mini .badge-top-round::before {
  content: "";
  position: absolute;
  inset: 1.25rem -1.25rem -1.25rem 1.25rem;
  border-radius: var(--radius-xl);
  background: var(--color-primary-tint);
  z-index: -1;
}
.side_mini .ctx_note{isolation:isolate}
.elem_9 {
  margin-bottom: 1.5rem;
}
.btn_nav_new {
  list-style: none;
  margin: 0 0 1.75rem;
  padding: 0;
  display: grid;
  gap: .75rem;
}
.outer-11{display:flex;align-items:flex-start;gap:.75rem;font-weight:500}
.pill-mark {
  display: inline-flex;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
}
.shape-grid-light .pill-mark {
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-on-brand);
}
.pill-mark svg {
  width: .85rem;
  height: .85rem;
}
@media (max-width:860px){
.ctx_note {
  grid-template-columns: 1fr;
  gap: 2rem;
}
.block-item-auto .badge-top-round {
  order: 0;
}
.side_mini .badge-top-round::before {
  inset: .75rem -.75rem -.75rem .75rem;
}
}
.intro-edge-main {
  margin-bottom: 2rem;
}
.cnt-new {
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-1{margin:0;overflow:hidden;border-radius:var(--radius-md)}
.btn-alt{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.view-1:hover .btn-alt{transform:scale(1.03)}
.box-fill {
  padding: .6rem 0;
  font-size: .9rem;
  color: var(--color-subtle);
}
.zone-square{overflow-wrap:anywhere}
.tile-pill>*{min-width:0}
.badge-badge-y{max-width:24ch}
.block-z {
  color: var(--color-subtle);
}
.strip-outer{max-width:100%;white-space:normal;text-align:center}
.tile-pill {
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,.65fr);
  gap: clamp(2.5rem,7vw,7rem);
  align-items: center;
}
.badge-badge-y {
  font-size: clamp(2rem,4.5vw,4rem);
  line-height: 1.1;
  max-width: 20ch;
}
.badge-new {
  font-family: var(--font-display);
  font-size: clamp(1.15rem,2vw,1.5rem);
  line-height: 1.6;
  border-left: 3px solid var(--color-primary);
  padding-left: 1.3rem;
  margin: 2rem 0;
  color: var(--color-text);
}
.block-z{max-width:64ch;line-height:1.8}
.cap-head {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 2rem;
}
.node-10{padding:.45rem .85rem;border:1px solid var(--color-line);border-radius:2rem;font-size:.85rem;color:var(--color-text);max-width:100%}
.flow-media{text-align:center;border-bottom:1px solid var(--color-line);padding-bottom:1.5rem}
.title_panel {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  border-radius: 50%;
  margin: 0 auto 2rem;
  max-width: 19rem;
}
.note-1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}
.input_7{font-size:.85rem;color:var(--color-subtle);margin:0;line-height:1.7}
.input_7 strong{font-weight:500;color:var(--color-text)}
.strip-outer {
  display: inline-flex;
  gap: 1.5rem;
  border-bottom: 1px solid currentColor;
  padding-bottom: .4rem;
  font-weight: 700;
}
@media(max-width:720px){.tile-pill{grid-template-columns:1fr}.flow-media{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.4rem 1.2rem;text-align:left;align-items:center}.title_panel{width:6rem;margin:0;grid-row:1/3}.note-1,.input_7{margin:0}.badge-badge-y {
  max-width: 24ch;
}}
.brand-flat{max-width:44rem;margin-bottom:2.5rem}
.btn-xl .brand-flat{margin-left:auto;margin-right:auto;text-align:center}
.col-y{gap:2.5rem 3rem}
.layer_meta .hero-group{border-top:2px solid var(--color-primary);padding-top:1.25rem}
.base_third {
  font-size: 1.15rem;
  margin-bottom: .6rem;
}
.node-block {
  margin: 0;
  line-height: 1.7;
}
.core-c{max-width:40rem;margin-bottom:2.5rem}
.page_fixed{list-style:none;margin:0;padding:0;display:grid;gap:2rem;counter-reset:none}
.inner-accent .page_fixed,.line_site_full .page_fixed{grid-template-columns:repeat(3,1fr)}
.media-10.inner-accent .page_fixed,.media-10.line_site_full .page_fixed{grid-template-columns:repeat(2,1fr)}
.mark-stack.inner-accent .page_fixed,.mark-stack.line_site_full .page_fixed{grid-template-columns:repeat(4,1fr)}
.top_edge_y.inner-accent .page_fixed,.top_edge_y.line_site_full .page_fixed{grid-template-columns:repeat(5,1fr);gap:1.5rem}
.line_site_full .page_fixed{gap:2rem 3rem}
.line_site_full .line-part:nth-child(even) {
  margin-top: 2.5rem;
}
.part-meta-inline .page_fixed{max-width:44rem;gap:0}
.part-meta-inline .line-part {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.5rem;
  padding-bottom: 2rem;
  position: relative;
}
.part-meta-inline .line-part::before {
  content: "";
  position: absolute;
  left: 1.375rem;
  top: 3rem;
  bottom: 0;
  width: 2px;
  background: var(--color-line);
}
.part-meta-inline .line-part:last-child::before {
  display: none;
}
.dot-c.part-meta-inline .line-part::before{background:rgba(255,255,255,.18)}
.toggle-shape{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;margin-bottom:1rem}
.nav .toggle-shape {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--color-primary);
  color: var(--color-on-brand);
  font-size: 1.1rem;
}
.quote-soft .toggle-shape{font-size:3rem;line-height:1;color:var(--color-primary);opacity:.9}
.dot-c.quote-soft .toggle-shape{color:var(--color-brand-inverse)}
.body-bar .toggle-shape{width:2.75rem;height:2.75rem;border-radius:var(--radius-md);border:2px solid var(--color-primary);color:var(--color-primary);font-size:1.1rem}
.dot-c.body-bar .toggle-shape {
  border-color: var(--color-brand-inverse);
  color: var(--color-brand-inverse);
}
.area-9{font-size:1.1rem;margin-bottom:.35rem}
.flow-9 {
  margin: 0;
  color: var(--color-subtle);
  font-size: .95rem;
}
.dot-c .flow-9 {
  color: var(--color-dark-fg-muted);
}
@media (max-width:900px){
.inner-accent .page_fixed,.line_site_full .page_fixed,.mark-stack.inner-accent .page_fixed,.mark-stack.line_site_full .page_fixed,.top_edge_y.inner-accent .page_fixed,.top_edge_y.line_site_full .page_fixed {
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:640px){.inner-accent .page_fixed,.line_site_full .page_fixed,.media-10.inner-accent .page_fixed,.mark-stack.inner-accent .page_fixed,.top_edge_y.inner-accent .page_fixed,.media-10.line_site_full .page_fixed,.mark-stack.line_site_full .page_fixed,.top_edge_y.line_site_full .page_fixed{grid-template-columns:1fr}.line_site_full .line-part:nth-child(even){margin-top:0}}
.top_alt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.pill{min-width:0;padding-top:1.25rem;border-top:3px solid var(--color-text)}
.sec-6 {
  font-size: clamp(1.8rem,2.7vw,2.8rem);
  max-width: 17ch;
  overflow-wrap: anywhere;
  margin-bottom: 1rem;
}
.stack-square{display:inline-flex;gap:.75rem;align-items:center;min-height:2.75rem;max-width:100%;font-size:.9rem}
.ref {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--color-line);
}
.part-link-active {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,2.65fr);
  gap: 1.5rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid var(--color-line);
  align-items: start;
}
.img-left {
  margin: 0;
  min-width: 0;
}
.panel-8 {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.info-cap-primary {
  min-width: 0;
}
.burger-item-right{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin:0 0 .5rem;font-size:.72rem;color:var(--color-subtle)}