.odic-early {
  position: relative;
  background: #eeeee9;
  border-bottom: 1px solid #dedfd7;
  color: #303635;
  z-index: 40
}
.odic-early__bar {
  max-width: 1216px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 36px;
  cursor: pointer;
  list-style: none;
  line-height: 1.5
}
.odic-early__bar::-webkit-details-marker {
  display: none
}
.odic-early__panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px
}
.odic-early__intro {
  padding-top: 8px
}
.odic-early__eyebrow {
  letter-spacing: .16em;
  font-weight: 600;
  color: #6a7b72;
  margin: 0 0 20px
}
.odic-early__intro h2 {
  letter-spacing: -1.2px;
  font-weight: 600;
  margin: 0 0 20px
}
.odic-early__form {
  min-width: 0
}
.odic-early__field {
  display: block;
  font-weight: 500
}
.odic-early__field > span {
  font-weight: 400;
  color: #8a8b84;
  margin-left: 4px
}
.odic-early__field input,
.odic-early__field select {
  display: block;
  width: 100%;
  background: #ffffffb8;
  border: 1px solid #dedfd7;
  padding: 0 13px;
  margin-top: 8px;
  color: #303635;
  font: 14px var(--odic-font);
  box-shadow: 0 1px 2px #28332603
}
.odic-early__field input::placeholder {
  color: #a0a29a
}
.odic-early__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px
}
.odic-early__consent {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: 0 0 20px
}
.odic-early__consent input {
  margin: 2px 0 0;
  accent-color: #007aff;
  flex: none
}
.odic-early__consent a {
  text-decoration: underline;
  text-underline-offset: 2px
}
.odic-early__submit {
  width: 100%;
  background: #29362f;
  color: #fff;
  border: 0;
  font: 500 13px var(--odic-font);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  cursor: pointer;
  transition: background .2s
}
.odic-early__submit:hover {
  background: #3c5044
}
.odic-early__submit:disabled {
  opacity: .6;
  cursor: wait
}
.odic-early__terms {
  margin: 12px 0 0
}
.odic-early__status {
  line-height: 1.6;
  color: #355d44;
  margin: 12px 0 0
}
.odic-early[hidden],
.odic-early__status:empty {
  display: none
}
.odic-early__status.is-error {
  color: #a93632
}
.odic-early__trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden
}
.odic-early :focus-visible {
  outline: #007aff solid 2px;
  outline-offset: 3px
}
.odic-early__panel {
  position: absolute;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 44px 48px;
  gap: 56px;
  border: 1px solid rgba(255,255,255,.8);
  background: rgba(250,248,239,.72);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
  box-shadow: 0 20px 64px #29362f20,inset 0 1px 0 #fff9;
  max-height: calc(100dvh - 136px);
  overflow-y: auto;
  overscroll-behavior: contain
}
.odic-early__eyebrow {
  font-size: 11px;
  margin-bottom: 20px
}
.odic-early__intro h2 {
  font-size: 42px;
  line-height: 1.12;
  letter-spacing: -1.3px;
  margin-bottom: 24px
}
.odic-early__intro > p:not(.odic-early__eyebrow) {
  margin: 0 0 26px;
  font-size: 16px;
  line-height: 1.75;
  max-width: 390px;
  color: #535b53
}
.odic-early__footnote {
  font-size: 13px;
  line-height: 1.7;
  color: #657065;
  display: block;
  max-width: 340px
}
.odic-early__field {
  font-size: 14px;
  margin-bottom: 20px
}
.odic-early__field > span {
  font-size: 12px
}
.odic-early__field input,
.odic-early__field select {
  height: 50px;
  font-size: 16px;
  background: #ffffffb3;
  border-color: #cdd3ca;
  border-radius: 12px
}
.odic-early__consent {
  font-size: 13px;
  line-height: 1.65;
  color: #586358;
  gap: 10px
}
.odic-early__consent input {
  width: 17px;
  height: 17px
}
.odic-early__submit {
  height: 50px;
  font-size: 15px;
  border-radius: 12px
}
.odic-early__terms {
  font-size: 12px;
  line-height: 1.65;
  color: #667065
}
.odic-early__status {
  font-size: 14px
}
@keyframes odic-early-shine {
  0%,
  35% {
    background-position: 100% 0
  }
  100%,
  75% {
    background-position: 0 0
  }
}
@media(max-width:700px) {
  .odic-early__bar {
    padding: 10px 20px;
    gap: 14px;
    justify-content: space-between;
    font-size: 12px
  }
  .odic-early__panel {
    grid-template-columns: 1fr;
    gap: 28px
  }
  .odic-early__intro {
    padding: 0
  }
  .odic-early__intro > p:not(.odic-early__eyebrow) {
    max-width: none;
    margin-bottom: 14px;
    font-size: 15px
  }
  .odic-early__row {
    gap: 10px
  }
  .odic-early__field input,
  .odic-early__field select {
    font-size: 16px
  }
  .odic-early__eyebrow {
    margin-bottom: 14px
  }
  .odic-early__panel {
    width: calc(100% - 24px);
    top: calc(100% + 10px);
    padding: 28px 24px;
    gap: 24px;
    border-radius: 20px;
    max-height: calc(100dvh - 124px)
  }
  .odic-early__intro h2 {
    font-size: 34px
  }
}
.odic-early__brand {
  color: #00845a;
  font-weight: 600
}
.odic-early__bar {
  max-width: none;
  width: 100%;
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0 56px;
  justify-content: center;
  font-size: 14px
}
.odic-early__dismiss {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  color: #667067;
  cursor: pointer;
  border-radius: 50%
}
.odic-early__dismiss:hover {
  background: #29362f09;
  color: #29362f
}
.odic-early__panel {
  top: 100%;
  transform: none;
  border-top: 0;
  padding-inline: max(32px,calc((100% - 1024px)/ 2));
  transform-origin: top center
}
.odic-early__details[open] .odic-early__panel {
  animation: 480ms both odic-early-curtain
}
.odic-early__details[open] .odic-early__intro {
  animation: 380ms 55ms both odic-early-content
}
.odic-early__details[open] .odic-early__form {
  animation: 380ms 95ms both odic-early-content
}
@keyframes odic-early-curtain {
  0% {
    clip-path: inset(0 0 100% 0);
    translate: 0 -22px;
    animation-timing-function: cubic-bezier(.18,.72,.25,1)
  }
  62% {
    clip-path: inset(0 0 0 0);
    translate: 0 8px;
    animation-timing-function: ease-out
  }
  82% {
    clip-path: inset(0 0 0 0);
    translate: 0 -2px
  }
  100% {
    clip-path: inset(0 0 0 0);
    translate: 0 0
  }
}
@keyframes odic-early-content {
  0% {
    opacity: 0;
    translate: 0 -20px;
    animation-timing-function: cubic-bezier(.16,.75,.25,1)
  }
  70% {
    opacity: 1;
    translate: 0 4px
  }
  100% {
    opacity: 1;
    translate: 0 0
  }
}
@media(max-width:700px) {
  .odic-early__bar {
    font-size: 13px
  }
  .odic-early__dismiss {
    right: 6px
  }
  .odic-early__panel {
    top: 100%;
    width: 100%;
    padding: 28px 24px;
    border-radius: 0 0 20px 20px
  }
}
.odic-early {
  width: 100%;
  max-width: none;
  margin-inline: 0
}
.odic-early__panel {
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0
}
.odic-early__sweep {
  position: relative;
  display: inline-block;
  color: #303635;
  white-space: nowrap
}
.odic-early__sweep-light {
  position: absolute;
  inset: 0;
  pointer-events: none;
  color: transparent;
  background: linear-gradient(110deg,transparent 0,transparent 35%,rgba(255,255,255,.65) 43%,#fff 50%,rgba(255,255,255,.65) 57%,transparent 65%,transparent 100%);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: 7s ease-in-out infinite odic-early-shine
}
.odic-early__sweep-light strong {
  font-weight: 600;
  color: transparent
}
@media(prefers-reduced-motion:reduce) {
  .odic-early__details[open] .odic-early__form,
  .odic-early__details[open] .odic-early__intro,
  .odic-early__details[open] .odic-early__panel {
    animation: none
  }
  .odic-early__sweep-light {
    display: none;
    animation: none
  }
}
.odic-early__details.has-script-motion[open] .odic-early__panel,
.odic-early__details.has-script-motion[open] .odic-early__intro,
.odic-early__details.has-script-motion[open] .odic-early__form { animation: none; }

/* Keep submission feedback inside the capsule, without changing its dimensions. */
.odic-early__submit{position:relative}
.odic-early__submit .odic-early__spinner,.odic-early__submit .odic-early__check{display:none;position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);color:#fff}
.odic-early__submit[data-state] .odic-early__submit-label{visibility:hidden}
.odic-early__submit[data-state]{opacity:1;cursor:default}
.odic-early__submit[data-state="loading"] .odic-early__spinner{display:block;width:20px;height:20px;border:2px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:odic-submit-spin .7s linear infinite;box-sizing:border-box}
.odic-early__submit[data-state="success"] .odic-early__check{display:block;animation:odic-submit-pop .28s ease-out}
.odic-early__check path{stroke-dasharray:24;stroke-dashoffset:0;animation:odic-submit-draw .35s ease-out}
.odic-early__status:not(.is-error){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes odic-submit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes odic-submit-pop{from{transform:translate(-50%,-50%) scale(.75);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes odic-submit-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.odic-early__submit .odic-early__spinner,.odic-early__submit .odic-early__check,.odic-early__check path{animation:none!important}}