.marvel-device{display:inline-block;position:relative;box-sizing:content-box!important}.marvel-device .screen{z-index:3;background:#fff;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111}.marvel-device .top-bar,.marvel-device .bottom-bar{background:#000;width:100%;height:3px;display:block}.marvel-device .middle-bar{background:#000;width:3px;height:4px;position:absolute;top:0;left:90px}.marvel-device.iphone-x{background:#fdfdfd;border-radius:66px;width:375px;height:812px;padding:26px;box-shadow:inset 0 0 11px #000}.marvel-device.iphone-x .overflow{border-radius:66px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.iphone-x .shadow{background:radial-gradient(#0009 0%,#fff0 60%);border-radius:100%;width:90px;height:90px;position:absolute}.marvel-device.iphone-x .shadow--tl{top:-20px;left:-20px}.marvel-device.iphone-x .shadow--tr{top:-20px;right:-20px}.marvel-device.iphone-x .shadow--bl{bottom:-20px;left:-20px}.marvel-device.iphone-x .shadow--br{bottom:-20px;right:-20px}.marvel-device.iphone-x:before{content:"";z-index:1;background:#000;border-radius:61px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;top:5px;left:5px}.marvel-device.iphone-x .inner-shadow{z-index:1;border-radius:56px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:inset 0 0 15px #ffffffa8}.marvel-device.iphone-x .inner-shadow:before{content:"";z-index:2;border-radius:200px/112px;width:100%;height:116%;position:absolute;top:-8%;left:0;box-shadow:inset 0 0 20px #fff}.marvel-device.iphone-x .screen{-webkit-box-shadow:none;box-shadow:none;border-radius:40px}.marvel-device.iphone-x .top-bar,.marvel-device.iphone-x .bottom-bar{background:#0000001a;width:100%;height:8px;position:absolute;left:0}.marvel-device.iphone-x .top-bar{top:80px}.marvel-device.iphone-x .bottom-bar{bottom:80px}.marvel-device.iphone-x .volume,.marvel-device.iphone-x .volume:before,.marvel-device.iphone-x .volume:after,.marvel-device.iphone-x .sleep{background:#b5b5b5;width:3px;position:absolute}.marvel-device.iphone-x .volume{height:32px;top:116px;left:-3px}.marvel-device.iphone-x .volume:before{content:"";height:62px;top:62px;left:0}.marvel-device.iphone-x .volume:after{content:"";height:62px;top:140px;left:0}.marvel-device.iphone-x .sleep{height:96px;top:200px;right:-3px}.marvel-device.iphone-x .camera{background:#0d4d71;border-radius:100%;width:6px;height:6px;position:absolute;top:9px;left:154px}.marvel-device.iphone-x .speaker{background:#171818;border-radius:6px;width:60px;height:6px;margin-left:-30px;position:absolute;top:9px;left:50%}.marvel-device.iphone-x .notch{z-index:4;background:#000;border-bottom-right-radius:24px;border-bottom-left-radius:24px;width:210px;height:30px;position:absolute;top:26px;left:108px}.marvel-device.iphone-x .notch:before,.marvel-device.iphone-x .notch:after{content:"";width:8px;height:8px;position:absolute;top:0}.marvel-device.iphone-x .notch:after{background:radial-gradient(circle at 0 100%,#0000 0 70%,#000 70% 100%);left:-8px}.marvel-device.iphone-x .notch:before{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);right:-8px}.marvel-device.iphone-x.landscape{width:812px;height:375px}.marvel-device.iphone-x.landscape .top-bar,.marvel-device.iphone-x.landscape .bottom-bar{width:8px;height:100%;top:0}.marvel-device.iphone-x.landscape .top-bar{left:80px}.marvel-device.iphone-x.landscape .bottom-bar{bottom:auto;left:auto;right:80px}.marvel-device.iphone-x.landscape .volume,.marvel-device.iphone-x.landscape .volume:before,.marvel-device.iphone-x.landscape .volume:after,.marvel-device.iphone-x.landscape .sleep{height:3px}.marvel-device.iphone-x.landscape .inner-shadow:before{border-radius:112px/200px;width:116%;height:100%;top:0;left:-8%}.marvel-device.iphone-x.landscape .volume{width:32px;top:auto;bottom:-3px;left:116px}.marvel-device.iphone-x.landscape .volume:before{width:62px;top:0;left:62px}.marvel-device.iphone-x.landscape .volume:after{width:62px;top:0;left:140px}.marvel-device.iphone-x.landscape .sleep{width:96px;top:-3px;left:200px;right:auto}.marvel-device.iphone-x.landscape .camera{top:auto;bottom:154px;left:9px}.marvel-device.iphone-x.landscape .speaker{width:6px;height:60px;margin-top:-30px;margin-left:0;top:50%;left:9px}.marvel-device.iphone-x.landscape .notch{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0;width:30px;height:210px;top:auto;bottom:108px;left:26px}.marvel-device.iphone-x.landscape .notch:before,.marvel-device.iphone-x.landscape .notch:after{left:0}.marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at 100% 100%,#0000 0 70%,#000 70% 100%);top:auto;bottom:-8px}.marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at 100% 0,#0000 0 70%,#000 70% 100%);top:-8px}.marvel-device.note8{background:#000;border-radius:34px;width:400px;height:822px;padding:45px 10px}.marvel-device.note8 .overflow{border-radius:34px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.marvel-device.note8 .speaker{z-index:1;background:#171818;border-radius:8px;width:56px;height:8px;margin-left:-28px;position:absolute;top:25px;left:50%}.marvel-device.note8 .camera{z-index:1;background:#212b36;border-radius:100%;width:18px;height:18px;position:absolute;top:18px;left:86px}.marvel-device.note8 .camera:before{content:"";z-index:1;background:#212b36;border-radius:100%;width:8px;height:8px;position:absolute;top:5px;left:-22px}.marvel-device.note8 .sensors{z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:22px;left:120px}.marvel-device.note8 .sensors:before{content:"";z-index:1;background:#1d233b;border-radius:100%;width:10px;height:10px;position:absolute;top:0;left:18px}.marvel-device.note8 .more-sensors{z-index:1;background:#33244a;border-radius:100%;width:16px;height:16px;position:absolute;top:18px;left:285px;box-shadow:0 0 0 2px #ffffff1a}.marvel-device.note8 .more-sensors:before{content:"";z-index:1;background:#214a61;border-radius:100%;width:11px;height:11px;position:absolute;top:4px;left:40px}.marvel-device.note8 .sleep{background:#000;width:2px;height:56px;position:absolute;top:288px;right:-2px}.marvel-device.note8 .volume{background:#000;width:2px;height:120px;position:absolute;top:168px;left:-2px}.marvel-device.note8 .volume:before{content:"";background:#000;width:2px;height:56px;position:absolute;top:168px;left:0}.marvel-device.note8 .inner{content:"";z-index:1;background:#000;border-top:2px solid #9fa0a2;border-bottom:2px solid #9fa0a2;border-radius:34px;width:100%;height:calc(100% - 8px);position:absolute;top:2px;left:0;box-shadow:inset 0 0 6px #ffffff80}.marvel-device.note8 .shadow{content:"";z-index:5;pointer-events:none;border-radius:38px;width:calc(100% - 20px);height:101%;position:absolute;top:-.5%;left:10px;box-shadow:inset 0 0 60px #fff,inset 0 0 30px #ffffff80,0 0 20px #fff,0 0 20px #ffffff80}.marvel-device.note8 .screen{-webkit-box-shadow:none;box-shadow:none;border-radius:14px}.marvel-device.note8.landscape{width:822px;height:400px;padding:10px 45px}.marvel-device.note8.landscape .speaker{width:8px;height:56px;margin-top:-28px;margin-left:0;top:50%;left:auto;right:25px}.marvel-device.note8.landscape .camera{top:86px;left:auto;right:18px}.marvel-device.note8.landscape .camera:before{top:-22px;left:5px}.marvel-device.note8.landscape .sensors{top:120px;left:auto;right:22px}.marvel-device.note8.landscape .sensors:before{top:18px;left:0}.marvel-device.note8.landscape .more-sensors{top:285px;left:auto;right:18px}.marvel-device.note8.landscape .more-sensors:before{top:40px;left:4px}.marvel-device.note8.landscape .sleep{width:56px;height:2px;top:auto;bottom:-2px;right:288px}.marvel-device.note8.landscape .volume{width:120px;height:2px;top:-2px;left:auto;right:168px}.marvel-device.note8.landscape .volume:before{width:56px;height:2px;top:0;left:auto;right:168px}.marvel-device.note8.landscape .inner{border:0;border-left:2px solid #9fa0a2;border-right:2px solid #9fa0a2;width:calc(100% - 8px);height:100%;top:0;left:2px}.marvel-device.note8.landscape .shadow{width:101%;height:calc(100% - 20px);top:10px;left:-.5%}.gate{--app-botluck:#b5e641;--app-petrify:#8b7cf6;--app-truce:#ff7a45;--app-navanna:#3fa06a;border-top:1px solid #f5f1e814;border-bottom:1px solid #f5f1e814;position:relative;overflow:hidden}.gate a{color:inherit;text-decoration:none}.gate .spot{background:radial-gradient(380px circle at var(--mx,50%) var(--my,30%),#f5f1e80f,transparent 65%);pointer-events:none;opacity:0;z-index:0;transition:opacity .4s;position:absolute;inset:0}.gate:hover .spot{opacity:1}.gate .inner{z-index:1;max-width:1100px;margin:0 auto;padding:58px 5vw 0;position:relative}.gate .kicker{font-family:var(--font-geist-mono);letter-spacing:.2em;color:#a8a39a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.gate .kicker .clock{color:var(--app-botluck)}.gate .headlink{display:block}.gate h2{font-family:var(--font-display);letter-spacing:-.035em;color:#0000;-webkit-text-stroke:1.5px #f5f1e8d9;font-size:clamp(48px,8.4vw,112px);font-weight:800;line-height:.95;transition:color .5s}.gate:hover h2{color:#f5f1e8}.gate h2 em{font-style:normal}.gate .sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;display:flex}.gate .sub p{color:#a8a39a;max-width:46ch;font-size:14px;line-height:1.6}.gate .sub .arrow{font-family:var(--font-geist-mono);color:#f5f1e8;white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:inline-flex}.gate .sub .arrow b{border:1px solid #f5f1e814;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:400;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s;display:inline-grid}.gate:hover .arrow b{color:#08080c;background:#f5f1e8;transform:rotate(-45deg)}.gate .board{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080cb8;border:1px solid #f5f1e814;border-radius:16px;margin-top:34px;overflow:hidden}.gate .cols{font-family:var(--font-geist-mono);letter-spacing:.22em;color:#6b6760;border-bottom:1px solid #f5f1e814;grid-template-columns:86px 1.5fr 1fr 1.1fr;gap:14px;padding:12px 22px;font-size:10px;display:grid}.gate .flight{font-family:var(--font-geist-mono);cursor:pointer;border-bottom:1px solid #f5f1e814;grid-template-columns:86px 1.5fr 1fr 1.1fr;align-items:center;gap:14px;padding:17px 22px;transition:background .3s;display:grid;position:relative;overflow:hidden}.gate .flight:last-of-type{border-bottom:none}.gate .flight:before{content:"";background:var(--c);transform-origin:top;width:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.gate .flight:hover{background:color-mix(in srgb,var(--c) 8%,transparent)}.gate .flight:hover:before{transform:scaleY(1)}.gate .flight .f{color:#a8a39a;font-size:12px}.gate .flight .dest{letter-spacing:.16em;color:#f5f1e8;font-size:clamp(16px,2.2vw,22px);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.gate .flight:hover .dest{transform:translate(6px)}.gate .flight .via{color:#a8a39a;letter-spacing:.06em;font-size:11px}.gate .flight .st{letter-spacing:.14em;color:var(--c);text-align:right;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;display:flex}.gate .flight .st i{background:var(--c);border-radius:50%;flex:none;width:6px;height:6px;animation:1.3s steps(2,end) infinite gateBlink}@keyframes gateBlink{50%{opacity:.15}}.gate .peek{justify-content:center;align-items:flex-end;gap:clamp(14px,3vw,40px);min-width:0;height:185px;margin-top:34px;display:flex;overflow:hidden}.gate .dev{transform:translateY(60%) rotate(var(--r));filter:drop-shadow(0 18px 30px #00000080);transition:transform .65s cubic-bezier(.2,.9,.25,1.05);display:block;position:relative}.gate:hover .dev{transform:translateY(45%)rotate(0)}.gate:hover .dev:nth-child(2){transition-delay:60ms}.gate:hover .dev:nth-child(3){transition-delay:.12s}.gate:hover .dev:nth-child(4){transition-delay:.18s}.gate .dev{cursor:pointer}.gate:hover .dev:hover{z-index:5;filter:drop-shadow(0 18px 30px #00000080) drop-shadow(0 0 24px color-mix(in srgb,var(--c) 40%,transparent));transition-delay:0s;transform:translateY(40%)scale(1.05)}.gate .dsc{transform-origin:top;transform:scale(.31)}.gate .dev.is-iphone{width:132px;height:268px}.gate .dev.is-iphone .dsc{width:427px;margin-left:-147.5px}.gate .dev.is-note8{width:130px;height:283px}.gate .dev.is-note8 .dsc{width:420px;margin-left:-145px}.gate .shot-wrap{background:#0d0f12;position:absolute;inset:0}.gate .shot-wrap img.shot{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.gate .ph{border:3px dashed color-mix(in srgb,var(--c) 55%,transparent);text-align:center;background:color-mix(in srgb,var(--c) 9%,transparent);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:14px}.gate .ph .ph-ic{border:3px solid var(--c);width:64px;height:64px;color:var(--c);border-radius:50%;place-items:center;font-size:30px;display:grid}.gate .ph b{font-family:var(--font-geist-mono);letter-spacing:.18em;color:var(--c);font-size:26px;font-weight:500}.gate .ph small{font-family:var(--font-geist-mono);color:#a8a39a;letter-spacing:.08em;font-size:18px}.gate .ticker{white-space:nowrap;z-index:1;background:#f5f1e805;border-top:1px solid #f5f1e814;padding:12px 0;position:relative;overflow:hidden}.gate .ticker .tk{animation:24s linear infinite gateTick;display:inline-block}.gate .ticker span{font-family:var(--font-geist-mono);letter-spacing:.18em;color:#a8a39a;text-transform:uppercase;margin-right:48px;font-size:11px}.gate .ticker b{font-weight:500}.gate .ticker b.c1{color:var(--app-botluck)}.gate .ticker b.c2{color:var(--app-petrify)}.gate .ticker b.c3{color:var(--app-truce)}.gate .ticker b.c4{color:var(--app-navanna)}@keyframes gateTick{to{transform:translate(-50%)}}@media (max-width:760px){.gate .cols{grid-template-columns:1.5fr 1.1fr}.gate .cols span:first-child,.gate .cols span:nth-child(3){display:none}.gate .flight{grid-template-columns:1.5fr 1.1fr}.gate .flight .f,.gate .flight .via{display:none}}@media (max-width:640px){.gate .peek{gap:6px}.gate .dsc{transform:scale(.3)}.gate .dev.is-iphone{width:129px;height:260px}.gate .dev.is-iphone .dsc{margin-left:-149px}.gate .dev.is-note8{width:126px;height:274px}.gate .dev.is-note8 .dsc{margin-left:-147px}}@media (prefers-reduced-motion:reduce){.gate *,.gate :before,.gate :after{transition:none!important;animation:none!important}.gate .dev{transform:translateY(45%)}.gate h2{color:#f5f1e8}}.gate--standalone{flex-direction:column;min-height:100svh;display:flex}.gate--standalone .inner{flex:1 0 auto;width:100%;min-width:0}.gate--standalone .spot{opacity:1}.gate--standalone h2{color:#f5f1e8}.gate--standalone .dev{transform:translateY(45%)rotate(0)}.gate--standalone .dev:hover{z-index:5;filter:drop-shadow(0 18px 30px #00000080) drop-shadow(0 0 24px color-mix(in srgb,var(--c) 40%,transparent));transform:translateY(40%)scale(1.05)}@media (max-width:640px){.gate .inner{padding-top:40px;padding-bottom:20px}.gate .cols{padding:11px 16px}.gate .flight{padding:16px}.gate .flight .dest{letter-spacing:.1em;font-size:16px}.gate .flight .st{font-size:10px}.gate--standalone .peek{display:none}}@media (min-width:641px){.gate--standalone .inner{max-width:1440px}.gate--standalone .peek{gap:clamp(24px,4.5vw,84px);height:340px;margin-top:44px}.gate--standalone .dev{transform:translateY(22%)rotate(0)}.gate--standalone .dsc{transform:scale(.44)}.gate--standalone .dev.is-iphone{width:188px;height:380px}.gate--standalone .dev.is-iphone .dsc{margin-left:-119.5px}.gate--standalone .dev:hover{transform:translateY(16%)scale(1.04)}}