/* P19: extend the existing editorial layout; motion styles remain untouched. */
.header-commercial{display:flex;align-items:center;gap:20px;flex:none}
.header-demo,.header-login{font-size:14px;white-space:nowrap;padding:12px 0;color:#bac7ca}
.header-demo:hover,.header-login:hover{color:var(--accent)}
.header .header-trial{background:var(--accent);border-color:var(--accent);color:#072229;gap:14px}
.header .header-trial span{color:inherit}
.header .header-trial:hover{background:#85e9db}
.header .desktop-nav{gap:18px;margin-right:0}
.secondary-cta{display:inline-flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #476c72;color:#c9dcdf;font-size:14px;line-height:1.4}
.secondary-cta:hover{color:var(--accent)}
.hero-actions{column-gap:22px;row-gap:10px}
.contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.contact-actions .primary-cta{gap:25px}
#commercial-catalog [hidden],#commercial-proposal[hidden],#commercial-terms[hidden]{display:none!important}
.billing-selector{display:flex;gap:4px;width:max-content;max-width:100%;padding:4px;border:1px solid #9ebcb9;border-radius:3px;margin:0 0 28px}
.billing-selector button{border:0;background:transparent;color:#345e62;cursor:pointer;min-height:44px;padding:11px 23px;font-size:14px;border-radius:2px}
.billing-selector button[aria-pressed=true]{background:#234d52;color:#f0f5f4}
.billing-selector button:focus-visible,.commercial-retry:focus-visible,.plan-cta:focus-visible{outline-color:#234d52;outline-offset:4px}
.commercial-status{font-size:16px;line-height:1.65;color:#526e75;margin:0;padding:30px 0;border-top:1px solid #9ebcb9;max-width:760px}
.commercial-status-ready{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}
.commercial-retry{appearance:none;background:transparent;border:0;border-bottom:1px solid #648085;color:#234d52;padding:10px 0;font-size:14px;cursor:pointer;margin-bottom:18px}
.pricing-demo{margin-top:24px}
.pricing-demo .inline-link{color:#234d52}
#commercial-plans .plan{display:flex;flex-direction:column;min-width:0;position:relative}
#commercial-plans .plan-highlighted{box-shadow:inset 0 3px #45857d}
#commercial-plans .plan-label{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.11em;color:#517a78;line-height:1.5;margin:0 0 26px;overflow-wrap:anywhere}
#commercial-plans .plan-price{font-size:clamp(36px,3.6vw,58px);white-space:normal;overflow-wrap:anywhere;letter-spacing:-.055em;margin:0 0 12px;font-variant-numeric:tabular-nums}
#commercial-plans .plan-interval{display:block;margin:7px 0 0;font-size:14px;line-height:1.5;letter-spacing:0}
#commercial-plans .plan-price-unavailable{font-size:22px;line-height:1.4;letter-spacing:-.02em}
#commercial-plans .plan-trial{min-height:0;max-width:none;margin:0 0 22px;color:#326b62;font-size:16px;line-height:1.5}
#commercial-plans .plan-description{min-height:0;max-width:none;margin:0 0 24px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.plan-features{list-style:none;margin:0 0 30px;padding:0;color:#345e62;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.plan-features li+li{margin-top:10px}
.plan-features li:first-child{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin-bottom:16px}
#commercial-plans .plan-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;min-height:48px;padding:13px 0;border:0;border-top:1px solid #b1c7c4;border-radius:0;background:transparent;color:inherit;text-align:left;font-size:14px;font-family:inherit}
#commercial-plans .plan-cta span{font-size:23px}
#commercial-plans .plan-cta:disabled{color:#648085;cursor:not-allowed}
#commercial-plans .plan-cta:hover:not(:disabled){color:#008c7b}
@media(max-width:1440px){.header .desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:14px;cursor:pointer;list-style:none;padding:13px 0 13px 7px}.mobile-menu summary::-webkit-details-marker{display:none}.header .mobile-menu nav{display:flex;position:absolute;right:0;top:52px;width:min(310px,88vw);max-height:calc(100svh - 115px);overflow-y:auto;padding:18px 23px;background:#102833;border:1px solid #40606b;flex-direction:column;gap:0;margin:0}.mobile-menu nav a{padding:12px 5px;font-size:15px}.mobile-menu nav .mobile-trial{color:var(--accent)}.header-commercial{margin-left:auto}.header .header-cta{margin-left:0}}
@media(max-width:1000px){.header-demo{display:none}}
@media(max-width:760px){.header-commercial{gap:14px}.header-login{display:none}.header .header-trial{font-size:13px;padding:11px 12px;gap:0}.header-trial span{display:none}.hero-actions{flex-wrap:wrap;column-gap:18px;row-gap:8px}.hero-actions .primary-cta{font-size:14px;gap:10px;padding:12px}.hero-actions .secondary-cta{font-size:14px;padding:10px 0;gap:0}.hero-actions .secondary-cta span{display:none}.hero-actions .hero-explore{font-size:14px;padding:6px 0}.contact-actions{gap:18px}.contact-actions .primary-cta{font-size:14px;gap:20px}.commercial-status{padding:24px 0}.billing-selector{margin-bottom:22px}#commercial-plans .plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}#commercial-plans .plan-label{grid-column:1/-1;margin-bottom:20px}#commercial-plans .plan-price{grid-column:1/-1;font-size:48px;margin-bottom:10px}#commercial-plans .plan-price-unavailable{font-size:22px}#commercial-plans .plan-trial,#commercial-plans .plan-description,.plan-features,#commercial-plans .plan-cta{grid-column:1/-1}.plan-features{margin-bottom:24px}.plan-features li:first-child{font-size:22px}.pricing-demo{margin-top:20px}.header .mobile-menu nav{top:47px}}
@media(max-width:370px){.header{gap:10px}.header .brand img{width:98px}.header .header-trial{font-size:12px;padding:10px}.hero-actions{column-gap:14px}.hero-actions .primary-cta,.hero-actions .secondary-cta{font-size:13px}.contact-actions{align-items:flex-start;flex-direction:column}}

/* Keep the introduction clear of the fixed chapter navigation. Size type
   against height as well as width: wide, short windows need less type too. */
.story .top-note{display:none!important}
.hero-copy{top:clamp(140px,20svh,200px)}
.hero-copy h1{font-size:clamp(46px,min(5vw,7.8svh),74px);margin-bottom:22px}
.hero-copy .eyebrow{margin-bottom:22px}
.hero-description{margin-bottom:24px}
.hero-actions{flex-wrap:wrap;align-items:center;column-gap:22px;row-gap:12px}
.hero-actions .primary-cta{gap:18px}
.scroll-cue{align-items:center;line-height:1.4}
@media(min-width:761px) and (max-width:1150px){
  .hero-actions{column-gap:16px}
  .hero-actions .primary-cta{font-size:13px;padding:13px 14px;gap:12px}
  .hero-actions .secondary-cta{font-size:13px;gap:8px}
}
@media(min-width:761px) and (max-height:800px){
  .hero-copy{top:clamp(110px,16svh,140px)}
  .hero-copy h1{font-size:clamp(42px,min(4.8vw,7.2svh),62px);margin-bottom:18px}
  .hero-copy .eyebrow{margin-bottom:18px}
  .hero-description{font-size:14px;line-height:1.55;margin-bottom:16px}
  .hero-actions .primary-cta{padding:13px 16px}
}
@media(min-width:761px) and (max-height:700px){
  .stage-bottom .scroll-cue{display:none}
}
@media(max-width:760px){
  .hero-copy{top:112px}
  .hero-copy h1{font-size:clamp(36px,min(9.5vw,7.6svh),58px);margin-bottom:18px}
  .hero-copy .eyebrow{margin-bottom:18px}
  .hero-description{font-size:15px;line-height:1.55;margin-bottom:20px}
  .hero-actions{column-gap:16px;row-gap:10px}
  .hero-actions .primary-cta{gap:10px}
  .hero-actions .secondary-cta{padding:10px 0}
  .scroll-cue{font-size:12px;gap:10px}
}
@media(max-width:370px){
  .hero-actions{column-gap:12px}
  .hero-actions .primary-cta{padding:12px 10px;gap:8px}
}