.site-header { --accent:#00f5ff; --text:#f0f4f8; position:relative; z-index:100; padding:24px 0; border-bottom:1px solid #1a2530; background:#06090b; color:#f0f4f8; font-family:Satoshi,Arial,sans-serif; line-height:1.5; }
.site-header *, .site-header *::before, .site-header *::after { box-sizing:border-box; }
.site-header-inner { position:relative; width:min(100% - 64px,1200px); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.site-header .logo-link { display:inline-flex; flex-shrink:0; text-decoration:none; }
.site-header .logo-img { height:32px; width:auto; display:block; }
.site-header .topnav { display:flex; align-items:center; gap:32px; }
.site-header .topnav-link { font:13px 'DM Mono',monospace; color:#a9b9c7; text-decoration:none; text-transform:uppercase; letter-spacing:.06em; }
.site-header .topnav-link:hover,.site-header a[aria-current="page"] { color:#00f5ff; }
.site-breadcrumb { width:min(100% - 64px,1200px); margin:0 auto; padding:14px 0 0; display:flex; align-items:center; gap:10px; color:#8899aa; font:12px/1.5 'DM Mono',monospace; position:relative; z-index:1; }
.site-breadcrumb a { color:#a9b9c7; text-decoration:none; }
.site-breadcrumb a:hover { color:#00f5ff; }
.site-breadcrumb [aria-current="page"] { color:#f0f4f8; }
.site-header h2,.site-header h3,.site-header p { margin:0; font-family:Satoshi,Arial,sans-serif; }
.site-header .product-menu { --accent:#00f5ff; --text:#f0f4f8; text-align:left; }
.site-header-context { display:flex; justify-content:flex-end; gap:16px; padding:12px 24px; font:14px Arial,sans-serif; color:#a9b9c7; }
.site-header-context a { color:#00dce6; }
  /* Product navigation disclosure */
  .site-header { z-index: 100; }
  .product-trigger { border: 0; padding: 10px 0; background: none; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; }
  .product-chevron { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .18s; margin-top: -4px; }
  .product-trigger[aria-expanded="true"] { color: var(--accent); }
  .product-trigger[aria-expanded="true"] .product-chevron { transform: rotate(225deg); margin-top: 4px; }
  .product-menu[hidden], .product-backdrop[hidden] { display: none; }
  .product-backdrop { position: fixed; inset: 0; background: #02070b99; backdrop-filter: blur(3px); z-index: 90; }
  .product-menu { position: absolute; top: calc(100% + 8px); right: 0; width: min(1180px, 100%); background: #0d161f; border: 1px solid #304454; border-radius: 18px; padding: 26px; box-shadow: 0 24px 80px #0009; max-height: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; color: var(--text); }
  .mega-top { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 32px; padding: 10px 10px 26px; }
  .mega-title { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.25; letter-spacing: -.02em; font-weight: 600; margin-bottom: 12px; }
  .mega-intro p { color: #b2c1cd; font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
  .mega-overview { display: inline-block; border: 1px solid #3c5263; border-radius: 6px; padding: 10px 15px; color: var(--text); text-decoration: none; font-size: 14px; }
  .mega-label { font: 12px 'DM Mono', monospace; text-transform: uppercase; letter-spacing: .1em; color: #8fa6b8; margin-bottom: 12px; }
  .mega-links a { display: block; padding: 8px 0; color: #d9e4ed; font-size: 14px; text-decoration: none; line-height: 1.4; }
  .mega-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .mega-card { display: flex; flex-direction: column; padding: 25px; background: #111f2b; border: 1px solid #2a4051; border-radius: 10px; text-decoration: none; color: var(--text); transition: border-color .18s, background .18s; }
  .mega-card:hover { border-color: var(--accent); background: #142736; }
  .mega-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #2c6670; border-radius: 7px; background: #00f5ff0d; color: var(--accent); font: 16px monospace; margin-bottom: 18px; }
  .mega-card h3 { font-size: 21px; line-height: 1.3; margin-bottom: 12px; }
  .mega-card h3 span { float: right; color: var(--accent); }
  .mega-card p { font-size: 16px; line-height: 1.6; color: #b2c1cd; margin-bottom: 24px; }
  .mega-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; }
  .mega-tags span { font-size: 12px; line-height: 1.4; padding: 4px 8px; border: 1px solid #314959; border-radius: 4px; color: #bbcbd7; }
  .mega-more { border: 1px solid #2a4051; border-radius: 9px; margin-top: 12px; }
  .mega-more summary { padding: 17px 22px; cursor: pointer; font-size: 14px; }
  .mega-more-links { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 0 22px 20px; }
  .mega-more-links a { color: #b2c1cd; font-size: 14px; text-decoration: none; }
  .product-menu a:hover { color: var(--accent); }
  .product-menu :focus-visible, .product-trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
  @media (max-width: 800px) {
    .site-header-inner { flex-wrap: wrap; gap: 18px; }
    .topnav { flex-wrap: wrap; gap: 12px 22px; }
    .mega-top { grid-template-columns: 1fr 1fr; gap: 24px; }
    .mega-intro { grid-column: 1 / -1; }
    .product-menu { max-height: calc(100dvh - 170px); }
  }
  @media (max-width: 520px) {
    .product-menu { width: calc(100% - 16px); right: 8px; padding: 14px; border-radius: 12px; }
    .mega-cards { grid-template-columns: 1fr; }
    .mega-top { padding: 8px 8px 20px; gap: 18px; }
    .mega-card { padding: 20px; }
  }
  @media (prefers-reduced-motion: reduce) { .product-chevron, .mega-card { transition: none; } }

@media(max-width:800px){.site-header .topnav{flex-wrap:wrap;gap:12px 22px}.site-header-inner{flex-wrap:wrap;gap:18px}.site-header .product-menu{max-height:calc(100dvh - 170px)}}
@media(max-width:520px){.site-header-inner{width:calc(100% - 32px)}.site-header .topnav-link{font-size:12px}.site-header .logo-img{height:26px}}
@media(max-width:520px){.site-breadcrumb{width:calc(100% - 32px)}}

/* Shared footer matching the Home page */
.site-footer { padding:32px 0; border-top:1px solid #1a2530; font-family:'DM Mono',monospace; font-size:12px; color:#556677; position:relative; z-index:1; }
.site-footer-container { width:min(100% - 64px,1200px); margin:0 auto; display:flex; flex-direction:column; gap:40px; }
.site-footer-main { display:flex; gap:80px; align-items:flex-start; }
.site-footer-badge { flex-shrink:0; display:block; width:200px; height:auto; }
.site-footer-nav { display:flex; gap:64px; flex:1; }
.site-footer-col { display:flex; flex-direction:column; }
.site-footer-label { font-family:'DM Mono',monospace; font-size:12px; color:#f0f4f8; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; }
.site-footer-link { display:block; color:#8899aa; text-decoration:none; font-family:Satoshi,Arial,sans-serif; font-size:14px; margin-bottom:10px; transition:color .2s; }
.site-footer-link:hover,.site-footer-link[aria-current="page"] { color:#f0f4f8; }
.site-footer-bottom { display:flex; flex-direction:column; align-items:center; gap:12px; padding-top:20px; border-top:1px solid #1a2530; }
.site-footer-legal { display:flex; gap:24px; }
.site-footer-legal a { color:#556677; text-decoration:none; font-family:'DM Mono',monospace; font-size:12px; }
.site-footer-legal a:hover { color:#8899aa; }
@media(max-width:800px){.site-footer-main{flex-direction:column;gap:32px}.site-footer-nav{flex-wrap:wrap;gap:40px}.site-footer-badge{width:160px}.site-footer-container{width:calc(100% - 32px)}}