.neo-about {
  overflow: clip;
  color: var(--neo-body);
  background: var(--neo-white);
}

.neo-about [id] {
  scroll-margin-top: 145px;
}

.neo-about h1,
.neo-about h2,
.neo-about h3,
.neo-about p {
  text-wrap: pretty;
}

.neo-about em {
  font-family: inherit;
  font-style: normal;
}

.neo-about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--neo-teal-dark);
  font-size: .67rem;
  font-weight: 820;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.neo-about-kicker::before {
  width: 26px;
  height: 1px;
  background: currentColor;
  content: "";
}

.neo-about-hero {
  position: relative;
  min-height: min(900px, calc(100svh - 122px));
  overflow: hidden;
  color: #e9f8f5;
  background:
    radial-gradient(circle at 77% 42%, rgba(23, 161, 155, .26), transparent 28%),
    radial-gradient(circle at 13% 15%, rgba(67, 179, 164, .11), transparent 27%),
    linear-gradient(142deg, #082f32 0%, #061f22 52%, #041719 100%);
}

.neo-about-hero::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  mask-image: linear-gradient(90deg, #000, transparent 62%);
  pointer-events: none;
}

.neo-about-hero__mesh {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5vw;
  width: 1px;
  background: rgba(185, 236, 226, .16);
  box-shadow: 22vw 0 rgba(185, 236, 226, .07), 44vw 0 rgba(185, 236, 226, .07), 66vw 0 rgba(185, 236, 226, .07), 88vw 0 rgba(185, 236, 226, .07);
}

.neo-about-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
  align-items: center;
  gap: clamp(40px, 5vw, 86px);
  min-height: inherit;
  padding-top: clamp(74px, 8vw, 118px);
  padding-bottom: clamp(100px, 10vw, 138px);
}

.neo-about-hero__content {
  position: relative;
  z-index: 2;
  max-width: 740px;
}

.neo-about-hero__meta {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: clamp(26px, 4vw, 43px);
  color: #9ed6cc;
  font-size: .68rem;
  font-weight: 810;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.neo-about-hero h1 {
  margin: 0 0 32px;
  color: #f4fffc;
  font-size: clamp(3.45rem, 6.55vw, 6.75rem);
  font-weight: 580;
  letter-spacing: -.069em;
  line-height: .89;
}

.neo-about-hero h1 em {
  color: #8ee0d3;
}

.neo-about-hero__lede {
  max-width: 680px;
  margin: 0;
  color: #bed8d4;
  font-size: clamp(1rem, 1.3vw, 1.17rem);
  line-height: 1.72;
}

.neo-about-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 21px;
  margin-top: 35px;
}

.neo-about .neo-about-button--light {
  border-color: #dff7f2;
  color: var(--neo-ink);
  background: #ecfaf7;
  box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
}

.neo-about .neo-about-button--light:hover,
.neo-about .neo-about-button--light:focus-visible {
  border-color: #fff;
  background: #fff;
  transform: translateY(-2px);
}

.neo-about-text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: #d7eeea;
  font-size: .8rem;
  font-weight: 760;
  text-decoration: none;
}

.neo-about-text-link span {
  color: #7ed9cc;
  transition: transform 180ms ease;
}

.neo-about-text-link:hover,
.neo-about-text-link:focus-visible {
  color: #fff;
}

.neo-about-text-link:hover span,
.neo-about-text-link:focus-visible span {
  transform: translate(3px, -3px);
}

.neo-about-proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: clamp(45px, 6vw, 75px) 0 0;
  border-top: 1px solid rgba(210, 243, 237, .18);
  list-style: none;
}

.neo-about-proof li {
  min-height: 72px;
  padding: 19px 16px 10px 0;
  color: #cce3df;
  font-size: .69rem;
  font-weight: 690;
  line-height: 1.45;
}

.neo-about-proof li + li {
  padding-left: 18px;
  border-left: 1px solid rgba(210, 243, 237, .14);
}

.neo-about-proof span {
  display: block;
  margin-bottom: 6px;
  color: #6bbfb4;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .58rem;
  letter-spacing: .08em;
}

.neo-about-hero__visual {
  position: relative;
  min-width: 0;
}

.neo-instrument {
  position: relative;
  width: min(100%, 620px);
  aspect-ratio: 1;
  margin-inline: auto;
}

.neo-instrument__halo {
  position: absolute;
  inset: 12%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(28, 175, 166, .25), rgba(7, 70, 72, .11) 50%, transparent 72%);
  box-shadow: 0 0 100px rgba(18, 164, 155, .2);
  animation: neo-about-halo 5s ease-in-out infinite;
}

.neo-instrument__drawing {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  filter: drop-shadow(0 34px 46px rgba(0, 0, 0, .25));
}

.neo-instrument__spin {
  transform-box: fill-box;
  transform-origin: center;
  animation: neo-about-spin 34s linear infinite;
}

.neo-instrument__spin--reverse {
  animation-direction: reverse;
  animation-duration: 48s;
}

.neo-instrument__label {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(192, 237, 229, .2);
  border-radius: 999px;
  color: #cce9e4;
  background: rgba(5, 40, 43, .64);
  box-shadow: 0 9px 26px rgba(0, 0, 0, .14);
  font-size: .6rem;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.neo-instrument__label b {
  color: #76d5c9;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
}

.neo-instrument__label--a {
  top: 20%;
  left: 1%;
}

.neo-instrument__label--b {
  top: 11%;
  right: 9%;
}

.neo-instrument__label--c {
  right: 0;
  bottom: 23%;
}

.neo-instrument__readout {
  position: absolute;
  bottom: 1%;
  left: 7%;
  width: min(290px, 60%);
  padding: 15px 18px;
  border: 1px solid rgba(197, 239, 232, .2);
  border-radius: 13px;
  color: #d9efeb;
  background: rgba(6, 38, 41, .72);
  box-shadow: 0 20px 60px rgba(0, 0, 0, .24);
  backdrop-filter: blur(14px);
}

.neo-instrument__readout::before {
  display: block;
  width: 42%;
  height: 3px;
  margin-bottom: 11px;
  border-radius: 3px;
  background: linear-gradient(90deg, #72d2c6 74%, rgba(114, 210, 198, .2) 74%);
  content: "";
}

.neo-instrument__readout span,
.neo-instrument__readout strong {
  display: block;
}

.neo-instrument__readout span {
  margin-bottom: 4px;
  color: #6fbcb3;
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.neo-instrument__readout strong {
  font-size: .72rem;
  font-weight: 710;
}

.neo-about-scroll {
  position: absolute;
  bottom: 28px;
  left: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #8db9b3;
  font-size: .59rem;
  font-weight: 760;
  letter-spacing: .11em;
  text-decoration: none;
  text-transform: uppercase;
  transform: translateX(-50%);
}

.neo-about-scroll i {
  position: relative;
  width: 34px;
  height: 1px;
  overflow: hidden;
  background: rgba(181, 224, 217, .24);
}

.neo-about-scroll i::after {
  position: absolute;
  inset: 0;
  background: #91ddd2;
  content: "";
  animation: neo-about-scroll 2.2s ease-in-out infinite;
  transform: translateX(-100%);
}

.neo-about-origin {
  position: relative;
  padding: clamp(105px, 12vw, 178px) 0;
  background: var(--neo-warm);
}

.neo-about-origin::after {
  position: absolute;
  right: -8vw;
  bottom: -160px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(8, 123, 120, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 60px rgba(8, 123, 120, .025), 0 0 0 120px rgba(8, 123, 120, .018);
  content: "";
  pointer-events: none;
}

.neo-about-origin__grid {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: clamp(60px, 10vw, 150px);
}

.neo-about-origin__marker {
  position: sticky;
  top: 190px;
}

.neo-about-origin__marker strong {
  display: block;
  margin: 34px 0 16px;
  color: transparent;
  font-family: var(--neo-font-display);
  font-size: clamp(6.9rem, 13vw, 11rem);
  font-weight: 630;
  letter-spacing: -.09em;
  line-height: .7;
  -webkit-text-stroke: 1.5px rgba(8, 123, 120, .32);
}

.neo-about-origin__marker strong span {
  color: var(--neo-teal-dark);
  -webkit-text-stroke: 0;
}

.neo-about-origin__marker p {
  max-width: 230px;
  margin: 27px 0 0;
  color: var(--neo-muted);
  font-size: .75rem;
  font-weight: 720;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.neo-about-origin__story h2 {
  max-width: 800px;
  margin: 0 0 clamp(50px, 7vw, 86px);
  color: var(--neo-ink);
  font-size: clamp(3rem, 5.25vw, 5.35rem);
  font-weight: 600;
  letter-spacing: -.062em;
  line-height: .98;
}

.neo-about-origin__copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 5vw, 64px);
  padding-top: 28px;
  border-top: 1px solid rgba(11, 48, 50, .16);
}

.neo-about-origin__copy p {
  margin: 0;
  color: var(--neo-body);
  font-size: clamp(.98rem, 1.25vw, 1.12rem);
  line-height: 1.78;
}

.neo-about-origin__copy p:first-child::first-letter {
  float: left;
  margin: 3px 8px 0 0;
  color: var(--neo-teal-dark);
  font-family: var(--neo-font-display);
  font-size: 4.3rem;
  font-weight: 610;
  line-height: .72;
}

.neo-about-origin__choice {
  display: grid;
  grid-template-columns: 150px 1fr;
  align-items: center;
  gap: 28px;
  padding: 25px 0;
  margin-top: 70px;
  border-top: 1px solid rgba(11, 48, 50, .16);
  border-bottom: 1px solid rgba(11, 48, 50, .16);
}

.neo-about-origin__choice > span {
  color: var(--neo-muted);
  font-size: .63rem;
  font-weight: 790;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.neo-about-origin__choice ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px 22px;
  padding: 0;
  margin: 0;
  color: var(--neo-ink);
  font-family: var(--neo-font-display);
  font-size: clamp(.96rem, 1.4vw, 1.18rem);
  font-weight: 670;
  list-style: none;
}

.neo-about-origin__choice li {
  display: flex;
  align-items: center;
  gap: 13px;
}

.neo-about-origin__choice li::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--neo-teal);
  box-shadow: 0 0 0 5px rgba(8, 123, 120, .09);
  content: "";
}

.neo-about-formulation {
  position: relative;
  padding: clamp(110px, 12vw, 175px) 0;
  overflow: hidden;
  color: #d9ebe8;
  background: #082e31;
}

.neo-about-formulation::before {
  position: absolute;
  top: -320px;
  left: -180px;
  width: 740px;
  height: 740px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(24, 166, 157, .17), transparent 68%);
  content: "";
}

.neo-about-formulation__gridlines {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(203, 238, 232, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(203, 238, 232, .035) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}

.neo-about-formulation .neo-wrap {
  position: relative;
  z-index: 1;
}

.neo-about-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  align-items: end;
  gap: clamp(45px, 8vw, 110px);
  margin-bottom: clamp(62px, 8vw, 100px);
}

.neo-about-section-head h2 {
  max-width: 780px;
  margin: 20px 0 0;
  color: var(--neo-ink);
  font-size: clamp(3.1rem, 5.6vw, 5.7rem);
  font-weight: 600;
  letter-spacing: -.065em;
  line-height: .96;
}

.neo-about-section-head > p {
  padding-left: 25px;
  margin: 0 0 5px;
  border-left: 1px solid var(--neo-border);
  color: var(--neo-muted);
  font-size: .97rem;
  line-height: 1.75;
}

.neo-about-section-head--inverse h2 {
  color: #f0fbf8;
}

.neo-about-section-head--inverse .neo-about-kicker {
  color: #78d2c6;
}

.neo-about-section-head--inverse > p {
  border-color: rgba(201, 238, 231, .2);
  color: #a9cbc6;
}

.neo-formula-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.neo-formula-card {
  position: relative;
  min-height: 370px;
  padding: 25px;
  overflow: hidden;
  border: 1px solid rgba(198, 236, 229, .13);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .062), rgba(255, 255, 255, .024));
  box-shadow: inset 0 1px rgba(255, 255, 255, .04);
  transition: border-color 240ms ease, background 240ms ease, transform 240ms ease;
}

.neo-formula-card::before {
  position: absolute;
  top: -95px;
  right: -95px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: rgba(15, 143, 137, .12);
  content: "";
  transition: transform 400ms ease;
}

.neo-formula-card:hover {
  border-color: rgba(126, 220, 207, .35);
  background: linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035));
  transform: translateY(-5px);
}

.neo-formula-card:hover::before {
  transform: scale(1.22);
}

.neo-formula-card__number {
  color: #69bcb2;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .6rem;
  letter-spacing: .12em;
}

.neo-formula-card__icon {
  position: relative;
  display: flex;
  width: 72px;
  height: 72px;
  align-items: flex-end;
  gap: 7px;
  padding: 16px;
  margin: 47px 0 36px;
  border: 1px solid rgba(147, 222, 212, .23);
  border-radius: 50%;
  background: rgba(8, 95, 94, .28);
}

.neo-formula-card__icon i {
  width: 8px;
  border-radius: 8px;
  background: #85d8cd;
}

.neo-formula-card__icon i:nth-child(1) { height: 44%; }
.neo-formula-card__icon i:nth-child(2) { height: 92%; }
.neo-formula-card__icon i:nth-child(3) { height: 68%; }

.neo-formula-card__icon--range {
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.neo-formula-card__icon--range i {
  width: 100%;
  height: 2px !important;
}

.neo-formula-card__icon--range i:nth-child(2) {
  width: 62%;
  background: #e0f9f4;
}

.neo-formula-card__icon--material {
  align-items: center;
  justify-content: center;
}

.neo-formula-card__icon--material i {
  position: absolute;
  width: 25px;
  height: 25px !important;
  border: 1px solid #84d6cb;
  border-radius: 50%;
  background: transparent;
}

.neo-formula-card__icon--material i:nth-child(1) { transform: translate(-9px, -6px); }
.neo-formula-card__icon--material i:nth-child(2) { transform: translate(9px, -6px); }
.neo-formula-card__icon--material i:nth-child(3) { transform: translateY(10px); }

.neo-formula-card__icon--remove {
  align-items: center;
  justify-content: center;
}

.neo-formula-card__icon--remove i {
  position: absolute;
  width: 35px;
  height: 2px !important;
  background: #8cddd2;
  transform: rotate(45deg);
}

.neo-formula-card__icon--remove i:nth-child(2) { transform: rotate(-45deg); }

.neo-formula-card__icon--loop {
  align-items: center;
  justify-content: center;
}

.neo-formula-card__icon--loop i {
  width: 34px;
  height: 34px !important;
  border: 2px solid #89ddd1;
  border-left-color: transparent;
  border-radius: 50%;
  background: transparent;
}

.neo-formula-card h3 {
  max-width: 260px;
  margin: 0 0 12px;
  color: #effbf8;
  font-size: 1.26rem;
  letter-spacing: -.025em;
  line-height: 1.15;
}

.neo-formula-card p {
  max-width: 330px;
  margin: 0;
  color: #a7c5c1;
  font-size: .88rem;
  line-height: 1.68;
}

.neo-formula-card__tag {
  position: absolute;
  right: 22px;
  bottom: 22px;
  padding: 5px 8px;
  border: 1px solid rgba(154, 219, 210, .18);
  border-radius: 999px;
  color: #74c7bc;
  font-size: .56rem;
  font-weight: 810;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.neo-formula-card--wide {
  grid-column: span 2;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 34px;
  min-height: 270px;
}

.neo-formula-card--wide .neo-formula-card__icon {
  margin: 0;
}

.neo-formula-card--wide h3 {
  max-width: none;
  font-size: 1.55rem;
}

.neo-formula-card--wide p {
  max-width: 600px;
}

.neo-about-label {
  padding: clamp(95px, 10vw, 150px) 0;
  background: #ecf7f4;
}

.neo-about-label__panel {
  display: grid;
  grid-template-columns: minmax(0, .96fr) minmax(410px, 1.04fr);
  align-items: center;
  gap: clamp(45px, 8vw, 120px);
  min-height: 590px;
  padding: clamp(46px, 7vw, 90px);
  border: 1px solid rgba(8, 123, 120, .17);
  border-radius: clamp(25px, 4vw, 42px);
  background: linear-gradient(145deg, rgba(255, 255, 255, .83), rgba(215, 241, 235, .72));
  box-shadow: 0 35px 90px rgba(11, 48, 50, .08);
}

.neo-about-label__statement h2 {
  max-width: 650px;
  margin: 24px 0 28px;
  color: var(--neo-ink);
  font-size: clamp(3rem, 5.15vw, 5.2rem);
  font-weight: 590;
  letter-spacing: -.065em;
  line-height: .96;
}

.neo-about-label__statement h2 em {
  color: var(--neo-teal);
}

.neo-about-label__statement p {
  max-width: 590px;
  margin: 0;
  color: var(--neo-body);
  font-size: 1rem;
  line-height: 1.76;
}

.neo-about-label__visual {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 76px 1fr;
  align-items: center;
  min-height: 390px;
}

.neo-label-specimen {
  position: relative;
  z-index: 1;
  min-height: 245px;
  padding: 25px 21px;
  border: 1px solid rgba(8, 96, 94, .2);
  border-radius: 18px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 20px 48px rgba(11, 48, 50, .09);
}

.neo-label-specimen--label {
  transform: rotate(-5deg) translateY(-16px);
}

.neo-label-specimen--bottle {
  min-height: 290px;
  padding-top: 53px;
  border-radius: 24px 24px 42px 42px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .9), rgba(221, 241, 236, .96) 53%, rgba(255, 255, 255, .84));
  transform: rotate(4deg) translateY(16px);
}

.neo-label-specimen__cap {
  position: absolute;
  top: -19px;
  left: 20%;
  width: 60%;
  height: 37px;
  border: 1px solid rgba(8, 96, 94, .22);
  border-radius: 8px 8px 3px 3px;
  background: repeating-linear-gradient(90deg, #0a5656 0 3px, #0c6664 3px 6px);
}

.neo-label-specimen > span {
  display: block;
  margin-bottom: 24px;
  color: var(--neo-muted);
  font-size: .57rem;
  font-weight: 810;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.neo-label-specimen > i {
  display: block;
  width: var(--neo-line);
  height: 5px;
  margin-bottom: 12px;
  border-radius: 5px;
  background: var(--neo-mint-strong);
}

.neo-label-specimen > b {
  position: absolute;
  bottom: 22px;
  left: 21px;
  color: var(--neo-ink);
  font-family: var(--neo-font-display);
  font-size: 1.05rem;
  letter-spacing: .12em;
}

.neo-label-bridge {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.neo-label-bridge i {
  width: 44px;
  height: 1px;
  background: var(--neo-teal);
}

.neo-label-bridge span {
  width: 7px;
  height: 7px;
  border: 2px solid var(--neo-teal);
  border-radius: 50%;
  background: #eff9f7;
}

.neo-about-research {
  padding: clamp(110px, 12vw, 175px) 0;
  background: var(--neo-white);
}

.neo-research-loop {
  position: relative;
  display: grid;
  min-height: 580px;
  place-items: center;
  margin: 0 auto clamp(85px, 10vw, 130px);
}

.neo-research-loop::before,
.neo-research-loop::after {
  position: absolute;
  border: 1px solid rgba(8, 123, 120, .16);
  border-radius: 50%;
  content: "";
}

.neo-research-loop::before {
  width: 520px;
  height: 520px;
}

.neo-research-loop::after {
  width: 390px;
  height: 390px;
  border-style: dashed;
}

.neo-research-loop__core {
  position: relative;
  z-index: 2;
  display: grid;
  width: 220px;
  height: 220px;
  place-content: center;
  border-radius: 50%;
  color: #d6efea;
  background: radial-gradient(circle at 38% 28%, #13918b, #075d5d 72%);
  box-shadow: 0 25px 65px rgba(8, 96, 94, .22), 0 0 0 17px rgba(8, 123, 120, .055);
  text-align: center;
}

.neo-research-loop__core span,
.neo-research-loop__core strong,
.neo-research-loop__core small {
  display: block;
}

.neo-research-loop__core span,
.neo-research-loop__core small {
  font-size: .57rem;
  font-weight: 760;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.neo-research-loop__core strong {
  margin: 4px 0 8px;
  color: #fff;
  font-family: var(--neo-font-display);
  font-size: 2.05rem;
  letter-spacing: -.03em;
}

.neo-research-loop ol {
  position: absolute;
  inset: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

.neo-research-loop li {
  position: absolute;
  z-index: 3;
  display: flex;
  width: min(320px, 28vw);
  align-items: flex-start;
  gap: 15px;
  padding: 18px;
  border: 1px solid var(--neo-border);
  border-radius: 16px;
  background: rgba(255, 255, 255, .93);
  box-shadow: var(--neo-shadow-sm);
  transition: border-color 200ms ease, transform 200ms ease;
}

.neo-research-loop li:hover {
  border-color: rgba(8, 123, 120, .46);
  transform: translateY(-4px);
}

.neo-research-loop li:nth-child(1) { top: 3%; left: 3%; }
.neo-research-loop li:nth-child(2) { top: 3%; right: 3%; }
.neo-research-loop li:nth-child(3) { right: 3%; bottom: 3%; }
.neo-research-loop li:nth-child(4) { bottom: 3%; left: 3%; }

.neo-research-loop li > span {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  color: var(--neo-teal-dark);
  background: var(--neo-mint);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .6rem;
  font-weight: 800;
}

.neo-research-loop h3 {
  margin: 1px 0 5px;
  color: var(--neo-ink);
  font-size: 1rem;
}

.neo-research-loop p {
  margin: 0;
  color: var(--neo-muted);
  font-size: .8rem;
  line-height: 1.5;
}

.neo-team-disciplines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--neo-border);
  border-bottom: 1px solid var(--neo-border);
}

.neo-team-disciplines article {
  min-height: 280px;
  padding: 39px clamp(24px, 3.5vw, 48px) 42px 0;
}

.neo-team-disciplines article + article {
  padding-left: clamp(24px, 3.5vw, 48px);
  border-left: 1px solid var(--neo-border);
}

.neo-team-disciplines article > span {
  color: var(--neo-teal-dark);
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .58rem;
  font-weight: 780;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.neo-team-disciplines h3 {
  margin: 52px 0 13px;
  color: var(--neo-ink);
  font-size: 1.42rem;
}

.neo-team-disciplines p {
  margin: 0;
  color: var(--neo-muted);
  font-size: .88rem;
  line-height: 1.7;
}

.neo-about-standard {
  padding: 0 0 clamp(110px, 12vw, 175px);
  background: var(--neo-white);
}

.neo-about-standard__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  align-items: end;
  gap: clamp(55px, 9vw, 130px);
  padding: clamp(55px, 8vw, 105px);
  overflow: hidden;
  border-radius: clamp(25px, 4vw, 42px);
  color: #d6e8e4;
  background: linear-gradient(145deg, #0b3436, #061f21 72%);
  box-shadow: 0 35px 95px rgba(11, 48, 50, .17);
}

.neo-about-standard__panel::before {
  position: absolute;
  top: -220px;
  right: -160px;
  width: 600px;
  height: 600px;
  border: 1px solid rgba(130, 218, 207, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 75px rgba(125, 216, 204, .024), 0 0 0 150px rgba(125, 216, 204, .016);
  content: "";
}

.neo-about-standard__statement,
.neo-about-standard__commitments {
  position: relative;
  z-index: 1;
}

.neo-about-standard .neo-about-kicker {
  color: #78d3c7;
}

.neo-about-standard__statement h2 {
  max-width: 800px;
  margin: 28px 0;
  color: #eefaf7;
  font-size: clamp(2.8rem, 4.7vw, 4.8rem);
  font-weight: 580;
  letter-spacing: -.06em;
  line-height: 1.01;
}

.neo-about-standard__statement h2 em {
  color: #82d8cd;
}

.neo-about-standard__statement p {
  max-width: 640px;
  margin: 0;
  color: #aac9c4;
  font-size: .98rem;
  line-height: 1.74;
}

.neo-about-standard__commitments {
  border-top: 1px solid rgba(195, 232, 226, .17);
}

.neo-about-standard__commitments > div {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 13px;
  padding: 19px 0;
  border-bottom: 1px solid rgba(195, 232, 226, .17);
}

.neo-about-standard__commitments span {
  color: #6dc7bc;
  font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
  font-size: .59rem;
}

.neo-about-standard__commitments strong {
  color: #e9f7f4;
  font-size: .83rem;
  font-weight: 690;
}

.neo-about-closing {
  position: relative;
  padding: clamp(110px, 13vw, 190px) 0;
  overflow: hidden;
  background: var(--neo-warm);
}

.neo-about-closing::before {
  position: absolute;
  right: 2vw;
  bottom: -30%;
  color: rgba(8, 123, 120, .035);
  font-family: var(--neo-font-display);
  font-size: 34vw;
  font-weight: 700;
  letter-spacing: -.1em;
  content: "N";
  line-height: 1;
  pointer-events: none;
}

.neo-about-closing__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr);
  align-items: end;
  gap: clamp(55px, 10vw, 155px);
}

.neo-about-closing h2 {
  margin: 28px 0 0;
  color: var(--neo-ink);
  font-size: clamp(4rem, 8.2vw, 8.7rem);
  font-weight: 590;
  letter-spacing: -.078em;
  line-height: .79;
}

.neo-about-closing h2 span {
  color: var(--neo-teal);
}

.neo-about-closing__copy {
  padding-top: 27px;
  border-top: 1px solid rgba(11, 48, 50, .18);
}

.neo-about-closing__copy p {
  margin: 0 0 18px;
  color: var(--neo-body);
  font-size: .98rem;
  line-height: 1.72;
}

.neo-about-closing__copy p:nth-child(2) {
  color: var(--neo-ink);
  font-weight: 700;
}

.neo-about-closing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 31px;
}

.neo-about-closing__copy small {
  display: block;
  margin-top: 26px;
  color: var(--neo-muted);
  font-size: .72rem;
  line-height: 1.5;
}

@keyframes neo-about-spin {
  to { transform: rotate(360deg); }
}

@keyframes neo-about-halo {
  0%, 100% { opacity: .7; transform: scale(.95); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes neo-about-scroll {
  0% { transform: translateX(-105%); }
  55%, 100% { transform: translateX(105%); }
}

@keyframes neo-about-rise {
  from { opacity: .25; transform: translateY(46px); }
  to { opacity: 1; transform: translateY(0); }
}

@supports (animation-timeline: view()) {
  .neo-about-origin__story,
  .neo-formula-card,
  .neo-about-label__panel,
  .neo-research-loop,
  .neo-team-disciplines,
  .neo-about-standard__panel,
  .neo-about-closing__grid {
    animation: neo-about-rise linear both;
    animation-timeline: view();
    animation-range: entry 4% cover 29%;
  }

  .neo-formula-card:nth-child(2) { animation-range: entry 8% cover 33%; }
  .neo-formula-card:nth-child(3) { animation-range: entry 12% cover 37%; }
}

@media (max-width: 1160px) {
  .neo-catalog-nav__row {
    gap: 21px;
  }

  .neo-catalog-nav__note {
    display: none;
  }

  .neo-about-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, .85fr);
    gap: 30px;
  }

  .neo-about-proof li {
    font-size: .64rem;
  }

  .neo-research-loop li {
    width: 280px;
  }
}

@media (max-width: 980px) {
  .neo-about-hero {
    min-height: auto;
  }

  .neo-about-hero__grid {
    grid-template-columns: 1fr;
    padding-top: 85px;
  }

  .neo-about-hero__content {
    max-width: 800px;
  }

  .neo-about-hero__visual {
    width: min(100%, 650px);
    margin: -35px auto -30px;
  }

  .neo-about-scroll {
    display: none;
  }

  .neo-about-origin__grid {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 55px;
  }

  .neo-about-origin__marker {
    top: 150px;
  }

  .neo-about-section-head,
  .neo-about-standard__panel,
  .neo-about-closing__grid {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .neo-about-section-head > p {
    max-width: 670px;
  }

  .neo-about-label__panel {
    grid-template-columns: 1fr;
  }

  .neo-about-label__visual {
    width: min(100%, 590px);
    margin-inline: auto;
  }

  .neo-research-loop {
    min-height: auto;
    place-items: initial;
  }

  .neo-research-loop::before,
  .neo-research-loop::after,
  .neo-research-loop__core {
    display: none;
  }

  .neo-research-loop ol {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .neo-research-loop li,
  .neo-research-loop li:nth-child(n) {
    position: static;
    width: auto;
    min-height: 120px;
  }

  .neo-about-standard__panel {
    gap: 50px;
  }

  .neo-about-standard__commitments {
    width: min(100%, 560px);
  }

  .neo-about-closing__copy {
    max-width: 660px;
  }
}

@media (max-width: 760px) {
  .neo-about-hero__grid {
    padding-top: 70px;
    padding-bottom: 84px;
  }

  .neo-about-hero h1 {
    font-size: clamp(3.15rem, 14vw, 5.4rem);
  }

  .neo-about-proof {
    grid-template-columns: 1fr;
  }

  .neo-about-proof li,
  .neo-about-proof li + li {
    min-height: 0;
    padding: 13px 0;
    border-bottom: 1px solid rgba(210, 243, 237, .12);
    border-left: 0;
  }

  .neo-about-proof span {
    display: inline-block;
    width: 34px;
    margin: 0;
  }

  .neo-about-hero__visual {
    margin-top: -10px;
  }

  .neo-instrument__label {
    display: none;
  }

  .neo-about-origin__grid {
    grid-template-columns: 1fr;
  }

  .neo-about-origin__marker {
    position: relative;
    top: auto;
  }

  .neo-about-origin__marker strong {
    margin-top: 38px;
    font-size: 8.5rem;
  }

  .neo-about-origin__story h2 {
    margin-bottom: 45px;
  }

  .neo-about-origin__copy {
    grid-template-columns: 1fr;
  }

  .neo-about-origin__choice {
    grid-template-columns: 1fr;
    margin-top: 50px;
  }

  .neo-about-origin__choice ul {
    align-items: flex-start;
    flex-direction: column;
  }

  .neo-about-section-head {
    gap: 31px;
  }

  .neo-about-section-head > p {
    padding: 20px 0 0;
    border-top: 1px solid var(--neo-border);
    border-left: 0;
  }

  .neo-about-section-head--inverse > p {
    border-color: rgba(201, 238, 231, .2);
  }

  .neo-formula-cards {
    grid-template-columns: 1fr;
  }

  .neo-formula-card,
  .neo-formula-card--wide {
    grid-column: auto;
    display: block;
    min-height: 325px;
  }

  .neo-formula-card--wide .neo-formula-card__icon {
    margin: 47px 0 36px;
  }

  .neo-about-label__panel {
    min-height: 0;
    padding: 42px 25px 48px;
  }

  .neo-about-label__visual {
    grid-template-columns: 1fr 45px 1fr;
    min-height: 335px;
  }

  .neo-label-specimen {
    min-height: 205px;
    padding: 18px 15px;
  }

  .neo-label-specimen--bottle {
    min-height: 240px;
    padding-top: 42px;
  }

  .neo-label-specimen > b {
    bottom: 17px;
    left: 15px;
    font-size: .72rem;
  }

  .neo-label-bridge i {
    width: 25px;
  }

  .neo-research-loop ol,
  .neo-team-disciplines {
    grid-template-columns: 1fr;
  }

  .neo-team-disciplines article,
  .neo-team-disciplines article + article {
    min-height: 0;
    padding: 34px 0;
    border-top: 1px solid var(--neo-border);
    border-left: 0;
  }

  .neo-team-disciplines article:first-child {
    border-top: 0;
  }

  .neo-team-disciplines h3 {
    margin-top: 29px;
  }

  .neo-about-standard__panel {
    padding: 52px 27px;
  }

  .neo-about-closing h2 {
    font-size: clamp(4rem, 19vw, 7rem);
  }
}

@media (max-width: 520px) {
  .neo-about-hero__meta {
    gap: 7px;
    font-size: .61rem;
  }

  .neo-about-hero__actions,
  .neo-about-closing__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .neo-about-hero__actions .neo-button,
  .neo-about-closing__actions .neo-button {
    width: 100%;
  }

  .neo-about-text-link {
    justify-content: center;
  }

  .neo-instrument__readout {
    left: 3%;
    width: 72%;
  }

  .neo-about-origin__marker strong {
    font-size: 7rem;
  }

  .neo-about-section-head h2,
  .neo-about-origin__story h2,
  .neo-about-label__statement h2 {
    font-size: clamp(2.75rem, 13vw, 4.2rem);
  }

  .neo-about-label__visual {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 25px;
  }

  .neo-label-specimen--label,
  .neo-label-specimen--bottle {
    width: min(100%, 220px);
    margin-inline: auto;
    transform: none;
  }

  .neo-label-bridge {
    transform: rotate(90deg);
  }

  .neo-about-standard__statement h2 {
    font-size: clamp(2.45rem, 11vw, 3.7rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .neo-instrument__spin,
  .neo-instrument__halo,
  .neo-about-scroll i::after,
  .neo-about-origin__story,
  .neo-formula-card,
  .neo-about-label__panel,
  .neo-research-loop,
  .neo-team-disciplines,
  .neo-about-standard__panel,
  .neo-about-closing__grid {
    animation: none !important;
  }

  .neo-formula-card:hover,
  .neo-research-loop li:hover,
  .neo-about .neo-about-button--light:hover {
    transform: none;
  }
}