/* Reachable secondary pages: restrained editorial shell around existing data/forms. */
.public-shell .cp-secondary-page {
  --ss-ink:#1b1f1d; --ss-green:#1f7a4f; --ss-deep:#0f3f2e;
  --ss-paper:#f6f5f1; --ss-copy:#4b5b50; --ss-line:#dce6dc;
  color:var(--ss-ink); background:#fff; font-family:Inter,'Plus Jakarta Sans',sans-serif;
}
.public-shell .cp-secondary-page * { box-sizing:border-box; }
.public-shell .cp-secondary-page :is(h1,h2,h3,.headline-hero,.section-title) {
  font-family:Fraunces,Georgia,serif; font-weight:400; letter-spacing:-.02em;
}
.public-shell .cp-secondary-page .cp-secondary-hero {
  padding:clamp(124px,12vw,170px) 0 clamp(73px,8vw,108px);
  background:var(--ss-paper);
}
.public-shell .cp-secondary-page .cp-secondary-hero .hero-split__center { max-width:1180px; text-align:left; margin:0; }
.public-shell .cp-secondary-page .cp-secondary-hero .headline-hero {
  max-width:14ch; margin:20px 0 25px; color:var(--ss-ink);
  font-size:clamp(48px,5vw,76px); line-height:1.04; text-wrap:balance;
}
.public-shell .cp-secondary-page .cp-secondary-hero .text-gradient-emerald { color:var(--ss-deep); background:none; -webkit-text-fill-color:currentColor; }
.public-shell .cp-secondary-page .cp-secondary-hero .body-large { max-width:790px; margin-inline:0; color:var(--ss-copy); font-size:18px; line-height:1.68; }
.public-shell .cp-secondary-page .section-badge { display:inline-block; padding:0; border:0; background:transparent; color:var(--ss-green); font:700 14px/1.35 Inter,sans-serif; letter-spacing:.015em; text-transform:none; }
.public-shell .cp-secondary-page .hero-actions { justify-content:flex-start!important; flex-wrap:wrap; gap:12px; margin-top:31px; }
.public-shell .cp-secondary-page .btn { min-height:50px; border-radius:10px; font-size:15px; font-weight:700; }
.public-shell .cp-secondary-page .btn-primary { background:var(--ss-deep); border-color:var(--ss-deep); color:#fff; }
.public-shell .cp-secondary-page .btn-primary:hover { background:var(--ss-green); border-color:var(--ss-green); }
.public-shell .cp-secondary-page :is(a,button,input,summary):focus-visible { outline:3px solid var(--ss-green); outline-offset:4px; }
.public-shell .cp-secondary-page .section { padding:clamp(74px,8vw,118px) 0; }
.public-shell .cp-secondary-page .section.bg-warm { background:var(--ss-paper); }
.public-shell .cp-secondary-page .section-title { color:var(--ss-ink); font-size:clamp(37px,4vw,56px); line-height:1.09; }
.public-shell .cp-secondary-page .cp-secondary-close { background:var(--ss-deep); color:#fff; }
.public-shell .cp-secondary-page .cp-secondary-close :is(h2,.section-title,.body-large) { color:#fff; }
.public-shell .cp-secondary-page .cp-secondary-close .body-large { color:#d8e9dc!important; }
.public-shell .cp-secondary-page .cp-secondary-close .text-inverse-muted { color:#d8e9dc!important; }
.public-shell .cp-secondary-page .cp-secondary-close .btn-inverse { background:#fff; border-color:#fff; color:var(--ss-deep); }
.public-shell .cp-secondary-page .cp-secondary-close .btn-secondary { background:transparent; border-color:#d0e4d5; color:#fff; }
.public-shell .cp-secondary-page .cp-secondary-close .btn-secondary:hover { background:#fff; color:var(--ss-deep); }

/* Roadmap: retain both waitlists, but make their launch boundaries easy to scan. */
.public-shell .cp-secondary-roadmap .rm-availability { max-width:1080px; margin:0 auto 37px; padding:22px 26px; border:1px solid var(--ss-line); border-radius:13px; background:var(--ss-paper); color:var(--ss-copy); font-size:15px; }
.public-shell .cp-secondary-roadmap .rm-availability strong { color:var(--ss-ink); }
.public-shell .cp-secondary-roadmap .rm-grid { max-width:1080px; margin:0 auto; gap:20px; }
.public-shell .cp-secondary-roadmap .rm-card { padding:clamp(25px,3vw,40px); border:1px solid var(--ss-line); border-radius:17px; background:#fff; gap:16px; }
.public-shell .cp-secondary-roadmap .rm-card h3 { color:var(--ss-ink); font:400 30px/1.18 Fraunces,Georgia,serif; }
.public-shell .cp-secondary-roadmap .rm-card > p { color:var(--ss-copy); font-size:15px; line-height:1.65; }
.public-shell .cp-secondary-roadmap .rm-badge { width:fit-content; padding:6px 10px; border:1px solid #c8ddcb; border-radius:7px; background:#edf5ed; color:var(--ss-green); font-size:12px; letter-spacing:0; text-transform:none; }
.public-shell .cp-secondary-roadmap .rm-today { padding:17px; border-radius:9px; background:var(--ss-paper); color:var(--ss-copy); font-size:14px; line-height:1.6; }
.public-shell .cp-secondary-roadmap .rm-today strong { color:var(--ss-ink); }
.public-shell .cp-secondary-roadmap .rm-form { flex-wrap:wrap; gap:10px; }
.public-shell .cp-secondary-roadmap .rm-form input[type="email"] { min-width:190px; min-height:48px; border-color:#bfd0c2; border-radius:9px; font-size:15px; }
.public-shell .cp-secondary-roadmap .rm-concierge { font-size:14px; line-height:1.6; color:var(--ss-copy); }

/* Sample: original labelled disclosure and production card components stay intact. */
.public-shell .cp-secondary-sample .gallery-v4.grpt { max-width:1180px; margin:auto; }
.public-shell .cp-secondary-sample .sb-banner { padding:18px 20px; border-color:var(--ss-line); border-radius:12px; background:var(--ss-paper); color:var(--ss-copy); font-size:14px; line-height:1.55; }
.public-shell .cp-secondary-sample .sb-banner strong { color:var(--ss-ink); }
.public-shell .cp-secondary-sample .sb-cards-label { color:var(--ss-ink); font:400 27px/1.2 Fraunces,Georgia,serif; }
.public-shell .cp-secondary-sample .mv2-header__title { color:var(--ss-ink); font:400 clamp(36px,4vw,54px)/1.08 Fraunces,Georgia,serif; }
.public-shell .cp-secondary-sample .mv2-main { display:block; }
.public-shell .cp-secondary-sample .gallery-v4 .v4-card { opacity:1; transform:none; animation:none; }

/* Comparison: no invented parity, just a legible feature ledger. */
.public-shell .cp-secondary-compare .vs-compare-grid { max-width:1160px; gap:20px; }
.public-shell .cp-secondary-compare .vs-card { border:1px solid var(--ss-line); border-radius:16px; background:#fff; padding:clamp(25px,3vw,40px); }
.public-shell .cp-secondary-compare .vs-card--us { border-top:4px solid var(--ss-green); }
.public-shell .cp-secondary-compare .vs-card-logo { color:var(--ss-ink); font:400 28px/1.2 Fraunces,Georgia,serif; }
.public-shell .cp-secondary-compare .vs-card li { color:var(--ss-copy); font-size:15px; line-height:1.65; padding-block:4px; }
.public-shell .cp-secondary-compare .vs-table-scroll { max-width:1160px; overflow-x:auto; margin:auto; }
.public-shell .cp-secondary-compare .vs-table { min-width:760px; max-width:none; margin:0; }
.public-shell .cp-secondary-compare .vs-table th,.public-shell .cp-secondary-compare .vs-table td { padding:17px 18px; border-color:var(--ss-line); font-size:14px; line-height:1.55; }
.public-shell .cp-secondary-compare .vs-table th { color:var(--ss-deep); letter-spacing:0; text-transform:none; }
.public-shell .cp-secondary-compare .vs-table th.col-us { color:var(--ss-green); background:#edf5ed; }
.public-shell .cp-secondary-compare .vs-row-detail { display:block; color:var(--ss-copy); font-size:13px; }
.public-shell .cp-secondary-compare .vs-yes { color:var(--ss-green); }
@media (max-width:860px) {
  .public-shell .cp-secondary-roadmap .rm-grid,.public-shell .cp-secondary-compare .vs-compare-grid { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .public-shell .cp-secondary-page .cp-secondary-hero { padding:104px 0 70px; }
  .public-shell .cp-secondary-page .cp-secondary-hero .headline-hero { font-size:clamp(42px,10.5vw,58px); }
  .public-shell .cp-secondary-page .cp-secondary-hero .body-large { font-size:16px; }
  .public-shell .cp-secondary-page .hero-actions { display:grid; }
  .public-shell .cp-secondary-page .hero-actions .btn { width:100%; }
  .public-shell .cp-secondary-roadmap .rm-form { display:grid; }
  .public-shell .cp-secondary-roadmap .rm-form input[type="email"] { min-width:0; width:100%; }
  .public-shell .cp-secondary-compare .vs-card-header { flex-direction:column; align-items:flex-start; gap:10px; }
}
