:root{--cream:#f2f2ef;--paper:#fff;--navy:#181818;--blue:#393939;--pale:#dededb;--pink:#777;--line:#aaa;--muted:#555}
html{scroll-padding-top:0}
.brand-mark{background:#181818}.hero-backdrop{background:#dcdcdc}.hero-backdrop:before{background:#a6a6a6}
.hero h1{font-size:clamp(56px,6.2vw,92px);line-height:1.03}.hero h1 span{color:#555}
.hero{height:calc(100vh - 84px);height:calc(100svh - 84px);min-height:0}.hero-art{height:100%}.hero-art img{height:100%;bottom:0}.hero-backdrop{inset:clamp(150px,20svh,235px) 3% 0 5%}
.hero-art img{filter:none}.live-dot{background:#bdbdbd;box-shadow:0 0 0 5px #ffffff24}.live-meta>span{border-color:#bbb;color:#ddd}
.section-kicker{color:#444}.plan-best{background:#303030;color:#fff;box-shadow:8px 8px 0 #111}.plan-best .plan-top,.plan-best .plan-price span,.plan-best>p{color:#dedede}.plan-best .plan-bottom{border-color:#777}.mascot-callout{background:#e7e7e7;color:#111}.footer .brand-mark{background:#ddd;color:#111}
.restore-section{padding:0;background:#d3d3d3}
.restore-frame{position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;overflow:hidden;background:#c9c9c9;--ground-bottom:11svh}
.city{position:absolute;inset:0;display:block;pointer-events:none}.city picture,.city picture img,.city canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom}.city canvas{opacity:0;image-rendering:pixelated}.city.is-pixelated canvas{opacity:1}
.city-off{filter:grayscale(1)}.city-on{clip-path:circle(0 at 42% 75%);transition:clip-path 1.65s cubic-bezier(.2,.75,.13,1)}.restore-frame.is-on .city-on{clip-path:circle(165% at 42% 75%)}
.restore-frame:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff7d 0,#ffffff46 25%,transparent 48%,#0000000e 100%)}
.restore-inner{position:relative;z-index:2;width:min(100% - 72px,1240px);height:100%;margin:auto}
.restore-heading{position:absolute;z-index:3;top:clamp(28px,5svh,64px);left:0;right:0;display:flex;align-items:end;justify-content:space-between;gap:36px;color:#171717;text-shadow:0 1px 0 #ffffffa3}
.restore-heading h2{max-width:850px;font-size:clamp(44px,4.5vw,78px);line-height:.98;letter-spacing:-.079em;font-weight:900;margin:0}.restore-heading p{max-width:260px;font-size:clamp(15px,1vw,18px);line-height:1.45;font-weight:700;margin:0 0 5px;color:#252525}
.lever-stage{position:absolute;z-index:3;left:0;bottom:calc(var(--ground-bottom) - 8px);width:min(56vw,70svh,760px);aspect-ratio:3/2;pointer-events:none}
.lever-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto;transition:opacity .32s ease,transform .42s ease}.lever-off{opacity:1}.lever-on{opacity:0;transform:translateY(-7px)}.restore-frame.is-on .lever-off{opacity:0;transform:translateY(5px)}.restore-frame.is-on .lever-on{opacity:1;transform:translateY(0)}
.lever-button{position:absolute;right:0;bottom:6%;z-index:4;min-width:150px;min-height:46px;padding:10px 14px;border:2px solid #181818;background:#fff;box-shadow:5px 5px 0 #181818;color:#181818;font:10px/1.5 Pixel,monospace;text-align:center;white-space:nowrap;cursor:pointer;touch-action:manipulation;pointer-events:auto}.lever-button:hover,.lever-button:focus-visible{background:#181818;color:#fff}.restore-frame.is-on .lever-button{background:#181818;color:#fff}.restore-frame.is-on .lever-button:hover,.restore-frame.is-on .lever-button:focus-visible{background:#fff;color:#181818}
.available-services{position:absolute;z-index:4;right:0;top:clamp(215px,33svh,380px);width:360px;opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.restore-frame.is-on .available-services{opacity:1;transform:translateY(0);transition-delay:.35s}
.available-services h3{display:inline-block;margin:0 0 15px;padding:10px 12px;background:#f7f7f7ec;border:2px solid #171717;box-shadow:4px 4px 0 #171717;color:#171717;font:11px/1.4 Pixel,monospace;white-space:nowrap}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.app{height:clamp(82px,9.8svh,116px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#ffffffed;border:2px solid #171717;box-shadow:5px 5px 0 #171717;opacity:0;transform:translateY(18px) scale(.88);transition:opacity .4s ease,transform .48s cubic-bezier(.2,.8,.2,1)}.restore-frame.is-on .app{opacity:1;transform:translateY(0) scale(1);transition-delay:calc(450ms + var(--i)*95ms)}.app svg{display:block;width:46px;height:46px;padding:8px;fill:white;background:var(--brand);border:2px solid #171717;shape-rendering:crispEdges}.app span{font-size:11px;font-weight:900;letter-spacing:-.025em;color:#171717}.app-instagram{--brand:#da50ac}.app-youtube{--brand:#f33235}.app-telegram{--brand:#39a8e4}.app-twitter{--brand:#43a8ee}.app-discord{--brand:#6468d9}.app-twitch{--brand:#9745d9}
@media(max-width:1100px){.restore-inner{width:min(100% - 48px,1240px)}.restore-heading h2{font-size:clamp(42px,5vw,63px)}.restore-heading p{max-width:225px;font-size:15px}.available-services{width:310px;top:31svh}.available-services h3{font-size:10px}.app{height:clamp(75px,9.5svh,100px)}.app svg{width:41px;height:41px;padding:7px}.app span{font-size:10px}}
@media(max-width:760px){.hero{height:calc(100svh - 72px);min-height:0;display:flex;flex-direction:column;justify-content:space-between}.hero-copy{flex:none;padding:clamp(25px,4svh,44px) 0 16px}.hero-art{flex:1;min-height:0;width:100%;height:auto}.hero-art img{height:100%;width:100%}.hero-backdrop{inset:12% 0 0}.restore-frame{--ground-bottom:16svh}.restore-inner{width:min(100% - 32px,700px)}.city-on{clip-path:circle(0 at 64% 68%)}.restore-frame.is-on .city-on{clip-path:circle(205% at 64% 68%)}.restore-frame:after{background:linear-gradient(180deg,#ffffff90 0,#ffffff55 24%,transparent 45%,#0000000e 100%)}.restore-heading{top:clamp(18px,3svh,34px);display:block}.restore-heading h2{font-size:clamp(30px,6.6vw,50px);line-height:1.02}.restore-heading p{max-width:330px;margin-top:12px;font-size:14px}.available-services{top:clamp(180px,23svh,245px);right:0;width:min(100%,340px);text-align:center}.available-services h3{margin-bottom:10px;font-size:10px;padding:8px 10px}.app-grid{gap:8px}.app{height:clamp(63px,8.4svh,82px);gap:4px;box-shadow:4px 4px 0 #171717}.app svg{width:35px;height:35px;padding:6px}.app span{font-size:9px}.lever-stage{left:0;width:min(100%,420px,60svh);bottom:calc(var(--ground-bottom) - 5px)}.lever-button{right:0;bottom:5%;min-width:120px;min-height:40px;padding:8px 10px;font-size:8px;box-shadow:4px 4px 0 #181818}}
@media(max-width:440px){.restore-heading h2{font-size:clamp(29px,8vw,35px)}.restore-heading p{font-size:13px}.available-services{top:clamp(165px,22svh,205px);width:100%}.available-services h3{font-size:9px}.app{height:clamp(58px,8.2svh,70px)}.app svg{width:32px;height:32px;padding:5px}.app span{font-size:8px}.lever-stage{width:min(100%,60svh)}.lever-button{bottom:4%;min-width:110px;font-size:7px}.hero h1{font-size:clamp(47px,11.3vw,59px)}}
@media(max-width:760px) and (max-height:720px){.restore-heading h2{font-size:clamp(27px,6vw,36px)}.restore-heading p{font-size:12px;margin-top:8px}.available-services{top:clamp(150px,23svh,185px)}.available-services h3{font-size:8px;margin-bottom:6px;padding:6px}.app{height:clamp(48px,8svh,62px)}.app svg{width:27px;height:27px;padding:4px}.app span{font-size:8px}.lever-stage{width:min(82%,52svh)}}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding:18px 0 10px}.hero h1{font-size:clamp(39px,11vw,48px);margin-bottom:12px}.hero-copy p{font-size:14px}.primary-button{min-height:46px;margin-top:15px;padding-inline:14px}.hero-art{min-height:0}}
@media(min-width:761px) and (max-height:700px){.hero-copy{padding:24px 0}.hero h1{font-size:clamp(52px,5.5vw,76px)}}
@media(prefers-reduced-motion:reduce){.city-on,.lever-stage img,.available-services,.app{transition-duration:.01ms!important;transition-delay:0ms!important}}

/* The first screen and the city scene each fit below the persistent header. */
html{scroll-padding-top:84px}
.site-header{position:sticky;top:0;z-index:50;background:#f2f2ef}
.account-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 15px;border:1px solid #181818;background:#181818;color:#fff;cursor:pointer;font-size:13px;font-weight:800}
.account-button:hover,.account-button:focus-visible{background:#fff;color:#181818}
.account-button span{margin:0;font-size:18px;line-height:1}
.hero-screen{height:calc(100vh - 84px);height:calc(100svh - 84px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.hero-screen .hero{height:auto;min-height:0;flex:1}
.hero-screen .hero-art,.hero-screen .hero-art img{height:100%}
.hero-screen .live-band{flex:none;border-top:1px solid #343434}
.hero-screen .live-inner{min-height:clamp(94px,11svh,122px);grid-template-columns:1fr auto;gap:24px}
.hero-screen .live-heading{font:10px/1.5 Pixel,monospace;letter-spacing:.02em}
.hero-screen .live-count{display:flex;align-items:baseline;justify-self:end;gap:18px;margin:0;white-space:nowrap}
.hero-screen .live-count strong{font-size:clamp(48px,5vw,72px)}
.hero-screen .live-count span{font-size:17px;font-weight:700;color:#e5e5e5}
.restore-frame{height:calc(100vh - 84px);height:calc(100svh - 84px)}
.city-on{transition:clip-path 1.65s cubic-bezier(.65,0,.35,1)}
.lever-stage{bottom:calc(var(--ground-bottom) - 22px)}
.lever-button{display:grid;place-items:center;padding:3px 14px 0;font:10px/1 Pixel,monospace}
.available-services{transition:opacity .35s ease .6s,transform .55s cubic-bezier(.65,0,.35,1) .4s}
.restore-frame.is-on .available-services{transition:opacity .35s ease .18s,transform .55s cubic-bezier(.65,0,.35,1) .18s}
.app:nth-child(1){transition-delay:.4s}.app:nth-child(2){transition-delay:.32s}.app:nth-child(3){transition-delay:.24s}.app:nth-child(4){transition-delay:.16s}.app:nth-child(5){transition-delay:.08s}.app:nth-child(6){transition-delay:0s}
.app-x,.app-tiktok{--brand:#171717}
.account-dialog{width:min(100% - 32px,430px);max-width:none;padding:32px;border:2px solid #181818;box-shadow:8px 8px 0 #181818;background:#f2f2ef;color:#181818}
.account-dialog::backdrop{background:#0009}
.account-dialog form{position:relative}
.account-dialog h2{margin:8px 0 15px;font-size:clamp(32px,6vw,44px);line-height:1.02;letter-spacing:-.07em}
.account-dialog p{max-width:300px;margin:0;color:#555;font-size:16px;line-height:1.45}
.account-dialog .primary-button{min-width:0;min-height:46px;margin-top:28px;border:0;cursor:pointer}
.account-close{position:absolute;right:0;top:-7px;width:32px;height:32px;border:1px solid #181818;background:#fff;color:#181818;cursor:pointer;font-size:25px;line-height:1}
@media(max-width:760px){
 html{scroll-padding-top:72px}
 .hero-screen{height:calc(100svh - 72px)}
 .hero-screen .hero{height:auto;min-height:0;flex:1}
 .hero-screen .hero-art{height:auto}
 .hero-screen .live-inner{min-height:82px;grid-template-columns:auto 1fr;gap:10px;padding:9px 0}
 .hero-screen .live-heading{gap:9px;font-size:8px}
 .hero-screen .live-dot{width:9px;height:9px;box-shadow:0 0 0 3px #ffffff24}
 .hero-screen .live-count{grid-column:auto;gap:8px;align-items:center}
 .hero-screen .live-count strong{font-size:clamp(34px,9.5vw,48px)}
 .hero-screen .live-count span{font-size:11px;line-height:1.1;white-space:normal;max-width:75px}
 .restore-frame{height:calc(100svh - 72px)}
 .lever-stage{bottom:calc(var(--ground-bottom) - 5px)}
 .lever-button{padding:2px 9px 0}
}
@media(max-width:480px){
 .header-inner{gap:8px}
 .header-inner .brand{gap:7px;font-size:15px}
 .header-inner .brand-mark{width:28px;height:28px;font-size:19px}
 .account-button{min-height:38px;padding:0 9px;gap:7px;font-size:10px}
 .account-button span{font-size:14px}
 .hero-screen .live-heading{font-size:7px}
 .hero-screen .live-count strong{font-size:clamp(32px,9vw,42px)}
 .hero-screen .live-count span{font-size:10px}
}
@media(max-width:760px) and (max-height:650px){
 .hero-screen .live-inner{min-height:64px}
 .hero-screen .hero-copy{padding-top:12px}
 .hero-screen .hero-copy p{font-size:12px;line-height:1.35}
 .available-services{top:124px}
 .available-services h3{margin-bottom:5px;padding:5px 7px;font-size:7px}
 .app-grid{gap:6px}
 .app{height:40px;gap:2px;box-shadow:3px 3px 0 #171717}
 .app svg{width:22px;height:22px;padding:3px}
 .app span{font-size:7px}
}

/* Colour spreads only through the letterforms from the mascot's fingertip. */
@property --color-reach{syntax:"<percentage>";inherits:false;initial-value:12%}
.hero h1 .paint-word{color:#2466c9;background:linear-gradient(100deg,#1468c9 0%,#5753d5 34%,#e951ab 66%,#fa9369 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 .internet-word{position:relative;display:inline-block;isolation:isolate;color:#555}
.hero h1 .internet-word .internet-color{position:absolute;inset:0;display:block;white-space:nowrap;background:linear-gradient(100deg,#2d64de 30%,#7657d9 59%,#e653ae 79%,#ff9b76 94%,#ffd2a5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;--color-reach:12%;-webkit-mask-image:linear-gradient(to left,#000 0%,#000 var(--color-reach),transparent calc(var(--color-reach) + 16%));mask-image:linear-gradient(to left,#000 0%,#000 var(--color-reach),transparent calc(var(--color-reach) + 16%));animation:internet-pulse 4.2s ease-in-out infinite;pointer-events:none}
.hero h1 .internet-word .internet-dot{position:relative;background:linear-gradient(100deg,#f368aa,#ffa379);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-screen .hero-art{overflow:visible;pointer-events:none}
.hero-screen .hero-art .hero-reach{position:absolute;left:clamp(-200px,calc(-340px + 11vw),-130px);right:auto;bottom:-20px;width:auto;height:min(800px,calc(100svh - 170px));max-width:none;object-fit:contain;image-rendering:pixelated;filter:none}
@keyframes internet-pulse{0%,100%{--color-reach:12%;opacity:.8}50%{--color-reach:46%;opacity:1}72%{--color-reach:37%;opacity:.94}}
@media(min-width:761px) and (max-width:900px){
 .hero-screen .hero{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
 .hero-screen .hero-copy{padding:clamp(45px,9svh,78px) 0}
 .hero-screen .hero-art{display:none}
}
@media(max-width:760px){
 .hero-screen .hero{display:flex;flex-direction:column;justify-content:center;align-items:stretch}
 .hero-screen .hero-copy{padding:0}
 .hero-screen .hero-art{display:none}
}
@media(max-width:760px) and (max-height:650px){.hero-screen .hero-copy{padding-top:0}}
@media(min-width:761px) and (max-height:820px){
 .hero-screen .hero-copy{padding:18px 0}
 .hero-screen .hero h1{font-size:clamp(52px,5.5vw,76px);margin-bottom:16px}
 .hero-screen .hero-copy p{font-size:18px;line-height:1.35}
 .hero-screen .primary-button{min-height:54px;margin-top:24px}
}
@media(min-width:1101px) and (max-height:820px){.hero-screen .hero-art .hero-reach{height:calc(100svh - 170px)}}
@media(min-width:761px) and (max-width:900px) and (max-height:820px){.hero-screen .hero-copy{padding-top:clamp(45px,9svh,78px)}}
@media(prefers-reduced-motion:reduce){.hero h1 .internet-word .internet-color{animation:none;--color-reach:28%;opacity:1}}

/* Pixel typography across the page; supporting copy stays compact and legible. */
body,button{font-family:Pixel,monospace;-webkit-font-smoothing:none}
.brand{font-size:14px;letter-spacing:-.07em}.nav{font-size:9px;gap:28px}.account-button{font-size:9px}.account-button span{font-family:Arial,sans-serif}
.hero-screen .hero h1{font-family:Pixel,monospace;font-size:clamp(32px,3.8vw,58px);line-height:1.36;letter-spacing:-.055em;margin-bottom:25px}
.hero-screen .hero-copy p{font-size:10px;line-height:1.85;max-width:560px}.primary-button{font-size:10px;gap:24px}.primary-button span{font-family:Arial,sans-serif}
.hero-screen .live-count strong{font-size:clamp(36px,4.1vw,58px);letter-spacing:-.06em}.hero-screen .live-count span{font-size:9px;line-height:1.6}
.restore-heading h2{font-size:clamp(25px,2.7vw,42px);line-height:1.35;letter-spacing:-.05em}.restore-heading p{font-size:10px;line-height:1.7}
.tariffs-head h2,.faq-aside h2{font-size:clamp(28px,3.3vw,50px);line-height:1.35;letter-spacing:-.05em}.tariffs-head p{font-size:10px;line-height:1.8}
.plan h3{font-size:18px;line-height:1.5;letter-spacing:-.04em}.plan-price{font-size:32px;letter-spacing:-.06em}.plan-price span{font-size:10px}.plan>p,.plan-bottom,.price-note{font-size:9px;line-height:1.7}.plan-bottom span{font-family:Arial,sans-serif}
.faq-list summary{font-size:11px;line-height:1.6}.faq-list summary:after{font-family:Arial,sans-serif}.faq-list p{font-size:9px;line-height:1.9}.footer-inner{font-size:9px}.account-dialog h2{font-size:22px;line-height:1.4}.account-dialog p{font-size:10px;line-height:1.8}
@media(max-width:1100px){.nav{font-size:8px;gap:15px}.brand{font-size:12px}.account-button{font-size:8px}.hero-screen .hero h1{font-size:clamp(30px,3.8vw,46px)}.restore-heading h2{font-size:clamp(22px,2.7vw,34px)}}
@media(max-width:760px){.hero-screen .hero h1{font-size:clamp(24px,7.4vw,30px);line-height:1.5}.hero-screen .hero-copy p{font-size:9px;line-height:1.8}.primary-button{font-size:9px}.restore-heading h2{font-size:clamp(15px,4.1vw,20px);line-height:1.55}.restore-heading p{font-size:8px;line-height:1.7}.hero-screen .live-count strong{font-size:clamp(25px,6vw,36px)}.hero-screen .live-count span{font-size:7px}.tariffs-head h2,.faq-aside h2{font-size:clamp(24px,6.5vw,32px)}.faq-list summary{font-size:9px}.faq-list p{font-size:8px}}
@media(max-width:480px){.brand{font-size:10px}.account-button{font-size:8px;padding-inline:7px}.hero-screen .hero h1{font-size:clamp(24px,7.4vw,30px)}.hero-screen .hero-copy p{font-size:9px}.hero-screen .live-count strong{font-size:26px}.hero-screen .live-count span{font-size:7px}.plan h3{font-size:16px}.plan-price{font-size:28px}.faq-list summary{font-size:8px}}

/* The lever's display is part of the machine and uses the same pixel grid. */
.lever-stage img{image-rendering:pixelated}
.lever-readout{position:absolute;z-index:4;left:56.3%;bottom:6.1%;width:16.8%;height:9%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:3px solid #7cb7e9;background:#111d35;box-shadow:3px 3px 0 #08101d,inset 0 0 0 2px #203d68;color:#f7faff;font:clamp(6px,.75vw,10px)/1.1 Pixel,monospace;letter-spacing:0;text-align:center;pointer-events:none}
.lever-readout span{color:#e7f4ff}.lever-readout strong{font:inherit}.lever-readout .readout-off{color:#ff5858;text-shadow:1px 1px 0 #6d0f1a}.lever-readout .readout-on{display:none;color:#68ed80;text-shadow:1px 1px 0 #0b603b}
.restore-frame.is-on .readout-off{display:none}.restore-frame.is-on .readout-on{display:block}
/* Let the reclining mascot visibly rest across the top edge of his chosen card. */
.plan-best .plan-mascot{bottom:calc(100% - 48px);image-rendering:pixelated}
@media(max-width:760px){.lever-readout{border-width:2px;gap:1px;box-shadow:2px 2px 0 #08101d,inset 0 0 0 1px #203d68;font-size:clamp(5px,1.25vw,7px)}.lever-button{bottom:-18%}.plan-best .plan-mascot{bottom:calc(100% - 48px)}}