/* Homepage presentation, aligned to the supplied reference while retaining brand content. */
body > nav { background:#fff; border-bottom:0; }
body > nav .nav { max-width:1120px; margin:auto; }
body > nav .brand-logo { width:180px; height:auto; }
body > nav .links { display:flex; justify-content:center; gap:14px; }
body > nav .links a { color:#333; background:transparent !important; border-radius:0; }
body > nav .links a:hover, body > nav .links a[aria-current=page] { color:#007488; }
body > nav .btn.fill, #top .acts .btn { border-radius:999px !important; padding:12px 24px; transition:transform .22s ease, background-color .22s ease, box-shadow .22s ease; }
body > nav .btn.fill:hover, #top .acts .btn:hover { transform:translateY(-2px); box-shadow:0 8px 18px #006e842b; }
body > nav .btn.fill:active, #top .acts .btn:active { transform:scale(.97); }
body > nav .btn.fill::after { content:' ↗'; }
#top.cc-deck-page, .cc-deck-content > #top { background:#fff !important; }
#top .deco { display:none !important; }
#top > .wrap { max-width:1120px; width:100%; padding-inline:28px; }
#top .slide > .chip { display:none; }
/* The reference presents one stable hero; navigation still exposes the AI page. */
#top .slide:first-child { display:block !important; }
#top .slide:nth-child(2), #top .sdots { display:none !important; }
#top h1 { font-size:clamp(42px,4vw,72px) !important; line-height:1.15; font-weight:500; letter-spacing:-.025em; margin:8px auto 12px; color:#121416; }
#top .lead { max-width:770px; margin:0 auto 18px; line-height:1.7; }
#top .hero-caps { max-width:960px; width:100%; margin:clamp(22px,4vh,46px) auto 0; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
#top .hcap { position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; overflow:hidden; aspect-ratio:1.12; min-height:0; padding:18px; background-position:center; background-size:cover; border:0; border-radius:18px; box-shadow:none; transition:transform .28s ease, box-shadow .28s ease; }
#top .hcap:nth-child(1) { background-image:linear-gradient(0deg,rgba(3,20,35,.88),rgba(5,25,42,.06) 78%),url('images/interactive-content.webp'); }
#top .hcap:nth-child(2) { background-image:linear-gradient(0deg,rgba(3,20,35,.88),rgba(5,25,42,.06) 78%),url('images/content-update.webp'); }
#top .hcap:nth-child(3) { background-image:linear-gradient(0deg,rgba(3,20,35,.88),rgba(5,25,42,.06) 78%),url('images/storytelling.webp'); }
#top .hcap:nth-child(4) { background-image:linear-gradient(0deg,rgba(3,20,35,.88),rgba(5,25,42,.06) 78%),url('images/digital-twin.webp'); }
#top .hcap:hover { transform:translateY(-5px); box-shadow:0 12px 26px rgba(7,34,47,.17); }
#top .hcap:active { transform:translateY(-1px) scale(.98); }
#top .hcap:focus-visible { outline:3px solid #007488; outline-offset:3px; }
#top .hc-i { position:absolute; top:16px; left:16px; width:34px; height:34px; margin:0; background:#007488!important; border-radius:10px; }
#top .hcap b, #top .hcap small { position:relative; color:#fff; }
#top .hcap b { font-size:16px; line-height:1.35; margin-bottom:5px; }
#top .hcap small { font-size:12px; line-height:1.45; }
#top .logos { background:#fff; }
@media (max-width:900px) {
  body > nav .brand-logo { width:155px; }
  #top .hero-caps { max-width:620px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  #top .hcap { padding:12px; aspect-ratio:1.05; }
  #top .hcap small { font-size:11px; }
  #top .hc-i { top:10px; left:10px; }
}
@media (max-width:600px) {
  body > nav .brand-logo { width:145px; }
  body > nav .links { justify-content:flex-start; gap:4px; }
  body > nav .btn.fill { padding:8px 13px; }
  #top > .wrap { padding-inline:20px; }
  #top h1 { font-size:clamp(34px,8vw,44px) !important; }
  #top .lead { font-size:13px !important; line-height:1.55; }
  #top .hero-caps { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:430px; margin-top:15px; }
  #top .hcap { aspect-ratio:1.55; min-height:108px; padding:10px; border-radius:13px; }
  #top .hcap b { font-size:13px; }
  #top .hcap small { font-size:10px; }
  #top .hc-i { width:26px; height:26px; border-radius:8px; }
  #top .hc-i svg { width:16px; height:16px; }
}
@media (prefers-reduced-motion:reduce) { #top .hcap, #top .btn, body > nav .btn { transition:none !important; } }