
/* Zero Gravity Gaming homepage redesign — scoped to the homepage */
.zg-home-heading{align-items:end}.zg-home-heading h2{font-size:clamp(36px,4.2vw,57px)}
.zg-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.zg-feature{display:flex;flex-direction:column;padding:23px;border-radius:22px;border:1px solid #d9eaf0;min-width:0;box-shadow:0 16px 32px #16374908}
.zg-feature-tactical{background:linear-gradient(150deg,#f1fcfd,#e4f9fb)}
.zg-feature-tourney{background:linear-gradient(150deg,#fcf8ff,#f4e9fd);border-color:#ebdaf4}
.zg-feature-bot{background:linear-gradient(150deg,#f7faff,#eaf3ff);border-color:#dce7fc}
.zg-feature-top{display:flex;align-items:center;gap:10px;color:#526879;font-size:9px;letter-spacing:.085em;font-weight:900;min-height:38px}
.zg-feature-icon,.zg-flow-icon{display:grid;place-items:center;flex:none;background:#05c4ce;color:white;width:38px;height:38px;border-radius:10px;font-size:23px;box-shadow:0 8px 15px #004e6a20}
.zg-feature-tourney .zg-feature-icon,.zg-flow-tourney .zg-flow-icon{background:linear-gradient(140deg,#5454ff,#973ee7)}
.zg-feature-bot .zg-feature-icon,.zg-flow-bot .zg-flow-icon{background:linear-gradient(140deg,#5b5bff,#7766ed)}
.zg-feature h3{font-size:26px;margin:14px 0 5px}.zg-feature-tagline{font-family:'Space Grotesk',sans-serif;font-size:15px}
.zg-feature>p{font-size:13px;line-height:1.67;color:#536878;margin:14px 0 18px;min-height:90px}
.zg-ui-mock{background:#0d1b28;border:1px solid #21425a;color:#d7f7fc;border-radius:12px;min-height:210px;padding:13px;overflow:hidden;box-shadow:0 11px 20px #0d28461c}
.zg-mock-title{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:9px;letter-spacing:.07em;color:#dff9fc;border-bottom:1px solid #244255;padding:0 0 11px}.zg-mock-title span{font-size:8px;color:#37e3d1}
.zg-tactical-inner{display:grid;grid-template-columns:86px 1fr;gap:12px;margin-top:12px;height:146px}
.zg-mock-sidebar{display:flex;flex-direction:column;gap:14px;font-size:9px;color:#9fd1df;white-space:nowrap}
.zg-map-art{position:relative;overflow:hidden;border-radius:6px;background:repeating-linear-gradient(45deg,#233b4b 0 12px,#192d3d 12px 21px,#2d4253 21px 32px);border:1px solid #466473}
.zg-map-art:before{content:"";position:absolute;inset:12% 5%;border:15px solid #93a8b426;transform:rotate(-14deg);border-radius:19px}
.zg-map-route{position:absolute;left:16%;top:65%;width:70%;border-top:3px dashed #02e2e5;transform:rotate(-25deg)}
.zg-map-pin{position:absolute;display:grid;place-items:center;width:22px;height:22px;border:2px solid #fff;border-radius:50%;font-size:10px;background:#04bad0;color:#06121d;font-weight:800;font-style:normal}.zg-map-pin.pin1{left:12%;top:58%}.zg-map-pin.pin2{right:19%;top:24%}.zg-map-pin.pin3{left:36%;top:17%;background:#f434b7}.zg-map-pin.pin4{right:7%;bottom:12%;background:#e53db2}
.zg-mock-tabs{display:flex;gap:18px;border-bottom:1px solid #25485a;padding:13px 0;color:#93b8c8;font-size:9px}.zg-mock-tabs b{color:#26e6eb;border-bottom:2px solid #26e6eb;padding-bottom:5px}
.zg-bracket-art{display:flex;align-items:center;justify-content:center;margin-top:16px;gap:0}.zg-match-stack{display:flex;flex-direction:column;gap:16px;flex:1}.zg-match{border:1px solid #335467;border-radius:6px;font-size:10px;min-width:0;overflow:hidden}.zg-match>span{padding:7px 8px;display:flex;justify-content:space-between}.zg-match>span+span{border-top:1px solid #335467}.zg-match b{color:#67f6e7}.zg-bracket-line{width:26px;height:55px;border-right:2px solid #4c8598;border-top:2px solid #4c8598;border-bottom:2px solid #4c8598;margin-right:7px}.zg-final-match{flex:1}.zg-final-match small{display:block;padding:6px 8px;color:#ad8cff}
.zg-discord-message{display:flex;gap:11px;align-items:center;background:#172d41;border-radius:9px;padding:12px;margin-top:14px}.zg-discord-avatar{background:#6264ea;border-radius:9px;padding:9px}.zg-discord-message b,.zg-discord-message small{display:block;font-size:11px}.zg-discord-message small{color:#90bfd6;margin-top:4px}.zg-discord-checks{display:grid;gap:7px;padding:12px 5px;font-size:10px;color:#8ef7c8}.zg-discord-status{color:#8cf2ff;border:1px solid #256477;border-radius:7px;padding:9px;text-align:center;font-size:9px;font-weight:900}
.zg-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.zg-tags span{padding:7px 9px;background:#cdeff3;border-radius:99px;text-transform:uppercase;font-size:9px;color:#236c76;font-weight:900}.zg-feature-tourney .zg-tags span{background:#ead7ff;color:#683e8e}.zg-feature-bot .zg-tags span{background:#d8e7ff;color:#355c9c}
.zg-feature-link{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:auto;padding:14px 12px;border-radius:10px;background:#07121d;color:white;font-size:12px;font-weight:900;text-align:center}.zg-feature-link:hover{background:#19364b}
.zg-status-note{color:#6e7e88;font-size:12px;line-height:1.7;margin:18px 0 0}.zg-status-note a{text-decoration:underline;color:#007f97}
.zg-ecosystem{background:linear-gradient(130deg,#f5fdff,#f8f7ff 65%,#fff6fd)}
.zg-ecosystem-flow{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);gap:7px;align-items:center}
.zg-flow-panel{background:#fff;border:1px solid #dce9f0;box-shadow:0 12px 30px #173b5b0a;padding:20px;border-radius:20px;min-width:0}.zg-flow-heading{display:flex;gap:11px;align-items:center}.zg-flow-heading small{font-size:9px;color:#566c79;letter-spacing:.1em;font-weight:900}.zg-flow-heading h3{font-size:18px;margin:5px 0 0;letter-spacing:-.04em}.zg-flow-panel>p{font-size:12px;color:#526b7a;line-height:1.65;margin:14px 0}.zg-flow-arrow{font-size:42px;font-weight:900;text-align:center;color:#00bfc8}.zg-arrow-left{color:#8146e8}
.zg-flow-preview{background:#0e2030;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:10px;min-height:150px;color:#abcad6;font-size:10px}.zg-flow-preview b{color:#f2ffff;font-size:10px;letter-spacing:.05em;margin-bottom:2px}.zg-flow-checks span{color:#8ae9c8}.zg-ecosystem-caption{font-size:12px;color:#657a84;text-align:center;line-height:1.6;margin:25px 0 0}
.zg-benefits-section{background:linear-gradient(#fff,#f8fbff)}.zg-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zg-benefits article{background:#fff;border:1px solid #e2eaf1;border-radius:18px;padding:27px;box-shadow:0 10px 30px #182f4608}.zg-benefit-icon{font-size:30px;color:#00b9d1}.zg-benefits article:nth-child(2) .zg-benefit-icon{color:#b947d7}.zg-benefits article:nth-child(3) .zg-benefit-icon{color:#6c66df}.zg-benefits h3{font-size:20px;margin:13px 0}.zg-benefits ul{list-style:none;padding:0;margin:0}.zg-benefits li{position:relative;padding:7px 0 7px 23px;font-size:12px;color:#647b89}.zg-benefits li:before{content:"✓";position:absolute;left:0;color:#00b7bd;font-weight:900}.zg-benefits article:nth-child(2) li:before{color:#b947d7}.zg-benefits article:nth-child(3) li:before{color:#6c66df}
.zg-home-cta{padding:24px 0 75px;background:#f8fbff}.zg-cta-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:48px;border-radius:22px;background:radial-gradient(circle at 95% 20%,#844bca88,transparent 22%),radial-gradient(circle at 80% 130%,#04acd552,transparent 38%),#081320;color:white;box-shadow:0 15px 37px #04172b1c}.zg-cta-panel h2{font-size:clamp(34px,4vw,55px);margin-top:14px}.zg-cta-panel p{line-height:1.75;color:#bed0dc;font-size:14px}.zg-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.zg-cta-actions .btn-outline{background:#fff}.zg-cta-actions .btn-ghost-dark{color:#fff}
@media(max-width:1100px){.zg-feature{padding:17px}.zg-feature h3{font-size:23px}.zg-features{gap:12px}.zg-bracket-line{width:15px}.zg-tactical-inner{grid-template-columns:73px 1fr}}
@media(max-width:900px){.zg-features{grid-template-columns:1fr}.zg-feature{padding:24px}.zg-feature>p{min-height:0}.zg-ui-mock{min-height:230px}.zg-tactical-inner{grid-template-columns:100px 1fr;height:170px}.zg-ecosystem-flow{grid-template-columns:1fr}.zg-flow-arrow{transform:rotate(90deg);font-size:40px;line-height:1}.zg-flow-arrow.zg-arrow-left{transform:rotate(-90deg)}.zg-benefits{grid-template-columns:1fr}.zg-cta-panel{grid-template-columns:1fr;gap:18px;padding:35px}}
@media(max-width:610px){.zg-cta-panel{padding:28px}.zg-cta-actions .btn{white-space:normal}.zg-flow-panel{padding:22px}.zg-feature{padding:19px}}
