/* V5: scoped content layouts. Existing contact forms, downloads and admin CSS retained. */
:root{--v5-ink:#0e2948;--v5-muted:#476079;--v5-accent:#087e87;--v5-line:#dbe6ef;--v5-soft:#f2f7fb}
.v5-page{color:var(--v5-ink)}.v5-page p{font-size:1.0625rem;line-height:1.8}.v5-page h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.18}.v5-page h3{font-size:1.18rem;line-height:1.4}.v5-product-hero{background:linear-gradient(140deg,#eaf5fb,#fff 80%);border-bottom:1px solid var(--v5-line)}.v5-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:64px;align-items:center}.v5-product-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.07;margin:.5em 0}.v5-product-hero .v5-hero-tagline{font-size:1.45rem;color:#116976;line-height:1.5;max-width:35em}.v5-hero-index{background:white;border:1px solid var(--v5-line);border-radius:20px;padding:30px;box-shadow:0 16px 38px #1838570a}.v5-hero-index>a{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--v5-line);color:var(--v5-muted);text-decoration:none}.v5-hero-index strong{color:var(--v5-ink)}.v5-hero-index p{font-size:.92rem;margin:18px 0 0}.v5-text-intro{max-width:960px}.v5-text-intro>p{font-size:1.13rem}.v5-audience{border-left:4px solid var(--v5-accent);padding:18px 24px;background:var(--v5-soft);margin-top:24px}.v5-audience p{margin:8px 0 0}.v5-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.v5-capabilities article,.v5-related article,.v5-catalog article{background:#fff;border:1px solid var(--v5-line);border-radius:16px;padding:30px;min-width:0}.v5-chip{display:inline-flex;padding:5px 10px;border-radius:6px;background:#e4f5f2;color:#085c5e;font-size:.79rem;font-weight:800;letter-spacing:.03em}.v5-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:32px 0 0}.v5-workflow.v5-six{grid-template-columns:repeat(3,minmax(0,1fr))}.v5-workflow>li{display:flex;flex-direction:column;min-width:0;padding:26px 22px;border:1px solid var(--v5-line);border-top:4px solid var(--v5-accent);border-radius:12px;background:#fff}.v5-step-number{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf2fe;color:#1659b9;font-size:1.2rem;font-weight:800;margin-bottom:14px}.v5-workflow h3{margin:6px 0 12px}.v5-workflow p{margin:0 0 22px;font-size:1rem;line-height:1.7}.v5-step-outcome{padding-top:16px;margin-top:auto;border-top:1px solid var(--v5-line);display:grid;gap:5px}.v5-step-outcome strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.035em;color:var(--v5-accent)}.v5-step-outcome span{font-size:.94rem;line-height:1.65}.v5-example{display:grid;grid-template-columns:1fr 1.5fr;gap:42px;align-items:start}.v5-example p{margin-top:0}.v5-screen{margin:0;border:1px solid var(--v5-line);padding:12px;border-radius:16px;background:var(--v5-soft)}.v5-screen-bar{display:flex;align-items:center;gap:24px;background:#112d48;color:#edf6ff;padding:12px 15px;border-radius:8px 8px 0 0;font-size:.67rem;letter-spacing:.08em}.v5-screen img{display:block;width:100%;height:auto;background:white}.v5-screen a{display:block}.v5-screen figcaption{padding:15px 10px 4px;color:var(--v5-muted);font-size:.89rem;line-height:1.65}.v5-option-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin-top:24px}.v5-option-list li{border:1px solid var(--v5-line);padding:12px 18px;border-radius:10px;line-height:1.55}.v5-related,.v5-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.v5-related h3,.v5-catalog h2{margin:12px 0;font-size:1.35rem}.v5-related p,.v5-catalog p{font-size:1rem}.v5-catalog article{display:flex;flex-direction:column}.v5-catalog article>.text-link{margin-top:auto}.v5-boundary{background:#eef7fa;border-left:4px solid #168995;padding:26px;margin-top:32px}.v5-boundary p{margin-bottom:0}.v5-boundary h2{font-size:1.5rem}.v5-architecture{display:grid;gap:18px;padding:28px;background:#f0f5fc;border:1px solid var(--v5-line);border-radius:20px}.v5-arch-users,.v5-arch-router,.v5-arch-data{display:grid;gap:6px;text-align:center;background:#fff;padding:18px;border:1px solid #cbdce9;border-radius:10px}.v5-arch-router{background:#0e3559;color:#fff}.v5-arch-slots{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v5-arch-slots article{padding:22px;background:#fff;border:2px solid #ceddec;border-radius:10px}.v5-arch-slots article:first-child{border-color:#198778}.v5-arch-slots p{margin:8px 0 0}.v5-arch-data span,.v5-arch-users span,.v5-arch-router span{font-size:.9rem}.v5-preview-banner{padding:20px;background:#fff0cf;border-bottom:2px solid #d49a31;color:#6f4911;text-align:center}.v5-preview-banner p{font-size:1rem;margin:10px 0}.v5-language-note{padding-top:15px;font-size:.92rem;color:#526a7a}
.platform-band-grid small{font-size:.95rem;line-height:1.6}.operating-model p,.process-grid p,.product-workflow-grid p{font-size:1rem;line-height:1.75}.product-workflow-grid article,.process-grid article{padding:26px}.product-workflow-grid h3,.process-grid h3{font-size:1.18rem}
.v5-article-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:48px;align-items:start;max-width:1080px;margin:auto}.v5-article-toc{position:sticky;top:105px;border:1px solid var(--v5-line);border-radius:12px;padding:20px}.v5-article-toc a{display:block;padding:10px 0;border-bottom:1px solid var(--v5-line);font-size:.95rem;line-height:1.5}.v5-article-body{font-size:1.1rem;line-height:1.85;min-width:0}.v5-article-body section{scroll-margin-top:115px;margin-bottom:34px}.v5-article-body h2{font-size:1.6rem;line-height:1.3;margin-top:0}.v5-article-body p{margin:15px 0}.v5-article-body .v5-list-item{padding-left:22px;position:relative}.v5-list-item:before{content:'•';position:absolute;left:0;color:#137986}.v5-article-meta{color:var(--v5-muted);margin:18px 0 32px}.v5-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 25px}.v5-search input{width:100%;max-width:540px;border:1px solid #bbcbd9;border-radius:9px;padding:14px;font:inherit}.v5-search button{padding:12px 18px;min-height:46px}.v5-search-status{width:100%;font-size:.94rem}.v5-home-updates{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;align-items:start}.v5-home-updates ol{padding:0;list-style:none;display:grid;gap:13px}.v5-home-updates li{display:flex;gap:15px;background:white;padding:18px;border-radius:10px;border:1px solid var(--v5-line)}.v5-home-updates strong{color:#0a6b77}.v5-home-updates span{line-height:1.7}.v5-home-sublinks{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.v5-home-sublinks a{padding:12px 18px;background:#fff;border:1px solid var(--v5-line);border-radius:10px}.v5-nav-more{position:relative}.v5-nav-more summary{cursor:pointer;font:inherit;list-style:none;padding:10px 0;white-space:nowrap}.v5-nav-more summary:after{content:' ▾'}.v5-nav-more>div{position:absolute;right:0;top:40px;background:#fff;border:1px solid var(--v5-line);border-radius:12px;padding:14px;min-width:220px;box-shadow:0 15px 40px #0b27451a;z-index:60;display:grid;gap:4px}.v5-nav-more>div a{padding:9px 12px;display:block;white-space:nowrap}.v5-nav-more summary:focus-visible{outline:3px solid #1b8cba;outline-offset:4px}.v5-page .hero-actions a{white-space:normal;text-align:center}.v5-page img{max-width:100%}.v5-page .breadcrumb{flex-wrap:wrap}.v5-page .breadcrumb span{overflow-wrap:anywhere}.v5-page .corporate-cta{gap:24px}.v5-page .corporate-cta p{max-width:60ch}.article-shell{max-width:1140px}.blog-card .v5-article-meta{display:block;margin:8px 0;font-size:.85rem}.v5-platform-band>div{padding-top:22px;padding-bottom:22px}.v5-platform-band small{max-width:260px}.v5-home-updates p{line-height:1.8}.corporate-visual .platform-window-hero.v5-real-screen{aspect-ratio:auto!important;height:auto!important}.corporate-visual .platform-window-hero.v5-real-screen img{aspect-ratio:auto!important;height:auto!important;object-fit:contain!important;border-radius:0!important}.v5-home-visual .platform-float{display:none}.v5-home-screen-caption{font-size:.76rem!important;padding:10px 14px;margin:0;background:#f1f7fc;line-height:1.6}.blog-card[hidden]{display:none!important}
@media(max-width:1050px){.v5-hero-grid{gap:30px;grid-template-columns:1.4fr 1fr}.v5-workflow,.v5-workflow.v5-six{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-catalog,.v5-related{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-article-layout{gap:28px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:980px){.v5-nav-more{width:100%}.v5-nav-more>div{position:static;box-shadow:none;border:none;background:#f3f8fc;min-width:0}.v5-nav-more summary{padding:12px}.nav.open{max-height:calc(100vh - 115px);overflow-y:auto}}
@media(max-width:760px){.v5-hero-grid,.v5-example,.v5-home-updates{grid-template-columns:1fr}.v5-hero-index{padding:22px}.v5-capabilities,.v5-catalog,.v5-related{grid-template-columns:1fr}.v5-article-layout{grid-template-columns:1fr}.v5-article-toc{position:static}.v5-screen-bar{font-size:.56rem;gap:10px}.v5-architecture{padding:18px}.v5-arch-slots{grid-template-columns:1fr}}
@media(max-width:520px){.v5-workflow,.v5-workflow.v5-six{grid-template-columns:1fr}.v5-capabilities article,.v5-related article,.v5-catalog article{padding:23px}.v5-page .section-pad{padding-top:42px;padding-bottom:42px}.v5-page p{font-size:1rem}.v5-workflow>li{padding:23px}.v5-hero-grid{gap:28px}.v5-preview-banner{padding:14px}.v5-option-list{display:grid;grid-template-columns:1fr}.v5-hero-tagline{font-size:1.23rem!important}}
@media(prefers-reduced-motion:reduce){.v5-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.v5-preview-banner,.v5-hero-index,.v5-article-toc{display:none}.v5-workflow{display:block}.v5-workflow>li{break-inside:avoid;margin-bottom:12px}.v5-page .section-pad{padding:18px 0}}


/* V5 CONTENT-FIX8 — homepage hero image SIZE/LAYOUT only.
   Keep the original FIX7 premium image and all backend-managed copy; allow
   the artwork to occupy a generous right-hand column without cropping. */
@media (min-width: 1101px) {
  .corporate-hero .hero-grid.container {
    width: min(1480px, calc(100% - 64px));
    max-width: 1480px;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: clamp(16px, 2vw, 34px);
    align-items: center;
  }
  .corporate-hero .corporate-visual.v5-home-visual {
    width: 100%;
    max-width: none;
    justify-self: stretch;
    padding: 0;
    margin: 0;
    min-width: 0;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen {
    width: 100%;
    max-width: none;
    min-height: 0;
    aspect-ratio: auto;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen picture {
    display: block;
    width: 100%;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
  }
}
/* Tablet: give the illustration its own full-width row for legibility. */
@media (min-width: 621px) and (max-width: 1100px) {
  .corporate-hero .hero-grid.container {
    grid-template-columns: minmax(0,1fr);
    width: min(940px, calc(100% - 48px));
    max-width: 940px;
    gap: 30px;
  }
  .corporate-hero .corporate-visual.v5-home-visual {
    width: 100%;
    max-width: 900px;
    justify-self: center;
    padding: 0;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen {
    width: 100%;
    max-width: none;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
/* Mobile: use available width without causing horizontal scrolling. */
@media (max-width: 620px) {
  .corporate-hero .hero-grid.container {
    width: calc(100% - 28px);
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .corporate-hero .corporate-visual.v5-home-visual {
    width: 100%;
    max-width: none;
    padding: 0;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen {
    width: 100%;
    max-width: none;
  }
  .corporate-hero .corporate-visual .platform-window-hero.v5-real-screen img {
    display: block;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}