/* Hand-written companion of home.css (which tools/port-design.py generates from
   the design build; do not edit that file by hand). Holds what the design does
   not have: the site-wide header/footer pieces, the dialog shell that replaces
   <dialog>, the contact form inside it, and the bridge that gives the interior
   pages (theme.css) the design's type and colours. */

/* ---- interior pages follow the design's type and navy ---------------------- */
:root {
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --navy: #203b6c;
}
.v27 { font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* ---- header ------------------------------------------------------------------ */
.header .brand-image,
.v-footer .brand-image { width: auto; height: 34px; object-fit: contain; }
.header .language-options a[data-px-language] { white-space: nowrap; }

/* ---- footer: the design's band plus the site's link columns ------------------ */
.v-footer .footer-main { padding-bottom: 32px; }
.v-footer .footer-main p { margin-left: auto; max-width: 320px; text-align: right; }
.footer-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 28px;
  padding-bottom: 36px;
}
.footer-column { display: grid; align-content: start; gap: 10px; font-size: 13px; }
.footer-column h2 { font-size: 12px; font-weight: 600; letter-spacing: 0; margin: 0 0 4px; opacity: .7; }
.footer-column a { color: inherit; }
.footer-column a:hover { color: var(--v-accent); }
.footer-column span { opacity: .75; }
.footer-legal { display: flex; flex-wrap: wrap; gap: 16px; }
.footer-legal a { color: inherit; }
@media (max-width: 680px) {
  .v-footer .footer-main p { margin-left: 0; text-align: left; }
}

/* ---- dialog shell (role="dialog" div instead of <dialog>) ------------------- */
.v-dialog {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 16px;
  overflow-y: auto;
}
.v-dialog[hidden] { display: none; }
.v-dialog__panel { position: relative; margin: auto; }

/* ---- contact form in the "project" dialog ----------------------------------- */
.v-pform .pform__cell { display: block; }
.v-pform .pform__req { color: var(--v-accent-deep); }
.v-pform .pform__error { color: #b42318; font-size: 12px; margin: -10px 0 14px; }
.v-pform textarea { min-height: 96px; resize: vertical; }
.v-pform .pform__captcha { margin: 6px 0 18px; }

/* ---- speed lab --------------------------------------------------------------- */
.benchmark-context { display: block; margin-top: 8px; }

/* ---- registration pages (trialForm, trialVerify) ------------------------------
   Not in the design: built from its hero (type, accent line, paper glow), the
   project dialog (form card) and the pricing cards (hairlines, numbers). */
.v-trial {
  position: relative;
  overflow: hidden;
  padding: 88px 0 112px;
  background:
    radial-gradient(60% 55% at 85% 0%, #e7f5f4 0%, transparent 70%),
    linear-gradient(180deg, #fff 0%, var(--v-paper) 100%);
}
.v-trial__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 540px);
  grid-template-areas: "head card" "rest card";
  grid-template-rows: auto 1fr;
  column-gap: 88px;
  align-items: start;
}
.v-trial--verify .v-trial__grid { grid-template-areas: "head card"; grid-template-rows: auto; }
.v-trial__head { grid-area: head; }
.v-trial__rest { grid-area: rest; }
.v-trial__card { grid-area: card; }

.v-trial h1 {
  margin-top: 22px;
  font-size: clamp(40px, 5vw, 68px);
  line-height: 1.04;
  letter-spacing: -.045em;
  font-weight: 550;
  color: var(--v-navy);
}
.v-trial h1 > span { color: var(--v-accent-deep); }
.v-trial__lead { margin-top: 24px; max-width: 520px; font-size: 17px; line-height: 1.7; color: var(--v-muted); }
.v-trial__lead p { margin: 0; }

.v-trial__facts {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  margin: 44px 0 0;
  border-top: 1px solid var(--v-line);
  border-bottom: 1px solid var(--v-line);
}
.v-trial__facts:empty { display: none; }
.v-trial__fact { padding: 18px 20px 18px 0; }
.v-trial__fact + .v-trial__fact { padding-left: 20px; border-left: 1px solid var(--v-line); }
.v-trial__fact dt { font-size: 12px; color: var(--v-muted); }
.v-trial__fact dd { margin: 6px 0 0; font-size: 22px; font-weight: 600; letter-spacing: -.02em; color: var(--v-navy); }

.v-trial__label { margin-top: 44px; font-size: 11px; font-weight: 650; letter-spacing: .15em; text-transform: uppercase; color: var(--v-muted); }
.v-trial__steps { list-style: none; margin: 18px 0 0; padding: 0; counter-reset: v-trial-step; }
.v-trial__step {
  position: relative;
  counter-increment: v-trial-step;
  padding: 0 0 26px 58px;
}
.v-trial__step::before {
  content: counter(v-trial-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -3px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--v-line);
  font-size: 12px;
  font-weight: 650;
  color: var(--v-accent-deep);
  font-variant-numeric: tabular-nums;
}
.v-trial__step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 18px;
  top: 37px;
  bottom: 2px;
  border-left: 1px dashed #c9d4e2;
}
.v-trial__step strong { display: block; font-size: 16px; font-weight: 600; color: var(--v-navy); }
.v-trial__step p { margin-top: 6px; max-width: 470px; font-size: 14px; line-height: 1.65; color: var(--v-muted); }

.v-trial__contact { display: flex; flex-wrap: wrap; gap: 6px 20px; margin-top: 18px; font-size: 14px; color: var(--v-muted); }
.v-trial__contact a { color: var(--v-navy); font-weight: 600; }
.v-trial__contact a:hover { color: var(--v-accent-deep); }

.v-trial__card {
  position: sticky;
  top: 104px;
  padding: 40px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--v-line);
  box-shadow: 0 30px 90px #203b6c1f;
}
.v-trial__badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 12px;
  border-radius: 99px;
  background: #edf7f7;
  font-size: 12px;
  font-weight: 600;
  color: var(--v-accent-deep);
}
.v-trial__card h2 { margin-top: 18px; font-size: 32px; line-height: 1.1; letter-spacing: -.04em; font-weight: 550; color: var(--v-navy); }
.v-trial__intro { margin-top: 12px; font-size: 14px; line-height: 1.6; color: #7c8fa8; }
.v-trial__note { margin-top: 18px; font-size: 12px; line-height: 1.6; color: #8fa1b8; }
.v-trial__note a { color: var(--v-navy); text-decoration: underline; text-underline-offset: 2px; }
.v-trial__switch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid var(--v-line);
  font-size: 13px;
  font-weight: 600;
  color: var(--v-navy);
}
.v-trial__switch span { color: var(--v-accent-deep); font-size: 18px; transition: transform .2s; }
.v-trial__switch:hover span { transform: translateX(3px); }

/* the dynamic form, dressed like the project dialog's fields */
.v-tform { margin-top: 26px; }
.v-tform .pform__grid { gap: 18px 14px; }
.v-tform .pform__label { font-size: 12px; font-weight: 600; color: var(--v-navy); }
.v-tform .pform__req { color: var(--v-accent-deep); }
.v-tform .pform__control {
  width: 100%;
  margin: 0;
  padding: 13px 14px;
  border: 1px solid var(--v-line);
  border-radius: 8px;
  background-color: var(--v-paper);
  font: inherit;
  font-size: 14px;
  color: var(--v-navy);
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.v-tform .pform__control::placeholder { color: #9aa9bc; }
.v-tform .pform__control:hover { border-color: #c9d4e2; }
.v-tform .pform__control:focus { outline: 0; border-color: var(--v-accent-deep); background-color: #fff; box-shadow: 0 0 0 4px #00a79d1f; }
.v-tform textarea.pform__control { min-height: 96px; }
.v-tform .pform__help { font-size: 11px; color: #8fa1b8; }
.v-tform .pform__check { accent-color: var(--v-accent-deep); width: 16px; height: 16px; }
.v-tform .pform__check-label { font-size: 13px; font-weight: 400; color: var(--v-muted); }
.v-tform .pform__req { margin-left: 2px; }
.v-tform .pform__captcha:not(:empty) { margin-top: 18px; }
.v-tform .pform__note { margin-top: 18px; font-size: 13px; }
.v-tform__submit { width: 100%; justify-content: space-between; margin-top: 24px; }
.v-tform__submit:disabled { opacity: .7; transform: none; }

/* package choice (radio field) as two cards */
.v-tform div.pform__control { padding: 0; border: 0; background: none; box-shadow: none; }
.v-tform__choice [role="radiogroup"] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v-tform__choice .df-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border: 1px solid var(--v-line);
  border-radius: 10px;
  background: var(--v-paper);
  font-size: 14px;
  font-weight: 600;
  color: var(--v-navy);
  cursor: pointer;
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.v-tform__choice .df-option:hover { border-color: #c9d4e2; }
.v-tform__choice .df-option:has(input:checked) { border-color: var(--v-accent-deep); background: #edf7f7; box-shadow: inset 0 0 0 1px var(--v-accent-deep); }
.v-tform__choice .df-option input { margin: 0; width: 16px; height: 16px; accent-color: var(--v-accent-deep); flex: 0 0 auto; }

/* contact band (contactCard): same grid, white background, h2 instead of h1 */
.v-trial--contact { background: #fff; border-top: 1px solid var(--v-line); }
.v-trial__title { margin-top: 22px; font-size: clamp(32px, 3.7vw, 52px); line-height: 1.1; letter-spacing: -.045em; font-weight: 550; color: var(--v-navy); }
.v-trial--contact .v-trial__grid { grid-template-areas: "head card"; grid-template-rows: auto; }
.v-trial__facts--contact { margin-top: 36px; }
.v-trial__facts--contact a { color: inherit; }
.v-trial__facts--contact a:hover { color: var(--v-accent-deep); }
.v-trial__facts--contact dd { font-size: 18px; }
.v-trial--contact .v-tform { margin-top: 18px; }

@media (max-width: 1000px) {
  .v-trial { padding: 56px 0 80px; }
  .v-trial__grid,
  .v-trial--verify .v-trial__grid,
  .v-trial--contact .v-trial__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "card" "rest"; column-gap: 0; }
  .v-trial__card { position: static; margin-top: 36px; }
  .v-trial__rest { margin-top: 8px; }
}
@media (max-width: 680px) {
  .v-trial h1 { font-size: 38px; }
  .v-trial__lead { font-size: 15px; }
  .v-trial__card { padding: 26px 20px; border-radius: 12px; }
  .v-trial__card h2 { font-size: 26px; }
  .v-trial__fact { padding-right: 12px; }
  .v-trial__fact + .v-trial__fact { padding-left: 12px; }
  .v-trial__fact dd { font-size: 16px; }
  .v-trial__fact dt { font-size: 11px; }
  .v-tform__choice [role="radiogroup"] { grid-template-columns: 1fr; }
  .v-trial__facts--contact { grid-auto-flow: row; }
  .v-trial__facts--contact .v-trial__fact + .v-trial__fact { padding-left: 0; border-left: 0; border-top: 1px solid var(--v-line); }
}

/* Client strip: a logo without an image shows its name in the logos' monochrome look. */
.client-logo-name{font:700 18px/1.1 "DM Sans",sans-serif;letter-spacing:.02em;color:#000;opacity:.55;text-align:center;white-space:nowrap}

/* ---- interior pages (pageHead, textPage, contactMap, faqList) ----------------
   Not in the design: the registration page's paper glow and type, so legal
   pages and contacts read as the same site as the home page. */
.v-pagehead {
  padding: 88px 0 72px;
  background:
    radial-gradient(60% 55% at 85% 0%, #e7f5f4 0%, transparent 70%),
    linear-gradient(180deg, #fff 0%, var(--v-paper) 100%);
  border-bottom: 1px solid var(--v-line);
}
.v-pagehead__title { margin: 0; max-width: 900px; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.06; letter-spacing: -.045em; font-weight: 550; color: var(--v-navy); }
.v-pagehead__lead { margin-top: 22px; max-width: 640px; font-size: 17px; line-height: 1.7; color: var(--v-muted); }
.v-pagehead__lead p { margin: 0; }
.v-pagehead__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 32px; }
.v-pagehead__actions .text-button { color: var(--v-navy); }
.v-pagehead__facts { max-width: 900px; }
/* contactCard as the contacts page's own head: the registration glow, not the home band. */
.v-trial--contact.v-trial--page {
  border-top: 0;
  background:
    radial-gradient(60% 55% at 85% 0%, #e7f5f4 0%, transparent 70%),
    linear-gradient(180deg, #fff 0%, var(--v-paper) 100%);
}
.v-trial--page .v-trial__title { margin-top: 0; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.06; }

.v-text { background: #fff; }
.v-text .prose { font-family: inherit; color: var(--v-ink); }
.v-text .prose h2, .v-text .prose h3 { color: var(--v-navy); letter-spacing: -.02em; font-weight: 600; }
.v-text .prose a { color: var(--v-accent-deep); }

.map-band.v27 { background: var(--v-paper); border-color: var(--v-line); }
.map-band.v27 .v-eyebrow { margin-bottom: 4px; }
.map-band.v27 .map-band__title { font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; letter-spacing: -.035em; font-weight: 550; color: var(--v-navy); }
.map-band.v27 .body { color: var(--v-muted); }
.map-band__link { margin-top: 6px; color: var(--v-navy); }
.map-band__link:hover { color: var(--v-accent-deep); }
.map-band.v27 .map-band__canvas { border-color: var(--v-line); }

.v-faq { padding: 104px 0; background: #fff; }
.v-faq__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px 40px; }
.v-faq__title { margin: 0; max-width: 840px; font-size: clamp(30px, 3.4vw, 48px); line-height: 1.1; letter-spacing: -.045em; font-weight: 550; color: var(--v-navy); }
.v-faq__aside { margin: 0; max-width: 360px; font-size: 15px; line-height: 1.6; color: var(--v-muted); }
.v-faq__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 48px; }
.v-faq__item { padding: 26px 24px; border: 1px solid var(--v-line); border-radius: var(--v-radius); background: var(--v-paper); }
.v-faq__item h3 { margin: 0; font-size: 17px; line-height: 1.35; letter-spacing: -.01em; font-weight: 600; color: var(--v-navy); }
.v-faq__item p { margin: 12px 0 0; font-size: 14px; line-height: 1.65; color: var(--v-muted); }

@media (max-width: 680px) {
  .v-pagehead { padding: 56px 0 48px; }
  .v-pagehead__lead { font-size: 15px; }
  .v-pagehead__facts { grid-auto-flow: row; }
  .v-pagehead__facts .v-trial__fact + .v-trial__fact { padding-left: 0; border-left: 0; border-top: 1px solid var(--v-line); }
  .v-faq { padding: 64px 0; }
}

/* ---- cookie consent (footer section) ------------------------------------------
   Not in the design: a bottom sheet in the trial card's look. The platform shows
   it until the visitor chooses and wires the buttons (consent-* components). */
.cookie-bar {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 90;
  max-width: 1080px; margin: 0 auto; padding: 20px 0;
  background: #fff; color: var(--v-ink);
  border: 1px solid var(--v-line); border-radius: var(--v-radius);
  box-shadow: 0 18px 50px rgba(18, 35, 59, .16);
}
.cookie-bar[hidden] { display: none; }
.cookie-bar .cookie-bar-inner { width: auto; padding: 0 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; }
.cookie-text { flex: 1 1 320px; margin: 0; font-size: 14px; line-height: 1.6; color: var(--v-muted); }
.cookie-text a { color: var(--v-navy); text-decoration: underline; }
.cookie-options { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--v-ink); }
.cookie-option { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.cookie-option input { accent-color: var(--v-navy); }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.cookie-btn { padding: 11px 16px; border: 1px solid var(--v-line); border-radius: 7px; background: #fff; color: var(--v-navy); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.cookie-btn:hover { border-color: var(--v-navy); }
.cookie-btn--primary { background: var(--v-navy); border-color: var(--v-navy); color: #fff; }
.cookie-btn--primary:hover { background: var(--v-navy-soft); }
.cookie-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.cookie-link:hover { text-decoration: underline; }
@media (max-width: 680px) {
  .cookie-bar { left: 8px; right: 8px; bottom: 8px; padding: 16px 0; }
  .cookie-bar .cookie-bar-inner { padding: 0 16px; }
  .cookie-actions { margin-left: 0; width: 100%; }
  .cookie-btn { flex: 1 1 auto; }
}
.cookie-text > span { margin-right: .3em; }

/* V2: softer geometry across homepage and interior pages. */
:root { --v-radius: 18px; --px-card-radius: 18px; --px-control-radius: 11px; }
.v27 :is(.card,.feature-card,.tech-card,.pricing-card,.plan-card,.compare-card,.workflow-card,.journey-card,.step-card,.stat-card,.faq-item,.panel,.tile),
:is(.capability-card,.care-card,.solution-card,.contact-card,.pricing-table,.faq-list__item,.form-panel) {
  border-radius: var(--px-card-radius);
}
.v27 :is(.v-btn,.btn,.button,.cta-button),
:is(.btn,.button,.form-submit,.contact-form button,.trial-form button) {
  border-radius: var(--px-control-radius);
}
.v27 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
:is(.contact-form input:not([type="checkbox"]),.contact-form textarea,.trial-form input:not([type="checkbox"]),.trial-form select) {
  border-radius: 10px;
}
.v27 :is(.dialog-panel,.modal-panel,.v-dialog__panel,.dropdown-panel),
:is(.contact-card,.map-band,.map-band__canvas) {
  border-radius: 18px;
}
@media (max-width: 680px) {
  :root { --px-card-radius: 14px; --px-control-radius: 10px; }
}

/* V2 editorial direction: softer, calmer and more spacious. */
:root {
  --v-radius: 26px;
  --px-card-radius: 26px;
  --px-control-radius: 15px;
}
.v27 .v-section { padding-block: clamp(76px, 8vw, 124px); }
.v27 :is(.card,.feature-card,.tech-card,.pricing-card,.plan-card,.compare-card,.workflow-card,.journey-card,.step-card,.stat-card,.faq-item,.panel,.tile,.platform-card,.client-card,.price-card),
:is(.capability-card,.care-card,.solution-card,.contact-card,.form-panel,.pricing-table,.faq-list__item) {
  border-radius: 26px;
}
.v27 :is(.v-btn,.btn,.button,.cta-button),
:is(.btn,.button,.form-submit,.contact-form button,.trial-form button) {
  border-radius: 15px;
}
.v27 :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
:is(.contact-form input:not([type="checkbox"]),.contact-form textarea,.trial-form input:not([type="checkbox"]),.trial-form select) {
  border-radius: 13px;
}
.v27 :is(.dialog-panel,.modal-panel,.v-dialog__panel,.dropdown-panel),
:is(.contact-card,.map-band,.map-band__canvas) { border-radius: 26px; }
.v27 :is(.feature-card,.tech-card,.pricing-card,.plan-card,.workflow-card,.journey-card,.platform-card) {
  box-shadow: 0 12px 42px rgba(22,35,53,.045);
}
.v27 :is(.v-section h2,.section-title) {
  letter-spacing: -.035em;
  text-wrap: balance;
}
@media (max-width: 680px) {
  :root { --px-card-radius: 20px; --px-control-radius: 13px; }
  .v27 .v-section { padding-block: 68px; }
  .v27 :is(.card,.feature-card,.tech-card,.pricing-card,.plan-card,.compare-card,.workflow-card,.journey-card,.step-card,.stat-card,.faq-item,.panel,.tile,.platform-card,.client-card,.price-card),
  :is(.capability-card,.care-card,.solution-card,.contact-card,.form-panel,.pricing-table,.faq-list__item) { border-radius: 20px; }
}

/* V2 bold rounded direction: actual selectors from Pikselis theme. */
:root { --v-radius: 32px; --px-card-radius: 32px; --px-control-radius: 999px; }
.v27 :is(.catalog-card,.workspace-panel,.feature-panel,.enterprise-panel,.activity-panel,.compare-panel,.price-card,.tech-card,.v-dialog__panel,.v-trial__card),
:is(.choice__card,.section--panel,.nav-suggest-panel,.contact-card,.plan,.card) {
  border-radius: 32px !important;
  overflow: clip;
}
.v27 :is(.text-button,.dark-button,.subtle-button,.nav-cta,.menu-button,.cookie-btn),
:is(.icon-btn,.choice__cta,.plan__cta,.stepper__btn,.cookie-btn,.btn,.button,.form-submit) {
  border-radius: 999px !important;
}
.v27 :is(a[class*="btn"],button[class*="btn"],a[class*="button"],button[class*="button"],a[class*="cta"],button[class*="cta"],input[type="submit"]),
:is(a[class*="btn"],button[class*="btn"],a[class*="button"],button[class*="button"],a[class*="cta"],button[class*="cta"],input[type="submit"]) {
  border-radius: 999px !important;
}
.v27 :is(.date-chip,.tag,.badge,.pill),
:is(.plan__chip,.tag,.badge,.pill) { border-radius: 999px !important; }
.v27 :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select),
:is(input:not([type="checkbox"]):not([type="radio"]),textarea,select) { border-radius: 16px; }
.v27 .v-section { padding-block: clamp(90px, 10vw, 152px); }
.v27 :is(.catalog-card,.workspace-panel,.feature-panel,.enterprise-panel,.activity-panel,.compare-panel,.price-card,.tech-card) {
  box-shadow: 0 18px 56px rgba(22,35,53,.055);
}
@media(max-width:680px){
  .v27 :is(.catalog-card,.workspace-panel,.feature-panel,.enterprise-panel,.activity-panel,.compare-panel,.price-card,.tech-card,.v-dialog__panel,.v-trial__card),
  :is(.choice__card,.section--panel,.nav-suggest-panel,.contact-card,.plan,.card) { border-radius: 24px !important; }
  .v27 .v-section { padding-block: 76px; }
}

/* V2 homepage composition: an editorial rhythm rather than dense grids. */
.v27 .v-hero { border-radius: 0 0 48px 48px; overflow: clip; }
.v27 :is(.feature-panel,.catalog-card,.workspace-panel,.enterprise-panel,.activity-panel,.compare-panel,.price-card,.tech-card) {
  border-radius: 36px !important;
}
.v27 :is(.feature-panel,.catalog-card,.workspace-panel,.enterprise-panel,.activity-panel,.compare-panel) {
  border-color: rgba(32,59,108,.10);
  box-shadow: 0 18px 60px rgba(25,47,78,.055);
}
.v27 :is(.v-hero h1,.v-section h2) { text-wrap: balance; }
.v27 .v-section { padding-block: clamp(96px,11vw,160px); }
.v27 :is(.text-button,.dark-button,.subtle-button,.nav-cta,.menu-button,.price-primary,.price-secondary,.button) {
  border-radius: 999px !important;
}
.v27 :is(.feature-panel,.catalog-card,.workspace-panel,.enterprise-panel) :is(a,button)[class] {
  border-radius: 999px;
}
@media(max-width:680px) {
  .v27 .v-hero { border-radius: 0 0 28px 28px; }
  .v27 :is(.feature-panel,.catalog-card,.workspace-panel,.enterprise-panel,.activity-panel,.compare-panel,.price-card,.tech-card) { border-radius: 24px !important; }
}

/* V2 redesigned capability section. */
.px-v2-platform { background:#f5f8f8; }
.px-v2-platform__intro { max-width:860px; margin-bottom:clamp(36px,6vw,72px); }
.px-v2-platform__eyebrow { color:#007c75; font-size:12px; font-weight:750; letter-spacing:.1em; }
.px-v2-platform__intro h2 { font-size:clamp(40px,6vw,76px); line-height:1.05; margin:20px 0 24px; letter-spacing:-.055em; }
.px-v2-platform__intro p { font-size:clamp(17px,2vw,21px); color:#52677d; max-width:660px; }
.px-v2-platform__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.px-v2-platform__card { display:flex; flex-direction:column; justify-content:space-between; gap:42px; min-height:270px; padding:clamp(28px,4vw,46px); background:#fff; border:1px solid rgba(32,59,108,.08); border-radius:36px; box-shadow:0 20px 55px rgba(22,35,53,.035); }
.px-v2-platform__card:nth-child(2) { background:#e8f4f2; }
.px-v2-platform__card:nth-child(3) { background:#eaf0f8; }
.px-v2-platform__number { font-size:11px; font-weight:700; color:#52717d; letter-spacing:.12em; }
.px-v2-platform__card h3 { font-size:clamp(25px,3vw,36px); letter-spacing:-.04em; margin:0 0 14px; color:#203b6c; }
.px-v2-platform__card p { color:#52677d; font-size:16px; line-height:1.65; max-width:410px; }
.px-v2-platform__arrow { align-self:flex-end; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#203b6c; color:#fff; font-size:22px; }
.px-v2-platform__footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:34px; }
.px-v2-platform__footer p { max-width:520px; color:#52677d; }
.px-v2-platform__link { display:inline-flex; padding:15px 24px; border-radius:999px; background:#203b6c; color:white!important; white-space:nowrap; font-weight:650; }
@media(max-width:700px){.px-v2-platform__grid{grid-template-columns:1fr}.px-v2-platform__card{min-height:210px;border-radius:26px;gap:24px}.px-v2-platform__footer{align-items:flex-start;flex-direction:column}.px-v2-platform__link{white-space:normal}}

/* V2 bold editorial CTA, intentionally distinct from the original layout. */
.px-v2-cta { padding:48px 0 100px; background:#f5f8f8; }
.px-v2-cta__panel { position:relative; isolation:isolate; overflow:hidden; min-height:550px; border-radius:48px; background:#173665; color:white; padding:clamp(36px,7vw,100px); display:flex; flex-direction:column; justify-content:space-between; }
.px-v2-cta__eyebrow { position:relative; z-index:2; font-size:12px; font-weight:750; letter-spacing:.16em; color:#a8e5df; }
.px-v2-cta__panel h2 { position:relative; z-index:2; margin:50px 0; font-size:clamp(52px,8.5vw,118px); line-height:.99; letter-spacing:-.075em; font-weight:720; max-width:1000px; color:white; }
.px-v2-cta__panel h2 em { color:#a5e4df; font-weight:inherit; font-style:normal; }
.px-v2-cta__orb { position:absolute; z-index:0; right:-160px; top:-220px; width:min(65vw,760px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at 32% 36%,#b6f2e7 0%,#5bbebd 38%,#237a93 72%,transparent 74%); opacity:.5; filter:blur(2px); }
.px-v2-cta__bottom { position:relative; z-index:2; display:flex; align-items:end; justify-content:space-between; gap:28px; }
.px-v2-cta__bottom p { font-size:clamp(16px,1.6vw,20px); line-height:1.6; max-width:460px; color:#e0edf5; }
.px-v2-cta__button { display:inline-flex!important; gap:32px; align-items:center; justify-content:space-between; padding:20px 27px!important; min-width:245px; background:#a8e5df!important; color:#15315b!important; border-radius:999px!important; font-weight:750; text-decoration:none!important; }
.px-v2-cta__button span { font-size:23px; }
@media(max-width:700px){.px-v2-cta{padding:30px 0 70px}.px-v2-cta__panel{min-height:480px;border-radius:30px;padding:32px 26px}.px-v2-cta__panel h2{font-size:clamp(48px,12vw,72px);margin:70px 0 48px}.px-v2-cta__bottom{align-items:stretch;flex-direction:column}.px-v2-cta__orb{width:440px;right:-260px;top:-100px}.px-v2-cta__button{min-width:0}}

/* V2 global soft geometry, real homepage component selectors. */
.v27 :is(.workspace-shell,.workspace-panel,.workspace-preview,.workspace-message,.workspace-checklist,.workspace-design,.workspace-product,.workspace-stock,.workspace-sync,.workspace-order-product,.workspace-steps,.pricing-toolbar,.billing-switch,.pricing-offer,.pricing-grid,.price-card,.enterprise-panel,.pricing-comparison,.pricing-table-scroll,.pricing-faq,.pricing-faq-collapsible,.pricing-questions,.client-strip,.client-logo-group,.v-dialog__panel) {
 border-radius:32px!important;
}
.v27 :is(.workspace-window-bar,.workspace-shop-nav,.workspace-ai-body,.workspace-store-body,.workspace-erp-body,.workspace-panels) { border-radius:26px!important; }
.v27 :is(.workspace-step-number,.workspace-step-check,.workspace-step-arrow,.workspace-window-dots,.workspace-order-badge,.price-recommendation,.price-saving,.client-pause,.billing-switch button,.pricing-toolbar button,.close-dialog) { border-radius:999px!important; }
.v27 :is(.pricing-grid a,.pricing-grid button,.enterprise-panel a,.enterprise-panel button,.workspace-shell a,.workspace-shell button,.client-strip button) { border-radius:999px!important; }
.v27 :is(.workspace-shell,.pricing-grid,.enterprise-panel,.pricing-offer) { box-shadow:0 20px 70px rgba(22,35,53,.05); }
.v27 .workspace-panel { overflow:hidden; }
.v27 .pricing-section { background:#f4f8fa; }
.v27 .connected-workspace { background:#ffffff; }
.v27 .client-strip { padding-block:40px; }
@media(max-width:700px) {
 .v27 :is(.workspace-shell,.workspace-panel,.workspace-preview,.workspace-message,.workspace-checklist,.workspace-design,.workspace-product,.workspace-stock,.workspace-sync,.workspace-order-product,.workspace-steps,.pricing-toolbar,.billing-switch,.pricing-offer,.pricing-grid,.price-card,.enterprise-panel,.pricing-comparison,.pricing-table-scroll,.pricing-faq,.pricing-faq-collapsible,.pricing-questions,.client-strip,.client-logo-group,.v-dialog__panel) { border-radius:22px!important; }
}

/* V2 journey: shape-only refinement; preserve all original colors. */
.v27 .journey { border-radius:38px!important; }
.v27 .journey-graph { border-radius:30px!important; }
.v27 .journey-node { border-radius:24px!important; }
.v27 .journey-node.journey-source { border-radius:26px!important; }
.v27 .journey-caption { border-radius:22px!important; }
.v27 .journey-play,.v27 .journey-brands,.v27 .journey-availability { border-radius:999px!important; }
@media(max-width:700px) {
 .v27 .journey { border-radius:26px!important; }
 .v27 .journey-graph { border-radius:22px!important; }
 .v27 .journey-node,.v27 .journey-node.journey-source { border-radius:18px!important; }
 .v27 .journey-caption { border-radius:18px!important; }
}

/* V2 precision fixes: consistent three-step corners and pricing offer breathing room. */
.v27 .workspace-shell { border-radius:32px!important; overflow:hidden; }
.v27 .workspace-steps { border-radius:26px!important; overflow:hidden; padding:8px!important; gap:8px!important; }
.v27 .workspace-steps > button { border-radius:20px!important; overflow:hidden; }
.v27 .workspace-steps > button:first-child,.v27 .workspace-steps > button:last-child { border-radius:20px!important; }
.v27 .workspace-panels { border-radius:26px!important; overflow:hidden; }
.v27 .workspace-panel { border-radius:26px!important; overflow:hidden; }
.v27 .pricing-toolbar { border-radius:32px!important; overflow:visible; }
.v27 .pricing-offer { box-sizing:border-box; border-radius:28px!important; padding:clamp(26px,4vw,52px)!important; }
.v27 .pricing-offer h3 { margin:0 0 16px!important; padding:0!important; line-height:1.16!important; }
.v27 .pricing-offer p { margin:0!important; padding:0!important; line-height:1.6!important; }
@media(max-width:700px) {
 .v27 .workspace-shell { border-radius:24px!important; }
 .v27 .workspace-steps { border-radius:20px!important; padding:6px!important; gap:6px!important; }
 .v27 .workspace-steps > button,.v27 .workspace-steps > button:first-child,.v27 .workspace-steps > button:last-child { border-radius:15px!important; }
 .v27 .workspace-panels,.v27 .workspace-panel { border-radius:20px!important; }
 .v27 .pricing-offer { border-radius:22px!important; padding:26px 22px!important; }
 .v27 .pricing-offer h3 { line-height:1.2!important; }
}

/* V2 pricing offer: balanced inset after feedback. */
.v27 .pricing-offer { padding:clamp(18px,2.2vw,30px)!important; }
@media(max-width:700px) { .v27 .pricing-offer { padding:20px 18px!important; } }

/* V2 editorial refinement: calm Apple-like spacing, hierarchy and restrained surfaces. */
.v27.v-hero .hero-copy h1 { letter-spacing:-.055em!important; line-height:1.04!important; text-wrap:balance; }
.v27.v-hero .hero-copy .hero-product { max-width:570px; line-height:1.65!important; }
.v27.v-hero .hero-actions { gap:16px!important; }
.v27.v-hero .hero-actions :is(.button,.text-button) { border-radius:999px!important; }
.v27.v-hero .journey { box-shadow:0 18px 55px rgba(17,41,71,.055)!important; }
.v27.connected-workspace .section-heading { max-width:850px; margin-inline:auto; }
.v27.connected-workspace .section-heading h2 { letter-spacing:-.045em!important; line-height:1.1!important; text-wrap:balance; }
.v27.connected-workspace .section-heading p { max-width:650px; margin-inline:auto; line-height:1.65!important; }
.v27.connected-workspace .workspace-shell { box-shadow:0 22px 65px rgba(17,41,71,.055)!important; }
.v27.connected-workspace .workspace-steps > button { transition:background .2s ease,color .2s ease!important; }
.v27.connected-workspace .workspace-story h3 { letter-spacing:-.035em!important; line-height:1.12!important; }
.v27.connected-workspace .workspace-story p { line-height:1.65!important; }
.v27.pricing-section .section-heading h2 { letter-spacing:-.045em!important; line-height:1.1!important; text-wrap:balance; }
.v27.pricing-section .pricing-grid { gap:20px!important; }
.v27.pricing-section .pricing-grid > article { border-radius:28px!important; box-shadow:0 16px 48px rgba(17,41,71,.045)!important; }
.v27.pricing-section .price-card-head h3 { letter-spacing:-.025em!important; }
.v27.pricing-section .price-description { line-height:1.6!important; }
.v27.pricing-section .pricing-offer { box-shadow:none!important; }
.v27.pricing-section .enterprise-panel { box-shadow:none!important; }
@media(max-width:700px) {
 .v27.v-hero .hero-copy h1 { letter-spacing:-.045em!important; }
 .v27.pricing-section .pricing-grid { gap:14px!important; }
 .v27.pricing-section .pricing-grid > article { border-radius:22px!important; }
}

/* V2.1 / coherent type, spacing and product-demo surfaces. Color palette unchanged. */
.v27.v-hero,.v27.connected-workspace,.v27.pricing-section,.v27.px-v2-platform,.v27.px-v2-cta { --px21-section-gap:clamp(48px,7vw,104px); }
.v27.v-hero .hero-copy h1 { max-width:900px; font-size:clamp(42px,5.5vw,82px); line-height:1.035!important; letter-spacing:-.055em!important; }
.v27.v-hero .hero-product { max-width:610px; font-size:clamp(16px,1.35vw,19px); line-height:1.65!important; }
.v27.v-hero .hero-actions { margin-top:clamp(22px,3vw,36px); }
.v27 .section-heading h2 { letter-spacing:-.045em!important; line-height:1.09!important; text-wrap:balance; }
.v27 .section-heading p { line-height:1.65!important; text-wrap:pretty; }
.v27.connected-workspace .section-heading { margin-bottom:clamp(28px,4vw,52px)!important; }
.v27.connected-workspace .workspace-shell { border-radius:30px!important; padding:clamp(10px,1.5vw,20px)!important; }
.v27.connected-workspace .workspace-steps { border-radius:24px!important; gap:8px!important; padding:6px!important; }
.v27.connected-workspace .workspace-steps > button { border-radius:18px!important; min-width:0; }
.v27.connected-workspace .workspace-panels { border-radius:23px!important; }
.v27.connected-workspace .workspace-panel { border-radius:23px!important; }
.v27.connected-workspace .workspace-story { padding:clamp(20px,3vw,42px)!important; }
.v27.connected-workspace .workspace-story h3 { font-size:clamp(27px,3vw,44px); line-height:1.1!important; letter-spacing:-.04em!important; text-wrap:balance; }
.v27.connected-workspace .workspace-preview { border-radius:20px!important; overflow:hidden; }
.v27.connected-workspace .workspace-window-bar { border-radius:18px 18px 0 0!important; }
.v27.connected-workspace :is(.workspace-message,.workspace-product,.workspace-sync,.workspace-order-product) { border-radius:18px!important; }
.v27.v-hero .journey { border-radius:34px!important; }
.v27.v-hero .journey-graph { border-radius:26px!important; }
.v27.v-hero .journey-node { border-radius:20px!important; }
.v27.v-hero .journey-heading h2 { line-height:1.13!important; letter-spacing:-.035em!important; }
.v27.pricing-section .section-heading { margin-bottom:clamp(24px,3vw,42px)!important; }
.v27.pricing-section .pricing-grid > article { border-radius:26px!important; }
@media(max-width:700px) {
 .v27.v-hero .hero-copy h1 { font-size:clamp(36px,9vw,54px); line-height:1.06!important; }
 .v27.connected-workspace .section-heading { margin-bottom:26px!important; }
 .v27.connected-workspace .workspace-shell { padding:8px!important; border-radius:24px!important; }
 .v27.connected-workspace .workspace-steps { padding:4px!important; gap:5px!important; border-radius:18px!important; }
 .v27.connected-workspace .workspace-steps > button { border-radius:14px!important; }
 .v27.connected-workspace .workspace-panels,.v27.connected-workspace .workspace-panel { border-radius:18px!important; }
 .v27.connected-workspace .workspace-story { padding:20px!important; }
 .v27.connected-workspace .workspace-preview { border-radius:16px!important; }
 .v27.v-hero .journey { border-radius:26px!important; }
 .v27.v-hero .journey-graph { border-radius:20px!important; }
 .v27.v-hero .journey-node { border-radius:16px!important; }
}

/* V2.1 platform: editorial capability list instead of disconnected pastel tiles. */
.v27.px-v21-platform { background:#f7f9fb!important; padding-block:clamp(76px,9vw,130px)!important; }
.px-v21-platform__intro { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(260px,.75fr); align-items:end; gap:clamp(28px,5vw,80px); margin-bottom:clamp(38px,5vw,70px); }
.px-v21-platform__intro h2 { margin:18px 0 0; max-width:950px; font-size:clamp(42px,5.3vw,74px); letter-spacing:-.058em; line-height:1.06; text-wrap:balance; }
.px-v21-platform__intro p { max-width:410px; margin:0 0 5px; color:#52677d; font-size:clamp(16px,1.5vw,19px); line-height:1.7; }
.px-v21-platform__list { overflow:hidden; border:1px solid rgba(32,59,108,.085); border-radius:30px; background:#fff; }
.px-v21-platform__item { display:grid; grid-template-columns:55px minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(18px,3vw,48px); padding:clamp(26px,3.3vw,44px); }
.px-v21-platform__item + .px-v21-platform__item { border-top:1px solid rgba(32,59,108,.095); }
.px-v21-platform__index { font-size:25px; line-height:1; color:#81a5b5; }
.px-v21-platform__item h3 { margin:0; font-size:clamp(23px,2.5vw,33px); line-height:1.2; letter-spacing:-.035em; color:#203b6c; }
.px-v21-platform__item p { margin:0; max-width:490px; color:#52677d; font-size:clamp(15px,1.2vw,17px); line-height:1.6; }
.px-v21-platform__footer { display:flex; justify-content:space-between; align-items:center; gap:22px; padding-top:28px; color:#52677d; font-size:15px; }
.px-v21-platform__footer .px-v2-platform__link { gap:20px; }
@media(max-width:800px) {
 .px-v21-platform__intro { grid-template-columns:1fr; gap:20px; }
 .px-v21-platform__intro p { max-width:620px; }
 .px-v21-platform__item { grid-template-columns:30px minmax(0,1fr); gap:10px 18px; }
 .px-v21-platform__item p { grid-column:2; }
}
@media(max-width:600px) {
 .v27.px-v21-platform { padding-block:68px!important; }
 .px-v21-platform__intro h2 { font-size:clamp(36px,9vw,50px); }
 .px-v21-platform__list { border-radius:22px; }
 .px-v21-platform__item { padding:24px 20px; }
 .px-v21-platform__item h3 { font-size:24px; }
 .px-v21-platform__footer { align-items:flex-start; flex-direction:column; }
}

/* V2.1 follow-up: clip hero stage gradient to rounded bounds; quieter platform. */
.v27.v-hero .product-stage { border:1px solid #dce8ee!important; border-radius:36px!important; overflow:hidden!important; margin-inline:0!important; padding:clamp(12px,2vw,24px)!important; background:linear-gradient(125deg,#edf4fa,#e3f2f0 52%,#eef4fa)!important; }
.v27.v-hero .product-stage .journey { border-radius:27px!important; overflow:hidden!important; }
.v27.v-hero .journey-aura { border-radius:inherit; }
.v27.px-v21-platform { background:#fff!important; }
.px-v21-platform__intro { grid-template-columns:1fr!important; gap:16px!important; margin-bottom:36px!important; }
.px-v21-platform__intro h2 { font-size:clamp(38px,4.7vw,64px)!important; max-width:1000px; }
.px-v21-platform__intro p { max-width:680px!important; }
.px-v21-platform__list { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; }
.px-v21-platform__item { display:block!important; min-height:175px; padding:clamp(25px,3vw,40px)!important; background:#f5f8fa; border:0!important; border-radius:24px!important; }
.px-v21-platform__item + .px-v21-platform__item { border-top:0!important; }
.px-v21-platform__item h3 { margin-bottom:12px!important; font-size:clamp(22px,2.1vw,29px)!important; }
.px-v21-platform__item p { max-width:440px; }
.px-v21-platform__footer { padding-top:28px; }
@media(max-width:700px) {
 .v27.v-hero .product-stage { border-radius:24px!important; padding:10px!important; }
 .v27.v-hero .product-stage .journey { border-radius:18px!important; }
 .px-v21-platform__list { grid-template-columns:1fr!important; }
 .px-v21-platform__item { min-height:0; border-radius:20px!important; padding:24px!important; }
}

/* V2.1 visual repairs: pricing card shadow silhouettes and AI demo footer seam. */
.v27.pricing-section .pricing-grid { background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; }
.v27.pricing-section .pricing-grid > article,
.v27.pricing-section .price-card,
.v27.pricing-section .price-recommended {
  border-radius:26px!important;
  box-shadow:0 10px 32px -22px rgba(23,49,79,.22)!important;
  background-clip:padding-box;
  overflow:hidden;
}
.v27.pricing-section .price-recommended { box-shadow:0 12px 35px -22px rgba(23,49,79,.25)!important; }
.v27.connected-workspace .workspace-footer { background:#f7fafb!important; border-top:1px solid #e4ecef!important; border-radius:0!important; box-shadow:none!important; }
.v27.connected-workspace .workspace-panel { overflow:hidden!important; background-clip:padding-box; }
.v27.connected-workspace .workspace-panels { overflow:hidden!important; background:#f7fafb!important; }
.v27.connected-workspace .workspace-preview { background-clip:padding-box; }
.v27.connected-workspace .workspace-steps button[aria-pressed=true]::after { left:18px!important; right:18px!important; bottom:4px!important; height:3px!important; border-radius:999px!important; }
@media(max-width:700px) {
 .v27.pricing-section .pricing-grid > article,.v27.pricing-section .price-card,.v27.pricing-section .price-recommended { border-radius:22px!important; }
 .v27.connected-workspace .workspace-footer { padding:16px 18px!important; }
}

/* V2.1 pricing comparison: prevent clipped summary label on narrow screens. */
.v27.pricing-section .pricing-comparison { border-radius:22px!important; overflow:visible!important; }
.v27.pricing-section .pricing-comparison > summary { box-sizing:border-box; width:100%; min-width:0; display:flex!important; align-items:center; justify-content:space-between; gap:14px!important; padding:20px 22px!important; font-size:clamp(15px,1.5vw,18px)!important; line-height:1.45!important; white-space:normal!important; overflow-wrap:anywhere; }
.v27.pricing-section .pricing-comparison > summary > span { flex:0 0 auto; display:grid; place-items:center; width:30px; height:30px; font-size:23px!important; line-height:1!important; }
.v27.pricing-section .pricing-table-scroll { max-width:100%; overflow-x:auto!important; border-radius:0 0 20px 20px!important; }
@media(max-width:700px) {
 .v27.pricing-section .pricing-comparison > summary { padding:17px 16px!important; gap:10px!important; font-size:16px!important; }
 .v27.pricing-section .pricing-comparison > summary > span { width:26px; height:26px; }
}

/* V2.1 visual audit: restrained surfaces and consistent nested geometry. */
.v27.v-hero .product-stage { background:#eef3f6!important; }
.v27.v-hero .journey { background:linear-gradient(115deg,#233b60,#285563)!important; box-shadow:none!important; border-color:rgba(255,255,255,.2); }
.v27.v-hero .journey::before,.v27.v-hero .journey-aura { display:none; }
.v27.v-hero .journey-node,.v27.v-hero .journey-node.journey-source { border-radius:16px!important; background:rgba(255,255,255,.045); }
.v27.v-hero .journey-node[data-journey-node=order] { background:rgba(126,229,215,.09); }
.v27.connected-workspace .workspace-ai-body { border-radius:0!important; }
.v27.connected-workspace .workspace-design { border-radius:12px!important; }
.v27.connected-workspace .workspace-footer { border-radius:0 0 20px 20px!important; }
.v27.connected-workspace .workspace-shell { box-shadow:0 8px 28px rgba(17,41,71,.035)!important; }
.v27.pricing-section .pricing-grid > article,.v27.pricing-section .price-card,.v27.pricing-section .price-recommended { box-shadow:0 4px 14px rgba(23,49,79,.025)!important; }
.v27.pricing-section .pricing-comparison { background:#fff; border:1px solid #e2e8ed; overflow:hidden!important; }
.v27.pricing-section .pricing-comparison > summary { text-align:left; }
.v27.pricing-section .pricing-table-scroll { border-top:1px solid #e2e8ed; border-radius:0!important; }
.px-v21-platform__item { border-radius:22px!important; }
@media(max-width:700px) {
 .v27.v-hero .journey-node,.v27.v-hero .journey-node.journey-source { border-radius:14px!important; }
 .v27.connected-workspace .workspace-footer { border-radius:0 0 16px 16px!important; }
 .v27.connected-workspace .workspace-design { border-radius:10px!important; }
 .v27.pricing-section .pricing-comparison[open] .pricing-table-scroll::before { content:attr(data-scroll-hint); display:block; position:sticky; left:0; width:calc(100vw - 82px); padding:12px 16px; font-size:12px; color:#52677d; background:#f5f8fa; }
 .px-v21-platform__item { border-radius:20px!important; }
}

/* V2.1 review: six annotated spacing and surface corrections. */
.v27.pricing-section .pricing-toolbar,
.v27.pricing-section .pricing-offer,
.v27.pricing-section .billing-switch,
.v27.pricing-section .price-card,
.v27.pricing-section .price-recommended { box-shadow:none!important; filter:none!important; }
.v27.pricing-section .pricing-toolbar { border-bottom:0!important; border-radius:0!important; }
.v27.pricing-section .pricing-offer { border:0!important; border-radius:0!important; }
.v27.pricing-section .pricing-faq-collapsible { border:1px solid #e2e8ed; border-radius:22px!important; background:#fff; overflow:hidden; margin-top:16px; }
.v27.pricing-section .pricing-faq-collapsible > summary { padding:20px 22px!important; gap:18px; }
.v27.pricing-section .pricing-faq-collapsible > summary h3 { margin:0!important; font-size:18px; line-height:1.45; }
.v27.pricing-section .pricing-faq-content { padding:0 22px 24px; }
.v27.px-v2-cta { padding:40px 0 64px; }
.px-v2-cta__panel { min-height:0; border-radius:26px; padding:clamp(32px,4.5vw,60px); background:#203b6c; }
.px-v2-cta__orb { display:none; }
.px-v2-cta__panel h2 { margin:24px 0 28px; font-size:clamp(36px,4.5vw,62px); line-height:1.08; letter-spacing:-.045em; font-weight:500; }
.px-v2-cta__bottom { align-items:center; }
.px-v2-cta__bottom p { font-size:17px; max-width:550px; }
.px-v2-cta__button { min-width:220px; padding:16px 24px!important; }
.v27.px-v21-platform { padding-block:64px!important; }
.px-v21-platform__intro { margin-bottom:28px!important; }
.px-v21-platform__item { min-height:0; padding:28px 30px!important; }
.v27.v-hero { padding-bottom:40px!important; }
.v27.connected-workspace .workspace-story { padding:16px!important; }
.v27.connected-workspace .workspace-panel { padding:28px!important; gap:32px; }
@media(max-width:700px) {
 .v27.pricing-section .pricing-faq-collapsible > summary { padding:17px 16px!important; }
 .v27.pricing-section .pricing-faq-collapsible > summary h3 { font-size:16px; }
 .v27.pricing-section .pricing-faq-content { padding:0 16px 20px; }
 .v27.px-v2-cta { padding:28px 0 44px; }
 .px-v2-cta__panel { padding:28px 24px; border-radius:22px; min-height:0; }
 .px-v2-cta__panel h2 { margin:22px 0 24px; font-size:38px; }
 .px-v2-cta__bottom { align-items:stretch; gap:24px; }
 .px-v2-cta__bottom p { font-size:16px; }
 .px-v2-cta__button { min-width:0; }
 .v27.px-v21-platform { padding-block:44px!important; }
 .px-v21-platform__item { padding:24px!important; }
 .v27.v-hero { padding-bottom:28px!important; }
 .v27.connected-workspace .workspace-panel { padding:18px!important; gap:24px; }
 .v27.connected-workspace .workspace-story { padding:4px!important; }
}

/* V2.1 capabilities detail page */
.px-capabilities { background:#fff; color:#203b6c; padding:72px 0 64px; }
.px-capabilities__head { max-width:850px; padding-bottom:48px; }
.px-capabilities h1 { margin:18px 0 24px; font-size:clamp(38px,5vw,68px); line-height:1.06; letter-spacing:-.05em; font-weight:500; text-wrap:balance; }
.px-capabilities p { color:#52677d; font-size:17px; line-height:1.7; }
.px-capabilities__head > p { max-width:680px; }
.px-capabilities__actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:28px; font-size:15px; }
.px-capabilities__group { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:40px 0; border-top:1px solid #e2e8ed; scroll-margin-top:100px; }
.px-capabilities h2 { font-size:clamp(27px,3vw,36px); line-height:1.15; letter-spacing:-.035em; font-weight:500; margin:0 0 16px; }
.px-capabilities__group p { max-width:510px; margin:0; }
.px-capabilities__group ul { list-style:none; padding:0; margin:0; }
.px-capabilities__group li { padding:12px 0 12px 24px; position:relative; color:#52677d; font-size:16px; line-height:1.6; }
.px-capabilities__group li::before { content:"✓"; position:absolute; left:0; color:#377e76; }
.px-capabilities__group li + li { border-top:1px solid #edf1f4; }
.px-capabilities__themes { margin-top:24px; padding:40px; background:#f5f8fa; border-radius:24px; }
.px-capabilities__themes > p { max-width:720px; }
.px-capabilities__themes h2 { margin-top:16px; }
.px-capabilities__theme-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:28px 0; }
.px-capabilities h3 { font-size:21px; margin:0 0 12px; font-weight:600; letter-spacing:-.02em; }
.px-capabilities__theme-grid p { font-size:16px; margin:0; }
.px-capabilities__themes > a { font-size:15px; font-weight:600; }
.px-capabilities__end { display:flex; align-items:center; justify-content:space-between; gap:36px; padding-top:48px; }
.px-capabilities__end p { max-width:680px; margin:0; font-size:16px; }
@media(max-width:700px) {
 .px-capabilities { padding:44px 0; }
 .px-capabilities__head { padding-bottom:32px; }
 .px-capabilities__group { grid-template-columns:1fr; gap:16px; padding:28px 0; }
 .px-capabilities p { font-size:16px; }
 .px-capabilities__themes { padding:26px 22px; border-radius:20px; }
 .px-capabilities__theme-grid { grid-template-columns:1fr; gap:26px; }
 .px-capabilities__end { flex-direction:column; align-items:flex-start; padding-top:32px; }
}

/* MCP copy rhythm. */
.px-capabilities__mcp > p + p { margin-top:12px; }
.px-capabilities__mcp > a { display:inline-flex; margin-top:18px; }

.px-capabilities__themes[id] { scroll-margin-top:100px; }

/* MCP demonstration: a conversation, a draft and a human review. */
.px-mcp-demo { margin-top:64px; scroll-margin-top:100px; }
.px-mcp-demo__intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; margin-bottom:32px; }
.px-mcp-demo__intro .v-eyebrow { margin:0 0 16px; }
.px-mcp-demo__intro h2 { max-width:490px; font-size:clamp(30px,3.4vw,44px); line-height:1.12; }
.px-mcp-demo__intro > div > p:not(.v-eyebrow) { margin:0 0 16px; font-size:16px; }
.px-mcp-demo__intro a { font-size:15px; font-weight:600; }
.px-mcp-demo__example { background:#f5f8fa; border:1px solid #e2e8ed; border-radius:24px; overflow:hidden; }
.px-mcp-demo__caption { padding:20px 28px 0; color:#52677d; font-size:12px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.px-mcp-demo__panels { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:20px 28px 24px; align-items:stretch; }
.px-mcp-demo__chat,.px-mcp-demo__preview { background:#fff; border:1px solid #dce5eb; border-radius:16px; overflow:hidden; min-width:0; }
.px-mcp-demo__bar { min-height:54px; padding:12px 20px; display:flex; gap:10px; align-items:center; border-bottom:1px solid #e7edf1; color:#52677d; font-size:12px; }
.px-mcp-demo__dot { width:7px; height:7px; flex-shrink:0; border-radius:50%; background:#00847e; }
.px-mcp-demo__protocol { margin-left:auto; font-size:10px; letter-spacing:.07em; color:#52677d; }
.px-mcp-demo__messages { padding:24px; display:grid; gap:24px; }
.px-mcp-demo__speaker { display:block; font-size:12px; font-weight:600; margin-bottom:8px; color:#203b6c; }
.px-mcp-demo__prompt { background:#f0f4f7; padding:18px 20px; border-radius:12px; }
.px-mcp-demo__messages p { font-size:15px; line-height:1.6; margin:0; }
.px-mcp-demo__reply { padding:0 4px 4px; }
.px-mcp-demo__reply ul { padding:0; margin:16px 0 0; list-style:none; }
.px-mcp-demo__reply li { font-size:13px; color:#52677d; line-height:1.5; padding-left:22px; position:relative; margin-top:8px; }
.px-mcp-demo__reply li::before { content:"✓"; color:#007e78; position:absolute; left:0; }
.px-mcp-demo__badge { margin-left:auto; padding:4px 9px; border-radius:6px; background:#eaf4f2; color:#006f69; font-size:11px; white-space:nowrap; }
.px-mcp-demo__page { padding:24px; }
.px-mcp-demo__brand { display:flex; justify-content:space-between; align-items:center; font-size:11px; font-weight:700; letter-spacing:.06em; padding-bottom:24px; }
.px-mcp-demo__brand span { width:36px; height:5px; border-top:1px solid #b8c6d0; border-bottom:1px solid #b8c6d0; }
.px-mcp-demo__page h3 { font-size:23px; font-weight:500; line-height:1.2; margin:0 0 20px; }
.px-mcp-demo__faq { border-top:1px solid #e4eaee; }
.px-mcp-demo__faq summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px 0; list-style:none; font-size:13px; font-weight:500; line-height:1.5; }
.px-mcp-demo__faq summary::-webkit-details-marker { display:none; }
.px-mcp-demo__faq summary::after { content:"+"; color:#00817a; font-size:18px; font-weight:400; }
.px-mcp-demo__faq[open] summary::after { content:"−"; }
.px-mcp-demo__faq summary:focus-visible { outline:2px solid #00817a; outline-offset:3px; border-radius:4px; }
.px-mcp-demo__faq p { font-size:13px; line-height:1.6; margin:0 20px 16px 0; }
.px-mcp-demo__review { display:flex; gap:12px; align-items:flex-start; padding:20px 28px; border-top:1px solid #e2e8ed; }
.px-mcp-demo__tick { color:#007e78; font-size:17px; line-height:1.5; }
.px-mcp-demo__review strong { display:block; font-size:14px; font-weight:600; }
.px-mcp-demo__review p { font-size:13px; line-height:1.6; margin:5px 0 0; }
.px-mcp-demo__steps { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr 1fr; gap:24px; }
.px-mcp-demo__steps li { display:flex; gap:12px; align-items:baseline; color:#203b6c; font-size:14px; line-height:1.5; }
.px-mcp-demo__steps span { font-size:12px; color:#007e78; font-variant-numeric:tabular-nums; }
@media(max-width:700px) {
 .px-mcp-demo { margin-top:40px; }
 .px-mcp-demo__intro { grid-template-columns:1fr; gap:12px; margin-bottom:24px; }
 .px-mcp-demo__intro h2 { font-size:32px; max-width:100%; margin-bottom:8px; }
 .px-mcp-demo__example { border-radius:20px; }
 .px-mcp-demo__caption { padding:20px 16px 0; font-size:11px; }
 .px-mcp-demo__panels { grid-template-columns:1fr; gap:16px; padding:16px; }
 .px-mcp-demo__messages,.px-mcp-demo__page { padding:20px; }
 .px-mcp-demo__bar { padding:12px 16px; }
 .px-mcp-demo__prompt { padding:16px; }
 .px-mcp-demo__review { padding:20px 16px; }
 .px-mcp-demo__steps { grid-template-columns:1fr; gap:12px; margin-top:20px; }
}

/* MCP interactive preview, v2. */
.px-mcp-show { border:1px solid #dfe7ed; border-radius:24px; background:#f5f8fa; overflow:hidden; }
.px-mcp-show__toolbar { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:20px 28px; }
.px-mcp-show__caption { display:flex; gap:9px; align-items:center; font-size:12px; font-weight:500; color:#52677d; }
.px-mcp-show__caption > span { width:6px; height:6px; border-radius:50%; background:#00817a; }
.px-mcp-show__switch { display:flex; gap:3px; padding:3px; background:#e8eef2; border-radius:9px; }
.px-mcp-show__switch button { border:0; background:transparent; border-radius:6px; color:#52677d; min-width:66px; min-height:34px; padding:6px 14px; font:inherit; font-size:12px; cursor:pointer; transition:background .2s,color .2s; }
.px-mcp-show__switch button[aria-pressed="true"] { background:#fff; color:#203b6c; box-shadow:0 1px 3px #203b6c0c; }
.px-mcp-show__scene { display:grid; grid-template-columns:minmax(0,0.9fr) 68px minmax(0,1.65fr); padding:4px 28px 28px; align-items:stretch; }
.px-mcp-show__chat { border:1px solid #dfe7ed; border-radius:16px; background:#fff; display:flex; flex-direction:column; min-width:0; }
.px-mcp-show__chat-head { display:flex; align-items:center; gap:10px; padding:18px 20px; border-bottom:1px solid #e7edf1; }
.px-mcp-show__ai-icon { display:grid; place-items:center; width:32px; height:32px; border-radius:9px; color:#007f78; background:#eaf5f3; font-size:22px; }
.px-mcp-show__chat-head strong { display:block; color:#203b6c; font-size:13px; font-weight:600; line-height:1.5; }
.px-mcp-show__chat-head div > span { display:block; font-size:11px; color:#6d8093; line-height:1.5; }
.px-mcp-show__online { margin-left:auto; width:6px; height:6px; border-radius:50%; background:#00817a; }
.px-mcp-show__conversation { padding:22px 20px; flex:1; }
.px-mcp-show__prompt { padding:16px; border-radius:12px 12px 4px 12px; background:#f0f4f7; }
.px-mcp-show__prompt > span,.px-mcp-show__speaker { display:block; font-size:11px; font-weight:600; color:#203b6c; margin-bottom:8px; }
.px-mcp-show__prompt p,.px-mcp-show__response p { font-size:14px; line-height:1.65; margin:0; }
.px-mcp-show__response { padding:24px 3px 0; transition:opacity .25s; }
.px-mcp-show__speaker > span { color:#00817a; font-size:16px; margin-right:3px; }
.px-mcp-show__activity { display:flex; align-items:center; gap:8px; margin-top:22px; padding:10px 12px; border-radius:8px; background:#f2f8f6; color:#006f69; font-size:11px; line-height:1.5; min-height:36px; }
.px-mcp-show__status-mark { width:12px; height:12px; flex-shrink:0; border:1px solid #007f78; border-radius:50%; position:relative; }
.px-mcp-show[data-phase="ready"] .px-mcp-show__status-mark::after { content:""; position:absolute; width:5px; height:3px; border-left:1px solid #007f78; border-bottom:1px solid #007f78; transform:rotate(-45deg); left:3px; top:3px; }
.px-mcp-show__play { display:flex; gap:9px; align-items:center; justify-content:center; margin:0 20px 20px; min-height:42px; padding:10px 12px; font:inherit; font-size:12px; font-weight:500; border:1px solid #d7e2ea; border-radius:9px; color:#203b6c; background:#fff; cursor:pointer; transition:border-color .2s,background .2s; }
.px-mcp-show__play:hover { border-color:#94b6b4; background:#f8fbfa; }
.px-mcp-show__play-icon { color:#00817a; font-size:10px; }
.px-mcp-show__bridge { display:flex; align-items:center; justify-content:center; color:#00817a; }
.px-mcp-show__bridge span { height:1px; background:#b8d3cf; flex:1; }
.px-mcp-show__bridge b { display:grid; place-items:center; width:40px; height:24px; border:1px solid #c3dad6; border-radius:6px; background:#fff; font-size:9px; letter-spacing:.04em; font-weight:500; }
.px-mcp-show__browser { min-width:0; border:1px solid #d9e3eb; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 8px 24px #203b6c06; }
.px-mcp-show__browser-bar { min-height:48px; padding:10px 16px; display:flex; align-items:center; gap:12px; border-bottom:1px solid #e4eaef; background:#fcfdfe; }
.px-mcp-show__window-dots { display:flex; gap:4px; flex-shrink:0; }
.px-mcp-show__window-dots i { width:5px; height:5px; border-radius:50%; background:#ced8e0; }
.px-mcp-show__address { color:#6b7c8d; font-size:10px; flex:1; text-align:center; }
.px-mcp-show__browser-bar .px-mcp-demo__badge { margin:0; font-size:10px; }
.px-mcp-show__site { padding:20px 28px 24px; }
.px-mcp-show__site-nav { display:flex; justify-content:space-between; align-items:center; padding-bottom:20px; }
.px-mcp-show__site-nav strong { font-size:10px; letter-spacing:.09em; }
.px-mcp-show__site-nav > span { height:5px; width:24px; border-top:1px solid #b6c5d0; border-bottom:1px solid #b6c5d0; }
.px-mcp-show__hero { background:#f3f6f7; border-radius:10px; padding:22px; display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:24px; min-height:118px; }
.px-mcp-show__hero h3 { font-size:21px; font-weight:500; line-height:1.2; max-width:220px; margin:0 0 8px; }
.px-mcp-show__hero p { font-size:11px; line-height:1.5; margin:0; }
.px-mcp-show__objects { position:relative; flex-shrink:0; width:98px; height:72px; }
.px-mcp-show__objects i { position:absolute; bottom:0; display:block; }
.px-mcp-show__objects i:nth-child(1) { width:30px; height:51px; left:0; border-radius:15px 15px 6px 6px; background:#b6ceca; }
.px-mcp-show__objects i:nth-child(2) { width:30px; height:72px; left:33px; border-radius:6px; background:#d5dfd8; }
.px-mcp-show__objects i:nth-child(3) { width:30px; height:37px; right:0; border-radius:4px; background:#dcd4c7; }
.px-mcp-show__change { position:relative; min-height:206px; }
.px-mcp-show__added { position:relative; padding:18px 18px 2px; border:1px solid #b7d8d1; border-radius:10px; background:#fff; transition:opacity .35s,transform .4s; }
.px-mcp-show__added > h3 { font-size:20px; font-weight:500; line-height:1.25; margin:8px 0 16px; }
.px-mcp-show__new { position:absolute; top:-10px; right:14px; padding:2px 8px; background:#e9f5f1; color:#00776e; font-size:9px; line-height:1.6; border-radius:4px; }
.px-mcp-show__added .px-mcp-demo__faq summary { font-size:12px; padding:12px 0; }
.px-mcp-show__added .px-mcp-demo__faq p { font-size:11px; line-height:1.6; margin-bottom:12px; }
.px-mcp-show__empty { display:none; position:absolute; inset:0; min-height:206px; align-items:center; justify-content:center; flex-direction:column; gap:8px; border:1px dashed #cedae2; border-radius:10px; color:#7b8d9e; font-size:11px; }
.px-mcp-show__empty > span { font-size:25px; font-weight:400; color:#a3b5c0; }
.px-mcp-show[data-view="before"] .px-mcp-show__empty { display:flex; }
.px-mcp-show[data-view="before"] .px-mcp-show__added { visibility:hidden; opacity:0; transform:translateY(10px); pointer-events:none; }
.px-mcp-show[data-view="before"] .px-mcp-show__response { opacity:.38; }
.px-mcp-show[data-phase="context"] .px-mcp-show__status-mark,.px-mcp-show[data-phase="building"] .px-mcp-show__status-mark { border-right-color:transparent; animation:px-mcp-spin .8s linear infinite; }
.px-mcp-show[data-phase="context"] .px-mcp-show__bridge b,.px-mcp-show[data-phase="building"] .px-mcp-show__bridge b { background:#e7f3f0; }
.px-mcp-show[data-phase="reveal"] .px-mcp-show__added { animation:px-mcp-reveal 1s ease both; }
.px-mcp-show__footer { display:flex; gap:9px; align-items:baseline; flex-wrap:wrap; padding:18px 28px; border-top:1px solid #e1e8ed; background:#f9fbfc; font-size:11px; color:#52677d; line-height:1.6; }
.px-mcp-show__footer strong { color:#203b6c; font-size:12px; font-weight:600; }
.px-mcp-show__footer > span:last-child { flex:1; min-width:250px; }
.px-mcp-show__shield { color:#007e78; font-size:14px; }
.px-mcp-show button:focus-visible { outline:2px solid #00817a; outline-offset:3px; }
@keyframes px-mcp-spin { to { transform:rotate(360deg); } }
@keyframes px-mcp-reveal { 0% { opacity:0; transform:translateY(12px); box-shadow:0 0 0 4px #00817a16; } 50% { box-shadow:0 0 0 4px #00817a16; } 100% { opacity:1; transform:none; box-shadow:0 0 0 0 #00817a00; } }
@media(max-width:900px) and (min-width:701px) { .px-mcp-show__scene { grid-template-columns:minmax(0,1fr) 36px minmax(0,1.4fr); padding:0 20px 20px; } .px-mcp-show__site { padding:20px; } .px-mcp-show__objects { display:none; } }
@media(max-width:700px) {
 .px-mcp-show { border-radius:20px; }
 .px-mcp-show__toolbar { padding:16px; gap:8px; }
 .px-mcp-show__caption { font-size:11px; }
 .px-mcp-show__switch button { min-width:51px; min-height:36px; padding:6px 10px; }
 .px-mcp-show__scene { display:flex; flex-direction:column; padding:0 16px 16px; }
 .px-mcp-show__chat-head { padding:14px 16px; }
 .px-mcp-show__conversation { padding:16px; }
 .px-mcp-show__prompt p,.px-mcp-show__response p { font-size:13px; }
 .px-mcp-show__response { padding-top:18px; }
 .px-mcp-show__activity { margin-top:16px; }
 .px-mcp-show__play { margin:0 16px 16px; }
 .px-mcp-show__bridge { height:46px; flex-shrink:0; flex-direction:column; }
 .px-mcp-show__bridge span { width:1px; height:auto; }
 .px-mcp-show__bridge b { min-height:22px; width:38px; font-size:9px; }
 .px-mcp-show__browser-bar { padding:10px 12px; gap:7px; }
 .px-mcp-show__window-dots { gap:3px; }
 .px-mcp-show__window-dots i { width:4px; height:4px; }
 .px-mcp-show__address { font-size:9px; }
 .px-mcp-show__browser-bar .px-mcp-demo__badge { font-size:9px; padding:3px 6px; }
 .px-mcp-show__site { padding:16px; }
 .px-mcp-show__hero { padding:18px 16px; min-height:108px; gap:8px; margin-bottom:24px; }
 .px-mcp-show__hero h3 { font-size:20px; }
 .px-mcp-show__hero p { font-size:11px; }
 .px-mcp-show__objects { width:57px; height:56px; }
 .px-mcp-show__objects i:nth-child(1) { width:17px; height:39px; }
 .px-mcp-show__objects i:nth-child(2) { width:17px; height:56px; left:20px; }
 .px-mcp-show__objects i:nth-child(3) { width:17px; height:28px; }
 .px-mcp-show__added { padding:18px 12px 2px; }
 .px-mcp-show__added > h3 { font-size:20px; }
 .px-mcp-show__added .px-mcp-demo__faq summary { font-size:12px; gap:10px; }
 .px-mcp-show__added .px-mcp-demo__faq p { font-size:12px; }
 .px-mcp-show__footer { padding:16px; gap:6px 8px; }
 .px-mcp-show__footer > span:last-child { flex-basis:100%; min-width:0; padding-left:20px; }
}
@media(prefers-reduced-motion:reduce) { .px-mcp-show * { animation:none !important; transition:none !important; } }

.px-mcp-show__footer { font-size:12px; }
.px-mcp-show__prompt p,.px-mcp-show__response p { font-size:15px; }
.px-mcp-show[data-phase="context"] .px-mcp-show__response,.px-mcp-show[data-phase="building"] .px-mcp-show__response { visibility:hidden; }
@media(max-width:700px) { .px-mcp-show__prompt p,.px-mcp-show__response p { font-size:14px; } .px-mcp-show__browser { scroll-margin:24px; } }