/* Homepage composition inspired by the supplied enterprise references.
   Scope to home-modern: other marketing pages and workspace remain intact.
   Use Vitrio's existing font, colour tokens, assets and interaction scripts. */
.marketing-suite.home-modern {
  --home-accent-surface: color-mix(in srgb, var(--orange) 4%, var(--white, #fff));
  --home-accent-line: color-mix(in srgb, var(--orange) 20%, var(--line));
}
.marketing-suite.home-modern .hero {
  background: var(--white, #fff);
  background-image: radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--orange) 7%, transparent), transparent 64%);
  color: var(--ink);
  padding: 3.5rem 0 4rem;
  position: relative;
}
.marketing-suite.home-modern .hero::before {
  content: ''; display: block; position: absolute; inset: 0; width: auto; height: auto; transform: none; border: 0; border-radius: 0; filter: none; opacity: 1; pointer-events: none;
  background-image: linear-gradient(to right, color-mix(in srgb, var(--orange) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--orange) 5%, transparent) 1px, transparent 1px);
  background-size: 110px 110px;
  mask-image: linear-gradient(transparent, #000 45%, transparent);
}
.marketing-suite.home-modern .hero .hero-grid { display: flex; flex-direction: column; gap: 2.5rem; align-items: center; position: relative; max-width: 1760px; width: 100%; padding-inline: 4vw; }
.marketing-suite.home-modern .hero-grid > div:first-child { display: block; text-align: center; max-width: none; width: 100%; }
.marketing-suite.home-modern .hero .rule { display: none; }
.marketing-suite.home-modern .hero .eyebrow {
  display: inline-flex;
  padding: 8px 14px;
  border: 1px solid var(--home-accent-line);
  border-radius: 999px;
  background: var(--home-accent-surface);
}
.marketing-suite.home-modern .hero h1 { font-size: clamp(2.25rem, 3.35vw, 4.125rem); font-weight: 600; line-height: 1.18; max-width: none; margin: 1rem auto 1.5rem; }
.marketing-suite.home-modern .hero-headline-line { display: block; }
.marketing-suite.home-modern .hero-headline-line + .hero-headline-line { margin-top: .35em; }
@media (min-width: 1200px) { .marketing-suite.home-modern .hero-headline-line { white-space: nowrap; } }
.marketing-suite.home-modern .hero .lead { max-width: 1100px; margin: 0 auto 1.5rem; font-size: clamp(1.1875rem, 1.5vw, 1.75rem) !important; line-height: 1.5; color: var(--muted); }
.marketing-suite.home-modern .hero-ctas .btn { font-size: 1.125rem; }
/* Match the reference's desktop hierarchy without changing the font family. */
@media (min-width: 1241px) {
  .marketing-suite.home-modern .nav-inner { max-width: 1760px; padding-inline: 4vw; }
  .marketing-suite.home-modern .nav-drop-toggle,
  .marketing-suite.home-modern .nav-links > a.link { font-size: clamp(1rem, 1.1vw, 1.25rem); font-weight: 500; }
}
.marketing-suite.home-modern .hero-ctas { justify-content: center; }
.marketing-suite.home-modern .hero-reassurance { margin: .75rem 0; }
.marketing-suite.home-modern .booking-shortcut { font-size: .85rem; margin-top: .5rem; }
.marketing-suite.home-modern .hero .quick-fact { margin-left: .8rem; font-size: .85rem; }
.marketing-suite.home-modern .hero-compliance-strip { justify-content: center; max-width: 730px; margin-left: auto; margin-right: auto; }
.marketing-suite.home-modern .hcs-label { font-size: .7rem; letter-spacing: .04em; }
.marketing-suite.home-modern .hero .compliance-note { margin: .65rem 0 0; font-size: .75rem; }
.marketing-suite.home-modern .hero .product-preview { display: block; position: relative; width: 100%; max-width: 1160px; margin: 0; padding: 0 80px 26px; }
.marketing-suite.home-modern .procurement-preview { width: 100%; border-radius: 12px; box-shadow: 0 22px 64px color-mix(in srgb, var(--ink) 9%, transparent); transform: none; }
.marketing-suite.home-modern .section { padding-top: 4.5rem; padding-bottom: 4.5rem; }
.marketing-suite.home-modern .section-head { max-width: 850px; margin-bottom: 2.3rem; }
.marketing-suite.home-modern .section-head.center { margin-left: auto; margin-right: auto; }
.marketing-suite.home-modern .section h2 { font-size: clamp(1.625rem, 2.35vw, 2.125rem); font-weight: 500; line-height: 1.25; }
.marketing-suite.home-modern .gray { background: var(--home-accent-surface); }
.marketing-suite.home-modern .enterprise-benefits { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.marketing-suite.home-modern .enterprise-benefits-grid { padding: 1.7rem 0; }
.marketing-suite.home-modern .audience-card { border-radius: 10px; overflow: hidden; }
.marketing-suite.home-modern .quote-grid { gap: 1.5rem; }
.marketing-suite.home-modern .quote-card { border-radius: 10px; border: 1px solid var(--line); box-shadow: none; padding: 2rem; }
.marketing-suite.home-modern .quote-card blockquote { font-size: 1.125rem; font-weight: 400; line-height: 1.65; }
.marketing-suite.home-modern .trust-badges-row { gap: 1rem; }
.marketing-suite.home-modern .trust-badge { padding: 1.5rem; border-radius: 10px; border: 1px solid var(--line); background: var(--white, #fff); }
.marketing-suite.home-modern .vert-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; border: 0; padding: 0; max-width: none; }
.marketing-suite.home-modern .vert-step { margin: 0; padding: 1.5rem; border: 1px solid var(--line); border-radius: 10px; background: var(--white, #fff); }
.marketing-suite.home-modern .vert-step::before, .marketing-suite.home-modern .vert-step::after { display: none; }
.marketing-suite.home-modern .vert-step h3 { font-size: 1.15rem; line-height: 1.4; margin: 1rem 0 .8rem; }
.marketing-suite.home-modern .vert-step p { font-size: 1rem; line-height: 1.7; margin: 0; color: var(--muted); }
.marketing-suite.home-modern .workflow-step-number { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 7px; color: var(--orange-dark); font-size: .8rem; font-weight: 600; }
.marketing-suite.home-modern .connected-wheel-layout { gap: 3rem; }
.marketing-suite.home-modern .workflow-path { display: flex; gap: .75rem; flex-wrap: wrap; padding: 0; margin: 1.5rem 0; list-style: none; }
.marketing-suite.home-modern .workflow-path li { border: 1px solid var(--line); border-radius: 8px; padding: .75rem 1rem; font-size: .85rem; background: var(--white, #fff); }
.marketing-suite.home-modern .workflow-path span { color: var(--orange-dark); font-size: .7rem; display: block; margin-bottom: .25rem; }
.marketing-suite.home-modern .logo-pill { box-shadow: none; border-radius: 8px; }
html[data-theme=dark] .marketing-suite.home-modern .hero, html[data-theme=dark] .marketing-suite.home-modern .trust-badge, html[data-theme=dark] .marketing-suite.home-modern .vert-step, html[data-theme=dark] .marketing-suite.home-modern .workflow-path li { background: var(--gray-bg); }
html[data-theme=dark] .marketing-suite.home-modern .gray { background: var(--home-accent-surface); }
/* Desktop and mobile views use the same illustrative laboratory records. */
.marketing-suite.home-modern .preview-phone { position: absolute; bottom: 0; width: 190px; padding: 8px; border: 2px solid #363940; border-radius: 28px; background: #17191f; box-shadow: 0 15px 30px #1e202526; color: #1e2025; text-align: left; font-size: 10px; }
.marketing-suite.home-modern .preview-phone-stock { left: 0; transform: rotate(-3deg); }
.marketing-suite.home-modern .preview-phone-orders { right: 0; transform: rotate(3deg); }
@media (max-width: 900px) {
  .marketing-suite.home-modern .hero { padding-top: 3rem; }
  .marketing-suite.home-modern .hero .hero-grid { gap: 2rem; }
  .marketing-suite.home-modern .vert-timeline { grid-template-columns: 1fr; }
  .marketing-suite.home-modern .connected-wheel-layout { gap: 1.5rem; }
  .marketing-suite.home-modern .hero .product-preview { padding: 0; }
  .marketing-suite.home-modern .preview-phone { display: none; }
}
@media (max-width: 600px) {
  .marketing-suite.home-modern .hero { padding: 2.5rem 0 2rem; }
  .marketing-suite.home-modern .hero h1 { font-size: 2.5rem; }
  .marketing-suite.home-modern .hero .lead { font-size: 1.0625rem !important; }
  .marketing-suite.home-modern .hero .quick-fact { margin-left: 0; }
  .marketing-suite.home-modern .section { padding: 3rem 0; }
  .marketing-suite.home-modern .workflow-path { gap: .5rem; }
  .marketing-suite.home-modern .workflow-path li { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .marketing-suite.home-modern .hero .hero-grid > div { animation: none; } }

/* Alternating product story: desktop setup, mobile stock, desktop oversight. */
.marketing-suite.home-modern .workflow-showcase { display: grid; gap: 5rem; }
.marketing-suite.home-modern .workflow-showcase-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: 5rem; }
.marketing-suite.home-modern .workflow-showcase-row:nth-child(even) .workflow-showcase-copy { order: 2; }
.marketing-suite.home-modern .workflow-showcase-copy h3 { font-size: 1.5rem; font-weight: 500; line-height: 1.3; margin: 1rem 0; }
.marketing-suite.home-modern .workflow-showcase-copy p { font-size: 1.0625rem; line-height: 1.75; color: var(--muted); max-width: 460px; }
.marketing-suite.home-modern .workflow-device-stage { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 1.5rem; padding: 1.5rem 0; }
.marketing-suite.home-modern .workflow-device-stage {
  background: radial-gradient(ellipse, color-mix(in srgb, var(--orange) 9%, transparent), transparent 70%);
  border-radius: 24px;
}
.marketing-suite.home-modern .workflow-laptop { width: 100%; max-width: 560px; }
.marketing-suite.home-modern .workflow-laptop-screen { border: 9px solid #22252c; border-radius: 13px 13px 4px 4px; background: #fff; color: #1e2025; overflow: hidden; box-shadow: 0 14px 32px #1e20251a; }
.marketing-suite.home-modern .workflow-laptop-base { width: 106%; margin-left: -3%; height: 13px; background: linear-gradient(#d9dce1,#a6abb4); border-radius: 2px 2px 50% 50%; }
.marketing-suite.home-modern .workflow-handset { flex-shrink: 0; width: 220px; border: 9px solid #22252c; border-radius: 30px; background: #fff; color: #1e2025; overflow: hidden; box-shadow: 0 14px 32px #1e20251a; }
.marketing-suite.home-modern .workflow-link-card { padding: 20px; border: 1px solid var(--line); border-radius: 10px; max-width: 200px; }
.marketing-suite.home-modern .workflow-link-card i { display: block; color: var(--orange); font-size: 24px; margin-bottom: 14px; }
.marketing-suite.home-modern .workflow-link-card strong { display: block; font-size: 14px; }
.marketing-suite.home-modern .workflow-link-card span { display: block; margin-top: 8px; font-size: 12px; color: var(--muted); }
@media (max-width: 900px) {
  .marketing-suite.home-modern .workflow-showcase { gap: 3rem; }
  .marketing-suite.home-modern .workflow-showcase-row { grid-template-columns: 1fr; gap: 1rem; }
  .marketing-suite.home-modern .workflow-showcase-row:nth-child(even) .workflow-showcase-copy { order: initial; }
  .marketing-suite.home-modern .workflow-device-stage { gap: 1rem; }
}
@media (max-width: 480px) {
  .marketing-suite.home-modern .hero h1 { font-size: 2.15rem; }
  .marketing-suite.home-modern .workflow-device-stage { flex-direction: column; }
  .marketing-suite.home-modern .workflow-link-card { max-width: 100%; width: 100%; }
}

/* Supporting enterprise sections reuse the existing routes and logo data. */
.marketing-suite.home-modern { --home-strip-height: 40px; }
.marketing-suite.home-modern .site-nav { top: var(--home-strip-height); }
.marketing-suite.home-modern .home-positioning-strip { background: #14171e; color: #fff; font-size: 13px; padding: 10px 0; height: var(--home-strip-height); position: sticky; top: 0; z-index: 110; }
.marketing-suite.home-modern .home-positioning-strip .container { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.marketing-suite.home-modern .home-positioning-strip a { color: #fff !important; white-space: nowrap; font-size: 12px; }
.marketing-suite.home-modern .enterprise-benefits { background: var(--white,#fff); padding: 2rem 0; }
.marketing-suite.home-modern .enterprise-benefits-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; padding: 0; }
.marketing-suite.home-modern .enterprise-benefits-grid > div { border: 1px solid var(--line); border-radius: 5px; padding: 1.5rem 1.1rem; align-items: flex-start; }
.marketing-suite.home-modern .enterprise-benefits-grid strong { font-size: 17px; font-weight: 500; }
.marketing-suite.home-modern .enterprise-benefits-grid > div {
  background: var(--white, #fff);
  border-radius: 12px;
  gap: 14px;
}
.marketing-suite.home-modern .enterprise-benefits-grid i {
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: var(--home-accent-surface);
  color: var(--orange);
}
.marketing-suite.home-modern .enterprise-benefits-grid small { font-size: 13px; margin-top: 8px; }
.marketing-suite.home-modern .audience-scroll-wrap { max-width: 1280px; margin: auto; padding: 0 28px; }
.marketing-suite.home-modern .audience-scroll-track { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; width: auto; animation: none; }
.marketing-suite.home-modern .audience-card { background-image: none !important; background-color: var(--white,#fff); height: auto; min-height: 0; width: auto; padding: 0; color: var(--ink); border: 1px solid var(--line); border-radius: 5px; display: block; }
.marketing-suite.home-modern .audience-card::before, .marketing-suite.home-modern .audience-card::after { display: none; }
.marketing-suite.home-modern .home-industry-photo { display: block; width: 100%; height: 200px; object-fit: cover; }
.marketing-suite.home-modern .audience-card-body { position: static; padding: 1.5rem; background: none; color: var(--ink); }
.marketing-suite.home-modern .audience-card { border-radius: 14px; }
.marketing-suite.home-modern .audience-card-body strong { font-size: 20px; font-weight: 500; line-height: 1.35; color: var(--ink); }
.marketing-suite.home-modern .audience-card-body > span:not(.audience-tag):not(.audience-card-cta) { color: var(--muted); font-size: 15px; line-height: 1.6; }
.marketing-suite.home-modern .audience-card .audience-tag { color: var(--orange-dark); background: none; padding: 0; }
.marketing-suite.home-modern .audience-card-cta { color: var(--orange-dark); font-size: 14px; }
.marketing-suite.home-modern .home-security-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.marketing-suite.home-modern .home-security-grid article { background: var(--white,#fff); border: 1px solid var(--line); padding: 1.5rem; border-radius: 5px; }
.marketing-suite.home-modern .home-security-grid article { border-radius: 12px; }
.marketing-suite.home-modern .home-card-number { font-size: 12px; color: var(--orange-dark); }
.marketing-suite.home-modern .home-security-grid h3 { font-size: 20px; font-weight: 500; margin: 1rem 0 .75rem; }
.marketing-suite.home-modern .home-security-grid p { font-size: 16px; line-height: 1.7; color: var(--muted); margin: 0; }
.marketing-suite.home-modern .home-section-link { display: inline-block; margin-top: 1.75rem; font-size: 14px; }
.marketing-suite.home-modern .home-connection-map { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr); grid-template-rows: repeat(3,80px); gap: 25px 3rem; align-items: center; position: relative; max-width: 900px; margin: 3rem auto 1.5rem; }
.marketing-suite.home-modern .home-connection-lines { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.marketing-suite.home-modern .home-connection-lines path { stroke: var(--line); stroke-width: 2; fill: none; }
.marketing-suite.home-modern .home-connection-centre { grid-column: 2; grid-row: 2; z-index: 1; background: var(--white,#fff); padding: 1.5rem 1rem; border: 1px solid var(--line); border-radius: 12px; text-align: center; box-shadow: 0 8px 24px #1e202508; }
.marketing-suite.home-modern .home-connection-centre img { margin: 0 auto 8px; display: block; }
.marketing-suite.home-modern .home-connection-centre strong { display: block; font-size: 24px; }
.marketing-suite.home-modern .home-connection-centre span { display: block; font-size: 12px; color: var(--muted); }
.marketing-suite.home-modern .home-connection-node { z-index: 1; display: flex; align-items: center; gap: 12px; background: var(--white,#fff); padding: 1rem; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; }
.marketing-suite.home-modern .home-connection-node-1 { grid-area: 1 / 1; }.marketing-suite.home-modern .home-connection-node-2 { grid-area: 2 / 1; }.marketing-suite.home-modern .home-connection-node-3 { grid-area: 3 / 1; }
.marketing-suite.home-modern .home-connection-node-4 { grid-area: 1 / 3; }.marketing-suite.home-modern .home-connection-node-5 { grid-area: 2 / 3; }.marketing-suite.home-modern .home-connection-node-6 { grid-area: 3 / 3; }
.marketing-suite.home-modern .home-integration-note { text-align: center; max-width: 700px; margin: 0 auto 2rem; font-size: 13px; line-height: 1.7; color: var(--muted); }
.marketing-suite.home-modern .home-closing-cta { padding: 6rem 0; min-height: 500px; }
.marketing-suite.home-modern .home-closing-cta h2 { font-size: clamp(2rem,3.5vw,3rem); }
.marketing-suite.home-modern .home-closing-cta .cta-signin a { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
.marketing-suite.home-modern .home-closing-tools { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin: 0 auto 2.5rem; }
.marketing-suite.home-modern .home-closing-tools span { display: flex; gap: 10px; align-items: center; border: 1px solid #ffffff50; background: #ffffffee; color: #1e2025; border-radius: 6px; padding: .75rem 1rem; font-size: 13px; }
.marketing-suite.home-modern .product-screenshot-link { display: block; position: relative; color: var(--ink); }
.marketing-suite.home-modern .product-screenshot-link img { display: block; width: 100%; height: auto; }
.marketing-suite.home-modern .product-screenshot-link > span { position: absolute; bottom: 12px; right: 12px; padding: 10px 14px; border-radius: 6px; background: #fff; border: 1px solid #dfe1e1; color: #1e2025; font-size: 12px; box-shadow: 0 3px 12px #1e202515; }
.marketing-suite.home-modern .preview-phone { margin: 0; overflow: hidden; }
.marketing-suite.home-modern .preview-phone img { display: block; width: 100%; height: auto; border-radius: 20px; }
.marketing-suite.home-modern .preview-phone figcaption { font-size: 9px; color: #fff; text-align: center; padding: 6px 0 2px; }
.marketing-suite.home-modern .real-device-screen { margin: 0; }
.marketing-suite.home-modern .real-device-screen img { display: block; width: 100%; height: auto; }
.marketing-suite.home-modern .real-device-screen figcaption { text-align: center; color: var(--muted); font-size: 12px; line-height: 1.6; margin-top: 12px; }
.marketing-suite.home-modern .workflow-handset.real-device-screen figcaption { padding: 0 8px 10px; color: #667085; }
.marketing-suite.home-modern .product-demonstration-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr); align-items: center; gap: 2rem; margin: 2rem 0 3rem; }
.marketing-suite.home-modern .product-demonstration-story h3 { font-size: 24px; line-height: 1.3; margin: 1rem 0; }
.marketing-suite.home-modern .product-demonstration-story p { font-size: 16px; color: var(--muted); line-height: 1.7; }
.marketing-suite.home-modern .product-demonstration-story figure { margin: 0; }
.marketing-suite.home-modern .product-demonstration-story img { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 8px; }
.marketing-suite.home-modern .product-demonstration-story figcaption { font-size: 12px; color: var(--muted); margin-top: 8px; }
html[data-theme=dark] .marketing-suite.home-modern :is(.enterprise-benefits,.audience-card,.home-security-grid article,.home-connection-centre,.home-connection-node) { background: var(--gray-bg); }
@media (max-width: 900px) {
  .marketing-suite.home-modern .product-demonstration-story { grid-template-columns: 1fr; }
  .marketing-suite.home-modern :is(.enterprise-benefits-grid,.home-security-grid) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .marketing-suite.home-modern .audience-scroll-track { grid-template-columns: 1fr; }
  .marketing-suite.home-modern .home-connection-map { gap: 20px 1rem; }
}
@media (max-width: 600px) {
  .marketing-suite.home-modern { --home-strip-height: 88px; }
  .marketing-suite.home-modern .home-positioning-strip .container { flex-direction: column; align-items: flex-start; gap: .35rem; }
  .marketing-suite.home-modern :is(.enterprise-benefits-grid,.home-security-grid) { grid-template-columns: 1fr; }
  .marketing-suite.home-modern .home-connection-map { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; gap: 12px; }
  .marketing-suite.home-modern .home-connection-lines { display: none; }
  .marketing-suite.home-modern .home-connection-centre { grid-area: 1 / 1 / 2 / 3; }
  .marketing-suite.home-modern .home-connection-node { grid-area: auto; padding: .75rem; font-size: 12px; gap: 8px; }
  .marketing-suite.home-modern .home-closing-cta { padding: 3rem 0; }
  .marketing-suite.home-modern .hero-ctas .btn { min-height: 48px; width: 100%; justify-content: center; }
  .marketing-suite.home-modern .hero .booking-shortcut { display: inline-flex; align-items: center; min-height: 44px; line-height: 1.5; }
  .marketing-suite.home-modern .product-screenshot-link > span { position: static; display: block; text-align: center; border: 0; border-radius: 0; margin: 0; font-size: 13px; padding: 12px; }
}
@media (max-width: 1240px) {
  .marketing-suite.home-modern .nav-links { top: var(--home-strip-height); max-height: calc(100dvh - var(--home-strip-height)); }
  .marketing-suite.home-modern .nav-links :is(a,button) { min-height: 44px; }
  .marketing-suite.home-modern .nav-hamburger { min-width: 44px; min-height: 44px; }
}

/* Mobile composition: introduction, actions, product, then supporting detail. */
@media (max-width: 600px) {
  .marketing-suite.home-modern { --home-strip-height: 60px; }
  .marketing-suite.home-modern .home-positioning-strip { padding: 8px 0; font-size: 12px; line-height: 1.5; }
  .marketing-suite.home-modern .home-positioning-strip a { display: none; }
  .marketing-suite.home-modern .container { padding-inline: 20px; }
  .marketing-suite.home-modern .nav-inner { padding: 10px 20px; }
  .marketing-suite.home-modern .hero { padding-top: 24px; }
  .marketing-suite.home-modern .hero .hero-grid { gap: 0; align-items: stretch; padding-inline: 20px; }
  .marketing-suite.home-modern .hero-grid > div:first-child { display: contents; }
  .marketing-suite.home-modern .hero .eyebrow { order: 0; margin: 0 0 10px; font-size: 11px; text-align: left; }
  .marketing-suite.home-modern .hero h1 { order: 1; font-size: clamp(30px,8.2vw,34px); text-align: left; line-height: 1.2; margin: 0 0 20px; }
  .marketing-suite.home-modern .hero .lead { order: 2; text-align: left; font-size: 17px !important; line-height: 1.6 !important; margin: 0 0 20px; }
  .marketing-suite.home-modern .hero-ctas { order: 3; gap: 10px; margin: 0; }
  .marketing-suite.home-modern .hero-reassurance { order: 4; text-align: left; font-size: 12px; line-height: 1.6; margin: 12px 0 24px; }
  .marketing-suite.home-modern .hero .product-preview { order: 5; margin: 0; }
  .marketing-suite.home-modern .hero .booking-shortcut { order: 6; margin: 16px 0 0; text-align: left; font-size: 14px; }
  .marketing-suite.home-modern .hero .quick-fact { order: 7; margin: 8px 0 16px !important; align-self: flex-start; font-size: 14px; }
  .marketing-suite.home-modern .hero-compliance-strip { order: 8; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; width: 100%; margin: 0 !important; }
  .marketing-suite.home-modern .hcs-label { grid-column: 1 / -1; white-space: normal; text-align: left; font-size: 10px; line-height: 1.6; }
  .marketing-suite.home-modern .hcs-badge { white-space: normal; text-align: center; padding: 8px 4px; font-size: 11px; }
  .marketing-suite.home-modern .hero .compliance-note { order: 9; text-align: left; font-size: 12px; line-height: 1.6; }
  .marketing-suite.home-modern .audience-scroll-wrap { padding-inline: 20px; }
  .marketing-suite.home-modern :is(.section[id],.workflow-showcase-row) { scroll-margin-top: 136px; }
  .marketing-suite.home-modern .workflow-showcase { gap: 40px; }
  .marketing-suite.home-modern .workflow-device-stage { padding: 8px 0; }
}

/* Quiet brand accents: useful hierarchy without extra decoration or motion. */
.marketing-suite.home-modern .feat-carousel {
  border: 1px solid var(--home-accent-line);
  border-radius: 20px;
  box-shadow: 0 14px 40px color-mix(in srgb, var(--orange) 5%, transparent);
}
.marketing-suite.home-modern .feat-tab.active {
  background: var(--home-accent-surface);
  border-radius: 10px 10px 0 0;
}
.marketing-suite.home-modern .workflow-showcase-copy {
  padding-inline-start: 20px;
  border-inline-start: 2px solid var(--home-accent-line);
}
.marketing-suite.home-modern .home-connection-centre {
  border-color: var(--home-accent-line);
  box-shadow: 0 0 0 8px var(--home-accent-surface), 0 12px 30px color-mix(in srgb, var(--orange) 8%, transparent);
}
.marketing-suite.home-modern .enterprise-benefits {
  background: var(--home-accent-surface);
  border-color: var(--home-accent-line);
}
.marketing-suite.home-modern :is(.enterprise-benefits-grid > div, .audience-card, .workflow-link-card, .home-security-grid article, .vert-step) {
  border-color: var(--home-accent-line);
  box-shadow: 0 3px 14px color-mix(in srgb, var(--orange) 3%, transparent);
}
.marketing-suite.home-modern :is(.audience-card-body, .workflow-link-card) {
  background-image: linear-gradient(145deg, transparent 55%, color-mix(in srgb, var(--orange) 4%, transparent));
}
.marketing-suite.home-modern :is(.workflow-step-number, .home-card-number) {
  background: var(--home-accent-surface);
  border: 1px solid var(--home-accent-line);
  border-radius: 7px;
  padding: 5px 8px;
}
.marketing-suite.home-modern :is(.audience-card, .workflow-link-card, .home-connection-node, .hero-ctas .btn):focus-visible {
  outline: 2px solid var(--orange);
  outline-offset: 4px;
}
html[data-theme=dark] .marketing-suite.home-modern {
  --home-accent-surface: color-mix(in srgb, var(--orange) 7%, var(--gray-bg));
  --home-accent-line: color-mix(in srgb, var(--orange) 25%, var(--line));
}
html[data-theme=dark] .marketing-suite.home-modern .hero {
  background-image: radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--orange) 10%, transparent), transparent 64%);
}
html[data-theme=dark] .marketing-suite.home-modern :is(.audience-tag, .audience-card-cta, .home-card-number, .workflow-step-number) {
  color: color-mix(in srgb, var(--orange) 35%, var(--ink));
}
@media (hover: hover) and (pointer: fine) {
  .marketing-suite.home-modern :is(.audience-card, .workflow-link-card):hover {
    border-color: color-mix(in srgb, var(--orange) 50%, var(--line));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--orange) 10%, transparent);
  }
  @media (prefers-reduced-motion: no-preference) {
    .marketing-suite.home-modern :is(.audience-card, .workflow-link-card, .hero-ctas .btn) {
      transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
    }
    .marketing-suite.home-modern :is(.audience-card, .workflow-link-card):hover { transform: translateY(-2px); }
  }
}
@media (prefers-reduced-motion: reduce) {
  .marketing-suite.home-modern :is(.audience-card, .workflow-link-card, .hero-ctas .btn) { transition: none !important; }
  .marketing-suite.home-modern :is(.audience-card, .workflow-link-card):hover { transform: none; }
}