.hex-home-page .hex-site-header { background: #070b16; border-bottom: 0; }
.hex-home-page .hex-site-header > .container,
.hex-home-page .hex-hero-container { max-width: 1536px; width: 89%; }
.hex-home-page .hex-home-hero { background: #070b16 url('/assets/images/hexcode/hero-environment.png') center bottom / cover no-repeat; min-height: 820px; }
.hex-home-page .hex-hero-container { z-index: auto; min-height: 820px; align-items: flex-start; padding-top: 96px; padding-bottom: 65px; }
.hex-home-page .hex-network-grid { display: none; }
.hex-hero-content { position: relative; width: 38%; z-index: 2; }
.hex-home-page .hex-tagline { white-space: nowrap; font-size: clamp(13px, 1.06vw, 18px); font-weight: 500; margin-bottom: 20px; }
.hex-home-page .hex-home-hero h1 { font-size: clamp(38px, 3.4vw, 59px); line-height: 1.09; font-weight: 700; letter-spacing: -1.6px; margin-bottom: 28px; }
.hex-home-page .hex-home-hero h1 span { color: #ac73fb; background: linear-gradient(105deg, #c46cf0 5%, #9061fc 52%, #55a7f7 100%); background-clip: text; -webkit-text-fill-color: transparent; }
.hex-home-page .hex-hero-copy { font-size: clamp(15px, 1.06vw, 18px); line-height: 1.6; margin-bottom: 32px; }
.hex-home-page .hex-hero-system { width: 65%; height: 790px; right: -.5%; top: 5px; transform: none; background: none; }
.hex-home-page .hex-actions { gap: 20px; }
.hex-home-page .hex-btn { min-height: 52px; padding: 0 22px; font-weight: 600; }
.hex-home-page .hex-btn-primary { box-shadow: 0 6px 26px #8248f833; }
.hex-home-page .hex-btn-outline-light { border-color: #414658; background: #11172580; }
.hex-hero-stats { display: flex; margin-top: 76px; gap: 22px; }
.hex-hero-stats > div { padding-right: 22px; border-right: 1px solid #343048; }
.hex-hero-stats > div:last-child { padding-right: 0; border: 0; }
.hex-hero-stats strong { display: block; font-size: 27px; line-height: 1.25; font-weight: 650; }
.hex-hero-stats span { display: block; margin-top: 4px; color: #b6bacb; font-size: 12px; white-space: nowrap; }
.hex-hero-signoff { margin: 60px 0 0; border-top: 1px solid #242537; padding-top: 23px; color: #777c97; font-size: 9px; letter-spacing: 6px; white-space: nowrap; }
@media (min-width: 1800px) { .hex-home-page .hex-home-hero h1 { font-size: 59px; } }
@media (max-width: 1199px) and (min-width: 992px) {
    .hex-home-page .hex-hero-system { width: 62%; right: -7%; opacity: 1; }
    .hex-hero-content { width: 44%; }
    .hex-home-page .hex-actions { gap: 10px; }
    .hex-home-page .hex-btn { padding: 0 15px; font-size: 13px; }
}
@media (max-width: 991px) {
    .hex-home-page .hex-hero-container { padding-top: 55px; padding-bottom: 20px; min-height: 0; }
    .hex-hero-content { width: 100%; max-width: 610px; }
    .hex-home-page .hex-home-hero h1 { font-size: clamp(36px, 6vw, 58px); }
    .hex-home-page .hex-tagline { white-space: normal; font-size: 14px; }
    .hex-home-page .hex-hero-copy { max-width: 560px; font-size: 16px; }
    .hex-hero-stats { margin-top: 35px; gap: 18px; }
    .hex-hero-stats > div { padding-right: 18px; }
    .hex-hero-signoff { display: none; }
    .hex-home-page .hex-hero-system { width: 100%; right: auto; top: auto; height: 570px; margin: -10px 0 0; }
}
@media (max-width: 575px) {
    .hex-home-page .hex-hero-container { width: 100%; padding-left: 22px; padding-right: 22px; padding-top: 40px; }
    .hex-home-page .hex-home-hero h1 { font-size: clamp(31px, 8.7vw, 47px); letter-spacing: -1px; }
    .hex-home-page .hex-actions { gap: 10px; flex-wrap: nowrap; }
    .hex-home-page .hex-btn { width: auto; flex: 1; padding: 0 10px; font-size: 12px; min-height: 48px; }
    .hex-hero-stats { gap: 12px; }
    .hex-hero-stats > div { padding-right: 12px; }
    .hex-hero-stats strong { font-size: 23px; }
    .hex-hero-stats span { font-size: 10px; white-space: normal; }
    .hex-home-page .hex-hero-system { width: calc(100% + 32px); margin-left: -16px; height: 430px; }
}