/* Marketing companion to landing-material-20260914.css.
   Scoped to the try-a-demo page. Restyles the concierge demo into the
   light portal/landing system (cloudy canvas, white glass, tight type,
   blue serif accents) without touching its behavior or JS hooks. */
body.try-polished {
  --try-ink: #182536;
  --try-muted: #516378;
  --try-blue: #0069df;
  --try-line: rgba(39,66,98,.13);
  --try-glass: linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,255,255,.28) 55%, rgba(238,248,255,.38));
  --try-shadow: inset 0 1px 0 rgba(255,255,255,.8), inset 0 -1px 0 rgba(255,255,255,.24), 0 2px 5px rgba(34,62,98,.035), 0 16px 40px -12px rgba(34,62,98,.18);
  --try-cta: linear-gradient(#087af2, #0068de);
  --try-font: -apple-system, BlinkMacSystemFont, "Geist", "Segoe UI", sans-serif;
  font-family: var(--try-font);
  color: var(--try-ink);
  background: radial-gradient(ellipse at 12% 12%, rgba(255,255,255,.85), transparent 52%),
    radial-gradient(ellipse at 94% 38%, rgba(161,198,232,.48), transparent 54%),
    radial-gradient(ellipse at 42% 94%, rgba(244,249,255,.7), transparent 56%),
    linear-gradient(155deg, #e8f2fa, #c9ddf0);
  background-attachment: fixed;
}

/* Lose the dark hero photograph and its overlays; the canvas carries the page. */
.try-polished .try-stage {
  background: transparent;
  color: var(--try-ink);
}
.try-polished .try-night {
  background: transparent;
  border-radius: 0;
}
.try-polished .try-night::before { content: none; }
.try-polished .concierge-night { background: transparent; }
.try-polished .concierge-night::before { content: none; }

/* Use the landing header's container, insets and control height. */
.try-polished .concierge-night { padding-top: 96px; }
.try-polished .try-page-nav {
  position: absolute;
  inset: 4px 0 auto;
  width: min(1192px, calc(100% - 48px));
  min-height: 58px;
  margin-inline: auto;
  padding: 8px 12px 8px 16px;
  border: 1px solid transparent;
  gap: 8px;
}
.try-polished .try-page-nav .brand-lockup { gap: 6px; align-items: center; }
.try-polished .try-back { min-height: 44px; display: inline-flex; align-items: center; }

/* Page nav: transparent, landing-style lockup, light glass Back pill. */
.try-polished .try-page-nav .brand-lockup { color: var(--try-ink); text-shadow: none; }
.try-polished .try-page-nav .brand-lockup img { width: 40px; height: 40px; filter: brightness(0); }
.try-polished .try-page-nav .brand-lockup strong {
  font-size: 17px; font-weight: 650; letter-spacing: -.035em;
}
.try-polished .try-back {
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 999px;
  background: var(--try-glass);
  color: var(--try-ink);
  box-shadow: var(--try-shadow);
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
  backdrop-filter: blur(20px) saturate(1.3);
}
.try-polished .try-back::after { content: none; }

/* Intro: landing eyebrow, tight ink headline, blue serif accent. */
.try-polished .try-kicker {
  color: var(--try-blue);
  font-family: var(--try-font);
  font-size: 13px; font-weight: 600; letter-spacing: .01em;
  text-transform: none;
}
.try-polished .concierge-intro h1 {
  color: var(--try-ink);
  font-size: clamp(52px, 6.2vw, 92px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.05em;
  text-shadow: none;
}
.try-polished .concierge-intro h1 em {
  display: inline;
  margin-top: 0;
  color: var(--try-blue);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.05em;
  text-shadow: none;
}
.try-polished .concierge-lede {
  color: var(--try-muted);
  letter-spacing: -.02em;
  text-shadow: none;
}
.try-polished .concierge-prompts li {
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 999px;
  background: rgba(255,255,255,.4);
  color: var(--try-muted);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
  -webkit-backdrop-filter: blur(12px) saturate(1.25);
  backdrop-filter: blur(12px) saturate(1.25);
}

/* Call card: white glass, ink type. */
.try-polished .concierge-card {
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 24px;
  background: var(--try-glass);
  box-shadow: var(--try-shadow);
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  backdrop-filter: blur(24px) saturate(1.25);
}
.try-polished .concierge-card::after { content: none; }
.try-polished .concierge-card-top { color: var(--try-muted); }
.try-polished .concierge-live { color: var(--try-muted); }

/* Phone mark: blue rings on white glass. */
.try-polished .concierge-phone-mark i { border-color: rgba(0,105,223,.28); }
.try-polished .concierge-phone-core {
  border: 1px solid rgba(255,255,255,.8);
  background:
    radial-gradient(circle at 32% 26%, rgba(255,255,255,.75), transparent 38%),
    linear-gradient(150deg, rgba(255,255,255,.7), rgba(161,198,232,.5));
  color: var(--try-blue);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 40px -12px rgba(34,62,98,.28);
}

.try-polished .concierge-card-kicker { color: var(--try-muted); }
.try-polished .concierge-ready h2,
.try-polished .concierge-unavailable h2 {
  color: var(--try-ink);
  font-weight: 650;
  letter-spacing: -.04em;
}
.try-polished .concierge-unavailable > p:not(.concierge-card-kicker) { color: var(--try-muted); }

/* Mobile call button becomes the blue landing CTA. */
.try-polished .concierge-call {
  border: 1px solid rgba(0,91,200,.24);
  background: var(--try-cta);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(0,93,202,.16);
}
.try-polished .concierge-call small { color: #fff; }
.try-polished .concierge-call strong { color: rgba(255,255,255,.82); }
.try-polished .concierge-call-icon { background: rgba(255,255,255,.22); color: #fff; }

.try-polished .concierge-desktop-call {
  border: 1px solid rgba(255,255,255,.76);
  background: rgba(255,255,255,.42);
}
.try-polished .concierge-desktop-call span { color: var(--try-muted); }
.try-polished .concierge-desktop-call strong { color: var(--try-ink); }
.try-polished .concierge-desktop-call button { color: var(--try-blue); }
.try-polished .concierge-call-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}
.try-polished .concierge-call-actions :is(button, a) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  border-radius: 12px;
  font: 600 13px var(--try-font);
  text-decoration: none;
  cursor: pointer;
}
.try-polished #copy-demo-number {
  border: 1px solid rgba(0,105,223,.18);
  background: rgba(255,255,255,.55);
  color: var(--try-blue);
}
.try-polished .concierge-privacy { color: var(--try-muted); }

.try-polished .concierge-email {
  border: 1px solid rgba(0,105,223,.18);
  border-radius: 17px;
  background: rgba(0,105,223,.06);
  color: var(--try-ink);
}
.try-polished .concierge-email:hover {
  border-color: rgba(0,105,223,.34);
  background: rgba(0,105,223,.1);
  transform: translateY(-1px);
}
.try-polished .concierge-email span { color: var(--try-muted); }
.try-polished .concierge-status { color: var(--try-muted); }

/* After section: light divider, ink headline, blue CTA. */
.try-polished .concierge-after { border-top: 1px solid var(--try-line); }
.try-polished .concierge-after h2 {
  color: var(--try-ink);
  font-weight: 650;
  letter-spacing: -.04em;
}
.try-polished .concierge-after p:not(.try-kicker) { color: var(--try-muted); }
.try-polished .concierge-setup {
  border: 1px solid rgba(0,91,200,.24);
  border-radius: 12px;
  background: var(--try-cta);
  color: #fff;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 3px 8px rgba(0,93,202,.16);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.try-polished .concierge-setup:hover { background: linear-gradient(#0671e3, #005fcb); }

.try-polished :is(a, button):focus-visible {
  outline: 3px solid var(--try-blue);
  outline-offset: 4px;
}

@media (max-width: 700px) {
  .try-polished .try-stage { padding: 7px; }
  .try-polished .try-night {
    min-height: calc(100svh - 14px);
    border-radius: 20px;
    background-image: none;
    background-color: rgba(255,255,255,.28);
    border: 1px solid rgba(255,255,255,.6);
  }
  .try-polished .concierge-night { padding: 15px 15px 22px; border-radius: 0; border: 0; background: transparent; }
  .try-polished .concierge-night { padding-top: 96px; }
  .try-polished .try-page-nav { inset: 3px 0 auto; width: calc(100% - 24px); padding: 8px 10px; }
  .try-polished .try-page-nav .brand-lockup img { width: 36px; height: 36px; }
  .try-polished .try-page-nav .brand-lockup strong { font-size: 15px; }
  .try-polished .concierge-lede { font-size: clamp(13px, 3.8vw, 16px); }
  .try-polished .concierge-desktop-call { display: block; margin-top: 20px; padding: 14px; text-align: center; }
  .try-polished .concierge-qr-frame,
  .try-polished .concierge-desktop-call span { display: none; }
  .try-polished .concierge-intro h1 { font-size: clamp(44px, 13vw, 62px); line-height: 1; }
  .try-polished .concierge-intro h1 em { max-width: none; font-size: 1em; line-height: 1; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .try-polished .concierge-card { background: #eef5fb; }
  .try-polished .try-back,
  .try-polished .concierge-prompts li { background: #f4f9fd; }
}
@media (prefers-reduced-transparency: reduce) {
  .try-polished .concierge-card { background: #eef5fb; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .try-polished .try-back,
  .try-polished .concierge-prompts li { background: #f4f9fd; -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .try-polished .concierge-phone-mark i { animation: none; opacity: .35; }
  .try-polished .concierge-email,
  .try-polished .concierge-setup span { transition: none; }
}