/* Version 8 visual direction is supplied unchanged by design.css + future.css.
   This layer fits the approved copy and the user-approved dark concept section. */
.hero h1 { font-size: clamp(64px,9.3vw,154px); line-height: .9; letter-spacing: -.035em; }
@media(min-width:801px) { .hero { padding-left: 4%; padding-right: 4%; } }
.hero-description { margin-top: 42px; }
.hero-scope { margin: 24px auto 0; text-align: center; font-size: 12px; color: #a9adb9; }
.hero-scope a { color: #74edfa; text-decoration: underline; text-underline-offset: 4px; }
.availability-note { scroll-margin-top: 150px; font-size: 12px; }
.primary-link { min-height: 48px; }
.primary-link:focus-visible { clip-path: none; outline-offset: 6px; }
.vision { background: radial-gradient(ellipse at 90% 10%,rgba(98,81,190,.09),transparent 55%),#0d1320; color: #eff5fc; border-top: 1px solid #26324a; border-bottom: 1px solid #26324a; }
.vision::before { color: rgba(185,155,255,.045); }
.vision h2, .vision h3, .vision .statement { color: #eff5fc; }
.vision .eyebrow, .vision h2 em, .vision .principles span { color: #b99bff; }
.vision .vision-layout>div, .vision .muted, .vision .principles p { color: #bdc7d9; }
.vision .principles, .vision .principles article { border-color: #2a354a; }
.vision a:focus-visible { outline: 2px solid #74edfa; outline-offset: 5px; }
.collaboration-block { margin-top: 60px; padding-top: 40px; border-top: 1px solid #2a354a; }
.collaboration-intro { max-width: 760px; }
.collaboration-intro .eyebrow { margin-bottom: 16px; }
.collaboration-intro h3 { font: 500 clamp(26px,2.8vw,36px)/1.2 var(--display); letter-spacing: -.04em; margin-bottom: 18px; }
.collaboration-intro>p:last-child { font-size: 15px; color: #bdc7d9; }
.collaboration-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-top: 30px; }
.collaboration-grid>a { display: flex; flex-direction: column; padding: 24px 20px; border: 1px solid #2a354a; border-top: 2px solid #b99bff; background: #111a2b; color: #eff5fc; min-width: 0; transition: background .2s,transform .25s,box-shadow .25s; }
.collaboration-grid>a:hover, .collaboration-grid>a:focus-visible { background: #172239; transform: translateY(-4px); box-shadow: 0 12px 26px #0003; }
.collaboration-grid strong { font: 500 20px/1.3 var(--display); margin-bottom: 14px; }
.collaboration-grid span { font-size: 13px; line-height: 1.7; color: #bdc7d9; }
.collaboration-grid .collaboration-cta { margin-top: auto; padding-top: 22px; color: #b99bff; text-decoration: underline; text-underline-offset: 4px; font-size: 12px; font-weight: 700; }
.scope-notice { margin: 30px 0 0; padding: 18px 22px; border-left: 2px solid #b574f8; background: #11141c; color: #a9adb9; font-size: 13px; line-height: 1.8; }
.scope-notice strong { color: #eff5fc; }
.module summary { min-height: 44px; }
@media(max-width:800px) {
  .hero h1 { font-size: 10.8vw; }
  .collaboration-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:580px) {
  .hero h1 { font-size: 12vw; line-height: .98; }
  .hero-scope { font-size: 11px; max-width: 310px; }
  .collaboration-block { margin-top: 35px; padding-top: 30px; }
  .collaboration-grid { grid-template-columns: 1fr; gap: 12px; }
  .collaboration-grid>a { padding: 22px; }
  .collaboration-grid strong { font-size: 22px; }
  .collaboration-grid span { font-size: 14px; }
  .scope-notice { padding: 16px; font-size: 12px; }
  .header-actions { gap: 12px; }
  .present-btn { font-size: 10px; padding: 9px 10px; }
  nav { gap: 0; }
  nav a { padding: 8px 6px; font-size: 10px; }
  .hero-copy>.eyebrow { font-size: 9px; letter-spacing: .06em; }
  .hero-lead, .module>p, .journey-list p, .integration-grid article>p:last-child { font-size: 14px; }
  .primary-link, .closing .primary-link { font-size: 12px; padding: 14px 16px; gap: 12px; }
  .hero-actions { gap: 16px; }
  .system-node { min-height: 44px; }
  .availability-note { font-size: 12px; }
}
@media(prefers-reduced-motion:reduce) {
  .collaboration-grid>a:hover, .collaboration-grid>a:focus-visible { transform: none; }
}
body[data-motion="off"] .collaboration-grid>a:hover,
body[data-motion="off"] .collaboration-grid>a:focus-visible { transform: none; }
@media print { .hero h1 { font-size: 65px; } }
.language-switch { display: flex; flex-shrink: 0; gap: 2px; padding: 3px; border: 1px solid #ffffff30; background: #111722; }
.language-switch a { display: grid; place-items: center; min-width: 40px; min-height: 40px; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #bdc7d9; }
.language-switch a[aria-current="page"] { background: #b99bff; color: #080b12; }
.language-switch a:hover { color: #74edfa; }
.language-switch a[aria-current="page"]:hover { color: #080b12; }
@media(max-width:1100px) {
  .header { flex-wrap: wrap; height: auto; gap: 12px; }
  .header nav { order: 4; width: 100%; justify-content: center; }
  .header-actions { margin-left: auto; }
}
@media(max-width:580px) {
  .header { gap: 8px; }
  .header .language-switch { margin-left: auto; }
  .header-actions { width: 100%; justify-content: flex-end; margin-left: 0; }
  .header nav { justify-content: space-between; }
  html { scroll-padding-top: 215px; }
  .module, .availability-note { scroll-margin-top: 215px; }
}