.hero.launch-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:0;min-height:690px;padding:90px 0 75px}
.launch-hero .eyebrow{justify-content:center;letter-spacing:3px}
.launch-hero h1{font-size:clamp(3.3rem,9.5vw,8.2rem);font-weight:700;line-height:1.06;letter-spacing:-.055em;margin:32px 0 24px}
.glitch{position:relative;display:block;color:#e8fff0;text-shadow:0 0 45px #64ffad35}
.glitch-copy{position:absolute;inset:0;pointer-events:none;opacity:0;clip-path:inset(20% 0 55% 0);color:#64ffad;animation:glitch-slice 5.8s infinite steps(1,end)}
.glitch-copy.second{color:#79d8ff;clip-path:inset(61% 0 17% 0);animation-name:glitch-second}
@keyframes glitch-slice{0%,86%,93%,100%{opacity:0;transform:none}87%{opacity:.85;transform:translate(-7px,1px)}89%{opacity:.7;transform:translate(5px,-1px)}91%{opacity:.85;transform:translate(-3px,0)}}
@keyframes glitch-second{0%,86%,93%,100%{opacity:0;transform:none}88%{opacity:.65;transform:translate(6px,0)}90%{opacity:.7;transform:translate(-4px,1px)}92%{opacity:.5;transform:translate(3px,0)}}
.launch-hero .launch-teaser{color:#c5d8cd;font-size:clamp(1rem,2vw,1.2rem);margin:0;max-width:570px}
.launch-hero .social-invitation{font-size:17px;margin:34px 0 17px;color:#d9e8df}
.social-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.social-link{display:flex;align-items:center;justify-content:center;gap:11px;min-width:180px;padding:15px 24px;border:1px solid #64ffad70;background:#05180de6;border-radius:5px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}
.social-link svg{width:21px;height:21px;flex:none}.social-link.discord{background:var(--lime);color:#052211;border-color:var(--lime)}
.social-link:hover{transform:translateY(-2px);border-color:#b4ffd4;background:#103820}.social-link.discord:hover{background:#9bffca}
.social-link[aria-disabled="true"]{cursor:default;opacity:.75}.social-link[aria-disabled="true"]:hover{transform:none}
.social-pending{min-height:21px;font-size:12px;color:#9bb4a5;margin:12px 0 0}
.launch-hero .discover-link{font-size:13px;letter-spacing:1px;color:#a8c5b4;margin-top:38px;border-bottom:1px solid #49725b;padding-bottom:5px}
body:before{height:1100px;background-image:linear-gradient(180deg,#02080533 0%,#02080555 55%,#020805 100%),url('matrix-ict-background.png')}
@media(max-width:700px){.hero.launch-hero{min-height:640px;padding:70px 0 55px}.launch-hero h1{font-size:clamp(2.65rem,10.8vw,4.7rem);letter-spacing:-.045em}.launch-hero .eyebrow{font-size:10px;letter-spacing:2px}.social-actions{width:100%;gap:10px}.social-link{min-width:0;flex:1;padding:14px 16px}.launch-hero .social-invitation{font-size:16px}body:before{background-position:65% top}}
.launch-hero h1{animation:system-drift 6s ease-in-out infinite;will-change:transform}
.glitch{animation:system-error 3.7s steps(1,end) infinite;will-change:transform;text-shadow:2px 0 #64ffad66,-2px 0 #79d8ff44}
.glitch-copy{opacity:.8;animation:system-tear-a 2.3s steps(1,end) infinite;filter:drop-shadow(-3px 0 #00ff91)}
.glitch-copy.second{opacity:.7;animation:system-tear-b 3.1s steps(1,end) infinite;filter:drop-shadow(3px 0 #83cfff)}
@keyframes system-drift{0%,100%{transform:translate(-3px,0)}25%{transform:translate(3px,-5px)}50%{transform:translate(-2px,3px)}75%{transform:translate(4px,-2px)}}
@keyframes system-error{0%,14%,26%,53%,69%,90%,100%{transform:translate(0) skewX(0);text-shadow:2px 0 #64ffad66,-2px 0 #79d8ff44}15%{transform:translate(-5px,1px) skewX(-3deg);text-shadow:5px 0 #64ffad,-5px 0 #79d8ff}18%{transform:translate(4px,-2px) skewX(2deg)}22%{transform:translate(-2px,0)}54%{transform:translate(6px,1px) skewX(4deg)}58%{transform:translate(-4px,-1px) skewX(-2deg)}63%{transform:translate(2px,2px)}84%{transform:translate(-5px,0) skewX(-3deg)}87%{transform:translate(3px,-1px)}}
@keyframes system-tear-a{0%,24%,48%,76%,100%{clip-path:inset(15% 0 77% 0);transform:translate(-2px,0);opacity:.45}10%{clip-path:inset(22% 0 61% 0);transform:translate(-9px,1px);opacity:.95}17%{clip-path:inset(42% 0 45% 0);transform:translate(7px,-1px)}32%{clip-path:inset(63% 0 27% 0);transform:translate(-6px,0)}40%{clip-path:inset(33% 0 53% 0);transform:translate(10px,0);opacity:.85}61%{clip-path:inset(73% 0 18% 0);transform:translate(-8px,1px)}86%{clip-path:inset(8% 0 82% 0);transform:translate(6px,-1px)}}
@keyframes system-tear-b{0%,29%,57%,100%{clip-path:inset(72% 0 19% 0);transform:translate(2px,0);opacity:.4}13%{clip-path:inset(54% 0 32% 0);transform:translate(9px,1px);opacity:.8}21%{clip-path:inset(34% 0 54% 0);transform:translate(-7px,0)}42%{clip-path:inset(82% 0 8% 0);transform:translate(6px,-2px)}64%{clip-path:inset(18% 0 69% 0);transform:translate(-10px,0);opacity:.9}78%{clip-path:inset(47% 0 42% 0);transform:translate(8px,1px)}89%{clip-path:inset(65% 0 23% 0);transform:translate(-5px,0)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .launch-hero h1,html:not(.motion-enabled) .glitch{animation:none;transform:none}html:not(.motion-enabled) .glitch-copy{animation:none;display:none}}
.more-teaser{margin-top:24px;padding:42px 24px;text-align:center;border:1px dashed #64ffad4d;border-radius:8px;background:linear-gradient(120deg,#07190d99,#02080533)}
.more-symbol{display:block;color:var(--lime);font:300 38px/1 'Space Grotesk',sans-serif;margin-bottom:16px}
.more-teaser h3{font:500 clamp(24px,3vw,34px)/1.2 'Space Grotesk',sans-serif;letter-spacing:-.7px;margin:0}
.more-teaser p{color:var(--muted);font-size:16px;margin:14px auto 0;max-width:520px}
.sound-toggle{margin-top:22px;padding:8px 13px;background:#04120bc9;border:1px solid #64ffad40;border-radius:4px;color:#a8c5b4;font:500 12px 'Space Grotesk',sans-serif;letter-spacing:1.5px;cursor:pointer}.sound-toggle:hover,.sound-toggle[aria-pressed="true"]{color:var(--lime);border-color:var(--lime)}
/* Move the existing Matrix artwork behind a stationary readability overlay. */
body{overflow-x:clip}
body:before{background-image:url('matrix-ict-background.png');background-size:cover;background-position:center top;transform-origin:center top;animation:matrix-drift 18s ease-in-out infinite,matrix-glow 7s ease-in-out infinite;will-change:transform,opacity;mask-image:linear-gradient(#000 0%,#000 62%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 62%,transparent 100%)}
body:after{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:1100px;pointer-events:none;background:linear-gradient(180deg,#02080522,#02080544 55%,#020805 100%)}
@keyframes matrix-drift{0%,100%{transform:translateY(-35px) scale(1.08)}50%{transform:translateY(28px) scale(1.02)}}
@keyframes matrix-glow{0%,100%{opacity:.73}45%{opacity:1}70%{opacity:.84}}
html.motion-paused body:before{animation-play-state:paused}
.launch-hero .typing-eyebrow{display:grid;position:relative;max-width:100%;text-align:center}
.typing-eyebrow:before{display:none}
.typing-reserve,.typing-text{grid-area:1/1}
.typing-reserve{visibility:hidden}
.typing-text:after{content:'';display:inline-block;width:2px;height:1em;margin-left:4px;background:var(--lime);vertical-align:-.1em;animation:typing-cursor .8s steps(2,end) infinite}
.typing-complete .typing-text:after{visibility:hidden;animation:none}
@keyframes typing-cursor{50%{opacity:0}}
.logo .brand-logo{display:block;width:100px;height:90px;object-fit:contain}
.logo .brand-mark{position:relative;display:block;flex:none;width:39px;height:42px;overflow:hidden}
.logo .brand-mark img{position:absolute;width:75px;height:75px;max-width:none;left:-18px;top:-15px;object-fit:contain}
@media(max-width:700px){.social-actions .social-link{flex:1 1 140px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.logo .brand-logo{width:78px;height:72px}}
@media(max-width:700px){body:before{background-position:65% top}body:after{height:1150px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) body:before{animation:none;transform:none}}