:root{--yellow:#f0d451;--cream:#f4f0e6;--ink:#11110f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site{height:100svh;min-height:680px;overflow:hidden}header{height:94px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;border-bottom:1px solid #ffffff2b;position:relative;z-index:20}.identity{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.identity img{width:36px;filter:invert(1)}.stage{height:calc(100svh - 94px);min-height:586px;position:relative;isolation:isolate;overflow:hidden}.stage:after{content:"";position:absolute;inset:0;z-index:-5;background:linear-gradient(90deg,transparent 49.9%,#ffffff12 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff0d 50%,transparent 50.1%)}.wordmark{position:absolute;inset:auto -3% 7%;display:flex;justify-content:space-between;z-index:-3;font:900 clamp(82px,15vw,245px)/.8 Arial,sans-serif;letter-spacing:-.085em;color:#ffffff0b;white-space:nowrap}.orbit{position:absolute;width:min(44vw,650px);aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);z-index:-2}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff12;inset:7%}.orbit:after{inset:18%}.portal{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(50vw,700px);aspect-ratio:1.34;z-index:4;filter:drop-shadow(0 32px 45px #0008)}.signal-art{position:absolute;inset:-31% -22%;width:144%;height:162%;object-fit:contain;pointer-events:none;transform:scale(1.32);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .45s ease;filter:saturate(1.03) drop-shadow(0 24px 24px #0007)}.portal:hover .signal-art{transform:scale(1.4) rotate(-2deg);filter:saturate(1.12) drop-shadow(0 32px 30px #0006)}.app-card{position:absolute;width:54%;height:61%;left:23%;top:18%;background:var(--cream);color:var(--ink);display:flex;box-shadow:0 15px 40px #1116;transform:rotate(-1deg);transition:transform .5s;overflow:hidden}.portal:hover .app-card{transform:rotate(1deg) scale(1.035) translateY(-5px)}.mini-nav{width:26%;background:var(--ink);color:white;padding:16px 12px;display:flex;flex-direction:column;gap:15px}.mini-nav b{color:var(--accent);font:800 15px/1 Arial,sans-serif;letter-spacing:.04em;margin-bottom:13px}.mini-nav i{font-style:normal;font-size:6px;text-transform:uppercase;letter-spacing:.14em;opacity:.6}.mini-nav em{margin-top:auto;font-style:normal;font-size:8px}.mini-body{padding:22px;width:74%;position:relative;display:flex;flex-direction:column;align-items:flex-start}.mini-body small{font-size:6px;letter-spacing:.18em}.mini-body strong{display:inline-block;margin:auto 0 21px;padding:9px 13px;background:var(--accent);font:900 clamp(14px,1.65vw,22px)/1 Arial Black,Arial,sans-serif;letter-spacing:-.025em;transform:rotate(-2deg);box-shadow:5px 5px 0 #1112}.mini-grid{position:absolute;right:14px;bottom:11px;display:flex;gap:4px;width:38%}.mini-grid i{flex:1;aspect-ratio:.75;background:#fff8;border:1px solid #1112;border-radius:2px}.mini-grid i:nth-child(2){background:var(--accent);transform:translateY(-8px)}.coming-banner{position:absolute;right:18%;bottom:15%;z-index:5;padding:10px 19px;background:var(--accent);color:var(--ink);font:900 10px/1 Arial Black,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;transform:rotate(-3deg);box-shadow:7px 7px 0 #f4f0e529}.app-index{position:absolute;right:clamp(22px,3.2vw,52px);top:31%;width:clamp(190px,18vw,280px);display:flex;flex-direction:column;align-items:flex-end;transform:rotate(-7deg);transform-origin:right top}.app-index button{width:auto;padding:0;border:0;background:none;color:var(--cream);cursor:pointer;font:900 clamp(27px,3.4vw,52px)/.91 Arial Black,Arial,sans-serif;letter-spacing:-.055em;text-align:right;text-shadow:3px 3px 0 #111b;transition:color .18s,transform .18s}.app-index button:nth-child(2){margin-right:14px}.app-index button:nth-child(3){margin-right:30px}.app-index button:hover{color:var(--yellow);transform:translateX(-6px)}.app-index button.active{color:var(--accent);transform:translateX(-6px)}footer{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#f4f0e585;z-index:15}footer a:hover{color:var(--yellow)}
@media(max-width:760px){.site{min-height:720px}header{height:72px;padding:0 18px}.identity img{width:31px}.stage{height:calc(100svh - 72px);min-height:648px}.wordmark{top:auto;bottom:12%;font-size:22vw}.orbit{width:90vw;top:42%}.portal{width:95vw;top:39%}.signal-art{inset:-24% -18%;width:136%;height:148%;transform:scale(1.24)}.portal:hover .signal-art{transform:scale(1.31) rotate(-2deg)}.app-card{width:62%;left:19%;height:56%;top:21%}.mini-nav{padding:11px 7px}.mini-nav i{display:none}.mini-body{padding:14px}.mini-body strong{font-size:14px}.coming-banner{right:12%;bottom:16%;padding:8px 12px;font-size:7px}.app-index{top:62px;left:50%;right:auto;width:auto;max-width:calc(100vw - 36px);flex-direction:row;align-items:center;justify-content:center;gap:2px;padding:5px;background:#11110fc7;border:1px solid #f4f0e52e;backdrop-filter:blur(10px);transform:translateX(-50%);z-index:12}.app-index button,.app-index button:nth-child(2),.app-index button:nth-child(3){margin:0;padding:10px 11px;font-size:clamp(10px,3.2vw,13px);line-height:1;letter-spacing:.03em;text-shadow:none;transform:none}.app-index button:hover,.app-index button.active{transform:none}footer{bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.identity{user-select:none;-webkit-user-select:none}.identity .brand-mark{display:block;width:36px;height:36px;flex:none;background:currentColor;pointer-events:none;-webkit-user-drag:none;-webkit-mask:url('/assets/eb-logo.svg') center/contain no-repeat;mask:url('/assets/eb-logo.svg') center/contain no-repeat}@media(max-width:760px){.identity .brand-mark{width:31px;height:31px}}
@media(max-width:760px){.app-index{top:auto;bottom:50px}}