:root{--c-main:hsl(149,80%,28%);--c-primary-strong:hsl(149,85%,16%);--c-primary-soft:hsl(149,71%,68%);--c-brand-inverse:hsl(149,81%,37%);--c-brand-contrast:hsl(0,0%,100%);--c-secondary:hsl(329,84%,46%);--c-accent-fg:hsl(0,0%,100%);--c-bg:hsl(0,0%,99%);--c-surface:hsl(150,20%,96%);--c-fg:hsl(150,11%,15%);--c-dim:hsl(150,11%,40%);--c-border:hsl(150,12%,87%);--c-dark:hsl(146,19%,14%);--c-inverse-surface:hsl(148,29%,16%);--c-on-dark:hsl(150,10%,96%);--c-dark-fg-muted:hsl(148,10%,70%);--r-default:16px;--r-large:32px;--r-button:999px;--tt-cta:none;--ls-button:0;--fw-button:600;--ff-display:'Comfortaa', 'Trebuchet MS', 'Segoe UI', sans-serif;--ff-base:'Open Sans', 'Open Sans', system-ui, sans-serif;--fs-xxl:clamp(2.5rem, 6vw, 4.5rem);--fs-xl:clamp(1.8rem, 3.6vw, 2.75rem);--fs-lg:1.35rem;--fw-title:800;--ls-display:-0.02em;--lh-snug:1.05;--tt-overline:none;--ls-overline:0;--c-overline:hsl(149,80%,28%);--fs-md:1rem;--lh-relaxed:1.65;--w-max:1199px;--sp-block:5.5rem;--sh-card:0 10px 30px rgba(0,0,0,.06);--sh-raised:0 24px 60px rgba(0,0,0,.12)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body {
  color: var(--c-fg);
  margin: 0;
  background: var(--c-bg);
  overflow-wrap: anywhere;
  font-family: var(--ff-base);
  line-height: var(--lh-relaxed);
  font-size: var(--fs-md);
}
img,svg,video {
  height: auto;
  max-width: 100%;
  display: block;
}
h1,h2,h3,h4{font-family:var(--ff-display);color:var(--c-fg);font-weight:var(--fw-title);margin:0 0 .6em;letter-spacing:var(--ls-display);line-height:var(--lh-snug);hyphens:manual}
h1 {
  font-size: var(--fs-xxl);
}
h2 {
  font-size: var(--fs-xl);
}
h3{line-height:1.3;font-size:var(--fs-lg)}
h4 {
  font-size: 1.05rem;
  line-height: 1.35;
}
p{margin:0 0 1em}
a {
  color: var(--c-main);
  text-decoration: none;
}
@media (min-width:481px){
a[href^="tel:"]{white-space:nowrap}
}
a:hover {
  color: var(--c-primary-strong);
}
ul,ol{padding-left:1.25em;margin:0 0 1em}
button,input,textarea,select {
  color: inherit;
  font: inherit;
}
::selection {
  color: var(--c-fg);
  background: var(--c-primary-soft);
}
.chip-fixed{margin-inline:auto;width:min(100% - 2.5rem,var(--w-max))}
.stack-lg{width:min(100% - 2.5rem,48rem)}
.wrap-alt{padding-block:var(--sp-block)}
.ref{background:var(--c-surface)}
.item_auto {
  background: var(--c-dark);
  color: var(--c-on-dark);
}
.item_auto h1,.item_auto h2,.item_auto h3,.item_auto h4 {
  color: inherit;
}
.item_auto a{color:var(--c-brand-inverse)}
.item_auto .label-10,.item_auto .line-10 {
  color: var(--c-dark-fg-muted);
}
.item_auto .elem_brand{color:var(--c-brand-inverse)}
.outer-3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .8rem 1.5rem;
  border-radius: var(--r-button);
  background: var(--c-main);
  color: var(--c-brand-contrast);
  font-weight: var(--fw-button);
  text-transform: var(--tt-cta);
  letter-spacing: var(--ls-button);
  line-height: 1.25;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .2s,color .2s,border-color .2s,transform .2s;
}
.outer-3:hover {
  color: var(--c-brand-contrast);
  background: var(--c-primary-strong);
}
.outer-3:active{transform:translateY(1px)}
.core-head {
  color: var(--c-main);
  border-color: currentColor;
  background: transparent;
}
.core-head:hover{background:var(--c-main);border-color:var(--c-main);color:var(--c-brand-contrast)}
.label-hard {
  color: var(--c-accent-fg);
  background: var(--c-secondary);
}
.label-hard:hover{color:var(--c-accent-fg);filter:brightness(.92);background:var(--c-secondary)}
.title_compact{color:var(--c-dark);background:var(--c-on-dark)}
.title_compact:hover {
  color: var(--c-dark);
  background: hsl(0,0%,100%);
}
.ref-item {
  font-size: .9rem;
  padding: .55rem 1.1rem;
}
.area {
  font-size: 1.05rem;
  padding: 1rem 2rem;
}
.item_auto .outer-3:not(.core-head):not(.label-hard):not(.title_compact){background:var(--c-brand-inverse);color:var(--c-dark)}
.item_auto .outer-3:not(.core-head):not(.label-hard):not(.title_compact):hover {
  color: var(--c-dark);
  background: var(--c-on-dark);
}
.item_auto .core-head {
  border-color: var(--c-dark-fg-muted);
  color: var(--c-on-dark);
}
.item_auto .core-head:hover{background:var(--c-on-dark);border-color:var(--c-on-dark);color:var(--c-dark)}
.inner_wide {
  gap: 1.5rem;
  display: grid;
}
.ctx-narrow{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.shape_big {
  grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.row_first{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}
.slot-pic{grid-template-columns:repeat(2,1fr)}
.field_brand {
  grid-template-columns: repeat(3,1fr);
}
.cnt_12 {
  grid-template-columns: repeat(4,1fr);
}
@media (max-width:960px){.cnt_12{grid-template-columns:repeat(2,1fr)}.field_brand {
  grid-template-columns: repeat(2,1fr);
}}
@media (max-width:560px){.slot-pic,.field_brand,.cnt_12 {
  grid-template-columns: 1fr;
}}
.nav_frame_compact {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.nav_frame_compact>*{min-width:0}
.nav_frame_compact.slot-pic>*{flex:0 0 calc((100% - 1.5rem)/2)}
.nav_frame_compact.field_brand>* {
  flex: 0 0 calc((100% - 3rem)/3);
}
.nav_frame_compact.cnt_12>*{flex:0 0 calc((100% - 4.5rem)/4)}
@media (max-width:960px){
.nav_frame_compact.field_brand>*,.nav_frame_compact.cnt_12>* {
  flex-basis: calc((100% - 1.5rem)/2);
}
}
@media (max-width:560px){
.nav_frame_compact.slot-pic>*,.nav_frame_compact.field_brand>*,.nav_frame_compact.cnt_12>*{flex-basis:100%}
}
.label-10 {
  color: var(--c-dim);
  font-size: 1.15rem;
}
.elem_brand{display:inline-block;font-weight:700;margin-bottom:.75rem;letter-spacing:var(--ls-overline);color:var(--c-overline);text-transform:var(--tt-overline);font-size:.8rem}
.line-10 {
  color: var(--c-dim);
}
.side-line-mini{text-align:center}
.box2-mini{margin:-1px;overflow:hidden;height:1px;border:0;clip:rect(0 0 0 0);width:1px;position:absolute;padding:0}
@media (max-width:640px){.wrap-alt{padding-block:calc(var(--sp-block) * .7)}}
.note-old{z-index:20;position:relative;background:var(--c-bg)}
.foot-soft {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 5rem;
}
.block-alt{display:inline-flex;min-width:0}
.site-cap {
  height: auto;
  max-height: 2.4rem;
  width: auto;
}
.panel-main:focus-visible + .dot-el-center{outline:2px solid var(--c-main);outline-offset:4px}
.dot-el-center {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  min-height: 44px;
  padding: .55rem 1.1rem;
  border: 1px solid var(--c-border);
  border-radius: var(--r-button);
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
}
.dot-el-center:hover{color:var(--c-main);border-color:var(--c-main)}
.brand-open {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.panel_stack_flat{height:2px;display:block;transition:transform .2s;background:currentColor;width:22px;border-radius:2px}
.panel-main:checked + .dot-el-center .panel_stack_flat:first-child{transform:translateY(3.5px) rotate(45deg)}
.panel-main:checked + .dot-el-center .panel_stack_flat:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.sec_sec {
  padding: clamp(2rem,5vw,3.5rem) 0;
  top: 100%;
  box-shadow: var(--sh-raised);
  right: 0;
  left: 0;
  position: absolute;
  display: none;
}
.intro-wrap .sec_sec{background:var(--c-dark);color:var(--c-on-dark)}
.cnt-2 .sec_sec {
  border-block: 1px solid var(--c-border);
  background: var(--c-surface);
}
.panel-main:checked ~ .sec_sec{display:block}
.flow-10{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}
.col_2{padding:0;list-style:none;margin:0;column-gap:2.5rem;columns:2 14rem}
.note-quote {
  margin-bottom: .4rem;
  break-inside: avoid;
}
.btn-fig-top {
  font-weight: var(--fw-title);
  color: inherit;
  font-family: var(--ff-display);
  line-height: 1.3;
  display: inline-block;
  font-size: clamp(1.4rem,2.6vw,2.1rem);
}
.btn-fig-top:hover,.title_sticky {
  color: var(--c-main);
}
.intro-wrap .btn-fig-top:hover,.intro-wrap .title_sticky{color:var(--c-brand-inverse)}
.hero_area{display:flex;flex-direction:column;gap:.45rem;padding-inline-start:clamp(0rem,3vw,2rem);border-inline-start:1px solid var(--c-border)}
.intro-wrap .hero_area {
  border-color: rgba(255,255,255,.18);
}
.inner-wide{font-size:.75rem;font-weight:700;text-transform:uppercase;margin:0 0 .4rem;color:var(--c-dim);letter-spacing:.12em}
.intro-wrap .inner-wide {
  color: var(--c-dark-fg-muted);
}
.outer-sm{font-weight:600;color:inherit}
.outer-sm:hover{color:var(--c-main)}
.dot {
  font-size: .9rem;
  margin: .4rem 0 0;
  color: var(--c-dim);
}
.intro-wrap .dot {
  color: var(--c-dark-fg-muted);
}
@media (max-width:720px){.flow-10 {
  grid-template-columns: minmax(0,1fr);
}.hero_area {
  border-top: 1px solid var(--c-border);
  padding-top: 1.5rem;
  border-inline-start: 0;
  padding-inline-start: 0;
}.page-v3 {
  display: none;
}}
.box {
  padding-top: clamp(3rem,7vw,5rem);
}
.icon-main{background:var(--c-main);color:var(--c-brand-contrast)}
.chip-1{background:var(--c-dark);color:var(--c-on-dark)}
.elem-b {
  display: grid;
  grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
  gap: 2rem clamp(2rem,6vw,5rem);
  align-items: end;
  padding-bottom: clamp(2.5rem,6vw,4rem);
}
.note-link {
  margin: 0;
  font-size: clamp(2rem,5vw,3.75rem);
  line-height: 1.08;
  letter-spacing: var(--ls-display);
  font-weight: var(--fw-title);
  font-family: var(--ff-display);
}
.ct-shape-accent{font-size:.78rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.12em;color:inherit;opacity:.75}
.ctx-text {
  font-size: clamp(1.3rem,2.5vw,1.7rem);
  color: inherit;
  display: block;
  font-weight: 700;
}
.frame_old {
  display: block;
  text-decoration: underline;
  color: inherit;
  margin-top: .3rem;
  text-underline-offset: .2em;
}
.ctx-text:hover,.frame_old:hover{opacity:.8;color:inherit}
.slot-lead{margin:.75rem 0 0;opacity:.8}
.note_v3{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2.5rem;padding-block:1.5rem;border-top:1px solid rgba(255,255,255,.2)}
.icon-main .note_v3 {
  border-color: color-mix(in srgb,var(--c-brand-contrast) 25%,transparent);
}
.base_7 {
  font-family: var(--ff-display);
  font-size: 1.2rem;
  font-weight: var(--fw-title);
  color: inherit;
}
.node{max-width:24rem;font-size:1.05rem;text-wrap:balance}
.tile-half,.cell {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem 1.5rem;
  margin: 0;
  padding: 0;
}
.label-top{color:inherit}
.label-top:hover {
  color: inherit;
  opacity: .75;
}
.page-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem 1.5rem;
  margin-inline-start: auto;
  font-size: .82rem;
  opacity: .8;
}
@media (max-width:820px){
.elem-b {
  grid-template-columns: minmax(0,1fr);
  align-items: start;
}
.page-3 {
  margin-inline-start: 0;
}
}
.btn_note{padding:1rem 0;position:fixed;right:0;left:0;box-shadow:var(--sh-card);z-index:50}
.bar-quote-mini{bottom:0}
.img_block {
  background: var(--c-dark);
  color: var(--c-on-dark);
}
.nav-square {
  color: var(--c-fg);
  border-top: 1px solid var(--c-border);
  background: var(--c-surface);
}
.btn_note[hidden] {
  display: none;
}
.note-sec2-third{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.quote-block-xl {
  margin: 0;
  font-size: .95rem;
}
.shape_6{margin-left:.35rem;text-decoration:underline;color:inherit}
.base-menu-big{display:flex;flex-shrink:0;gap:.75rem}
.img_block .bar-old{border-color:var(--c-bg)}
.img_block .bar-old:not(.core-head){border-color:transparent;background:var(--c-brand-inverse);color:var(--c-dark)}
.img_block .core-head.bar-old {
  color: var(--c-bg);
}
@media (max-width:720px){
.btn_note{padding:.7rem 0}
.note-sec2-third {
  flex-direction: column;
  align-items: stretch;
  gap: .6rem;
}
.quote-block-xl {
  line-height: 1.4;
  font-size: .84rem;
}
.base-menu-big{justify-content:flex-end}
}
.slot-badge-round{padding:2.25rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-large);min-width:0}
.toggle-ct .slot-badge-round {
  text-align: center;
}
.ct {
  margin: 0;
  overflow-wrap: anywhere;
}
.badge_3{margin:.75rem 0 0;color:var(--c-dim);overflow-wrap:anywhere}
.ct-1 {
  color: inherit;
}
.chip-fig{text-align:start;margin-top:1.75rem;gap:1rem;display:grid}
.input-soft{gap:.35rem;display:grid;min-width:0}
.pane-old{font-weight:600;font-size:.9rem}
.media-cell {
  width: 100%;
  min-width: 0;
  padding: .7rem .9rem;
  border: 1px solid var(--c-border);
  border-radius: var(--r-default);
  background: var(--c-bg);
}
.media-cell:focus{outline:2px solid var(--c-main);outline-offset:1px}
.unit-v2{resize:vertical}
.input-fit {
  overflow-wrap: anywhere;
  max-width: 100%;
  justify-self: start;
}
.toggle-ct .input-fit{justify-self:center}
@media (max-width:480px){
.slot-badge-round{padding:1.25rem}
}
.core_item_sm{display:flex;position:relative;align-items:center;isolation:isolate;min-height:min(78vh,44rem);padding-block:calc(var(--sp-block) * 1.4);color:var(--c-on-dark);overflow:hidden}
.box_grid_sm{min-height:min(92vh,54rem)}
.card_nav_ghost {
  object-fit: cover;
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
}
.head-ct-main {
  inset: 0;
  position: absolute;
  z-index: -1;
}
.stat-tight .head-ct-main {
  background: rgba(8,10,14,.58);
}
.app-mark-full .head-ct-main{opacity:.86;background:var(--c-main)}
.core-flow-mini .head-ct-main{background:linear-gradient(100deg,rgba(6,8,12,.86) 0%,rgba(6,8,12,.55) 55%,rgba(6,8,12,.2) 100%)}
.page_wrap.core-flow-mini .head-ct-main {
  background: rgba(8,10,14,.6);
}
.block{width:min(100% - 2.5rem,var(--w-max))}
.grid_dot{max-width:38rem}
.page_wrap .block {
  text-align: center;
}
.page_wrap .grid_dot {
  max-width: 44rem;
  margin-inline: auto;
}
.lead-8{font-size:.8rem;font-weight:700;text-transform:var(--tt-overline);margin-bottom:1rem;opacity:.9;letter-spacing:var(--ls-overline);display:inline-block}
.app-mark-full .lead-8{color:var(--c-brand-contrast)}
.top-outro{color:inherit;margin-bottom:1rem}
.app-mark-full .top-outro,.app-mark-full .panel_group{color:var(--c-brand-contrast)}
.panel_group {
  margin-bottom: 1.75rem;
  font-size: 1.15rem;
  max-width: 34rem;
  opacity: .9;
}
.page_wrap .panel_group{margin-inline:auto}
.body-inner-auto {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.page_wrap .body-inner-auto {
  justify-content: center;
}
.layer-11{color:inherit;border-color:rgba(255,255,255,.7)}
.layer-11:hover{color:var(--c-dark);border-color:hsl(0,0%,100%);background:hsl(0,0%,100%)}
@media (max-width:640px){.core_item_sm{min-height:0;padding-block:calc(var(--sp-block) * 1.1)}}
.part-label{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}
.row-5 .item_stack{order:2}
.item_stack {
  margin: 0;
}
.ctx-wide{aspect-ratio:9/8;width:100%;object-fit:cover;border-radius:var(--r-large)}
.icon_raised{color:var(--c-dim)}
.tag_fill{font-weight:600}
@media (max-width:860px){.part-label {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}.row-5 .item_stack{order:0}}
.pill-y{overflow-wrap:anywhere}
.stack-toggle>* {
  min-width: 0;
}
.info-group{max-width:24ch}
.menu_icon {
  color: var(--c-dim);
}
.ref-site-b{text-align:center;max-width:100%;white-space:normal}
.stack-toggle {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.3fr);
  gap: clamp(2rem,6vw,6rem);
  align-items: start;
}
.menu_icon {
  line-height: 1.8;
}
.card-edge{width:4rem;margin-top:2rem;display:block;color:var(--c-main)}
.input_z {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 2rem 2.5rem;
}
.top_sub{border-top:1px solid var(--c-border);min-width:0;padding-top:1.2rem}
.badge-toggle {
  margin-bottom: 1.2rem;
  display: block;
  letter-spacing: .1em;
  font-size: .75rem;
  color: var(--c-main);
  font-weight: 700;
}
.edge-main-light{line-height:1.25;font-size:clamp(1.3rem,2.4vw,1.9rem)}
.nav-group-left {
  font-size: .95rem;
  color: var(--c-dim);
  line-height: 1.8;
  margin: 0;
}
.top_sub:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:760px){
.stack-toggle {
  grid-template-columns: 1fr;
}
.card-edge{display:none}
}
@media(max-width:480px){.input_z {
  grid-template-columns: 1fr;
  gap: 1.5rem;
}.top_sub {
  display: grid;
  grid-template-columns: 2rem minmax(0,1fr);
  gap: .7rem 1rem;
}.badge-toggle{margin:0;grid-row:1/3;padding-top:.25rem}.edge-main-light {
  margin: 0;
}.nav-group-left {
  grid-column: 2;
}}
.card-edge svg{height:auto;width:100%}
.brand-inner-tight{overflow-wrap:anywhere}
.chip-active>*{min-width:0}
.chip_third {
  max-width: 24ch;
}
.part{color:var(--c-dim)}
.info-meta {
  white-space: normal;
  text-align: center;
  max-width: 100%;
}
.edge-btn {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr);
  gap: 1rem 4rem;
  align-items: end;
  margin-bottom: 3rem;
}
.edge-btn .elem_brand{grid-column:1/-1}
.chip_third {
  font-size: clamp(2rem,4.2vw,4rem);
  max-width: 21ch;
  margin: 0;
  line-height: 1.12;
}
.img_tile {
  max-width: 45ch;
  margin: 0;
}
.flow_bottom {
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--c-fg);
  grid-template-columns: repeat(3,minmax(0,1fr));
  list-style: none;
  display: grid;
}
.icon {
  padding: 2rem 2rem 0 0;
  min-width: 0;
}
.icon+.icon{border-left:1px solid var(--c-border);padding-left:2rem}
.app_7{display:block;letter-spacing:-.05em;font-family:var(--ff-display);line-height:1;margin-bottom:2rem;color:var(--c-main);font-size:clamp(2.8rem,6vw,5rem)}
.side-11{font-size:clamp(1.3rem,2.3vw,1.8rem);min-height:2.6em}
.part{line-height:1.85;margin:0}
@media(max-width:740px){
.edge-btn{grid-template-columns:1fr;gap:1.5rem}
.flow_bottom {
  grid-template-columns: 1fr;
}
.icon,.icon+.icon{border-left:0;border-bottom:1px solid var(--c-border);padding:1.7rem 0;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.7rem 1.2rem}
.app_7{margin:0;font-size:2.5rem;grid-row:1/3}
.side-11 {
  min-height: 0;
  margin: 0;
}
.part {
  grid-column: 2;
}
}
.elem-a {
  overflow-wrap: anywhere;
}
.label-dot-z>*{min-width:0}
.card-top-round{max-width:24ch}
.author{color:var(--c-dim)}
.app_compact{text-align:center;white-space:normal;max-width:100%}
.app-view-raised {
  max-width: 48rem;
  margin-bottom: 2.5rem;
}
.pill {
  margin: 0;
  gap: 1rem;
  display: grid;
  padding: 0;
  list-style: none;
}
.head-7{display:grid;grid-template-columns:minmax(7rem,max-content) minmax(0,1fr) 3rem;gap:2rem;align-items:center;padding:clamp(1.5rem,3vw,2.8rem);border:1px solid var(--c-border);border-radius:var(--r-large);background:var(--c-bg)}
.head-7:nth-child(even){grid-template-columns:3rem minmax(0,1fr) minmax(7rem,max-content);color:var(--c-on-dark);background:var(--c-dark)}
.img-inner{color:var(--c-main);letter-spacing:-.06em;font-size:clamp(3rem,7vw,6rem);font-family:var(--ff-display);white-space:nowrap;line-height:1;overflow-wrap:normal}
.head-7:nth-child(even) .img-inner {
  grid-column: 3;
  text-align: right;
  color: var(--c-brand-inverse);
  grid-row: 1;
}
.head-7:nth-child(even) .view_grid_big {
  grid-column: 2;
  grid-row: 1;
}
.head-7:nth-child(even) .avatar-copy-square{color:var(--c-brand-inverse);grid-column:1;grid-row:1}
.head-7:nth-child(even) .pill-flat{color:var(--c-on-dark)}
.head-7:nth-child(even) .author{color:var(--c-dark-fg-muted)}
.pill-flat{max-width:30ch;font-size:clamp(1.3rem,2.5vw,2rem)}
.author {
  margin: 0;
  max-width: 58ch;
}
.avatar-copy-square{width:2rem;color:var(--c-main)}
.view_grid_big {
  min-width: 0;
}
.pic-cell{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.inner_2 {
  margin: 0;
  color: var(--c-dim);
  max-width: 55ch;
}
@media(max-width:650px){
.head-7,.head-7:nth-child(even) {
  grid-template-columns: minmax(3rem,max-content) minmax(0,1fr);
  gap: 1rem;
}
.img-inner{font-size:2.7rem}
.avatar-copy-square{display:none}
.head-7:nth-child(even) .img-inner {
  grid-column: 1;
  text-align: left;
}
.head-7:nth-child(even) .view_grid_big {
  grid-column: 2;
}
.pic-cell{align-items:flex-start;flex-direction:column}
}
@media(max-width:360px){
.head-7,.head-7:nth-child(even) {
  grid-template-columns: 1fr;
}
.head-7:nth-child(even) .img-inner,.head-7:nth-child(even) .view_grid_big {
  grid-row: auto;
  grid-column: auto;
}
}
.avatar-copy-square svg{height:auto;width:100%}
.zone{overflow-wrap:anywhere}
.outro-fill>*{min-width:0}
.side-12 {
  max-width: 24ch;
}
.hero_9{color:var(--c-dim)}
.el-4{max-width:100%;text-align:center;white-space:normal}
.app_label_a {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.8fr);
  gap: .5rem 3rem;
  margin-bottom: 2.5rem;
  align-items: end;
}
.app_label_a .elem_brand {
  grid-column: 1/-1;
}
.side-12{margin:0}
.copy-tight{max-width:48ch;margin:0}
.bar-first {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 1rem;
}
.stack-light {
  grid-column: span 6;
  padding: clamp(1.4rem,3vw,2.5rem);
  border: 1px solid var(--c-border);
  border-radius: var(--r-large);
  background: var(--c-bg);
  min-width: 0;
  display: flex;
  gap: 1.5rem;
  align-items: start;
}
.stack-light:first-child{grid-column:span 7;min-height:21rem;flex-direction:column;justify-content:space-between}