.prototype-notice-section{position:relative;isolation:isolate;overflow:hidden;padding:52px 0;background:linear-gradient(135deg,#061b1f,#082c31 58%,#06191d);border-top:1px solid rgba(138,219,224,.12);border-bottom:1px solid rgba(138,219,224,.12)}.prototype-notice-section:before{content:"";position:absolute;z-index:-1;width:min(66vw,880px);aspect-ratio:1;right:-18vw;top:-43vw;border:1px solid rgba(207,175,112,.19);border-radius:50%;box-shadow:0 0 0 56px rgba(138,219,224,.02),0 0 105px rgba(13,104,112,.16)}.prototype-notice-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prototype-notice-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:19px;min-width:0;overflow:hidden;padding:28px 31px;border:1px solid rgba(138,219,224,.2);border-radius:18px;background:linear-gradient(125deg,rgba(15,75,81,.76),rgba(3,22,24,.9));box-shadow:inset 0 1px rgba(237,242,238,.06),0 18px 46px rgba(0,0,0,.12);transition:border-color .3s,box-shadow .3s,transform .3s}.prototype-notice-card:after{content:"";position:absolute;right:-77px;bottom:-104px;width:205px;aspect-ratio:1;border:1px solid rgba(138,219,224,.17);border-radius:50%;box-shadow:0 0 0 31px rgba(207,175,112,.018);transition:transform .4s}.prototype-notice-card--status{grid-column:span 2;background:linear-gradient(118deg,rgba(14,83,87,.88),rgba(4,27,30,.94) 72%)}.prototype-notice-card--pricing{border-color:rgba(207,175,112,.3);background:linear-gradient(132deg,rgba(62,56,40,.42),rgba(4,25,27,.92) 68%)}.prototype-notice-card--advice{background:linear-gradient(132deg,rgba(9,56,65,.76),rgba(3,20,23,.92) 68%)}.prototype-notice-signal{position:relative;display:grid;place-items:center;align-self:start;width:39px;aspect-ratio:1;margin-top:4px;border:1px solid rgba(138,219,224,.48);border-radius:50%;color:var(--teal-bright);box-shadow:0 0 0 8px rgba(138,219,224,.045),0 0 28px rgba(138,219,224,.14)}.prototype-notice-signal i{width:8px;aspect-ratio:1;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.prototype-notice-signal span{position:absolute;width:100%;height:100%;border:1px solid currentColor;border-radius:inherit;opacity:.18;transform:scale(1.35)}.prototype-notice-signal span:last-child{transform:scale(1.75);opacity:.07}.prototype-notice-card--pricing .prototype-notice-signal{color:var(--gold-soft);border-color:rgba(207,175,112,.54);box-shadow:0 0 0 8px rgba(207,175,112,.045),0 0 28px rgba(207,175,112,.15)}.prototype-notice-copy{position:relative;z-index:1;min-width:0}.prototype-notice-copy .eyebrow{margin:0;color:var(--teal-bright);font-size:9px}.prototype-notice-card--pricing .eyebrow{color:var(--gold-soft)}.prototype-notice-copy .prototype-notice-title{max-width:750px;margin:10px 0 10px;font-size:clamp(23px,2.6vw,37px);font-weight:500;line-height:1.05;letter-spacing:-.035em}.prototype-notice-copy .prototype-notice-title em{font-style:normal;font-weight:400;color:var(--gold-soft)}.prototype-notice-copy p:not(.eyebrow){max-width:900px;margin:0;color:rgba(237,242,238,.72);font-size:13px;line-height:1.68}.prototype-notice-card:focus-within{border-color:rgba(207,175,112,.62);outline:none}@media(hover:hover) and (pointer:fine){.prototype-notice-card:hover{border-color:rgba(207,175,112,.56);box-shadow:inset 0 1px rgba(237,242,238,.06),0 22px 48px rgba(0,0,0,.22);transform:translateY(-4px)}.prototype-notice-card:hover:after{transform:scale(1.15)}}@media(max-width:760px){.prototype-notice-section{padding:35px 0}.prototype-notice-cluster{grid-template-columns:1fr;gap:11px}.prototype-notice-card,.prototype-notice-card--status{grid-column:auto;grid-template-columns:34px minmax(0,1fr);gap:15px;padding:24px 21px;border-radius:15px}.prototype-notice-signal{width:31px}.prototype-notice-copy .prototype-notice-title{font-size:clamp(24px,8vw,34px)}.prototype-notice-copy p:not(.eyebrow){font-size:12px;line-height:1.64}}@media(prefers-reduced-motion:reduce){.prototype-notice-card,.prototype-notice-card:after{transition:none!important}.prototype-notice-signal span{display:none}}


/* Pricing preview — integrate the non-binding note with the two-product architecture, rather than isolating it as a separate section. */
body[data-page="pricing"] .access-intro {
  position: relative;
  display: block;
  min-height: 220px;
  margin-bottom: 36px;
}

body[data-page="pricing"] .access-intro > div:first-child {
  max-width: 780px;
}

body[data-page="pricing"] .access-section > .container > .pricing-preview-inline-notice {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 460px;
  max-width: 100%;
}

body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-card {
  align-items: start;
  grid-template-columns: 29px minmax(0, 1fr);
  gap: 13px;
  min-height: 0;
  padding: 18px 19px;
  border-radius: 16px;
}

body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-signal {
  width: 28px;
  margin-top: 2px;
}

body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-copy .prototype-notice-title {
  max-width: none;
  margin: 5px 0 7px;
  font-size: 24px !important;
  line-height: 1.08;
  letter-spacing: -.04em;
}

body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-copy p:not(.eyebrow) {
  max-width: none;
  font-size: 11.5px;
  line-height: 1.54;
}

@media (max-width: 1100px) {
  body[data-page="pricing"] .access-intro {
    position: static;
    display: grid;
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  body[data-page="pricing"] .access-section > .container > .pricing-preview-inline-notice {
    position: static;
    width: min(100%, 520px);
    justify-self: start;
  }
}

@media (max-width: 620px) {
  body[data-page="pricing"] .access-intro {
    margin-bottom: 30px;
  }

  body[data-page="pricing"] .pricing-preview-inline-notice {
    width: 100%;
  }

  body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-card {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
  }

  body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-signal {
    width: 27px;
  }

  body[data-page="pricing"] .pricing-preview-inline-notice .prototype-notice-copy .prototype-notice-title {
    font-size: clamp(21px, 6.2vw, 24px) !important;
  }
}