:root{--bg:#03070b;--panel:#071016;--line:rgba(0,225,255,.22);--line2:rgba(255,35,45,.38);--cyan:#00e7ff;--red:#ff2630;--text:#edf8fb;--muted:#8fa6af;--gold:#c7974b;--max:1180px;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#112631 0%,#03070b 45%,#010305 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em}.zx-site-bg{position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 95%,rgba(0,231,255,.04) 96%),linear-gradient(90deg,transparent 95%,rgba(0,231,255,.035) 96%);background-size:42px 42px;opacity:.28}.zx-header{position:sticky;top:0;z-index:30;background:rgba(2,5,8,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,231,255,.16)}.zx-nav{max-width:var(--max);margin:0 auto;height:58px;display:flex;align-items:center;gap:28px;padding:0 18px}.zx-logo{font-family:Georgia,serif;font-size:28px;font-weight:800;letter-spacing:.12em}.zx-logo b{color:var(--red)}.zx-menu{display:flex;gap:24px;margin-left:auto}.zx-menu a{color:#c8d1d5;text-decoration:none;font-size:12px;text-transform:uppercase}.zx-menu a.active,.zx-menu a:hover{color:#fff}.zx-menu a.active::after{content:'';display:block;height:2px;background:var(--red);margin-top:18px}.zx-actions{display:flex;gap:8px}.zx-icon-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:#cceff6}.zx-page{max-width:var(--max);margin:0 auto;padding:14px 18px 28px}.zx-hero{position:relative;height:min(72vh,620px);min-height:430px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#05090d}.zx-slide{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 1.4s ease}.zx-slide.active{opacity:1;transform:scale(1)}.zx-slide img{width:100%;height:100%;object-fit:cover}.zx-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.18) 48%,rgba(0,0,0,.68)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 34%)}.zx-hero-copy{position:absolute;z-index:3;top:25%;left:7%;max-width:420px}.zx-kicker{color:var(--cyan);font-weight:800;letter-spacing:.18em;font-size:13px}.zx-hero h1{font-size:clamp(36px,5vw,62px);line-height:.95;margin:12px 0;text-transform:uppercase}.zx-hero h1 span{color:var(--red)}.zx-hero p{color:#d9e9ee;line-height:1.6}.zx-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border:1px solid var(--red);background:rgba(255,38,48,.08);color:#fff;text-transform:uppercase;text-decoration:none;border-radius:5px;font-weight:800;font-size:12px}.zx-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.2);color:white;border:0;font-size:42px;padding:12px;cursor:pointer}.zx-arrow.prev{left:14px}.zx-arrow.next{right:14px}.zx-dots{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.zx-dot{width:10px;height:10px;border-radius:50%;background:#78828a;border:0}.zx-dot.active{background:var(--red)}.zx-section{margin-top:20px}.zx-section-head{display:flex;align-items:center;justify-content:space-between;margin:12px 4px}.zx-title{font-size:18px;text-transform:uppercase;font-weight:700}.zx-title:before{content:'';display:inline-block;width:3px;height:18px;background:var(--red);margin-right:10px;vertical-align:-3px}.zx-link{color:var(--red);text-transform:uppercase;text-decoration:none;font-size:12px}.zx-grid{display:grid;gap:12px}.zx-grid.media{grid-template-columns:repeat(4,1fr)}.zx-grid.wanted{grid-template-columns:repeat(3,minmax(180px,260px)) 1fr}.zx-grid.locations{grid-template-columns:repeat(5,1fr)}.zx-grid.features{grid-template-columns:repeat(5,1fr)}.zx-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(9,18,25,.92),rgba(3,7,11,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);transform:translateY(24px);opacity:0;transition:opacity .65s ease,transform .65s ease,border-color .25s ease,box-shadow .25s ease}.zx-card.reveal-visible{opacity:1;transform:translateY(0)}.zx-card:hover{border-color:rgba(0,231,255,.55);box-shadow:0 0 26px rgba(0,231,255,.1)}.zx-sprite{display:block;background-repeat:no-repeat;transform-origin:center;max-width:100%}.zx-media-image,.zx-loc-image,.zx-feature-image{width:100%!important;background-size:auto!important}.zx-media-image{height:150px!important}.zx-loc-image{height:125px!important}.zx-card-body{padding:14px}.zx-card h3{margin:0 0 6px;font-size:18px;text-transform:uppercase}.zx-card .red{color:var(--red)}.zx-card p{margin:0;color:#aebdc3;line-height:1.45;font-size:13px}.zx-card-icon{position:absolute;right:18px;bottom:18px;color:var(--red);font-size:30px}.wanted-poster{background:#251a10;border-color:rgba(199,151,75,.38);padding:8px}.wanted-poster .poster-image{width:100%!important;height:230px!important;background-size:auto!important;border:1px solid rgba(0,0,0,.5)}.poster-plate{text-align:center;background:#c7a066;color:#0b0703;margin-top:0;padding:8px 3px;font-weight:900;font-family:Georgia,serif}.poster-plate small{display:block;font-family:Arial;font-size:12px}.wanted-note{padding:30px;border-color:var(--line2);display:flex;flex-direction:column;justify-content:center}.wanted-note .skull{color:var(--red);font-size:44px}.wide-two{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.zx-ai{min-height:310px;display:grid;grid-template-columns:250px 1fr 330px;gap:18px;padding:20px}.zx-ai-avatar{align-self:end}.zx-ai-avatar img{width:100%;max-height:270px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,231,255,.24))}.zx-chat{border:1px solid var(--line);border-radius:8px;padding:16px;background:rgba(1,12,18,.68)}.zx-chat-row{padding:10px;border-bottom:1px solid rgba(0,231,255,.12);font-size:13px;color:#dceff3}.zx-chat-row b{color:var(--cyan)}.zx-terminal{font-family:Consolas,monospace;color:#7fffe7;background:#020708;border:1px solid var(--line);padding:14px;border-radius:6px}.feature-card{min-height:170px}.footer{margin-top:18px;border-top:1px solid var(--line);padding:28px 0;color:#8fa6af;font-size:12px;display:grid;grid-template-columns:1.2fr repeat(3,1fr) 1.4fr;gap:28px}.subscribe{display:flex;gap:8px}.subscribe input{background:#03080d;border:1px solid var(--line);color:white;padding:12px;flex:1}.subscribe button{border:1px solid var(--red);background:transparent;color:#fff;padding:0 14px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--red),transparent);opacity:.42;margin:22px 0}.cyber-icon{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:var(--cyan);margin-right:8px}@media(max-width:950px){.zx-menu{display:none}.zx-hero{height:560px}.zx-grid.media,.zx-grid.locations,.zx-grid.features{grid-template-columns:repeat(2,1fr)}.zx-grid.wanted{grid-template-columns:repeat(3,1fr)}.wide-two{grid-template-columns:1fr}.zx-ai{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}@media(max-width:620px){.zx-page{padding:10px}.zx-hero-copy{left:24px;right:24px;top:24%}.zx-grid.media,.zx-grid.locations,.zx-grid.features,.zx-grid.wanted{grid-template-columns:1fr}.wanted-note{min-height:160px}.footer{grid-template-columns:1fr}.zx-logo{font-size:22px}}

.sprite-media_xtian7{background-image:url('../sprites/zx-home-sprites.png');background-position:-0px -0px;width:420px;height:236px}
.sprite-media_comic{background-image:url('../sprites/zx-home-sprites.png');background-position:-432px -0px;width:420px;height:236px}
.sprite-media_blog{background-image:url('../sprites/zx-home-sprites.png');background-position:-864px -0px;width:420px;height:236px}
.sprite-media_podcast{background-image:url('../sprites/zx-home-sprites.png');background-position:-1296px -0px;width:420px;height:236px}
.sprite-wanted_john_tenshi{background-image:url('../sprites/zx-home-sprites.png');background-position:-1728px -0px;width:260px;height:360px}
.sprite-wanted_zealot_x{background-image:url('../sprites/zx-home-sprites.png');background-position:-0px -372px;width:260px;height:360px}
.sprite-wanted_ipx_ninja{background-image:url('../sprites/zx-home-sprites.png');background-position:-272px -372px;width:260px;height:360px}
.sprite-location_neo_eden{background-image:url('../sprites/zx-home-sprites.png');background-position:-544px -372px;width:300px;height:180px}
.sprite-location_vertical_farm{background-image:url('../sprites/zx-home-sprites.png');background-position:-856px -372px;width:300px;height:180px}
.sprite-location_order_academy{background-image:url('../sprites/zx-home-sprites.png');background-position:-1168px -372px;width:300px;height:180px}
.sprite-location_john_apartment{background-image:url('../sprites/zx-home-sprites.png');background-position:-1480px -372px;width:300px;height:180px}
.sprite-location_library_hack{background-image:url('../sprites/zx-home-sprites.png');background-position:-0px -744px;width:300px;height:180px}
.sprite-feature_maxxis{background-image:url('../sprites/zx-home-sprites.png');background-position:-312px -744px;width:520px;height:330px}
.sprite-feature_magcars{background-image:url('../sprites/zx-home-sprites.png');background-position:-844px -744px;width:520px;height:260px}
.sprite-feature_ai_bible{background-image:url('../sprites/zx-home-sprites.png');background-position:-1376px -744px;width:300px;height:180px}
.sprite-feature_villains{background-image:url('../sprites/zx-home-sprites.png');background-position:-1688px -744px;width:300px;height:180px}
.sprite-feature_discussion{background-image:url('../sprites/zx-home-sprites.png');background-position:-0px -1086px;width:300px;height:180px}
.sprite-feature_buy_book{background-image:url('../sprites/zx-home-sprites.png');background-position:-312px -1086px;width:300px;height:180px}

/* ZX image pack overrides: restores homepage cards that were placeholder rings in the sprite sheet. */
.sprite-media_xtian7{background-image:url('../home-pack/media_xtian7.png')!important}
.sprite-media_comic{background-image:url('../home-pack/media_comic.png')!important}
.sprite-media_blog{background-image:url('../home-pack/media_blog.jpg')!important}
.sprite-media_podcast{background-image:url('../home-pack/media_podcast.png')!important}
.sprite-wanted_john_tenshi{background-image:url('../home-pack/wanted_john_tenshi.jpg')!important}
.sprite-wanted_zealot_x{background-image:url('../home-pack/wanted_zealot_x.jpg')!important}
.sprite-wanted_ipx_ninja{background-image:url('../home-pack/wanted_ipx_ninja.jpg')!important}
.sprite-location_neo_eden{background-image:url('../home-pack/location_neo_eden.jpg')!important}
.sprite-feature_magcars{background-image:url('../home-pack/feature_magcars.jpg')!important}
.sprite-feature_ai_bible{background-image:url('../home-pack/feature_ai_bible.png')!important}
.sprite-feature_villains{background-image:url('../home-pack/feature_villains.png')!important}
.sprite-feature_discussion{background-image:url('../home-pack/feature_discussion.png')!important}
.sprite-feature_buy_book{background-image:url('../home-pack/feature_buy_book.png')!important}
.sprite-media_xtian7,.sprite-media_comic,.sprite-media_blog,.sprite-media_podcast,.sprite-wanted_john_tenshi,.sprite-wanted_zealot_x,.sprite-wanted_ipx_ninja,.sprite-location_neo_eden,.sprite-feature_magcars,.sprite-feature_ai_bible,.sprite-feature_villains,.sprite-feature_discussion,.sprite-feature_buy_book{background-position:center!important;background-size:cover!important}

.zx-logo {
    color: #fff;
    text-decoration: none;
}

.zx-icon-btn {
    font-size: 12px;
}

/* Full wanted poster artwork from the storyboard set. */
.zx-grid.wanted {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) minmax(260px, 1fr);
    align-items: stretch;
}

.wanted-poster {
    padding: 0;
    background: transparent;
}

.wanted-poster .poster-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center !important;
    border: 0;
}

.footer nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer a {
    color: #edf8fb;
    text-decoration: none;
}

.footer a:visited,
.footer a:active {
    color: #edf8fb;
    text-decoration: none;
}

.footer a:hover,
.footer a:focus-visible {
    color: var(--cyan);
    text-decoration: none;
}

@media (max-width: 620px) {
    .zx-grid.wanted {
        display: flex;
        grid-template-columns: none;
        gap: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        margin-inline: -10px;
        padding: 0 10px 12px;
    }

    .zx-grid.wanted::-webkit-scrollbar {
        height: 8px;
    }

    .zx-grid.wanted::-webkit-scrollbar-track {
        background: rgba(0, 231, 255, .08);
    }

    .zx-grid.wanted::-webkit-scrollbar-thumb {
        background: rgba(0, 231, 255, .38);
        border-radius: 999px;
    }

    .zx-grid.wanted .wanted-poster {
        flex: 0 0 min(74vw, 280px);
        scroll-snap-align: start;
    }

    .zx-grid.wanted .wanted-note {
        flex: 0 0 min(78vw, 300px);
        min-height: auto;
        scroll-snap-align: start;
    }
}

/* Keep homepage link states clean after navigation. */
body[data-page="home"] a,
body[data-page="home"] a:link,
body[data-page="home"] a:visited,
body[data-page="home"] a:active {
    color: #fff;
    text-decoration: none;
}

body[data-page="home"] .zx-link,
body[data-page="home"] .zx-link:link,
body[data-page="home"] .zx-link:visited,
body[data-page="home"] .zx-link:active,
body[data-page="home"] .zx-card-icon,
body[data-page="home"] .zx-service-body span {
    color: var(--red);
}

body[data-page="home"] .zx-service-body span {
    color: var(--cyan);
}

.zx-slide-baked:after {
    display: none;
}

.zx-slide-baked {
    background: #03070b;
}

.zx-slide-baked:before {
    content: '';
    position: absolute;
    inset: -18px;
    z-index: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(0, 0, 0, .34), rgba(0, 0, 0, .34)), var(--slide-bg);
    background-size: cover;
    background-position: center;
    filter: blur(16px) saturate(1.12);
    opacity: .64;
    transform: scale(1.04);
}

.zx-slide-link {
    position: absolute;
    inset: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    z-index: 1;
}

.zx-slide-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.zx-slide-baked.active .zx-slide-link img {
    animation: zxHeroBakedDrift 6.5s ease-out both;
}

@keyframes zxHeroBakedDrift {
    from {
        transform: scale(1.035);
    }
    to {
        transform: scale(1);
    }
}

.zx-services {
    padding: 18px 0 4px;
}

.zx-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.zx-service-card {
    position: relative;
    min-height: 244px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 231, 255, .24);
    border-radius: var(--radius);
    color: var(--text);
    text-decoration: none;
    background: linear-gradient(180deg, rgba(8, 18, 25, .96), rgba(3, 7, 11, .98));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.zx-service-card:hover {
    transform: translateY(-3px);
    border-color: rgba(0, 231, 255, .62);
    box-shadow: 0 0 28px rgba(0, 231, 255, .12), inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.zx-service-card img {
    width: 100%;
    height: 128px;
    object-fit: cover;
    border-bottom: 1px solid rgba(0, 231, 255, .16);
    filter: saturate(1.08) contrast(1.05);
}

.zx-service-body {
    padding: 16px;
    display: grid;
    gap: 10px;
}

.zx-service-body h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.zx-service-body p {
    margin: 0;
    color: #b9c9ce;
    font-size: 13px;
    line-height: 1.45;
}

.zx-service-body span {
    width: fit-content;
    color: var(--cyan);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
}

.zx-service-body span:after {
    content: ' ->';
    color: var(--red);
}

/* Maxxis primary hero system. This replaces the older card-grid presentation. */
.zx-legacy-maxxis-hidden {
    display: none;
}

.zx-maxxis-hero {
    min-height: clamp(420px, 44vw, 520px);
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background:
        radial-gradient(circle at 18% 30%, rgba(0, 231, 255, .16), transparent 34%),
        radial-gradient(circle at 86% 78%, rgba(255, 38, 48, .12), transparent 38%),
        linear-gradient(135deg, rgba(6, 17, 24, .97), rgba(2, 6, 10, .99));
    box-shadow: 0 0 34px rgba(0, 231, 255, .08), inset 0 0 0 1px rgba(255, 255, 255, .035);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.zx-maxxis-hero.reveal {
    opacity: 0;
    transform: translateY(24px);
}

.zx-maxxis-hero.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

.zx-maxxis-hero:hover {
    border-color: rgba(0, 231, 255, .46);
    box-shadow: 0 0 38px rgba(0, 231, 255, .15), inset 0 0 0 1px rgba(255, 255, 255, .045);
}

.zx-maxxis-panel {
    position: relative;
    min-height: 420px;
    padding: 28px;
    display: flex;
}

.zx-maxxis-left {
    display: grid;
    grid-template-columns: minmax(180px, 52%) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
    border-right: 1px solid rgba(0, 231, 255, .16);
}

.zx-maxxis-avatar {
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zx-maxxis-avatar img {
    width: min(100%, 240px);
    max-width: 100%;
    max-height: 460px;
    object-fit: contain;
    filter: drop-shadow(0 0 24px rgba(0, 231, 255, .3));
}

.zx-maxxis-copy {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
}

.zx-maxxis-copy h2,
.zx-tech-copy h2 {
    margin: 0;
    text-transform: uppercase;
    font-size: clamp(24px, 2.6vw, 34px);
    line-height: 1.05;
}

.zx-maxxis-copy h2:before,
.zx-tech-copy h2:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 26px;
    margin-right: 12px;
    background: var(--cyan);
    vertical-align: -4px;
}

.zx-maxxis-subtitle,
.zx-tech-copy p {
    color: #d5e5ea;
    line-height: 1.58;
    margin: 16px 0 0;
}

.zx-maxxis-copy blockquote {
    margin: 0;
    color: #77f3ff;
    font-size: 16px;
    line-height: 1.55;
}

.zx-maxxis-copy blockquote span {
    display: inline-block;
    color: #d9e3e7;
    margin-top: 14px;
    font-size: 14px;
}

.zx-maxxis-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.zx-btn-cyan {
    border-color: var(--cyan);
    background: rgba(0, 231, 255, .06);
}

.zx-maxxis-stream {
    flex-direction: column;
    gap: 14px;
    border-left: 1px solid rgba(255, 255, 255, .035);
    border-right: 1px solid rgba(0, 231, 255, .16);
    background: rgba(1, 10, 15, .44);
    box-shadow: inset 0 0 24px rgba(0, 231, 255, .055);
    font-size: 12px;
    font-family: Consolas, "Courier New", monospace;
}

.zx-stream-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--cyan);
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 231, 255, .14);
}

.zx-stream-head b {
    color: #35ff78;
    font-size: 11px;
}

.zx-stream-body {
    overflow: auto;
    max-height: 330px;
    padding-right: 4px;
}

.zx-stream-row {
    position: relative;
    display: grid;
    gap: 5px;
    padding: 12px 0 12px 28px;
    border-bottom: 1px solid rgba(0, 231, 255, .105);
}

.zx-stream-row:before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(0, 231, 255, .45);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0, 231, 255, .22);
}

.zx-stream-row.user:before {
    border-color: rgba(255, 38, 48, .55);
    box-shadow: 0 0 12px rgba(255, 38, 48, .18);
}

.zx-stream-row b {
    color: var(--cyan);
}

.zx-stream-row.user b {
    color: #ff5960;
}

.zx-stream-row span {
    color: #d5e3e7;
    line-height: 1.35;
}

.zx-stream-row time {
    position: absolute;
    right: 0;
    top: 13px;
    color: rgba(213, 227, 231, .55);
}

.zx-stream-input {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid rgba(0, 231, 255, .2);
    border-radius: 6px;
    padding: 12px;
    color: rgba(213, 227, 231, .62);
    background: rgba(2, 7, 10, .78);
}

.zx-stream-input i {
    color: var(--cyan);
    font-style: normal;
    font-weight: 800;
}

.zx-maxxis-tech {
    padding: 0;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-end;
    background: #03080d;
}

.zx-maxxis-tech img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .82;
    filter: saturate(1.2) contrast(1.08);
    transform: scale(1.02);
}

.zx-maxxis-tech:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3, 8, 13, .96), rgba(3, 8, 13, .36) 48%, rgba(3, 8, 13, .64)), linear-gradient(0deg, rgba(3, 8, 13, .95), transparent 62%);
}

.zx-tech-copy {
    position: relative;
    z-index: 1;
    max-width: 420px;
    padding: 28px;
    margin-top: auto;
}

.zx-tech-copy h2:before {
    background: var(--red);
}

.zx-tech-copy .zx-btn {
    margin-top: 24px;
}

@media(max-width:950px) {
    .zx-maxxis-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .zx-maxxis-panel {
        min-height: 360px;
        border-right: 0;
    }

    .zx-maxxis-left {
        grid-template-columns: 1fr;
        min-height: 520px;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 231, 255, .16);
    }

    .zx-maxxis-avatar img {
        max-height: 300px;
    }

    .zx-maxxis-stream {
        min-height: 360px;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 231, 255, .16);
    }

    .zx-stream-body {
        max-height: 245px;
    }

    .zx-service-grid {
        grid-template-columns: 1fr;
    }
}

@media(max-width:620px) {
    .zx-maxxis-panel {
        padding: 22px;
    }

    .zx-maxxis-left {
        min-height: 560px;
        gap: 18px;
    }

    .zx-maxxis-actions {
        flex-direction: column;
    }

    .zx-maxxis-actions .zx-btn,
    .zx-tech-copy .zx-btn {
        justify-content: center;
        width: 100%;
    }

    .zx-tech-copy {
        padding: 24px;
    }
}