/* V9 keeps the Rondaris identity and actual app captures; hierarchy is quieter. */
body.v9 .v5-demo-access {
  font-size: 12px;
  line-height: 1.7;
}
body.v9 .v9-hero {
  padding-top: 54px;
  padding-bottom: 0;
}
body.v9 .v9-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: 64px;
  align-items: center;
}
body.v9 .v9-hero .eyebrow { margin: 0 0 24px; }
body.v9 .v9-hero h1 {
  max-width: none;
  font-size: clamp(44px, 4.6vw, 62px);
  line-height: 1.08;
  letter-spacing: -.045em;
}
body.v9 .v9-hero h1 span { color: var(--sky); }
body.v9 .v9-hero-lead {
  margin: 24px 0 27px;
  max-width: 480px;
  font-size: 17px;
  line-height: 1.8;
  color: #d8e6ef;
}
body.v9 .v9-hero .v5-main-action { margin-top: 0; }
body.v9 .v9-hero .v5-demo-access { margin: 12px 0 0; color: #c1d4e3; }
body.v9 .v9-hero-proof {
  margin: 0;
  min-width: 0;
  color: var(--deep);
  background: #fff;
  border: 1px solid #c7dae6;
  border-radius: 9px;
  box-shadow: 0 24px 70px #0003;
  overflow: hidden;
}
body.v9 .v9-hero-screen {
  aspect-ratio: auto;
  overflow: visible;
  background: #fff;
}
body.v9 .v9-hero-screen picture { display: block; }
body.v9 .v9-hero-screen img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none;
  height: auto;
  position: static;
  object-fit: contain;
}
body.v9 .v9-hero-proof figcaption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 16px;
  font-size: 10px;
  color: var(--body);
  border-top: 1px solid var(--line);
}
body.v9 .v9-hero-proof .v5-zoom { min-height: 36px; font-size: 11px; }
body.v9 .v9-hero-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 30px;
  margin-top: 38px;
  padding: 21px 0;
  border-top: 1px solid #ffffff24;
  font-size: 11px;
  color: #bfd1df;
}
body.v9 .v9-hero-foot a { color: #edf5fa; text-underline-offset: 4px; }
body.v9 .v9-workflow {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 72px;
  padding-top: 88px;
  padding-bottom: 48px;
}
body.v9 .v9-workflow-copy > p:not(.eyebrow) {
  color: var(--body);
  font-size: 16px;
  line-height: 1.85;
  margin: 23px 0 26px;
  max-width: 440px;
}
body.v9 .v9-workflow h2 { font-size: clamp(31px, 3.3vw, 44px); line-height: 1.13; letter-spacing: -.035em; }
body.v9 .v9-work-steps { list-style: none; padding: 0; margin: 0 0 24px; }
body.v9 .v9-work-steps li { display: flex; gap: 19px; padding: 18px 0; border-top: 1px solid var(--line); }
body.v9 .v9-work-steps li > span { color: var(--blue); font: 11px/1.8 'IBM Plex Mono', monospace; padding-top: 1px; }
body.v9 .v9-work-steps h3 { font-size: 17px; line-height: 1.5; letter-spacing: -.02em; }
body.v9 .v9-work-steps p { color: var(--body); font-size: 14px; line-height: 1.75; margin: 5px 0 0; }
body.v9 .v9-workflow .v5-text-link { font-size: 13px; }
body.v9 .v9-workflow .v9-film-link { display: flex; margin-top: 22px; font-size: 13px; color: var(--blue); }
body.v9 .v9-workflow .v9-film-link .v5-play { border-color: var(--line); }
body.v9 .v9-workflow-preview { grid-column: auto; grid-row: auto; box-shadow: 0 12px 40px #0923400a; }
body.v9 .v9-workflow-preview .v7-preview-meta { font-size: 10px; }
body.v9 .v5-case { padding-top: 44px; padding-bottom: 76px; }
body.v9 .v5-case .v5-dossier { padding-top: 44px; border-top: 1px solid var(--line); }
body.v9 .v5-dossier h2 { font-size: clamp(30px, 3.3vw, 43px); }
body.v9 .v9-products { background: var(--soft); padding: 76px 0; }
body.v9 .v9-products > .container { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 72px; }
body.v9 .v9-products-heading h2 { font-size: clamp(32px,3.4vw,44px); line-height: 1.13; letter-spacing: -.035em; }
body.v9 .v9-products-heading > p:last-child { color: var(--body); font-size: 16px; line-height: 1.9; margin-top: 22px; max-width: 360px; }
body.v9 .v9-product-links { display: grid; grid-template-columns: 1fr 1fr; gap: 32px 36px; }
body.v9 .v9-product-links article { border-top: 1px solid #003e642c; padding-top: 18px; min-width: 0; }
body.v9 .v9-product-links h3 { font-size: 19px; line-height: 1.3; letter-spacing: -.025em; }
body.v9 .v9-product-links p { color: var(--body); font-size: 14px; line-height: 1.85; margin: 12px 0 13px; }
body.v9 .v9-product-links a { font-size: 12px; line-height: 1.8; }
body.v9 .v9-maker-actions { display: flex; gap: 15px 27px; flex-wrap: wrap; margin-top: 24px; }
body.v9 .v9-maker-actions .v5-text-link { margin: 0; font-size: 13px; }
body.v9 .v5-maker .v9-maker-stage { color: #bad0e0; border-top: 1px solid #ffffff26; margin-top: 30px; padding-top: 20px; font-size: 13px; line-height: 1.9; }
body.v9 .v9-maker-stage a { color: #e8f1f8; text-underline-offset: 4px; }
body.v9 .v5-finish { padding-top: 80px; padding-bottom: 64px; }
body.v9 .v5-finish .v5-demo-access { margin: 11px 0 21px; }
body.v9 .v9-finish-contact { display: inline-block; margin: 0; }
body.v9 .v9-preview-alternative { font-size: 12px; margin-top: 20px; }
body.v9 .v5-faq > details { border-bottom: 1px solid var(--line); }
body.v9 .v9-contact-concept-note { color: #c8dce9; font-size: 13px; line-height: 1.85; margin-top: 18px; }
body.v9 .v9-contact-concept-note a { color: #fff; text-underline-offset: 4px; }
@media (min-width: 1500px) { body.v9 .v9-hero h1 { font-size: 62px; } }
@media (max-width: 1050px) {
  body.v9 .v9-hero-grid { gap: 35px; }
  body.v9 .v9-hero h1 { font-size: 44px; }
  body.v9 .v9-hero-lead { font-size: 16px; }
  body.v9 .v9-workflow { gap: 36px; }
  body.v9 .v9-products > .container { grid-template-columns: 1fr; gap: 30px; }
  body.v9 .v9-products-heading { max-width: 650px; }
  body.v9 .v9-products-heading h2 br { display: none; }
  body.v9 .v9-products-heading > p:last-child { max-width: 600px; }
}
@media (min-width: 761px) and (max-width: 1050px) {
  /* Real app text needs room at tablet widths too. */
  body.v9 .v9-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  body.v9 .v9-hero h1 { font-size: 48px; }
  body.v9 .v9-hero-lead { max-width: 620px; }
  body.v9 .v9-hero-proof { width: min(100%, 620px); }
  body.v9 .v9-workflow { grid-template-columns: 1fr; gap: 32px; }
  body.v9 .v9-workflow-copy > p:not(.eyebrow) { max-width: 650px; }
  body.v9 .v9-work-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 0 35px; }
  body.v9 .v9-workflow-preview { width: min(100%, 620px); justify-self: center; }
}
@media (max-width: 760px) {
  body.v9 .v9-hero { padding-top: 34px; }
  body.v9 .v9-hero-grid { grid-template-columns: 1fr; gap: 27px; }
  body.v9 .v9-hero .eyebrow { margin-bottom: 17px; font-size: 9px; }
  body.v9 .v9-hero h1 { font-size: clamp(30px, 8.7vw, 49px); line-height: 1.12; }
  body.v9 .v9-hero-lead { margin: 17px 0 21px; font-size: 15px; line-height: 1.8; max-width: 520px; }
  body.v9 .v9-hero .v5-main-action { min-height: 48px; }
  body.v9 .v9-hero-proof figcaption { padding-inline: 12px; font-size: 9px; }
  body.v9 .v9-hero-foot { margin-top: 27px; padding-block: 17px; gap: 12px; font-size: 10px; line-height: 1.8; }
  body.v9 .v9-workflow { grid-template-columns: 1fr; padding-top: 51px; padding-bottom: 16px; gap: 30px; }
  body.v9 .v9-workflow-copy > p:not(.eyebrow) { font-size: 15px; margin-block: 18px; }
  body.v9 .v9-work-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; margin-bottom: 15px; }
  body.v9 .v9-work-steps li { gap: 11px; padding-block: 15px; }
  body.v9 .v9-work-steps h3 { font-size: 15px; }
  body.v9 .v9-work-steps p { font-size: 12px; line-height: 1.8; }
  body.v9 .v9-workflow .v9-film-link { margin-top: 16px; }
  body.v9 .v5-case { padding-top: 28px; padding-bottom: 50px; }
  body.v9 .v5-case .v5-dossier { padding-top: 30px; }
  body.v9 .v9-products { padding-block: 48px; }
  body.v9 .v9-products > .container { gap: 28px; }
  body.v9 .v9-products-heading h2 { font-size: 32px; }
  body.v9 .v9-products-heading > p:last-child { margin-top: 18px; font-size: 15px; }
  body.v9 .v9-product-links { gap: 26px 22px; }
  body.v9 .v9-product-links h3 { font-size: 17px; }
  body.v9 .v9-product-links p { font-size: 13px; }
  body.v9 .v9-product-links a { font-size: 12px; }
  body.v9 .v5-finish { padding-top: 49px; padding-bottom: 40px; }
}
@media (max-width: 420px) {
  body.v9 .v9-product-links { grid-template-columns: 1fr; gap: 23px; }
  body.v9 .v9-work-steps { grid-template-columns: 1fr; }
  body.v9 .v9-work-steps li { padding-block: 12px; }
  body.v9 .v9-work-steps p { font-size: 13px; }
}