/* VOLENG V50 — marketing design layer.
   Scope is deliberately limited to the three localized marketing homepages.
   No changes to authentication, entitlements, pricing, Stripe or product JS. */
body.v50-home {
  --v50-ink: #172740;
  --v50-muted: #53657b;
  --v50-accent: #215dcc;
  --v50-accent-hover: #194aa8;
  --v50-line: #dce5ed;
  --v50-surface: #fff;
  --v50-soft: #f6f8fa;
  --v50-radius: 18px;
  --v50-shadow: 0 12px 34px rgba(23,46,72,.07);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--v50-ink);
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
body.v50-home *,body.v50-home *::before,body.v50-home *::after {box-sizing:border-box}
body.v50-home :is(a,button,input,select,summary):focus-visible {
  outline: 3px solid #397cef !important;
  outline-offset: 3px;
}
body.v50-home .site-head {
  background: rgba(255,255,255,.96)!important;
  border-bottom: 1px solid var(--v50-line)!important;
  box-shadow: none!important;
}
body.v50-home .site-head .nav-row {min-height:76px}
body.v50-home .primary-nav a {font-weight:600!important;color:#40536a!important}
body.v50-home .primary-nav a:hover {color:var(--v50-accent)!important}
body.v50-home .site-head .logo b {font-weight:780!important;letter-spacing:.055em}
body.v50-home .nav-book {
  border-radius:11px!important;
  background:var(--v50-accent)!important;
  box-shadow:0 5px 14px rgba(33,93,204,.13)!important;
}
body.v50-home .sign-in{font-weight:650!important}
/* Hero: retain the original editorial photograph and stop image masking/cropping. */
body.v50-home section.hero {
  background: linear-gradient(112deg,#fff 0%,#f9fbfd 58%,#ecf5f9 100%)!important;
  border-bottom:1px solid #eef1f4;
  isolation:isolate;
}
body.v50-home section.hero::before {
  background-image:radial-gradient(#b6c8d7 .75px,transparent .85px)!important;
  background-size:23px 23px;opacity:.15!important;pointer-events:none;
}
body.v50-home section.hero::after {opacity:.22!important;pointer-events:none}
body.v50-home .v77-hero-layout {
  max-width:1340px!important;
  min-height:520px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.01fr) minmax(0,1fr)!important;
  gap:clamp(28px,4vw,72px)!important;
  align-items:center!important;
  padding:66px 32px 64px!important;
}
body.v50-home .v77-hero-copy {max-width:630px!important;padding:0!important}
body.v50-home .v77-eyebrow {
  display:inline-flex!important;align-items:center!important;
  padding:0!important;border:0!important;
  box-shadow:none!important;background:transparent!important;
  font-size:11px!important;letter-spacing:.16em!important;
  font-weight:750!important;color:#2a628b!important;
}
body.v50-home .v77-eyebrow::before {background:#2983c0!important;box-shadow:0 0 0 4px #dceefa!important}
body.v50-home .v77-hero-copy h1 {
  color:var(--v50-ink)!important;
  font-size:clamp(43px,4.25vw,64px)!important;
  line-height:1.105!important;
  font-weight:720!important;
  letter-spacing:-.052em!important;
  max-width:670px!important;
  margin:22px 0 20px!important;
}
body.v50-home .v77-hero-copy h1 em {
  color:var(--v50-accent)!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  font-style:normal!important;
  font-weight:720!important;
}
body.v50-home .v77-hero-copy>p {
  max-width:550px!important;color:var(--v50-muted)!important;
  font-size:clamp(16px,1.25vw,18px)!important;
  line-height:1.72!important;
}
body.v50-home .v77-hero-actions {gap:12px!important;margin-top:28px!important}
body.v50-home .v77-btn {
  border-radius:12px!important;
  min-height:50px!important;
  padding:12px 22px!important;
  font-weight:670!important;font-size:14px!important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
body.v50-home .v77-btn-blue {
  color:white!important;background:var(--v50-accent)!important;
  border:1px solid var(--v50-accent)!important;
  box-shadow:0 8px 18px rgba(33,93,204,.14)!important;
}
body.v50-home .v77-btn-blue:hover {background:var(--v50-accent-hover)!important;transform:translateY(-1px)!important}
body.v50-home .v77-btn-white {background:#fff!important;color:var(--v50-accent)!important;border:1px solid #bfcfdf!important;box-shadow:none!important}
body.v50-home .v77-proof {color:#5b6c7e!important;font-size:12px!important;font-weight:570!important;line-height:1.5}
body.v50-home .v77-hero-photo {
  position:relative!important;
  width:100%!important;height:auto!important;
  aspect-ratio:656/333!important;
  overflow:hidden!important;
  border:1px solid #d8e3ec!important;
  border-radius:20px!important;
  background:#e9f4f9!important;
  box-shadow:0 24px 50px rgba(22,61,90,.11)!important;
  filter:none!important;
}
body.v50-home .v77-hero-photo>img {
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;
  aspect-ratio:auto!important;object-fit:contain!important;
  object-position:center!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;filter:none!important;
  transform:none!important;mask-image:none!important;-webkit-mask-image:none!important;
}
body.v50-home .v77-hero-photo::after{display:none!important}
body.v50-home .v27-confidence-bar {
  margin-top:0!important;margin-bottom:0!important;
  border:0!important;border-bottom:1px solid var(--v50-line)!important;
  border-radius:0!important;box-shadow:none!important;
  background:#fff!important;padding:22px 12px!important;
}
body.v50-home .v27-confidence-intro strong{color:var(--v50-ink)!important}
body.v50-home .v27-confidence-intro small{color:var(--v50-muted)!important}
/* An honest, five-product navigation — no duplicate sales cards or invented testimonials. */
body.v50-home .v50-product-index {
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:24px 30px 10px;max-width:1350px;margin-inline:auto;
}
body.v50-home .v50-product-index-label {
  color:#607187;font-size:11px;line-height:1.5;
  letter-spacing:.09em;text-transform:uppercase;font-weight:750;white-space:nowrap;
}
body.v50-home .v50-product-index-links {display:flex;flex:1;gap:9px;flex-wrap:wrap}
body.v50-home .v50-product-index-links a {
  min-height:39px;display:inline-flex;align-items:center;gap:8px;
  color:#28455f;background:#f8fafc;border:1px solid #e1e8ef;
  padding:8px 13px;text-decoration:none;border-radius:10px;
  font-size:12.5px;font-weight:660;white-space:nowrap;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
body.v50-home .v50-product-index-links a:hover{background:#eef5fe;border-color:#adc9ec;color:var(--v50-accent)}
body.v50-home .v50-product-index-links a::before{content:"";height:7px;width:7px;border-radius:50%;background:#477ec8}
body.v50-home .v50-product-index-links a:nth-child(2)::before{background:#299887}
body.v50-home .v50-product-index-links a:nth-child(3)::before{background:#7d67ac}
body.v50-home .v50-product-index-links a:nth-child(4)::before{background:#d07648}
body.v50-home .v50-product-index-links a:nth-child(5)::before{background:#b48b47}
/* Product story: readable two-column editorial layout, each product remains its own card. */
body.v50-home .v772-stories {background:#fff!important;padding:72px 0 88px!important}
body.v50-home .v772-stories>.wrap {max-width:1350px!important}
body.v50-home .v772-stories .v772-section-head {margin-bottom:28px!important}
body.v50-home .v772-stories .v772-section-head h2,
body.v50-home #suites h2,
body.v50-home .v772-apps h2,
body.v50-home .vs-needs h2,
body.v50-home .faq-section h2 {
  color:var(--v50-ink)!important;
  font-weight:700!important;letter-spacing:-.047em!important;line-height:1.13!important;
}
body.v50-home .v772-stories .v772-section-head p {color:var(--v50-muted)!important;font-size:15px!important;line-height:1.7!important}
body.v50-home .v772-stories-grid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;
}
body.v50-home .v27-showcase-card {
  background:#fff!important;border:1px solid var(--v50-line)!important;
  box-shadow:var(--v50-shadow)!important;
  border-radius:20px!important;min-height:505px!important;
  overflow:hidden!important;transform:none;
}
body.v50-home .v27-showcase-card:hover {box-shadow:0 18px 40px rgba(23,46,72,.10)!important;border-color:#b8cddd!important;transform:translateY(-2px)!important}
body.v50-home .v27-showcase-card::before {height:3px!important;opacity:.68!important}
body.v50-home .v27-showcase-card .v772-story-text {padding:28px 29px 8px!important;min-height:0!important}
body.v50-home .v27-showcase-card h3 {font-size:clamp(24px,2.4vw,31px)!important;font-weight:690!important;margin:16px 0 12px!important;line-height:1.17!important;color:var(--v50-ink)!important}
body.v50-home .v27-showcase-card p {font-size:14px!important;line-height:1.65!important;max-width:520px!important;color:var(--v50-muted)!important;display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}
body.v50-home .v27-showcase-card .v26-card-who {border-color:#e3eaf0!important;color:#54667b!important;background:#f8fafb!important}
body.v50-home .v27-showcase-card .v772-story-visual {height:246px!important;padding:10px 19px 0!important;margin-top:0!important}
body.v50-home .v27-showcase-card .v772-story-visual img {object-fit:contain!important;border-radius:12px!important}
body.v50-home .v27-showcase-card .v27-features {min-height:0!important;padding:12px 22px 18px!important;gap:7px!important}
body.v50-home .v27-showcase-card .v27-features li {background:#f5f8fb!important;color:#455b73!important;border:1px solid #e6edf2!important;font-size:11px!important;padding:5px 9px!important}
body.v50-home .v27-showcase-card .v772-story-link {color:var(--v50-accent)!important;font-weight:700!important}
body.v50-home .v27-showcase-card .v30-show-more {background:white!important;border-color:#c9d9e6!important;color:#385e82!important;font-weight:650!important}
body.v50-home .v27-showcase-card .v30-show-more:hover {background:#f4f8fc!important}
/* Keep Rooms as one standalone product, not a decorative footnote or a second suite. */
body.v50-home .v26-product-rooms {
  display:grid!important;grid-column:1/-1!important;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr)!important;
  grid-template-rows:1fr auto auto!important;min-height:342px!important;
  background:#f9fbfc!important;
}
body.v50-home .v26-product-rooms .v772-story-text {grid-column:1!important;grid-row:1!important;padding:36px 36px 8px!important}
body.v50-home .v26-product-rooms .v772-story-visual {grid-column:2!important;grid-row:1 / 3!important;height:300px!important;padding:16px 20px 0!important;margin:0!important}
body.v50-home .v26-product-rooms .v26-room-quote {grid-column:1!important;grid-row:2!important;padding:0 36px 22px!important}
body.v50-home .v26-product-rooms .v27-features {grid-column:1/-1!important;grid-row:3!important}
/* Supporting sections all share the same surface, type and spacing rules. */
body.v50-home #suites.v30-suites-section {scroll-margin-top:94px;padding-top:70px!important;padding-bottom:74px!important;background:#f5f8fa!important;border-color:#e2eaf0!important}
body.v50-home .v30-suite {border:1px solid var(--v50-line)!important;border-radius:17px!important;box-shadow:0 6px 21px rgba(28,49,73,.045)!important}
body.v50-home .v30-suite:hover {box-shadow:0 12px 28px rgba(28,49,73,.085)!important}
body.v50-home .v772-apps {background:#fff!important}
body.v50-home .v772-app-card {border-radius:16px!important;box-shadow:0 5px 18px rgba(28,49,73,.052)!important}
body.v50-home .v772-planning {background:#182e46!important}
body.v50-home .v772-level {border-radius:16px!important}
body.v50-home .vs-needs {background:#f7f9fb!important}
body.v50-home .vs-need-proposal {border-radius:18px!important}
body.v50-home .v52-pricing-bridge {background:#eaf2f9!important}
body.v50-home .faq-section {padding-top:70px!important;padding-bottom:70px!important}
body.v50-home .faq-stack details {border-radius:12px!important;border-color:var(--v50-line)!important}
body.v50-home .v49-close {background:#17324f!important}
body.v50-home .v49-close h2{color:white!important}
body.v50-home .site-footer {background:#f7f9fb!important;border-top:1px solid var(--v50-line)!important}
/* Modal uses existing JS, with unobtrusive presentation improvements only. */
body.v50-home .v30-detail {border-radius:20px!important}
body.v50-home .v30-detail-close{background:#eef3f7!important;color:#253d59!important}
@media(max-width:1100px){
  body.v50-home .site-head .nav-row{gap:10px!important}
  body.v50-home .site-head .nav-right{gap:8px!important}
  body.v50-home .v77-hero-layout{gap:25px!important;min-height:0!important;padding:56px 24px!important}
  body.v50-home .v77-hero-copy h1{font-size:clamp(40px,4.7vw,54px)!important}
  body.v50-home .v772-stories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v50-home .v50-product-index{padding-inline:22px}
}
@media(max-width:760px){
  body.v50-home .site-head .nav-row{min-height:68px}
  body.v50-home .v77-hero-layout{display:flex!important;flex-direction:column!important;gap:28px!important;padding:42px 19px 36px!important}
  body.v50-home .v77-hero-copy{width:100%!important;max-width:none!important}
  body.v50-home .v77-hero-copy h1{font-size:clamp(39px,8.5vw,54px)!important;line-height:1.11!important}
  body.v50-home .v77-hero-photo{width:100%!important;height:auto!important;aspect-ratio:656/333!important;border-radius:17px!important;margin:0!important}
  body.v50-home .v77-hero-photo>img{object-fit:contain!important;object-position:center!important}
  body.v50-home .v27-confidence-bar{margin:0!important;padding:19px 18px!important;border-radius:0!important}
  body.v50-home .v50-product-index{display:block;padding:24px 19px 6px}
  body.v50-home .v50-product-index-label{display:block;margin-bottom:11px}
  body.v50-home .v50-product-index-links{gap:8px}
  body.v50-home .v772-stories{padding:56px 0 68px!important}
  body.v50-home .v772-stories-grid{grid-template-columns:1fr!important;gap:17px!important}
  body.v50-home .v27-showcase-card{grid-column:1!important;min-height:0!important}
  body.v50-home .v27-showcase-card .v772-story-text{padding:24px 23px 6px!important}
  body.v50-home .v27-showcase-card h3{font-size:26px!important}
  body.v50-home .v27-showcase-card .v772-story-visual{height:230px!important;padding:5px 14px!important}
  body.v50-home .v27-showcase-card .v27-features{padding:8px 17px 18px!important}
  body.v50-home .v26-product-rooms{display:flex!important;flex-direction:column!important;grid-column:1!important;min-height:0!important}
  body.v50-home .v26-product-rooms .v772-story-text{padding:24px 23px 6px!important}
  body.v50-home .v26-product-rooms .v772-story-visual{height:240px!important;padding:7px 14px!important;grid-row:auto!important;grid-column:auto!important}
  body.v50-home .v26-product-rooms .v26-room-quote{padding:0 23px 15px!important;grid-row:auto!important;grid-column:auto!important}
  body.v50-home .v26-product-rooms .v27-features{grid-row:auto!important;grid-column:auto!important}
  body.v50-home #suites.v30-suites-section{padding:52px 20px!important}
}
@media(max-width:460px){
  body.v50-home .v77-hero-copy h1{font-size:40px!important}
  body.v50-home .v77-hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  body.v50-home .v77-hero-actions a{width:100%;justify-content:center}
  body.v50-home .v50-product-index-links a{font-size:12px;padding:8px 11px}
}
@media(prefers-reduced-motion:reduce){
  body.v50-home .v27-showcase-card,
  body.v50-home .v77-btn,
  body.v50-home .v30-suite,
  body.v50-home .v50-product-index-links a {transition:none!important;transform:none!important}
}