.gexyral-container {
    width: min(100% - 48px, 1280px);
    margin-inline: auto;
}

.gexyral-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    border-bottom: 1px solid rgba(153, 198, 255, .1);
    background: linear-gradient(to bottom, rgba(3, 10, 20, .72), rgba(3, 10, 20, .15));
    backdrop-filter: blur(14px);
}
.gexyral-header__inner { display: flex; align-items: center; min-height: 78px; }
.gexyral-header__brand { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.gexyral-header__brand > span:last-child { display: flex; flex-direction: column; }
.gexyral-header__brand strong { font-size: 17px; letter-spacing: .12em; line-height: 1; }
.gexyral-header__brand small { margin-top: 5px; color: #7189a2; font-size: 7px; letter-spacing: .2em; }
.gexyral-header__mark { position: relative; display: block; width: 31px; height: 31px; transform: rotate(45deg); border: 1px solid rgba(81, 212, 255, .6); }
.gexyral-header__mark::after,
.gexyral-header__mark i { position: absolute; content: ""; background: #4edcff; box-shadow: 0 0 10px rgba(78, 220, 255, .65); }
.gexyral-header__mark::after { inset: 8px; }
.gexyral-header__mark i:first-child { top: -1px; left: -1px; width: 8px; height: 1px; }
.gexyral-header__mark i:last-child { right: -1px; bottom: -1px; width: 1px; height: 8px; }
.gexyral-header__nav { display: flex; gap: clamp(22px, 2.5vw, 38px); margin: 0 auto; }
.gexyral-header__nav a { position: relative; padding: 29px 0 27px; color: #9aadc1; font-size: 13px; text-decoration: none; transition: color .2s ease; }
.gexyral-header__nav a:hover,
.gexyral-header__nav a:focus-visible,
.gexyral-header__nav a.gexyral-is-current { color: #fff; }
.gexyral-header__nav a.gexyral-is-current::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; content: ""; background: #4edcff; box-shadow: 0 0 13px #4edcff; }
.gexyral-header__contact {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    border: 1px solid rgba(94, 196, 255, .35);
    border-radius: 10px;
    padding: 0 14px;
    color: #d7f5ff;
    background: rgba(24, 106, 155, .12);
    font-size: 12px;
    text-decoration: none;
}
.gexyral-header__contact span { color: #4edcff; }

.gexyral-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    min-height: 51px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0 19px;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.gexyral-btn:hover { transform: translateY(-2px); }
.gexyral-btn--primary { color: #04111b; background: linear-gradient(110deg, #68e5ff, #7796ff); box-shadow: 0 14px 36px rgba(58, 165, 255, .24); }
.gexyral-btn--ghost { color: #c7d7e7; border-color: rgba(145, 183, 226, .24); background: rgba(15, 35, 58, .5); }
.gexyral-btn--ghost:hover { border-color: rgba(92, 213, 255, .48); background: rgba(20, 55, 83, .58); }

/* Batch03 component hooks retained for later page batches. */
.gexyral-footer {}
.gexyral-card {}
.gexyral-section {}
.gexyral-mobile-menu {}

@media (max-width: 1050px) {
    .gexyral-header__nav { display: none; }
    .gexyral-header__contact { margin-left: auto; }
}
@media (max-width: 720px) {
    .gexyral-container { width: min(100% - 32px, 1280px); }
    .gexyral-header__inner { min-height: 70px; }
    .gexyral-header__brand strong { font-size: 15px; }
    .gexyral-header__mark { width: 27px; height: 27px; }
    .gexyral-header__contact { min-height: 37px; padding-inline: 11px; font-size: 11px; }
    .gexyral-header__contact span { display: none; }
}
@media (max-width: 360px) {
    .gexyral-header__brand small { display: none; }
    .gexyral-header__contact { padding-inline: 9px; }
}