/* Public Cross surfaces: same identity and material rhythm as the suite.
   Kept separate from editorial typography and partner artwork. */
:root {
  --cross-material-canvas: #f0f4f7;
  --cross-material-line: #d6e0e6;
  --cross-material-shadow: 0 2px 4px #15394d04, 0 12px 30px #15394d0a;
}
body { -webkit-font-smoothing: antialiased; }
.site-header { background: #fff; border-bottom-color: var(--cross-material-line); box-shadow: 0 2px 14px #11456506; }
@supports (backdrop-filter: blur(12px)) {
  .site-header { background: #ffffffed; backdrop-filter: blur(12px) saturate(130%); }
}
.hero { background: radial-gradient(ellipse at 90% 15%,#dceff0,transparent 65%),linear-gradient(120deg,#fff,#f0f4f7); }
.section--light { background: var(--cross-material-canvas); }
.button { border-radius: 12px; transition: background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease; }
.button:hover { transform: none; }
.button--primary { box-shadow: inset 0 1px 0 #ffffff24,0 3px 8px #11456518; }
.button--ghost { border-color: #748b9a; background: #fff; }
.nav-dropdown-menu { border-radius: 20px; box-shadow: 0 18px 56px #102f4926; }
.nav-dropdown-menu a { border-radius: 9px; }
:is(.commercial-card,.news-card,.solution-card,.service-card) { border-radius: 22px; border-color: var(--cross-material-line); box-shadow: var(--cross-material-shadow); }
.commercial-card--featured { border-color: var(--brand-secondary); }
.commercial-hero h1 { letter-spacing: -.045em; }
.commercial-public { background: linear-gradient(180deg,#f0f4f7, #fff 40rem); }
:is(input,select,textarea) { border-radius: 10px; }
:is(h1,h2,h3) { text-wrap: balance; }
@media(max-width:700px) {
  .button { min-height: 44px; }
  :is(input,select,textarea) { font-size: 16px; }
  :is(.commercial-card,.news-card,.solution-card,.service-card) { border-radius: 16px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media(prefers-reduced-transparency:reduce) {
  .site-header { background: #fff; backdrop-filter: none; }
}
@media(forced-colors:active) {
  .site-header { background: Canvas; backdrop-filter: none; }
  .button { border: 1px solid ButtonText; }
}