/* Suite MAX public experience v4. Scoped to the home and Lucia surfaces. */
.suite-page .home-hero h1 { max-width: 780px; font-size: clamp(3.9rem, 6.7vw, 6.7rem); }
.suite-page .home-hero__copy .lead { max-width: 680px; }
.suite-page .product-orbit { border-color: rgba(190,229,192,.27); box-shadow: 0 34px 100px rgba(0,0,0,.46), inset 0 1px rgba(255,255,255,.07); }
.suite-page .product-orbit__actions { margin-top: 18px; }
.suite-page .product-card::before {
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 3px;
  content: "";
  background: linear-gradient(90deg, var(--product-accent, var(--mineral)), transparent 72%);
}
.suite-page .product-card__body { position: relative; }
.suite-page .product-card__topline .eyebrow { color: var(--product-accent, var(--mineral-bright)); }
.suite-page .product-card__topline .eyebrow::before { display: none; }

.signal-standard { overflow: hidden; }
.signal-standard::before {
  position: absolute;
  top: -240px;
  left: 50%;
  width: 720px;
  height: 520px;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(98,177,113,.13), transparent 68%);
  content: "";
  transform: translateX(-50%);
}
.signal-chain {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.signal-chain li {
  position: relative;
  min-height: 168px;
  padding: 22px 20px;
  border: 1px solid var(--line);
  border-radius: 19px;
  background: linear-gradient(145deg, rgba(19,42,27,.88), rgba(10,24,15,.78));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.signal-chain li::after {
  position: absolute;
  top: 50%;
  right: -13px;
  z-index: 2;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: #0b1a11;
  color: var(--gold);
  content: "→";
  font-size: 12px;
  transform: translateY(-50%);
}
.signal-chain li:last-child::after { display: none; }
.signal-chain span { color: var(--gold); font-family: var(--font-display); font-size: 22px; }
.signal-chain b { display: block; margin: 25px 0 4px; color: var(--ivory); font-size: 14px; }
.signal-chain small { display: block; color: var(--muted); font-size: 12px; line-height: 1.45; }
.signal-scopes { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 18px; }
.signal-scopes article { padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: rgba(7,18,11,.58); }
.signal-scopes span { display: block; color: var(--mineral); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.signal-scopes b { display: block; margin: 6px 0 7px; color: var(--ivory); font-size: 13px; }
.signal-scopes small { display: block; color: var(--muted); font-size: 11px; line-height: 1.5; }

.suite-page .story-tab { grid-template-columns: 40px 1fr; }
.suite-page .story-tab[aria-selected="true"] { border-color: rgba(134,201,150,.34); background: linear-gradient(90deg, rgba(80,151,94,.15), rgba(80,151,94,.04)); }
.suite-page .product-screen { transform: perspective(1200px) rotateY(-1.2deg); transform-origin: left center; }
.lucia-promise { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 27px; padding: 0; list-style: none; }
.lucia-promise li { padding: 7px 10px; border: 1px solid rgba(197,229,199,.17); border-radius: 999px; background: rgba(5,15,8,.5); color: #c4d0c5; font-size: 11px; font-weight: 700; }
.preview-chat__foot { padding: 10px 18px 13px; border-top: 1px solid rgba(14,48,25,.1); color: #667268; font-size: 10px; font-weight: 700; text-align: center; }

/* Lucia v4 */
.lucia-page--v2 .lucia-stage { padding: 30px 0 82px; }
.lucia-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr);
  gap: 30px;
  align-items: stretch;
  min-height: 480px;
  padding: 34px;
  border: 1px solid rgba(190,226,192,.19);
  border-radius: 30px;
  background: linear-gradient(118deg, rgba(7,20,11,.99) 0%, rgba(7,20,11,.92) 52%, rgba(7,20,11,.18) 100%), url("/static/img/landing/lucia-producer-cinematic-v1.jpg") center / cover;
  box-shadow: var(--shadow);
}
.lucia-hero::after { position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 1px rgba(255,255,255,.07); content: ""; }
.lucia-hero__copy { position: relative; z-index: 1; align-self: center; max-width: 720px; padding: 22px 10px; }
.lucia-hero__copy h1 { max-width: 690px; margin: 18px 0 18px; font-size: clamp(3.3rem,5.8vw,6.2rem); }
.lucia-hero__copy > p { max-width: 670px; margin-bottom: 27px; color: #c1ccc2; font-size: 17px; }
.lucia-hero__facts { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 25px 0 0; padding: 0; color: #b8c4b9; font-size: 12px; font-weight: 700; list-style: none; }
.lucia-hero__facts li { display: inline-flex; align-items: center; gap: 8px; }
.lucia-hero__facts li::before { width: 7px; height: 7px; border: 1px solid var(--mineral); border-radius: 50%; content: ""; }
.lucia-hero__visual { position: relative; z-index: 1; align-self: end; justify-self: end; display: grid; justify-items: end; padding: 20px; color: var(--ivory); }
.lucia-hero__visual span { width: 88px; height: 88px; display: grid; place-items: center; border: 1px solid rgba(222,240,220,.35); border-radius: 28px; background: rgba(7,22,12,.7); font-family: var(--font-display); font-size: 36px; backdrop-filter: blur(12px); }
.lucia-hero__visual small { margin-top: 10px; color: #d4ddcf; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.lucia-route-picker { margin: 20px 0; padding: 27px; border: 1px solid var(--line); border-radius: 24px; background: rgba(13,29,19,.8); scroll-margin-top: 92px; }
.lucia-route-picker__head { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 22px; }
.lucia-route-picker__head h2 { margin: 8px 0 0; font-size: clamp(2rem,3.3vw,3.4rem); }
.lucia-route-picker__head > p { max-width: 390px; margin: 0; color: var(--muted); font-size: 13px; }
.lucia-route-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.lucia-route-grid .operation-product {
  min-height: 122px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 17px;
  border-radius: 17px;
  text-align: left;
}
.lucia-route-grid .operation-product:hover { border-color: rgba(151,218,160,.42); background: rgba(89,170,104,.08); }
.lucia-route-grid .operation-product[aria-pressed="true"] { border-color: rgba(151,218,160,.55); box-shadow: inset 0 0 0 1px rgba(151,218,160,.12); }
.operation-product__index { color: var(--gold); font-family: var(--font-display); font-size: 18px; }
.operation-product__copy { min-width: 0; }
.operation-product__copy b { display: block; color: var(--ivory); font-size: 13px; }
.operation-product__copy small { display: block; margin-top: 5px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.operation-product__arrow { color: var(--mineral-bright); font-size: 18px; }

.lucia-page--v2 .lucia-workspace { grid-template-columns: minmax(0,1.5fr) minmax(300px,.5fr); }
.lucia-page--v2 .chat-shell { min-height: 690px; grid-template-rows: auto minmax(300px,1fr) auto auto auto; }
.lucia-page--v2 .chat-shell[aria-busy="true"] { border-color: rgba(134,201,150,.43); }
.lucia-page--v2 .quick-button,
.lucia-page--v2 .retry-button,
.lucia-page--v2 .chat-restart { min-height: 44px; }
.operation-checklist { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.operation-checklist li { position: relative; padding-left: 21px; color: #aebcaf; font-size: 12px; }
.operation-checklist li::before { position: absolute; top: .65em; left: 0; width: 11px; height: 1px; background: var(--mineral); content: ""; }
.lucia-page--v2 .recommendation .button + .button { margin-top: 8px; }

.lucia-signal-guide { margin-top: 20px; padding: 34px; border: 1px solid var(--line); border-radius: 25px; background: linear-gradient(145deg, rgba(19,42,27,.8), rgba(9,22,14,.75)); }
.lucia-signal-guide__head { display: flex; align-items: end; justify-content: space-between; gap: 34px; margin-bottom: 25px; }
.lucia-signal-guide__head h2 { max-width: 720px; margin: 8px 0 0; font-size: clamp(2.2rem,4vw,4rem); }
.lucia-signal-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.lucia-signal-steps li { min-height: 98px; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: rgba(4,15,8,.45); }
.lucia-signal-steps span { display: block; color: var(--gold); font-family: var(--font-display); font-size: 18px; }
.lucia-signal-steps b { display: block; margin-top: 17px; color: var(--ivory); font-size: 12px; }

.lucia-boundaries { display: grid; grid-template-columns: .82fr 1fr 1fr; gap: 13px; margin-top: 20px; }
.lucia-boundaries__intro,
.boundary-card { padding: 27px; border: 1px solid var(--line); border-radius: 22px; background: rgba(13,29,19,.72); }
.lucia-boundaries__intro h2 { margin: 10px 0 12px; font-size: clamp(2rem,3.2vw,3.3rem); }
.lucia-boundaries__intro p { margin: 0; color: var(--muted); font-size: 13px; }
.boundary-card > span { display: inline-flex; padding: 5px 9px; border-radius: 999px; color: var(--mineral-bright); background: rgba(80,151,94,.12); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.boundary-card--cannot > span { color: #efc28c; background: rgba(215,182,107,.11); }
.boundary-card ul { display: grid; gap: 11px; margin: 20px 0 0; padding: 0; list-style: none; }
.boundary-card li { position: relative; padding-left: 20px; color: #b7c2b8; font-size: 12px; line-height: 1.5; }
.boundary-card li::before { position: absolute; left: 0; top: .67em; width: 10px; height: 1px; background: var(--mineral); content: ""; }
.boundary-card--cannot li::before { background: var(--gold); }
.lucia-offline-note { grid-column: 1 / -1; display: grid; grid-template-columns: 210px 1fr; gap: 20px; padding: 18px 22px; border: 1px solid rgba(215,182,107,.18); border-radius: 17px; background: rgba(61,53,29,.2); }
.lucia-offline-note b { color: var(--gold); font-size: 12px; }
.lucia-offline-note span { color: #b8b9aa; font-size: 12px; }

@media (max-width: 1040px) {
  .signal-chain { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .signal-chain li::after { display: none; }
  .signal-scopes { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lucia-hero { grid-template-columns: 1fr minmax(230px,.42fr); min-height: 440px; }
  .lucia-route-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lucia-page--v2 .lucia-workspace { grid-template-columns: 1fr; }
  .lucia-page--v2 .operation-panel { grid-template-columns: 1fr 1fr; }
  .lucia-page--v2 .privacy-note { grid-column: 1 / -1; }
  .lucia-boundaries { grid-template-columns: 1fr 1fr; }
  .lucia-boundaries__intro { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .suite-page .home-hero h1 { font-size: clamp(3rem,14.4vw,4.45rem); }
  .suite-page .product-screen { transform: none; }
  .signal-chain { grid-template-columns: 1fr; gap: 8px; }
  .signal-chain li { min-height: 92px; display: grid; grid-template-columns: 46px 1fr; grid-template-rows: auto auto; align-items: center; padding: 17px; }
  .signal-chain span { grid-row: 1 / -1; }
  .signal-chain b { margin: 0; }
  .signal-chain small { grid-column: 2; }
  .signal-scopes { grid-template-columns: 1fr; }
  .lucia-page--v2 .lucia-stage { padding-top: 18px; }
  .lucia-hero { grid-template-columns: 1fr; min-height: auto; padding: 23px; background: linear-gradient(0deg, rgba(7,20,11,.98) 0%, rgba(7,20,11,.87) 66%, rgba(7,20,11,.25) 100%), url("/static/img/landing/lucia-producer-cinematic-v1.jpg") 58% center / cover; }
  .lucia-hero__copy { padding: 150px 0 0; }
  .lucia-hero__copy h1 { font-size: clamp(3rem,14vw,4.25rem); }
  .lucia-hero__copy > p { font-size: 15px; }
  .lucia-hero__visual { display: none; }
  .lucia-route-picker { padding: 21px; }
  .lucia-route-picker__head { display: block; }
  .lucia-route-picker__head > p { margin-top: 12px; }
  .lucia-route-grid { grid-template-columns: 1fr 1fr; }
  .lucia-route-grid .operation-product { min-height: 112px; grid-template-columns: auto minmax(0,1fr); }
  .operation-product__arrow { display: none; }
  .lucia-page--v2 .chat-shell { min-height: calc(100svh - 96px); grid-template-rows: auto minmax(260px,1fr) auto auto auto; }
  .lucia-page--v2 .operation-panel { grid-template-columns: 1fr; }
  .lucia-page--v2 .privacy-note { grid-column: auto; }
  .lucia-signal-guide { padding: 24px 20px; }
  .lucia-signal-guide__head { display: block; }
  .lucia-signal-steps { overflow-x: auto; grid-template-columns: repeat(5,minmax(132px,1fr)); padding-bottom: 7px; scroll-snap-type: x proximity; }
  .lucia-signal-steps li { scroll-snap-align: start; }
  .lucia-boundaries { grid-template-columns: 1fr; }
  .lucia-boundaries__intro { grid-column: auto; }
  .lucia-offline-note { grid-column: auto; grid-template-columns: 1fr; gap: 5px; }
}

@media (max-width: 520px) {
  .lucia-route-grid { grid-template-columns: 1fr; }
  .lucia-route-grid .operation-product { min-height: 92px; }
  .lucia-hero__actions .button { width: 100%; }
  .lucia-signal-steps { overflow-x: visible; grid-template-columns: 1fr; padding-bottom: 0; scroll-snap-type: none; }
  .lucia-signal-steps li { min-height: 82px; }
}

/* Landing marketing v5: clearer value hierarchy and stronger mobile legibility. */
.suite-page .home-hero h1,
.suite-page .section-head h2,
.suite-page .product-card__body h3,
.suite-page .proof-note h2,
.suite-page .final-cta h2 { text-wrap: balance; overflow-wrap: anywhere; }
.suite-page .home-hero__copy .lead { font-size: clamp(1rem, 1.35vw, 1.12rem); line-height: 1.68; }
.suite-page .product-card__question { font-size: 12px; line-height: 1.45; }
.suite-page .product-card__purpose,
.suite-page .product-card__cap-title {
  display: block;
  color: var(--product-accent, var(--mineral-bright));
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.suite-page .product-card__purpose { margin: 0 0 7px; }
.suite-page .product-card__cap-title { margin: 18px 0 9px; }
.suite-page .product-card__body p { margin-bottom: 0; font-size: 14px; }
.suite-page .capability-list { margin-bottom: 14px; }
.suite-page .capability-list li { font-size: 11.5px; line-height: 1.35; }
.suite-page .product-card .card-actions .text-link,
.suite-page .product-orbit__actions .text-link { min-height: 44px; padding-block: 8px; }
.suite-page .rail-item b,
.suite-page .rail-item span { overflow-wrap: anywhere; }

@media (hover: none) {
  .suite-page .product-card:hover .product-card__image img { transform: none; }
}

@media (max-width: 760px) {
  .suite-page .product-card__body p { font-size: 14.5px; line-height: 1.6; }
  .suite-page .capability-list li { font-size: 12px; }
  .suite-page .product-screen__media { aspect-ratio: 4 / 3; overflow: hidden; }
  .suite-page .product-screen__media img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
}

@media (max-width: 420px) {
  .suite-page .section-rail__inner { grid-template-columns: 1fr; }
  .suite-page .rail-item,
  .suite-page .rail-item:nth-child(2),
  .suite-page .rail-item:nth-child(n+3) { border-right: 0; border-bottom: 1px solid var(--line); }
  .suite-page .rail-item:last-child { border-bottom: 0; }