{ width:100%; }
body { --z-bg:#040812; --z-panel:#0B1322; --z-text:#E8EDF6; --z-dim:#9AA5B8; --z-cyan:#00AAFF; --z-orange:#FF7A00; --z-line:#223147; --z-hero:url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05'); --z-logo:url('/_website/website-20261027-release205charts1/redesign/assets/wordmark.png?v=404a125b3e97'); --z-eupraxion:url('/_website/website-20261027-release205charts1/redesign/assets/eupraxion-preview.webp?v=dacdd0828f80'); --z-mattness:url('/_website/website-20261027-release205charts1/redesign/assets/mattness-preview.webp?v=65babc72bccf'); --z-chest:url('/_website/website-20261027-release205charts1/redesign/assets/hunt-chest.webp?v=5bd02e5c5de4'); color-scheme:dark; background:var(--z-bg); color:var(--z-text); font-family:'Segoe UI',sans-serif; font-size:15px; line-height:1.55; width:100%; margin-inline:auto;  isolation:isolate; }
body *, body *::before, body *::after { box-sizing:border-box; }
body [hidden] { display:none!important; }
body a { color:inherit; text-decoration:none; }
body p { font-family:'Segoe UI',sans-serif; }
body .zob-kicker, body .zob-bot-caption { font-family:'Share Tech Mono',monospace; }
body .zob-hero-footnote, body .zob-mega-note { font-family:'JetBrains Mono',monospace; }
body button { font:inherit; color:inherit; }
body h1, body h2, body h3, body p { margin:0; }
body h1, body h2, body h3 { font-family:Orbitron,'Segoe UI',sans-serif; }
body i[data-lucide] { display:inline-block; width:19px; height:19px; }
body svg { flex-shrink:0; width:19px; height:19px; stroke-width:1.6; }
body svg.lucide { width:var(--z-icon-size,19px)!important; height:var(--z-icon-size,19px)!important; }
body .zob-navitem { --z-icon-size:12px; }
body .zob-button-primary, body .zob-text-link { --z-icon-size:16px; }
body .zob-bot-caption { --z-icon-size:14px; }
body .zob-value, body .zob-segment { --z-icon-size:24px; }
body .zob-artist > svg.lucide, body .zob-segment-arrow { --z-icon-size:18px; margin-left:auto!important; }
body .zob-pathway > svg.lucide { --z-icon-size:25px; margin-bottom:14px!important; }
body .zob-community > svg.lucide { --z-icon-size:39px; }
.zob-inner { width:calc(100% - 104px); max-width:1440px; margin-inline:auto; }
.zob-header { height:91px; border-bottom:1px solid #9AA5B818; position:relative; z-index:10; background:#040812; }
.zob-header-inner { width:calc(100% - 64px); max-width:1664px; height:100%; margin:auto; display:flex; align-items:center; gap:25px; }
.zob-logo { display:block; background:var(--z-logo) left center/contain no-repeat; width:181px; height:55px; flex:none; }
.zob-mainnav { display:flex; gap:25px; align-items:center; margin-inline:auto; }
.zob-navitem { position:relative; display:flex; align-items:center; gap:6px; min-height:44px; padding:0; border:0; background:transparent; font-family:Orbitron,'Segoe UI',sans-serif!important; text-transform:uppercase; font-size:10px!important; font-weight:500; letter-spacing:2.3px; white-space:nowrap; }
.zob-navitem:hover, .zob-navitem[aria-current] { color:var(--z-cyan); }
.zob-navitem[aria-current]::after { content:''; position:absolute; height:2px; background:var(--z-cyan); bottom:0; left:0; right:3px; }
.zob-navitem svg { width:12px; height:12px; }
.zob-header-actions { display:flex; align-items:center; gap:13px; }
.zob-icon-button { width:40px; height:44px; display:grid; place-items:center; background:transparent; border:0; }
.zob-button { display:inline-flex; align-items:center; justify-content:center; gap:11px; min-height:48px; padding:13px 22px; border:1px solid #9AA5B850; border-radius:6px; background:#04081280; font-family:'Segoe UI',sans-serif; font-weight:600; font-size:14px; line-height:1.3; transition:background .18s,border-color .18s; }
.zob-button:hover { border-color:var(--z-cyan); background:#00AAFF12; }
.zob-button-primary { background:var(--z-cyan); color:var(--z-bg)!important; border-color:var(--z-cyan); box-shadow:0 5px 28px #00AAFF22; }
.zob-button-primary:hover { background:#E8EDF6; border-color:#E8EDF6; }
.zob-button-primary svg { fill:currentColor; stroke-width:1; width:16px; height:16px; }
.zob-header .zob-button { min-height:40px; padding:10px 15px; font-size:12px; gap:9px; }
.zob-menu-toggle { display:none; }
.zob-mega { position:absolute; top:78px; right:30px; width:520px; padding:22px; background:var(--z-panel); border:1px solid var(--z-line); border-radius:8px; box-shadow:0 22px 55px #040812DD; }
.zob-mega-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px 24px; }
.zob-mega a { display:flex; justify-content:space-between; align-items:center; min-height:45px; border-bottom:1px solid #9AA5B822; font-size:14px; }
.zob-mega a:hover { color:var(--z-cyan); }
.zob-mega-note { font-family:'JetBrains Mono',monospace; color:var(--z-dim); font-size:11px; margin-top:18px!important; }
.zob-hero { position:relative; min-height:586px; display:flex; align-items:center; }
.zob-hero-art { position:absolute; inset:0; background-image:linear-gradient(0deg,var(--z-bg) 0%,#04081200 18%),var(--z-hero); background-size:cover; background-position:center 50%; z-index:-1; }
.zob-hero .zob-inner { padding-block:60px 86px; max-width:1664px; }
.zob-hero-copy { width:51%; max-width:585px; }
.zob-kicker { display:flex; align-items:center; gap:10px; font:400 12px/1.4 'Share Tech Mono',monospace; color:var(--z-cyan); letter-spacing:3px; text-transform:uppercase; }
.zob-dot { width:6px; height:6px; background:var(--z-cyan); border-radius:50%; box-shadow:0 0 12px #00AAFF80; flex:none; }
.zob-hero h1 { font-size:clamp(40px,4.8vw,69px); line-height:1.16; letter-spacing:-1.6px; font-weight:800; margin:23px 0 22px; }
.zob-hero h1 span { display:block; white-space:nowrap; }
.zob-hero h1 .zob-cyan { color:var(--z-cyan); }
.zob-hero-description { max-width:375px; font-size:17px; line-height:1.65; color:#C7D0DF; }
.zob-hero-description strong { font-weight:600; color:var(--z-text); }
.zob-hero-actions { display:flex; gap:12px; margin-top:28px; flex-wrap:wrap; }
.zob-hero-footnote { color:var(--z-dim); font-size:11px; font-family:'JetBrains Mono',monospace; margin-top:16px!important; }
.zob-bot-caption { position:absolute; bottom:30px; right:5%; display:flex; align-items:center; gap:9px; font:400 11px/1.4 'Share Tech Mono',monospace; letter-spacing:1.5px; color:var(--z-dim); }
.zob-bot-caption svg { color:var(--z-orange); width:14px; height:14px; }
.zob-values { display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:31px 0 36px; border-bottom:1px solid var(--z-line); }
.zob-value { display:flex; gap:13px; align-items:center; padding-left:23px; border-left:1px solid var(--z-line); }
.zob-value:first-child { border-left:0; padding-left:0; }
.zob-value svg { width:24px; height:24px; color:var(--z-cyan); }
.zob-value:last-child svg { color:var(--z-orange); }
.zob-value strong { display:block; font-size:13px; font-weight:600; }
.zob-value small { display:block; color:var(--z-dim); font-size:11px; margin-top:2px; }
.zob-section { padding-top:64px; }
.zob-section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:25px; }
.zob-section-head h2 { font-size:clamp(23px,2.8vw,34px); font-weight:700; line-height:1.25; letter-spacing:-.7px; margin-top:9px; }
.zob-text-link { display:inline-flex; align-items:center; gap:10px; color:var(--z-cyan)!important; font-size:13px; font-weight:600; min-height:40px; white-space:nowrap; }
.zob-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.zob-text-link svg { width:16px; height:16px; }
.zob-discovery-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:21px; }
.zob-spotlight { position:relative; min-height:303px; padding:31px; border:1px solid #FF7A0040; border-radius:9px; background:radial-gradient(ellipse at 92% 65%,#FF7A001A,transparent 64%),var(--z-panel); overflow:hidden; }
.zob-spotlight .zob-kicker { color:var(--z-orange); font-size:11px; letter-spacing:2px; }
.zob-spotlight h3 { font-size:28px; line-height:1.25; letter-spacing:-.5px; margin-top:14px; max-width:260px; }
.zob-spotlight p { font-size:14px; color:#C7D0DF; max-width:237px; margin-top:13px; }
.zob-spotlight .zob-text-link { margin-top:13px; color:var(--z-text)!important; }
.zob-chest { position:absolute; width:177px; height:177px; right:8px; top:79px; background:var(--z-chest) center/contain no-repeat; pointer-events:none; }
.zob-spotlight-content { position:relative; z-index:1; max-width:65%; }
.zob-slide-controls { display:flex; align-items:center; gap:7px; margin-top:20px; position:relative; z-index:1; }
.zob-slide-control { display:grid; place-items:center; height:28px; width:28px; padding:0; border:0; background:transparent; }
.zob-slide-control::before { content:''; width:6px; height:6px; background:#9AA5B860; border-radius:6px; }
.zob-slide-control[aria-pressed="true"]::before { background:var(--z-orange); width:21px; }
.zob-premium-symbol { position:absolute; right:6px; top:63px; width:177px; height:223px; background:var(--z-hero) 87% center/auto 100% no-repeat; mask-image:radial-gradient(ellipse at 57% 48%,#000 25%,transparent 74%); }
.zob-artists { display:flex; flex-direction:column; gap:15px; }
.zob-artist { display:flex; gap:20px; flex:1; align-items:center; background:var(--z-panel); padding:20px; border:1px solid var(--z-line); border-radius:9px; }
.zob-artist:hover { border-color:#00AAFF88; }
.zob-portrait { width:92px; height:92px; background-size:cover; background-position:center; border-radius:6px; flex:none; }
.zob-eupraxion { background-image:var(--z-eupraxion); }
.zob-mattness { background-image:var(--z-mattness); }
.zob-artist h3 { font-size:17px; font-weight:600; line-height:1.35; margin:5px 0; }
.zob-artist small { font:400 10px/1.4 'JetBrains Mono',monospace; color:var(--z-cyan); text-transform:uppercase; letter-spacing:1px; }
.zob-artist p { font-size:12px; line-height:1.5; color:var(--z-dim); }
.zob-artist > svg { margin-left:auto; color:var(--z-cyan); width:18px; }
.zob-programming { padding:46px 0; margin-top:60px; border-top:1px solid var(--z-line); border-bottom:1px solid var(--z-line); display:grid; grid-template-columns:1fr 1.08fr; gap:65px; }
.zob-programming h2 { font-size:29px; line-height:1.3; letter-spacing:-.6px; margin:13px 0 17px; }
.zob-programming p { color:var(--z-dim); font-size:14px; line-height:1.7; max-width:360px; }
.zob-programming .zob-text-link { margin-top:15px; }
.zob-segments { display:flex; flex-direction:column; justify-content:center; }
.zob-segment { display:flex; align-items:center; gap:18px; padding:17px 0; border-bottom:1px solid #9AA5B824; }
.zob-segment:last-child { border-bottom:0; }
.zob-segment svg { color:var(--z-cyan); width:24px; height:24px; }
.zob-segment:nth-child(2) > svg { color:var(--z-orange); }
.zob-segment strong { display:block; font-size:14px; font-weight:600; }
.zob-segment small { display:block; color:var(--z-dim); font-size:12px; margin-top:2px; }
.zob-segment .zob-segment-arrow { margin-left:auto; width:16px; height:16px; color:var(--z-dim); }
.zob-pathways { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; padding-block:51px 65px; }
.zob-pathway > svg { color:var(--z-cyan); width:25px; height:25px; margin-bottom:14px; }
.zob-pathway:last-child > svg { color:var(--z-orange); }
.zob-pathway h3 { font-size:17px; font-weight:600; margin-bottom:12px; }
.zob-pathway p { font-size:13px; color:var(--z-dim); line-height:1.7; }
.zob-pathway .zob-text-link { margin-top:16px; }
.zob-pathway:last-child .zob-text-link { color:var(--z-orange)!important; }
.zob-community { padding:30px 34px; background:linear-gradient(115deg,#00AAFF0C,transparent 65%),var(--z-panel); border:1px solid var(--z-line); border-radius:9px; display:flex; gap:28px; align-items:center; margin-bottom:58px; }
.zob-community > svg { width:39px; height:39px; color:var(--z-cyan); }
.zob-community h3 { font-size:21px; line-height:1.3; font-weight:600; }
.zob-community p { color:var(--z-dim); font-size:13px; margin-top:7px; }
.zob-community .zob-button { margin-left:auto; white-space:nowrap; }
.zob-footer { border-top:1px solid var(--z-line); padding-block:29px 24px; }
.zob-footer-top { display:flex; gap:30px; align-items:center; }
.zob-footer .zob-logo { width:161px; height:49px; }
.zob-footer-links { display:flex; flex-wrap:wrap; gap:8px 22px; margin-left:auto; font-size:12px; color:var(--z-dim); }
.zob-footer-links a { min-height:30px; display:inline-flex; align-items:center; }
.zob-footer a:hover { color:var(--z-cyan); }
.zob-footer-bottom { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:20px; color:var(--z-dim); font:400 10px/1.6 'JetBrains Mono',monospace; }
.zob-policies { display:flex; gap:18px; flex-wrap:wrap; }
@media (min-width:1250px) {
 .zob-hero { min-height:clamp(660px,42vw,1080px); }
 .zob-hero-description { max-width:450px; font-size:19px; }
 .zob-header-inner { gap:35px; }
 .zob-mainnav { gap:33px; }
 .zob-navitem { font-size:11px!important; letter-spacing:3px; }
 .zob-logo { width:207px; height:63px; }
 .zob-hero h1 { margin-top:26px; }
 .zob-hero .zob-inner { padding-bottom:75px; }
 .zob-chest { right:27px; width:210px; height:210px; top:47px; }
}
@media (max-width:1000px) {
 .zob-header-inner { gap:15px; }
 .zob-mainnav { gap:17px; }
 .zob-navitem { font-size:9px!important; letter-spacing:1.8px; }
 .zob-logo { width:168px; height:52px; }
 .zob-header-actions { gap:5px; }
 .zob-inner { width:calc(100% - 72px); }
 .zob-hero { min-height:552px; }
 .zob-hero h1 { font-size:4.7vw; }
 .zob-hero-description { max-width:340px; font-size:16px; }
 .zob-chest { width:145px; height:145px; right:0; top:104px; }
 .zob-spotlight { padding:25px; }
 .zob-spotlight h3 { font-size:25px; }
 .zob-spotlight-content { max-width:70%; }
 .zob-portrait { width:74px; height:74px; }
 .zob-artist { gap:14px; padding:18px; }
 .zob-value { padding-left:16px; gap:9px; }
 .zob-value strong { font-size:12px; }
 .zob-programming { gap:40px; }
}
@media (max-width:800px) {
 .zob-header { height:80px; }
 .zob-header-inner { width:calc(100% - 44px); }
 .zob-header-actions { margin-left:auto; gap:10px; }
 .zob-mainnav { display:none; }
 .zob-menu-toggle { display:grid; }
 .zob-account-link { display:none; }
 .zob-inner { width:calc(100% - 48px); }
 .zob-hero { min-height:500px; }
 .zob-hero h1 { font-size:4.7vw; letter-spacing:-1px; }
 .zob-hero-copy { width:54%; }
 .zob-hero-description { font-size:15px; max-width:300px; }
 .zob-hero-art { background-position:56% center; }
 .zob-hero-actions { gap:10px; }
 .zob-hero-actions .zob-button { font-size:12px; padding:12px 16px; }
 .zob-kicker { letter-spacing:2px; font-size:11px; }
 .zob-values { grid-template-columns:repeat(2,1fr); gap:24px 0; }
 .zob-value { padding-left:25px; }
 .zob-value:nth-child(odd) { border-left:0; padding-left:0; }
 .zob-value strong { font-size:13px; }
 .zob-value small { font-size:12px; }
 .zob-discovery-grid { grid-template-columns:1fr; }
 .zob-spotlight { min-height:283px; padding:28px; }
 .zob-spotlight h3 { font-size:29px; max-width:none; }
 .zob-spotlight p { max-width:330px; }
 .zob-chest { width:210px; height:210px; right:29px; top:32px; }
 .zob-spotlight-content { max-width:61%; }
 .zob-artists { flex-direction:row; gap:14px; }
 .zob-artist { gap:14px; min-width:0; }
 .zob-portrait { width:60px; height:60px; }
 .zob-artist > svg { display:none; }
 .zob-artist h3 { font-size:14px; }
 .zob-pathways { gap:22px; }
 .zob-pathway h3 { font-size:15px; }
 .zob-programming { gap:30px; }
 .zob-programming h2 { font-size:24px; }
 .zob-community { padding:26px; gap:20px; }
 .zob-community > svg { display:none; }
 .zob-community h3 { font-size:18px; }
 .zob-community .zob-button { padding:12px 17px; font-size:13px; }
}
@media (max-width:560px) {
 .zob-header { height:76px; }
 .zob-header-inner { width:calc(100% - 32px); gap:8px; }
 .zob-logo { width:147px; height:47px; }
 .zob-header-actions { gap:2px; }
 .zob-header .zob-button { font-size:11px; padding:10px; gap:7px; min-height:38px; }
 .zob-header .zob-button svg { width:12px; height:12px; }
 .zob-icon-button { width:36px; }
 .zob-inner { width:calc(100% - 40px); }
 .zob-hero { min-height:0; display:block; padding-bottom:275px; }
 .zob-hero-art { top:auto; bottom:0; height:315px; background-image:linear-gradient(180deg,var(--z-bg) 0%,#04081200 20%,#04081200 80%,var(--z-bg) 100%),var(--z-hero); background-size:auto 100%; background-position:76% center; }
 .zob-hero .zob-inner { padding-block:35px 5px; }
 .zob-hero-copy { width:100%; max-width:none; }
 .zob-hero h1 { font-size:8.1vw; line-height:1.22; letter-spacing:-1px; margin:19px 0 19px; }
 .zob-hero-description { max-width:100%; font-size:15px; line-height:1.65; }
 .zob-hero-actions { margin-top:23px; gap:10px; }
 .zob-hero-actions .zob-button { font-size:13px; min-height:48px; padding:12px 17px; }
 .zob-hero-footnote { font-size:10px; margin-top:14px!important; }
 .zob-bot-caption { bottom:6px; right:20px; font-size:10px; }
 .zob-values { padding:25px 0 31px; gap:24px 14px; }
 .zob-value { padding-left:0; border:0; gap:10px; }
 .zob-value svg { width:22px; height:22px; }
 .zob-value strong { font-size:12px; }
 .zob-value small { font-size:10px; margin-top:3px; }
 .zob-section { padding-top:39px; }
 .zob-section-head { align-items:flex-start; gap:9px; flex-direction:column; margin-bottom:18px; }
 .zob-section-head h2 { font-size:24px; line-height:1.35; max-width:280px; }
 .zob-section-head .zob-text-link { font-size:12px; min-height:30px; }
 .zob-spotlight { min-height:301px; padding:25px 23px; }
 .zob-spotlight-content { max-width:72%; }
 .zob-spotlight h3 { font-size:25px; max-width:205px; }
 .zob-spotlight p { font-size:13px; max-width:190px; }
 .zob-chest { width:146px; height:146px; right:-15px; top:116px; }
 .zob-spotlight .zob-text-link { font-size:12px; }
 .zob-slide-controls { margin-top:18px; }
 .zob-premium-symbol { right:-16px; top:118px; width:132px; height:188px; }
 .zob-artists { flex-direction:column; gap:12px; }
 .zob-artist { padding:17px; gap:17px; }
 .zob-portrait { width:72px; height:72px; }
 .zob-artist h3 { font-size:16px; }
 .zob-artist > svg { display:block; }
 .zob-programming { margin-top:37px; padding:31px 0; grid-template-columns:1fr; gap:17px; }
 .zob-programming h2 { font-size:25px; }
 .zob-programming p { font-size:14px; }
 .zob-programming .zob-text-link { margin-top:10px; }
 .zob-segment { padding:15px 0; }
 .zob-segment strong { font-size:13px; }
 .zob-pathways { grid-template-columns:1fr; gap:0; padding:10px 0 32px; }
 .zob-pathway { position:relative; padding:24px 0 24px 43px; border-bottom:1px solid #9AA5B824; }
 .zob-pathway:last-child { border-bottom:0; }
 .zob-pathway > svg { position:absolute; top:24px; left:0; width:24px; height:24px; }
 .zob-pathway h3 { font-size:17px; margin-bottom:9px; }
 .zob-pathway p { font-size:13px; }
 .zob-pathway .zob-text-link { margin-top:9px; }
 .zob-community { flex-direction:column; align-items:flex-start; gap:18px; padding:25px; margin-bottom:37px; }
 .zob-community .zob-button { margin-left:0; }
 .zob-community h3 { font-size:20px; }
 .zob-footer { padding-block:23px; }
 .zob-footer-top { flex-direction:column; align-items:flex-start; gap:16px; }
 .zob-footer-links { margin-left:0; gap:5px 20px; }
 .zob-footer-bottom { margin-top:19px; gap:13px; font-size:9px; }
 .zob-policies { gap:14px; }
 .zob-mega { top:67px; left:12px; right:12px; width:auto; padding:20px; }
 .zob-mega-grid { column-gap:22px; }
 .zob-mega-note { font-size:10px; line-height:1.7; }
}
@media (max-width:350px) {
 .zob-header .zob-logo { width:126px; height:42px; }
 .zob-header-inner { width:calc(100% - 24px); }
 .zob-inner { width:calc(100% - 32px); }
 .zob-hero h1 { font-size:8.05vw; }
 .zob-hero-actions .zob-button { padding:11px 12px; font-size:12px; gap:8px; }
 .zob-hero-actions { gap:8px; }
 .zob-hero-footnote { font-size:9px; }
 .zob-value { gap:7px; }
 .zob-value strong { font-size:11px; }
 .zob-value small { font-size:9px; }
 .zob-spotlight { padding:22px 19px; }
 .zob-spotlight h3 { font-size:23px; }
 .zob-chest { width:118px; height:118px; right:-6px; top:137px; }
 .zob-spotlight p { max-width:163px; }
}
@media(prefers-reduced-motion:reduce) { body * { transition:none!important; } }
/* Reference-led revision: open navigation, existing brand lockup and display headers. */
body { --z-discord:url('/_website/website-20261027-release205charts1/redesign/assets/discord-white.svg?v=eb3bf5a2e8b9'); }
body h1, body h2, body h3 { font-family:'Russo One','Segoe UI',sans-serif; font-weight:400; }
.zob-header { position:sticky; top:12px; height:104px; margin-bottom:-104px; border:0; background:transparent; padding-top:12px; }
.zob-header-inner { width:calc(100% - 72px); max-width:1816px; height:78px; gap:26px; padding:0 12px; border:1px solid transparent; position:relative; isolation:isolate; }
/* The lower edge drops 10px from either side to the centre. Keep the menu level. */
.zob-header-inner::before { content:''; position:absolute; inset:-1px -1px -11px; z-index:-1; pointer-events:none; border:1px solid #00AAFF20; border-radius:8px 8px 50% 50% / 8px 8px 10px 10px; background:linear-gradient(115deg,#0B1A2AF5,#07121FF5); box-shadow:0 10px 28px #04081250; backdrop-filter:blur(18px); opacity:0; transition:opacity .2s; }
body.zob-header-raised .zob-header-inner::before { opacity:1; }
.zob-brand-lockup { display:flex; align-items:center; gap:13px; flex:none; white-space:nowrap; }
.zob-brand-lockup .zob-logo { width:48px; height:48px; background-position:center; }
.zob-brand-name { font:400 15px/1 'Russo One','Orbitron',sans-serif; letter-spacing:2px; text-transform:uppercase; }
.zob-brand-name .zero { color:var(--z-cyan); }
.zob-brand-name .one { color:var(--z-orange); }
.zob-brand-name .rest { color:var(--z-text); margin-left:6px; }
.zob-mainnav { gap:25px; display:flex; }
body .zob-navitem { font-family:'Segoe UI',sans-serif!important; font-size:14px!important; font-weight:500; letter-spacing:0; text-transform:none; min-height:44px; }
.zob-header-actions { gap:12px; }
.zob-discord-symbol { display:inline-block; width:23px; height:18px; flex:none; background:var(--z-discord) center/contain no-repeat; }
.zob-header .zob-discord-button { min-height:46px; padding:11px 20px; border:1px solid #00AAFFCC; border-radius:26px; font-size:14px; gap:10px; background:#04081260; white-space:nowrap; }
.zob-button-primary { color:#fff!important; background:linear-gradient(155deg,#F7760B 0%,#D95000 70%); border-color:#FF7A00; box-shadow:0 0 26px #FF7A0036,inset 0 1px 2px #FFC38670; }
.zob-button-primary:hover { color:#fff!important; background:#DA5200; border-color:#FFA342; }
.zob-header .zob-button-primary { min-height:46px; padding:12px 26px; border-radius:12px; font-size:15px; background:linear-gradient(135deg,#D85C00,#B43C00); }
.zob-header .zob-button-primary svg { --z-icon-size:20px; }
.zob-header .zob-menu-toggle { display:none; }
.zob-mega { top:95px; right:40px; }
.zob-hero { min-height:clamp(760px,45vw,980px); }
.zob-hero .zob-inner { width:calc(100% - 128px); max-width:1710px; padding-block:142px 66px; }
.zob-hero-copy { max-width:650px; width:48%; }
.zob-hero .zob-kicker { color:#B0CADB; font:600 13px/1.4 'Segoe UI',sans-serif; letter-spacing:4px; }
.zob-hero h1 { font-size:clamp(60px,5.1vw,88px); line-height:1.03; letter-spacing:1px; margin:20px 0 24px; text-transform:uppercase; font-weight:400; }
.zob-hero h1 .zob-cyan { color:#00BFEF; }
.zob-orange { color:#FF943F; }
.zob-hero-description { max-width:590px; color:#B5C6D9; font-size:20px; line-height:1.5; font-weight:500; }
.zob-hero-actions { gap:24px; margin-top:33px; }
.zob-hero-actions .zob-button { min-height:56px; min-width:240px; padding:12px 26px; border-radius:10px; font-size:17px; text-transform:uppercase; }
.zob-hero-actions .zob-button-primary { gap:21px; }
.zob-hero-actions .zob-button-primary svg { --z-icon-size:29px; }
.zob-hero-actions .zob-button-secondary { border-color:#68CBEC; font-weight:700; }
.zob-listen-label { display:flex; flex-direction:column; gap:1px; line-height:1.25; align-items:center; }
.zob-listen-label strong { font-size:19px; font-weight:750; }
.zob-listen-label small { font-size:12px; font-weight:500; }
.zob-hero-footnote { margin-top:15px!important; }
.zob-bot-caption { bottom:28px; }
.zob-footer .zob-brand-lockup .zob-logo { width:44px; height:44px; }
.zob-footer .zob-brand-name { font-size:13px; }
@media (max-width:1600px) and (min-width:1151px) {
 .zob-header-inner { width:calc(100% - 48px); gap:19px; padding-inline:5px; }
 .zob-brand-lockup { gap:10px; }
 .zob-brand-name { font-size:13px; letter-spacing:1.5px; }
 .zob-brand-lockup .zob-logo { width:44px; height:44px; }
 .zob-mainnav { gap:17px; }
 body .zob-navitem { font-size:13px!important; }
 .zob-header-actions { gap:9px; }
 .zob-header .zob-discord-button { padding:10px 14px; font-size:13px; }
 .zob-header .zob-button-primary { padding:11px 18px; font-size:13px; }
 .zob-header .zob-account-link { width:30px; }
 .zob-hero h1 { font-size:5.3vw; }
 .zob-hero-description { font-size:18px; max-width:540px; }
 .zob-hero-actions { gap:18px; }
 .zob-hero-actions .zob-button { min-width:200px; min-height:56px; padding:12px 20px; font-size:14px; }
}
@media (max-width:1150px) and (min-width:561px) {
 .zob-header { height:140px; margin-bottom:-140px; top:5px; padding-top:5px; }
 .zob-header-inner { width:calc(100% - 40px); height:122px; flex-wrap:wrap; gap:0; padding:9px 12px; align-content:center; }
 .zob-brand-lockup { order:0; }
 .zob-brand-name { font-size:14px; letter-spacing:1.5px; }
 .zob-header-actions { order:1; margin-left:auto; gap:10px; }
 .zob-header .zob-discord-button { padding:10px 16px; font-size:13px; }
 .zob-header .zob-button-primary { padding:11px 20px; font-size:13px; }
 .zob-header .zob-account-link { display:none; }
 .zob-mainnav { order:2; width:100%; justify-content:center; gap:clamp(16px,3vw,31px); margin-top:8px; }
 body .zob-navitem { min-height:35px; font-size:13px!important; }
 .zob-hero { min-height:690px; }
 .zob-hero .zob-inner { width:calc(100% - 64px); padding-block:170px 58px; }
 .zob-hero-copy { width:51%; }
 .zob-hero h1 { font-size:5.3vw; margin-block:18px 20px; }
 .zob-hero-description { font-size:16px; }
 .zob-hero .zob-kicker { font-size:10px; letter-spacing:3px; }
 .zob-hero-actions { gap:12px; margin-top:25px; }
 .zob-hero-actions .zob-button { min-width:0; min-height:52px; padding:12px 18px; font-size:12px; gap:12px; }
 .zob-listen-label strong { font-size:14px; }
 .zob-listen-label small { font-size:10px; }
 .zob-hero-actions .zob-button-primary svg { --z-icon-size:22px; }
 .zob-hero-art { background-position:58% center; }
}
@media (max-width:750px) and (min-width:561px) {
 .zob-brand-name { font-size:12px; letter-spacing:1px; }
 .zob-brand-lockup { gap:9px; }
 .zob-header .zob-discord-button { padding:10px 12px; font-size:12px; }
 .zob-header .zob-button-primary { padding:10px 13px; font-size:12px; }
 .zob-header-inner { width:calc(100% - 24px); padding-inline:8px; }
 .zob-mainnav { gap:19px; }
 body .zob-navitem { font-size:11px!important; }
 .zob-hero-copy { width:54%; }
 .zob-hero-actions .zob-button { padding:12px 14px; font-size:11px; }
}
@media (max-width:560px) {
 .zob-header { top:5px; height:84px; margin-bottom:-84px; padding-top:5px; }
 .zob-header-inner { width:calc(100% - 20px); height:67px; padding:0 6px; gap:0; }
 .zob-brand-lockup { gap:9px; }
 .zob-brand-lockup .zob-logo { width:40px; height:40px; }
 .zob-brand-name { font-size:12px; letter-spacing:1.1px; }
 .zob-header-actions { gap:3px; }
 .zob-header .zob-discord-button { min-height:39px; width:41px; padding:8px; }
 .zob-discord-button .zob-discord-label { display:none; }
 .zob-header .zob-button-primary { display:none; }
 .zob-header .zob-menu-toggle { display:grid; width:36px; }
 .zob-mainnav { display:none; }
 .zob-hero { min-height:0; padding-bottom:293px; }
 .zob-hero .zob-inner { width:calc(100% - 40px); padding-block:107px 0; }
 .zob-hero-copy { width:100%; }
 .zob-hero h1 { font-size:10.7vw; line-height:1.06; letter-spacing:.25px; margin:17px 0 17px; }
 .zob-hero .zob-kicker { font-size:10px; letter-spacing:2.7px; }
 .zob-hero-description { font-size:15px; line-height:1.55; font-weight:400; }
 .zob-hero-actions { gap:12px; margin-top:24px; }
 .zob-hero-actions .zob-button { flex:1; min-width:0; min-height:52px; padding:12px 11px; font-size:12px; border-radius:8px; gap:10px; }
 .zob-hero-actions .zob-button-primary { gap:12px; }
 .zob-hero-actions .zob-button-primary svg { --z-icon-size:22px; }
 .zob-listen-label strong { font-size:14px; }
 .zob-listen-label small { font-size:10px; }
 .zob-hero-art { height:335px; background-position:76% center; }
 .zob-bot-caption { bottom:7px; }
 .zob-mega { top:76px; left:10px; right:10px; }
 .zob-footer .zob-brand-name { font-size:12px; }
}
@media (max-width:350px) {
 .zob-brand-name { font-size:10.5px; letter-spacing:1px; }
 .zob-brand-lockup { gap:7px; }
 .zob-brand-name .rest { margin-left:4px; }
 .zob-hero .zob-inner { width:calc(100% - 32px); }
 .zob-hero h1 { font-size:10.65vw; }
 .zob-hero-actions { gap:8px; }
 .zob-hero-actions .zob-button { font-size:10px; padding:11px 8px; }
 .zob-listen-label strong { font-size:12px; }
 .zob-listen-label small { font-size:9px; }
}
/* Flush to the viewport edges; spacing belongs inside the navigation surface. */
.zob-header { top:0; padding-top:0; }
.zob-header-inner { width:100%; max-width:none; margin-inline:0; border:0; padding-inline:clamp(16px,2.5vw,64px); }
.zob-header-inner::before { inset:0 0 -10px; border-top:0; border-left:0; border-right:0; border-radius:0 0 50% 50% / 0 0 10px 10px; }