/* ========================================================================
   Affordable Office Spaces — Conference Room Premium v3
   Additive Conference Room layer. Shared styles and v2 page styles load
   first; the global readability layer loads last as the final safeguard.
   ======================================================================== */

.conference-room-page {
  --cr-v3-night: #061b23;
  --cr-v3-night-soft: #0b303b;
  --cr-v3-ink: #102a33;
  --cr-v3-muted: #58727b;
  --cr-v3-orange: #ff6534;
  --cr-v3-aqua: #64d9cf;
  --cr-v3-paper: #fbfdfd;
  --cr-v3-ice: #f2f8fa;
  --cr-v3-line: rgba(16,42,51,.11);
  --cr-v3-shadow: 0 28px 80px rgba(7,28,36,.13);
}

.conference-room-page main {
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.conference-room-page section[id] {
  scroll-margin-top: calc(var(--header-height, 80px) + 96px);
}

.conference-room-page :is(
  .cr-console__metrics small,
  .cr-console__metrics strong,
  .cr-intro__signals,
  .cr-flow__steps small,
  .cr-flow__steps strong,
  .cr-location-card small,
  .cr-location-card strong
) {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}

.conference-room-page .cr-desktop-shortcut,
.conference-room-page .cr-brief-dock {
  display: none !important;
}

.conference-room-page.cr-v3-reveal-fallback .reveal:not([hidden]),
.conference-room-page.cr-v3-reveal-fallback .word-reveal:not([hidden]),
.conference-room-page .reveal.cr-v3-force-visible,
.conference-room-page .word-reveal.cr-v3-force-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Hero refinement ------------------------------------------------------- */
.cr-intro {
  min-height: 930px;
  padding-bottom: 82px;
  background:
    radial-gradient(circle at 88% 18%, rgba(100,217,207,.22), transparent 34rem),
    radial-gradient(circle at 7% 66%, rgba(255,101,52,.11), transparent 31rem),
    linear-gradient(112deg,#fbfdfd 0%,#f6fbfc 48%,#eaf8f8 100%);
}

.cr-intro__layout {
  grid-template-columns: minmax(460px,.91fr) minmax(560px,1.09fr);
  gap: clamp(42px,5vw,82px);
}

.cr-intro h1 {
  max-width: 760px;
  font-size: clamp(4rem,5.55vw,6.85rem);
  line-height: .96;
}

.cr-intro__lead {
  max-width: 660px;
  font-size: clamp(1.05rem,1.12vw,1.18rem);
  line-height: 1.78;
}

.cr-intro__signals {
  gap: 9px 12px;
  white-space: normal !important;
}

.cr-intro__facts strong {
  font-size: .94rem;
  line-height: 1.55;
}

.cr-v3-hero-lens {
  max-width: 680px;
  margin-top: 24px;
  padding: 10px;
  border: 1px solid rgba(16,42,51,.09);
  border-radius: 24px;
  background: rgba(255,255,255,.64);
  box-shadow: 0 18px 44px rgba(10,48,59,.07);
}

.cr-v3-hero-lens__tabs {
  display: inline-grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 4px;
  min-width: 246px;
  padding: 4px;
  border-radius: 15px;
  background: rgba(16,42,51,.055);
}

.cr-v3-hero-lens__tabs button {
  min-height: 44px;
  padding: 8px 15px;
  border: 0;
  border-radius: 12px;
  color: #617981;
  background: transparent;
  font-size: .84rem;
  font-weight: 800;
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.cr-v3-hero-lens__tabs button:hover { transform: translateY(-1px); color: var(--cr-v3-ink); }
.cr-v3-hero-lens__tabs button.is-active {
  color: var(--cr-v3-ink);
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 22px rgba(7,28,36,.08);
}

.cr-v3-hero-lens__copy {
  padding: 14px 9px 8px;
}

.cr-v3-hero-lens__copy small,
.cr-v3-hero-lens__copy strong,
.cr-v3-hero-lens__copy p { display: block; }
.cr-v3-hero-lens__copy small {
  color: var(--cr-v3-orange);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cr-v3-hero-lens__copy strong {
  margin-top: 7px;
  font-family: var(--font-display);
  font-size: 1.03rem;
  letter-spacing: -.025em;
  line-height: 1.35;
}
.cr-v3-hero-lens__copy p {
  margin: 7px 0 0;
  color: var(--cr-v3-muted);
  font-size: .94rem;
  line-height: 1.58;
}

.cr-mode-switcher__buttons button {
  min-height: 48px;
  white-space: normal;
}

/* Verified feature rail ------------------------------------------------- */
.cr-proof {
  position: relative;
  z-index: 3;
  padding: 24px 0;
  border-block: 1px solid rgba(16,42,51,.075);
  background:
    linear-gradient(90deg,rgba(255,101,52,.035),transparent 28%,rgba(100,217,207,.045)),
    rgba(255,255,255,.86);
}

.cr-proof__rail {
  gap: 0;
}

.cr-proof article {
  min-height: 116px;
  padding: 18px 25px;
}

.cr-proof article > span {
  align-self: flex-start;
  box-shadow: 0 0 0 8px rgba(100,217,207,.08);
}

.cr-proof small { font-size: .82rem; }
.cr-proof strong {
  margin-top: 6px;
  font-size: .92rem;
  line-height: 1.58;
}

/* Local page rail ------------------------------------------------------- */
.cr-v3-page-rail {
  position: sticky;
  top: calc(var(--header-height, 80px) + 19px);
  z-index: 84;
  padding: 10px 0;
  background: linear-gradient(to bottom,rgba(248,251,252,.94),rgba(248,251,252,.68),transparent);
  backdrop-filter: blur(14px);
  transition: top .28s ease, transform .28s ease;
}

.cr-v3-page-rail__inner {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 62px;
  padding: 7px 9px 7px 16px;
  overflow: hidden;
  border: 1px solid rgba(16,42,51,.085);
  border-radius: 21px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 42px rgba(7,28,36,.09);
}

.cr-v3-page-rail__identity {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.cr-v3-page-rail__identity i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--cr-v3-aqua);
  box-shadow: 0 0 0 7px rgba(100,217,207,.13);
}
.cr-v3-page-rail__identity strong {
  font-family: var(--font-display);
  font-size: .9rem;
  letter-spacing: -.02em;
}

.cr-v3-page-rail__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
.cr-v3-page-rail__links a {
  position: relative;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 12px 10px;
  border-radius: 13px;
  color: #6a8188;
  font-size: .82rem;
  font-weight: 800;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease, transform .2s ease;
}
.cr-v3-page-rail__links a:hover { color: var(--cr-v3-ink); transform: translateY(-1px); }
.cr-v3-page-rail__links a.is-active {
  color: var(--cr-v3-ink);
  background: linear-gradient(135deg,rgba(100,217,207,.15),rgba(255,101,52,.075));
}
.cr-v3-page-rail__links a.is-active::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 6px;
  left: 13px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg,var(--cr-v3-orange),var(--cr-v3-aqua));
}

.cr-v3-page-rail__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 11px 17px;
  border-radius: 15px;
  color: white;
  background: linear-gradient(135deg,var(--cr-v3-orange),#ff8250);
  box-shadow: 0 12px 27px rgba(255,101,52,.22);
  font-size: .84rem;
  font-weight: 800;
  white-space: nowrap;
}
.cr-v3-page-rail__cta span { transition: transform .2s ease; }
.cr-v3-page-rail__cta:hover span { transform: translateX(3px); }
.cr-v3-page-rail__progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: rgba(16,42,51,.045);
}
.cr-v3-page-rail__progress i {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg,var(--cr-v3-orange),var(--cr-v3-aqua));
  transition: width .3s ease;
}

@supports selector(body:has(*)) {
  .conference-room-page:has(.site-header.is-hidden) .cr-v3-page-rail { top: 10px; }
}

/* Conference Room Match ------------------------------------------------ */
.cr-v3-match-section {
  position: relative;
  padding: 122px 0 132px;
  overflow: hidden;
  background:
    linear-gradient(180deg,#f8fbfc 0%,#f1f8fa 52%,#fbfdfd 100%);
}
.cr-v3-match-section__grid {
  position: absolute;
  inset: 0;
  opacity: .38;
  background-image:
    linear-gradient(rgba(16,42,51,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,42,51,.035) 1px,transparent 1px);
  background-size: 70px 70px;
  mask-image: linear-gradient(to bottom,transparent,#000 12%,#000 84%,transparent);
}
.cr-v3-match-section__glow {
  position: absolute;
  top: 12%;
  right: -220px;
  width: 660px;
  height: 660px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(100,217,207,.18),transparent 69%);
  filter: blur(8px);
}
.cr-v3-match-section .container { position: relative; }

.cr-v3-match {
  display: grid;
  grid-template-columns: minmax(330px,.8fr) minmax(520px,1.2fr);
  align-items: stretch;
  gap: 24px;
  margin-top: 50px;
}

.cr-v3-match__controls {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
  border-radius: 32px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 24px 68px rgba(7,28,36,.09);
}
.cr-v3-match__control-group {
  padding: 17px;
  border: 1px solid rgba(16,42,51,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.58);
}
.cr-v3-match__control-heading {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.cr-v3-match__control-heading > span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: var(--cr-v3-orange);
  background: rgba(255,101,52,.09);
  font-family: var(--font-display);
  font-size: .84rem;
  font-weight: 800;
}
.cr-v3-match__control-heading small,
.cr-v3-match__control-heading strong { display: block; }
.cr-v3-match__control-heading small {
  color: #7a9097;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.cr-v3-match__control-heading strong {
  margin-top: 3px;
  font-size: .94rem;
  line-height: 1.4;
}
.cr-v3-match__choices {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 7px;
}
.cr-v3-match__choices--two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cr-v3-match__choices button {
  min-width: 0;
  min-height: 48px;
  padding: 9px 8px;
  border: 1px solid rgba(16,42,51,.09);
  border-radius: 13px;
  color: #607981;
  background: rgba(246,250,251,.86);
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.25;
  transition: color .22s ease,border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
}
.cr-v3-match__choices button:hover { transform: translateY(-2px); color: var(--cr-v3-ink); border-color: rgba(100,217,207,.55); }
.cr-v3-match__choices button.is-active {
  color: white;
  border-color: transparent;
  background: linear-gradient(135deg,var(--cr-v3-ink),var(--cr-v3-night-soft));
  box-shadow: 0 10px 24px rgba(7,28,36,.16);
}
.cr-v3-match__choices--outcome button.is-active {
  background: linear-gradient(135deg,var(--cr-v3-orange),#ff8452);
  box-shadow: 0 10px 24px rgba(255,101,52,.2);
}

.cr-v3-match__visual {
  position: relative;
  min-height: 718px;
  overflow: hidden;
  border: 12px solid rgba(255,255,255,.75);
  border-radius: 46px 46px 116px 46px;
  background: var(--cr-v3-night);
  box-shadow: var(--cr-v3-shadow);
}
.cr-v3-match__images,
.cr-v3-match__image,
.cr-v3-match__wash { position: absolute; inset: 0; }
.cr-v3-match__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.075);
  transition: opacity .7s var(--ease), transform 1s var(--ease-out);
}
.cr-v3-match__image.is-active { opacity: 1; transform: scale(1.015); }
.cr-v3-match__wash {
  z-index: 1;
  background:
    linear-gradient(180deg,rgba(4,20,26,.08) 24%,rgba(4,20,26,.48) 60%,rgba(4,20,26,.94) 100%),
    linear-gradient(90deg,rgba(4,20,26,.44),transparent 55%);
}
.cr-v3-match__signal-map {
  position: absolute;
  z-index: 2;
  top: 20px;
  right: 18px;
  width: min(74%,520px);
  height: auto;
  opacity: .85;
  filter: drop-shadow(0 7px 18px rgba(0,0,0,.24));
}
.cr-v3-match__route {
  fill: none;
  stroke: rgba(255,255,255,.52);
  stroke-width: 2;
  stroke-dasharray: 8 12;
  animation: crV3Dash 16s linear infinite;
}
.cr-v3-match__node { fill: var(--cr-v3-aqua); filter: url(#crV3MatchGlow); }
.cr-v3-match__node--orange { fill: var(--cr-v3-orange); }
.cr-v3-match__visual-copy {
  position: absolute;
  z-index: 4;
  right: 34px;
  bottom: 34px;
  left: 34px;
  max-width: 650px;
  color: white;
}
.cr-v3-match__visual-copy > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.78);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.cr-v3-match__visual-copy > span i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cr-v3-aqua);
  box-shadow: 0 0 0 7px rgba(100,217,207,.17);
}
.cr-v3-match__visual-copy h3 {
  max-width: 610px;
  margin: 16px 0 10px;
  font-family: var(--font-display);
  font-size: clamp(2rem,3vw,3.35rem);
  letter-spacing: -.055em;
  line-height: 1.02;
}
.cr-v3-match__visual-copy p {
  max-width: 560px;
  margin: 0;
  color: rgba(255,255,255,.77);
  font-size: 1rem;
  line-height: 1.65;
}
.cr-v3-match__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.cr-v3-match__signals span {
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  color: rgba(255,255,255,.86);
  background: rgba(4,20,26,.34);
  backdrop-filter: blur(12px);
  font-size: .82rem;
  font-weight: 800;
}

.cr-v3-match__result {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(220px,.72fr) minmax(300px,1.15fr) minmax(280px,1fr);
  gap: 24px 34px;
  align-items: start;
  padding: 30px;
  border: 1px solid rgba(16,42,51,.085);
  border-radius: 34px;
  background:
    radial-gradient(circle at 86% 0,rgba(100,217,207,.1),transparent 22rem),
    rgba(255,255,255,.88);
  box-shadow: 0 24px 70px rgba(7,28,36,.09);
}
.cr-v3-match__result-top {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cr-v3-match__pulse {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(100,217,207,.35);
  border-radius: 50%;
}
.cr-v3-match__pulse::before,
.cr-v3-match__pulse::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(100,217,207,.19);
  border-radius: 50%;
  animation: crV3Pulse 3s ease-out infinite;
}
.cr-v3-match__pulse::before { inset: -7px; }
.cr-v3-match__pulse::after { inset: -14px; animation-delay: -1.5s; }
.cr-v3-match__pulse i {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--cr-v3-orange);
  box-shadow: 0 0 0 7px rgba(255,101,52,.13);
}
.cr-v3-match__result-top small,
.cr-v3-match__result-top strong { display: block; }
.cr-v3-match__result-top small {
  color: #748b92;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cr-v3-match__result-top strong { margin-top: 4px; font-size: .9rem; line-height: 1.4; }
.cr-v3-match__result > h3 {
  grid-column: 2;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.75rem,2.3vw,2.65rem);
  letter-spacing: -.052em;
  line-height: 1.08;
}
.cr-v3-match__result > p {
  grid-column: 2;
  margin: -13px 0 0;
  color: var(--cr-v3-muted);
  font-size: .98rem;
  line-height: 1.67;
}
.cr-v3-match__facts {
  grid-column: 3;
  grid-row: 1 / span 2;
  display: grid;
  gap: 8px;
  margin: 0;
}
.cr-v3-match__facts div {
  padding: 13px 15px;
  border: 1px solid rgba(16,42,51,.075);
  border-radius: 15px;
  background: rgba(245,250,251,.76);
}
.cr-v3-match__facts dt {
  color: #7a8f96;
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cr-v3-match__facts dd {
  margin: 5px 0 0;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.4;
}
.cr-v3-match__questions {
  grid-column: 1 / span 2;
  padding: 20px;
  border-radius: 21px;
  color: rgba(255,255,255,.9);
  background: linear-gradient(145deg,var(--cr-v3-night),var(--cr-v3-night-soft));
}
.cr-v3-match__questions small {
  color: var(--cr-v3-aqua);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cr-v3-match__questions ul {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.cr-v3-match__questions li {
  position: relative;
  padding-left: 19px;
  color: rgba(255,255,255,.76);
  font-size: .9rem;
  line-height: 1.48;
}
.cr-v3-match__questions li::before {
  content: "";
  position: absolute;
  top: .62em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cr-v3-orange);
}
.cr-v3-match__actions {
  grid-column: 3;
  display: grid;
  gap: 9px;
}
.cr-v3-match__actions .button { width: 100%; min-height: 56px; }
.cr-v3-match__request {
  min-height: 48px;
  padding: 10px 15px;
  border: 1px solid rgba(16,42,51,.11);
  border-radius: 14px;
  color: var(--cr-v3-ink);
  background: rgba(255,255,255,.78);
  font-size: .86rem;
  font-weight: 800;
}
.cr-v3-match__disclosure {
  grid-column: 1 / -1;
  margin: -8px 0 0 !important;
  padding-top: 15px;
  border-top: 1px solid rgba(16,42,51,.08);
  color: #768a91 !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}

/* Existing planning modules — clarity and depth ------------------------ */
.cr-momentum-section,
.cr-layout-section,
.cr-composer-section,
.cr-flow-section,
.cr-support-section,
.cr-gallery,
.cr-faq,
.contact {
  position: relative;
}

.cr-section-heading > p {
  max-width: 620px;
  font-size: 1rem;
  line-height: 1.7;
}

.cr-momentum,
.cr-layout-lab,
.cr-composer,
.cr-support-console {
  box-shadow: 0 28px 82px rgba(7,28,36,.1);
}

.cr-momentum__story,
.cr-layout-lab__story,
.cr-composer__preview,
.cr-support-console__summary {
  height: auto;
  min-height: 0;
}

.cr-composer-section {
  background:
    radial-gradient(circle at 8% 12%,rgba(255,101,52,.065),transparent 28rem),
    radial-gradient(circle at 90% 78%,rgba(100,217,207,.08),transparent 30rem),
    #f8fbfc;
}

.cr-v3-context-stack {
  display: grid;
  gap: 9px;
  margin-top: 17px;
}
.cr-v3-context-stack > div {
  display: grid;
  grid-template-columns: minmax(118px,.42fr) minmax(0,1fr);
  align-items: start;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(16,42,51,.08);
  border-radius: 15px;
  background: rgba(255,255,255,.56);
}
.cr-v3-context-stack > div > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #70878e;
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cr-v3-context-stack > div > span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a9bcc1;
}
.cr-v3-context-stack > div.is-active > span i {
  background: var(--cr-v3-aqua);
  box-shadow: 0 0 0 5px rgba(100,217,207,.13);
}
.cr-v3-context-stack strong {
  color: #526d76;
  font-size: .88rem;
  line-height: 1.48;
}
.cr-v3-context-stack > div.is-active strong { color: var(--cr-v3-ink); }
.cr-v3-context-stack > button {
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid rgba(16,42,51,.1);
  border-radius: 14px;
  color: var(--cr-v3-ink);
  background: rgba(255,255,255,.78);
  font-size: .86rem;
  font-weight: 800;
}
.cr-v3-context-stack > button:disabled { opacity: .48; cursor: not-allowed; }
.cr-v3-context-stack > button:not(:disabled):hover { border-color: rgba(100,217,207,.48); transform: translateY(-1px); }

/* Meeting Journey expansion -------------------------------------------- */
.cr-flow {
  grid-template-columns: minmax(520px,1.1fr) minmax(320px,.62fr);
  align-items: start;
}
.cr-flow__visual { grid-row: 1 / span 2; }
.cr-flow__steps { align-self: start; }
.cr-v3-journey-panel {
  grid-column: 2;
  padding: 20px;
  border: 1px solid rgba(16,42,51,.09);
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 20px 52px rgba(7,28,36,.07);
}
.cr-v3-journey-panel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(16,42,51,.08);
}
.cr-v3-journey-panel__tabs {
  display: inline-grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 4px;
  padding: 4px;
  border-radius: 13px;
  background: rgba(16,42,51,.055);
}
.cr-v3-journey-panel__tabs button {
  min-height: 42px;
  padding: 7px 11px;
  border: 0;
  border-radius: 10px;
  color: #697f86;
  background: transparent;
  font-size: .82rem;
  font-weight: 800;
}
.cr-v3-journey-panel__tabs button.is-active {
  color: var(--cr-v3-ink);
  background: white;
  box-shadow: 0 7px 18px rgba(7,28,36,.08);
}
.cr-v3-journey-panel__progress {
  min-width: 124px;
  color: #72868d;
  font-size: .82rem;
  font-weight: 800;
  text-align: right;
}
.cr-v3-journey-panel__progress > i {
  display: block;
  width: 100%;
  height: 5px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(16,42,51,.08);
}
.cr-v3-journey-panel__progress b {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,var(--cr-v3-orange),var(--cr-v3-aqua));
  transition: width .35s ease;
}
.cr-v3-journey-panel__body {
  display: grid;
  gap: 14px;
  padding: 18px 0;
}
.cr-v3-journey-panel__body small {
  color: var(--cr-v3-orange);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.cr-v3-journey-panel__body h3 {
  margin: 7px 0 7px;
  font-family: var(--font-display);
  font-size: 1.3rem;
  letter-spacing: -.04em;
  line-height: 1.16;
}
.cr-v3-journey-panel__body p {
  margin: 0;
  color: var(--cr-v3-muted);
  font-size: .91rem;
  line-height: 1.6;
}
.cr-v3-journey-panel__signal {
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(135deg,rgba(100,217,207,.1),rgba(255,101,52,.07));
}
.cr-v3-journey-panel__signal strong {
  display: block;
  margin-top: 5px;
  font-size: .9rem;
  line-height: 1.48;
}
.cr-v3-journey-panel__actions {
  display: grid;
  gap: 9px;
}
.cr-v3-journey-panel__actions > button:first-child {
  min-height: 48px;
  padding: 10px 13px;
  border: 1px solid rgba(16,42,51,.1);
  border-radius: 14px;
  color: var(--cr-v3-ink);
  background: rgba(255,255,255,.72);
  font-size: .85rem;
  font-weight: 800;
}
.cr-v3-journey-panel__actions > button:first-child.is-considered {
  color: #075d59;
  border-color: rgba(100,217,207,.4);
  background: rgba(100,217,207,.12);
}
.cr-v3-journey-panel__actions .button { width: 100%; min-height: 52px; }
.cr-v3-journey-panel__actions .button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.cr-v3-journey-panel__disclosure {
  margin: 13px 0 0;
  color: #7b8e94;
  font-size: .82rem;
  line-height: 1.52;
}

/* Contact conversion clarity ------------------------------------------- */
.cr-v3-handoff {
  display: grid;
  gap: 8px;
  margin: 27px 0;
}
.cr-v3-handoff > div {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.07);
}
.cr-v3-handoff > div > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  color: var(--cr-v3-aqua);
  background: rgba(100,217,207,.12);
  font-family: var(--font-display);
  font-size: .82rem;
  font-weight: 800;
}
.cr-v3-handoff p,
.cr-v3-handoff strong,
.cr-v3-handoff small { display: block; margin: 0; }
.cr-v3-handoff strong { color: white; font-size: .9rem; }
.cr-v3-handoff small { margin-top: 3px; color: rgba(255,255,255,.66); font-size: .82rem; line-height: 1.45; }

.cr-v3-form-context {
  margin: 16px 0;
  padding: 15px;
  border: 1px solid rgba(100,217,207,.36);
  border-radius: 18px;
  background: linear-gradient(135deg,rgba(100,217,207,.1),rgba(255,101,52,.055));
}
.cr-v3-form-context[hidden] { display: none !important; }
.cr-v3-form-context > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.cr-v3-form-context > div:first-child > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #557078;
  font-size: .82rem;
  font-weight: 800;
  text-transform: uppercase;
}
.cr-v3-form-context > div:first-child i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cr-v3-aqua);
  box-shadow: 0 0 0 6px rgba(100,217,207,.13);
}
.cr-v3-form-context strong { font-size: .9rem; }
.cr-v3-form-context p { margin: 11px 0 0; color: #607981; font-size: .88rem; line-height: 1.55; }
.cr-v3-form-context > div:last-child { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.cr-v3-form-context > div:last-child span {
  padding: 7px 9px;
  border-radius: 999px;
  color: #315862;
  background: rgba(255,255,255,.72);
  font-size: .82rem;
  font-weight: 800;
}

.contact .tour-form { overflow: visible; }
.contact .form-choice-grid label span { white-space: normal; line-height: 1.35; }

/* Mobile quick action should never cover an equivalent on-page action. */
.conference-room-page .mobile-cta {
  transition: opacity .25s ease, transform .3s var(--ease), visibility .25s ease;
}
.conference-room-page.cr-v3-mobile-cta-suppressed .mobile-cta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(100% + 32px));
}

/* Responsive ------------------------------------------------------------ */
@media (max-width: 1240px) {
  .cr-intro__layout { grid-template-columns: minmax(420px,.88fr) minmax(500px,1.12fr); gap: 42px; }
  .cr-intro h1 { font-size: clamp(3.75rem,5.7vw,5.6rem); }
  .cr-v3-page-rail__identity { display: none; }
  .cr-v3-page-rail__inner { grid-template-columns: minmax(0,1fr) auto; }
  .cr-v3-page-rail__links { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .cr-v3-page-rail__links::-webkit-scrollbar { display: none; }
  .cr-v3-match { grid-template-columns: minmax(310px,.74fr) minmax(480px,1.26fr); }
  .cr-v3-match__result { grid-template-columns: minmax(190px,.66fr) minmax(280px,1.12fr) minmax(250px,.92fr); }
}

@media (max-width: 1040px) {
  .cr-intro { min-height: auto; }
  .cr-intro__layout { grid-template-columns: 1fr; }
  .cr-intro__copy { max-width: 820px; }
  .cr-intro h1 { max-width: 780px; font-size: clamp(4rem,8.6vw,6rem); }
  .cr-v3-hero-lens { max-width: 760px; }
  .cr-v3-page-rail__cta { display: none; }
  .cr-v3-page-rail__inner { grid-template-columns: 1fr; }
  .cr-v3-match { grid-template-columns: 1fr; }
  .cr-v3-match__controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cr-v3-match__visual { min-height: 660px; }
  .cr-v3-match__result {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  .cr-v3-match__result-top { grid-column: 1; }
  .cr-v3-match__result > h3 { grid-column: 2; }
  .cr-v3-match__result > p { grid-column: 2; }
  .cr-v3-match__facts { grid-column: 1; grid-row: auto; }
  .cr-v3-match__questions { grid-column: 2; }
  .cr-v3-match__actions { grid-column: 1; }
  .cr-v3-match__disclosure { grid-column: 1 / -1; }
  .cr-flow { grid-template-columns: 1fr; }
  .cr-flow__visual { grid-row: auto; }
  .cr-flow__steps { grid-column: 1; }
  .cr-v3-journey-panel { grid-column: 1; }
}

@media (max-width: 720px) {
  .conference-room-page main { padding-bottom: 84px; }
  .conference-room-page section[id] { scroll-margin-top: calc(var(--header-height,72px) + 78px); }
  .cr-intro { padding-bottom: 92px; }
  .cr-intro h1 { font-size: clamp(3.05rem,13vw,4.35rem); }
  .cr-intro__lead { font-size: 1.03rem; line-height: 1.72; }
  .cr-intro__signals b { display: none; }
  .cr-intro__signals span { width: 100%; justify-content: center; }
  .cr-v3-hero-lens { margin-top: 20px; text-align: left; }
  .cr-v3-hero-lens__tabs { width: 100%; }
  .cr-intro__facts { display: grid; grid-template-columns: 1fr; gap: 11px; margin-top: 25px; padding-top: 20px; text-align: left; }
  .cr-intro__facts article,
  .cr-intro__facts article:first-child { padding: 12px 0; border: 0; border-top: 1px solid rgba(16,42,51,.1); }
  .cr-intro__facts article:first-child { border-top: 0; }
  .cr-proof { padding: 14px 0; }
  .cr-proof article { min-height: 0; }
  .cr-v3-page-rail {
    top: calc(var(--header-height,72px) + 12px);
    padding: 7px 0;
  }
  .cr-v3-page-rail .container { width: min(calc(100% - 16px),var(--container)); }
  .cr-v3-page-rail__inner { display: block; min-height: 54px; padding: 6px 8px; border-radius: 17px; }
  .cr-v3-page-rail__links { justify-content: flex-start; gap: 2px; padding-bottom: 1px; }
  .cr-v3-page-rail__links a { padding: 11px 10px; font-size: .82rem; }
  .cr-v3-match-section { padding: 94px 0 104px; }
  .cr-v3-match { margin-top: 34px; }
  .cr-v3-match__controls { grid-template-columns: 1fr; padding: 12px; border-radius: 26px; }
  .cr-v3-match__control-group { padding: 14px; }
  .cr-v3-match__choices { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cr-v3-match__visual { min-height: 600px; border-width: 8px; border-radius: 34px 34px 76px 34px; }
  .cr-v3-match__signal-map { width: 94%; top: 18px; right: -28px; }
  .cr-v3-match__visual-copy { right: 22px; bottom: 24px; left: 22px; }
  .cr-v3-match__visual-copy h3 { font-size: 2.15rem; }
  .cr-v3-match__result { grid-template-columns: 1fr; gap: 17px; padding: 20px; border-radius: 26px; }
  .cr-v3-match__result-top,
  .cr-v3-match__result > h3,
  .cr-v3-match__result > p,
  .cr-v3-match__facts,
  .cr-v3-match__questions,
  .cr-v3-match__actions,
  .cr-v3-match__disclosure { grid-column: 1; grid-row: auto; margin: 0; }
  .cr-v3-match__result > h3 { font-size: 1.75rem; }
  .cr-v3-match__questions { padding: 17px; }
  .cr-v3-context-stack > div { grid-template-columns: 1fr; gap: 6px; }
  .cr-flow__visual { min-height: 620px; }
  .cr-v3-journey-panel__top { align-items: stretch; flex-direction: column; }
  .cr-v3-journey-panel__tabs { width: 100%; }
  .cr-v3-journey-panel__progress { width: 100%; text-align: left; }
  .cr-v3-handoff { margin-block: 22px; }
}

@media (max-width: 420px) {
  .cr-intro h1 { font-size: clamp(2.75rem,13.2vw,3.55rem); letter-spacing: -.065em; }
  .cr-intro__actions .button { min-height: 58px; padding-inline: 16px; }
  .cr-v3-hero-lens { padding: 8px; border-radius: 20px; }
  .cr-v3-hero-lens__tabs { min-width: 0; }
  .cr-v3-hero-lens__tabs button { padding-inline: 8px; }
  .cr-v3-page-rail__links a { padding-inline: 9px; }
  .cr-v3-match__control-heading { grid-template-columns: 38px minmax(0,1fr); }
  .cr-v3-match__control-heading > span { width: 38px; height: 38px; }
  .cr-v3-match__choices button { min-height: 50px; padding-inline: 6px; }
  .cr-v3-match__visual { min-height: 570px; }
  .cr-v3-match__visual-copy h3 { font-size: 1.9rem; }
  .cr-v3-match__signals span { font-size: .82rem; }
  .cr-v3-journey-panel { padding: 16px; }
  .cr-v3-handoff > div { grid-template-columns: 36px minmax(0,1fr); padding: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-v3-match__route,
  .cr-v3-match__pulse::before,
  .cr-v3-match__pulse::after { animation: none !important; }
  .cr-v3-match__image,
  .cr-v3-page-rail__progress i,
  .cr-v3-journey-panel__progress b,
  .conference-room-page .mobile-cta { transition-duration: .01ms !important; }
}

@keyframes crV3Dash { to { stroke-dashoffset: -160; } }
@keyframes crV3Pulse {
  0% { opacity: .8; transform: scale(.72); }
  100% { opacity: 0; transform: scale(1.35); }
}

/* Boundary-width readability safeguard: the four agenda phase cards need
   enough horizontal room for complete labels before the mobile breakpoint. */
@media (max-width: 1120px) and (min-width: 721px) {
  .conference-room-page .cr-momentum__phases {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .conference-room-page .cr-momentum__phases button {
    min-width: 0;
  }
}

/* Readable momentum layout before the one-column base breakpoint. */
@media (min-width: 981px) and (max-width: 1180px) {
  .conference-room-page .cr-momentum {
    grid-template-columns: minmax(0, 1fr);
  }
  .conference-room-page .cr-momentum__stage {
    min-height: 620px;
  }
  .conference-room-page .cr-momentum__story {
    min-height: auto;
  }
  .conference-room-page .cr-momentum__phases button {
    min-width: 0;
  }
  .conference-room-page .cr-momentum__phases strong,
  .conference-room-page .cr-momentum__phases small {
    overflow-wrap: anywhere;
  }
}

/* Composer result must fully cover the live preview beneath it. The previous
   semi-transparent legacy layer allowed planning copy to ghost through the
   completed brief, reducing contrast and polish. */
.conference-room-page .cr-composer__result {
  background: linear-gradient(145deg,#0a313c,#05181f 78%);
}
