@font-face{font-family:"Montserrat";src:url("/assets/fonts/Montserrat-Variable.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url("/assets/fonts/CormorantSC-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url("/assets/fonts/CormorantSC-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant SC";src:url("/assets/fonts/CormorantSC-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/assets/fonts/CormorantGaramond-Variable.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}

:root{--paper:#f6f5f1;--muted:#c6c8ca;--red:#e42e11;--blue:#0d91c8;--serif:"Cormorant SC",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:#030508}
html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0;display:none}
body{margin:0;min-width:320px;overflow-x:hidden;background:#030508;color:var(--paper);font-family:var(--sans);font-size:18px;-webkit-user-select:none;user-select:none}
input,textarea,select,option,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
body{scrollbar-width:none}body::-webkit-scrollbar{display:none}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
main{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;overflow:hidden;background:#040609}
.layout{position:relative;z-index:3;width:1320px;height:100%;margin:0 auto}
.scene{--stage-left:calc(50% - 963px);position:relative;flex:none;width:100%;overflow:hidden;background:#06090c}
.scene__image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none;user-select:none}
.scene__veil{position:absolute;inset:0;z-index:1;pointer-events:none}
.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:12px 18px;background:#fff;color:#111;transition:top .2s}
.skip-link:focus{top:16px}
:where(a,button):focus-visible{outline:2px solid #7bd7ff;outline-offset:4px}.video-card.is-playing span{transform:translate(-50%,-50%) scale(.92);box-shadow:0 0 0 11px rgba(104,215,255,.25)}.ornament-button.is-activated{filter:brightness(1.25) drop-shadow(0 0 15px #53cfff)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Header */
.site-header{position:absolute;z-index:80;top:31.866px;left:0;width:100%;height:131px;pointer-events:none}
.site-header__bar{position:relative;display:flex;align-items:center;justify-content:flex-end;width:min(1305px,calc(100% - 20px));height:130.634px;margin:auto;padding:0 68px 0 180px;background:url("/assets/img/figma-target/hero/header.svg") center/100% 100% no-repeat;pointer-events:auto}
.site-header__bar:after{display:none}
.site-header__emblem{position:absolute;z-index:2;left:53px;top:26.134px;width:66px;height:66px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-header__emblem img{width:100%;height:100%;object-fit:contain}
.site-header__actions{position:relative;z-index:3;display:flex;align-items:center;gap:51px}
.cabinet-link,.knowledge-link{font-family:var(--serif);font-size:18px;text-transform:none;letter-spacing:.02em;text-shadow:0 2px 5px #000;transition:color .2s}
.cabinet-link:hover,.knowledge-link:hover{color:#77d5ff}
.menu-toggle{display:none}

/* Reusable ornament buttons */
.ornament-button{position:relative;display:flex;align-items:center;justify-content:center;width:268px;height:48px;padding:4px 17px;background:#e5e6e3;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.7));font-family:var(--serif);font-weight:600;font-size:16px;line-height:1;text-transform:uppercase;white-space:nowrap;transition:filter .2s,transform .2s}
.ornament-button:before{content:"";position:absolute;inset:5px 10px;z-index:-1;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);border:1px solid rgba(255,255,255,.75)}
.ornament-button span{position:relative;z-index:2}
.ornament-button--red{clip-path:none;background:url("/assets/img/figma-target/buttons/inner-252.png") center/calc(100% - 14px) calc(100% - 10px) no-repeat,url("/assets/img/figma-target/buttons/red-266.png") center/100% 100% no-repeat}
.ornament-button--red:before,.ornament-button--red:after,.ornament-button--blue:before,.ornament-button--blue:after{display:none}
.ornament-button--blue:after{content:"";position:absolute;inset:7px 14px;z-index:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
.ornament-button--blue{clip-path:none;background:url("/assets/img/figma-target/buttons/inner-252.png") center/calc(100% - 14px) calc(100% - 10px) no-repeat,url("/assets/img/figma-target/buttons/blue-266.png") center/100% 100% no-repeat}
.ornament-button:hover{filter:brightness(1.18) drop-shadow(0 0 13px currentColor);transform:translateY(-1px)}
.ornament-button:focus-visible{outline:none;filter:brightness(1.18) drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px #43c9ff)}
.ornament-button--header,.ornament-button--capped{width:287px;height:44px;font-size:18px;font-weight:700;letter-spacing:.36px;text-transform:none;background:url("/assets/img/figma-target/hero/button-inner.png") center/calc(100% - 38px) calc(100% - 8px) no-repeat,url("/assets/img/figma-target/hero/button-body.png") center/calc(100% - 26px) 100% no-repeat,url("/assets/img/figma-target/hero/button-left.png") left 3px/22.3% 86.36% no-repeat,url("/assets/img/figma-target/hero/button-right-flipped.png") right 3px/22.3% 86.36% no-repeat}
.ornament-button--capped.ornament-button--blue{background-image:url("/assets/img/figma-target/hero/button-inner.png"),url("/assets/img/figma-target/buttons/blue-266.png"),url("/assets/img/figma-target/hero/button-left.png"),url("/assets/img/figma-target/hero/button-right-flipped.png");background-size:calc(100% - 38px) calc(100% - 8px),calc(100% - 26px) 100%,22.3% 86.36%,22.3% 86.36%;background-position:center,center,left 3px,right 3px;background-repeat:no-repeat}

/* Hero: visible page span 0..805, artwork continues behind the next section to 1020 */
.hero{height:805px;z-index:12;overflow:visible;background:#07131b}
.hero:before{display:none}
.hero__background{inset:auto;left:calc(var(--stage-left) - 50.828px);top:-51.851px;width:1989.662px;height:1010.228px;transform:none;object-fit:fill}
.hero__veil{display:none}
.hero__layout{z-index:5}
.hero__brand{position:absolute;left:-47px;top:184px;display:flex;width:705px;flex-direction:column;align-items:center;text-align:center}
.hero__brand>img{width:705px;height:408px;object-fit:cover}
.hero__brand h1{width:496px;height:108px;margin-top:-9px;font-family:var(--serif);font-size:30px;font-weight:400;line-height:normal;transform:translateX(18.5px);text-shadow:0 3px 8px #000}
.hero__brand h1 span{display:block;margin-bottom:0;font-family:var(--serif);font-size:30px;font-weight:400;text-transform:none}
.countdown{position:absolute;z-index:20;left:184px;top:773px;width:955px;height:197px;text-align:center}
.countdown:before{content:"";position:absolute;z-index:-1;left:452.5px;top:-452.5px;width:50px;height:955px;background:url("/assets/img/figma-target/hero/countdown-banner.svg") center/100% 100% no-repeat;transform:rotate(-90deg)}
.countdown>p{height:26px;font-family:var(--serif);font-size:30px;line-height:36px;text-transform:lowercase;text-shadow:0 2px 5px #000}
.countdown__groups{display:flex;justify-content:space-between;width:914px;margin:0 auto}
.countdown__group{position:relative;display:flex;flex-direction:column;align-items:center}
.countdown__digits{display:flex;gap:4px}
.countdown__digits b{position:relative;display:flex;align-items:flex-start;justify-content:center;width:95px;height:164px;padding-top:0;border:0;background:url("/assets/img/figma-target/hero/countdown.svg") center bottom/95px 136px no-repeat;font-family:"Cormorant Garamond",Georgia,serif;font-size:118.06px;font-weight:400;line-height:1.15;text-shadow:0 4px 8px #000}
.countdown__group>span{position:absolute;top:155px;font-size:12px;color:#fff;text-shadow:0 2px 4px #000}

@media (min-width:1990px){
    .hero:before{content:"";position:absolute;z-index:0;display:block;left:-2%;top:-72px;width:104%;height:1060px;background:linear-gradient(90deg,rgba(3,10,15,.7) 0,rgba(3,10,15,.26) 22%,rgba(3,10,15,0) 39%,rgba(3,10,15,0) 61%,rgba(3,10,15,.24) 78%,rgba(3,10,15,.68) 100%),url("/assets/img/figma/hero-bg.webp") center/100% 100% no-repeat;filter:blur(14px) brightness(.68) saturate(.84);transform:scale(1.035);pointer-events:none}
    .hero__background{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
}

/* Giveaway */
.giveaway{height:1501px;z-index:10;background:#090c10}
.giveaway .scene__image{object-position:center center;filter:brightness(.48)}
.giveaway__veil{background:radial-gradient(circle at 53% 45%,rgba(0,131,193,.25),transparent 29%),radial-gradient(circle at 65% 19%,rgba(255,72,26,.22),transparent 18%),linear-gradient(180deg,rgba(4,7,10,.34),rgba(5,8,11,.42) 72%,rgba(3,5,8,.9))}
.giveaway__title{position:absolute;top:245px;left:0;width:100%;text-align:center}
.giveaway__title h2{font-family:var(--serif);font-size:100px;font-weight:600;line-height:.96;text-shadow:0 0 26px rgba(255,91,34,.7)}
.giveaway__title h2 strong{display:block;font-size:80px;font-weight:600}
.giveaway__title p{margin-top:13px;font-size:30px;font-weight:300;color:#fff}
.giveaway__showcase{position:absolute;left:0;top:0;width:100%;height:100%}
.giveaway__winner-copy{position:absolute;left:51px;top:540px;font-family:var(--serif)}
.giveaway__winner-copy h3{font-size:56px;font-weight:600;line-height:68px}
.giveaway__winner-copy p{margin-top:3px;font-size:40px;line-height:48px}
.giveaway__characters{position:absolute;z-index:2;left:273px;top:479px;width:799px;height:793px;object-fit:cover;object-position:center top}
.prize{position:absolute;z-index:4;display:flex;align-items:center}
.prize img{flex:none;object-fit:contain}
.prize__item{position:relative;z-index:1}.prize__spark{position:absolute;z-index:2;max-width:none;object-fit:cover!important;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 22%,rgba(0,0,0,.92) 34%,rgba(0,0,0,.38) 51%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 0 22%,rgba(0,0,0,.92) 34%,rgba(0,0,0,.38) 51%,transparent 72%);pointer-events:none}
.prize--sphere>.prize__item{clip-path:polygon(27% 0,100% 25%,76% 100%,0 74%)}
.prize--premium>.prize__item{clip-path:polygon(13% 0,100% 14%,86% 100%,0 86%)}
.prize--ring>.prize__item{clip-path:polygon(83% 0,100% 83%,15% 100%,0 16%)}
.prize figcaption{font-size:18px;line-height:normal;color:#fff;text-shadow:0 2px 5px #000}
.prize--sphere{left:138px;top:717px;width:226px;flex-direction:column;align-items:flex-start}.prize--sphere>.prize__item{width:136.398px;height:136.398px;margin-left:12px}.prize--sphere>.prize__spark{left:112.422px;top:-56px;width:186.384px;height:185.097px}.prize--sphere figcaption{margin-top:9.899px}
.prize--premium{left:870px;top:480.222px;width:217px;flex-direction:column;align-items:flex-start}.prize--premium>.prize__item{width:118.077px;height:118.077px;margin-left:63.12px}.prize--premium>.prize__spark{left:143.475px;top:-21.222px;width:80.85px;height:80.292px}.prize--premium figcaption{width:217px;margin-top:9.701px}
.prize--ring{left:917px;top:705.69px;width:328px;flex-direction:column;align-items:flex-start}.prize--ring>.prize__item{width:112.732px;height:112.732px;margin-left:54.634px}.prize--ring>.prize__spark{left:30.248px;top:-52.69px;width:113.133px;height:112.352px}.prize--ring figcaption{width:328px;margin-top:1.578px}
.giveaway__result{position:absolute;right:34px;top:1065px;width:332px;height:283px;text-align:center;font-family:var(--serif)}
.giveaway__result:before{content:"";position:absolute;z-index:-1;left:-170px;top:-115px;width:620px;height:440px;background:radial-gradient(ellipse at 61% 50%,rgba(238,83,15,.62),rgba(191,54,8,.24) 34%,transparent 70%);filter:blur(15px);pointer-events:none}.giveaway__result p{font-size:30px;line-height:36px}.giveaway__result strong{display:block;font-size:200px;font-weight:600;line-height:normal}.giveaway__result span{display:block;font-size:18px}.giveaway__result small{display:block;font-family:var(--sans);font-size:20px;line-height:24px;color:#fff}
@media (min-width:1101px){.giveaway__result p,.giveaway__result strong,.giveaway__result span,.giveaway__result small{position:absolute;margin:0}.giveaway__result p{left:0;top:1px;width:321px;text-align:right}.giveaway__result strong{left:116px;top:0;width:216px;height:242px;text-align:right}.giveaway__result span{left:171px;top:188px;width:79px;line-height:22px}.giveaway__result small{left:37px;top:235px;width:284px;text-align:right}}
.participation{position:absolute;z-index:6;left:51px;top:1099px;width:911px}
.participation h3{width:419px;font-family:var(--serif);font-size:40px;font-weight:400;line-height:48px}
.participation__steps{position:relative;display:flex;width:911px;justify-content:space-between;margin-top:22px}.participation__steps:before,.participation__steps:after{content:"";position:absolute;top:27px;width:266px;height:1px;background:linear-gradient(90deg,rgba(217,217,217,0),#d9d9d9 47.596%,rgba(217,217,217,0))}.participation__steps:before{left:165px}.participation__steps:after{left:479px}
.participation__steps article{position:relative;display:flex;width:283px;flex-direction:column;align-items:center;padding-top:0;text-align:center}
.participation__steps article:after{content:"";position:absolute;left:50%;top:102px;width:1px;height:36px;background:linear-gradient(180deg,rgba(217,217,217,0),#d9d9d9 47.596%,rgba(217,217,217,0));transform:translateX(-.5px)}
.participation__steps b{position:relative;z-index:2;padding:0;background:transparent;font-family:var(--serif);font-size:40px;font-weight:400;line-height:48px}
.participation__steps p{margin-top:9px;font-size:18px;line-height:22px;color:#fff}
.participation__buttons{position:relative;height:44px;margin-top:42px}.participation__buttons .ornament-button{position:absolute;top:0;width:266px;height:44px;font-size:16px}.participation__buttons .ornament-button:nth-child(1){left:9px}.participation__buttons .ornament-button:nth-child(2){left:321px}.participation__buttons .ornament-button:nth-child(3){left:637px}

/* Rates */
.rates{height:821px;z-index:9;background:#07090b}
.rates__background,.rates__cloud-layer,.rates__aura{position:absolute;max-width:none;pointer-events:none;user-select:none}
.rates__background{z-index:0;left:calc(var(--stage-left) - 301px);top:-10px;width:2608px;height:831px;object-fit:cover;object-position:center bottom;opacity:.04}
.rates__cloud-layer{z-index:1;object-fit:fill;mix-blend-mode:color-dodge}
.rates__cloud-layer--one{left:calc(var(--stage-left) + 92px);top:-159px;width:1742px;height:980px;opacity:.76}
.rates__cloud-layer--two{left:calc(var(--stage-left) + 277px);top:-259px;width:1302px;height:732px;opacity:.76}
.rates__cloud-layer--three{left:calc(var(--stage-left) - 1631px);top:-813px;width:1742px;height:980px;opacity:.79}
.rates__aura{z-index:4;left:calc(var(--stage-left) + 63.342px);top:-85.356px;width:1715.528px;height:596.711px;mix-blend-mode:lighten;transform:rotate(6.24deg);transform-origin:center}
.rates__layout{padding:0}
.rates__frame{position:absolute;left:50%;top:77px;width:1545px;height:204px;transform:translateX(-50%);font-family:var(--serif)}
.rates__frame:before{display:none}
.rates__frame:after{content:"";position:absolute;z-index:0;left:132.5px;top:40px;width:1280px;height:194.5px;background:url("/assets/img/figma-v2/rates/vector-01-current.svg") center/100% 100% no-repeat;transform:scaleY(-1)}
.rates__frame>div{position:absolute;z-index:1;top:48px;display:flex;align-items:baseline;gap:0;white-space:nowrap}
.rates__frame>div:nth-child(1){left:329px}.rates__frame>div:nth-child(2){left:671.26px}.rates__frame>div:nth-child(3){left:1000.73px}
.rates__frame span{font-size:44px;font-weight:400;line-height:1}.rates__frame strong{font-size:96px;font-weight:400;line-height:1}
.rates__bonus{position:absolute;left:50%;top:309px;display:flex;flex-direction:column;align-items:center;margin:0;transform:translateX(-50%);text-shadow:0 0 18px rgba(0,143,207,.65);white-space:nowrap}
.rates__bonus strong{font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px}.rates__bonus span{margin-top:-9px;font-family:var(--serif);font-size:40px;line-height:48px;text-transform:uppercase}
.rates__expand{position:absolute;left:50%;top:473px;width:219px;height:52px;margin:0;padding:0 0 11px;border:0;background:transparent;font-family:var(--serif);font-size:30px;line-height:36px;letter-spacing:0;transform:translateX(-50%);cursor:pointer}
.rates__expand:after{content:"";position:absolute;left:0;bottom:0;width:219px;height:11px;background:url("/assets/img/figma-v2/rates/vector-02.svg") center/100% 100% no-repeat}
.rates__buttons{position:absolute;left:338px;top:606px;display:flex;gap:44px;margin:0}.rates__buttons .ornament-button{width:287px;height:44px;font-size:18px;font-weight:700;letter-spacing:.36px;text-transform:none;background-size:calc(100% - 38px) calc(100% - 8px),calc(100% - 26px) 100%,22.3% 86.36%,22.3% 86.36%;background-position:center,center,left 3px,right 3px;background-repeat:no-repeat}.rates__buttons .ornament-button--red{background-image:url("/assets/img/figma-target/buttons/inner-252.png"),url("/assets/img/figma-target/buttons/red-266.png"),url("/assets/img/figma-target/hero/button-left.png"),url("/assets/img/figma-target/hero/button-right-flipped.png")}.rates__buttons .ornament-button--blue{background-image:url("/assets/img/figma-target/buttons/inner-252.png"),url("/assets/img/figma-target/buttons/blue-266.png"),url("/assets/img/figma-target/hero/button-left.png"),url("/assets/img/figma-target/hero/button-right-flipped.png")}

/* About */
.about{height:1020px;margin-top:-71px;z-index:10}
.about .scene__image{inset:auto;left:var(--stage-left);top:10px;width:1989.662px;height:1010.228px;object-fit:fill;filter:none}
.about__veil{display:none}.about__aura,.about__highlight,.about__spark{position:absolute;max-width:none;pointer-events:none}.about__aura{z-index:2;mix-blend-mode:lighten}.about__aura--left{left:calc(var(--stage-left) - 320px);top:135px;width:1798.24px;height:342.6px;transform:rotate(14.88deg)}.about__aura--right{left:calc(var(--stage-left) + 836px);top:-32px;width:1398.409px;height:1060.422px;transform:rotate(14.88deg)}.about__highlight{z-index:2;width:644.348px;height:693.752px;transform:rotate(-37.43deg)}.about__highlight--one{left:calc(var(--stage-left) + 1036px);top:-24px}.about__highlight--two{left:calc(var(--stage-left) + 1051px);top:126px}.about__highlight--three{left:calc(var(--stage-left) + 1254px);top:340px}.about__spark{z-index:5;object-fit:cover;mix-blend-mode:color-dodge;transform:rotate(23.85deg)}.about__spark--one{left:calc(var(--stage-left) + 318px);top:292px;width:86.247px;height:84.716px}.about__spark--two{left:calc(var(--stage-left) + 1501px);top:255px;width:142.09px;height:139.568px}
.about__layout{padding:0}
.about__copy{position:absolute;left:48.62px;top:306px;width:598px;height:420px;text-shadow:none}
.about__copy h2{position:absolute;left:0;top:0;width:598px;font-family:var(--serif);font-size:80px;font-weight:400;line-height:normal}
.about__copy h3{position:absolute;left:0;top:157px;width:594px;margin:0;font-family:var(--sans);font-size:18px;font-weight:400;line-height:normal;letter-spacing:.02em}
.about__copy p{position:absolute;left:0;width:598px;margin:0;font-size:18px;line-height:normal;letter-spacing:.02em;color:#fff}.about__copy p:nth-of-type(1){top:209px;width:594px}.about__copy p:nth-of-type(2){top:349px}
.about__layout>.video-card{position:absolute;left:1030px;top:289px;margin:0}
.video-card{position:relative;width:243px;height:447px;margin-right:29px;padding:0;border:0;background:transparent;clip-path:polygon(15% 0,85% 0,100% 8%,100% 92%,85% 100%,15% 100%,0 92%,0 8%);cursor:pointer;filter:drop-shadow(0 0 18px rgba(0,166,225,.42))}
.video-card img{width:100%;height:100%;object-fit:cover}
.video-card:after{display:none}
.video-card span{position:absolute;z-index:3;left:50%;top:50%;display:flex;width:88px;height:88px;align-items:center;justify-content:center;border-radius:50%;background:#f2f2f1;color:#272c30;font-size:29px;transform:translate(-50%,-50%);box-shadow:0 0 0 9px rgba(255,255,255,.18)}

@media (min-width:1990px){
    .about:before{content:"";position:absolute;z-index:0;left:0;top:10px;width:100%;height:1010.228px;background:url("/assets/img/figma/about-bg.webp") center/100% 100% no-repeat;filter:brightness(.78) saturate(.9);pointer-events:none}
    .about .scene__image{left:50%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}
}

/* Available from the first days */
.server-start{height:1382px;margin-top:-50px;z-index:9;background:#070a0d}
.server-start__background{inset:auto;left:calc(var(--stage-left) - 1642px);top:-120px;width:4137px;height:1755px;object-fit:cover;opacity:.05;filter:none}
.server-start:before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.56)}
.server-start__angel{position:absolute;z-index:2;left:calc(var(--stage-left) - 295px);top:-109px;width:1806px;height:1212px;max-width:none;object-fit:cover;transform:scaleX(-1)}
.server-start__reaper{position:absolute;z-index:2;left:calc(var(--stage-left) + 618px);top:443px;width:2249px;height:1399px;max-width:none;object-fit:cover;transform:rotate(6.48deg)}
.server-start__aura,.server-start__cloud,.server-start__spark{position:absolute;max-width:none;pointer-events:none}.server-start__aura{z-index:3;left:calc(var(--stage-left) + 92px);top:-110px;width:1742.131px;height:708.5px;transform:rotate(6.24deg);mix-blend-mode:lighten}.server-start__cloud{object-fit:cover;mix-blend-mode:screen}.server-start__cloud--orange{z-index:3;left:calc(var(--stage-left) + 264px);top:430px;width:1446.274px;height:813.633px;opacity:.48;transform:rotate(21.49deg)}.server-start__cloud--blue{z-index:6;left:calc(var(--stage-left) + 334px);top:851px;width:1746.389px;height:982.469px;opacity:.32;transform:rotate(-157.4deg)}.server-start__spark{z-index:7;width:142.09px;height:139.568px;object-fit:cover;mix-blend-mode:color-dodge;transform:rotate(23.85deg)}.server-start__spark--one{left:calc(var(--stage-left) + 368px);top:13px}.server-start__spark--two{left:calc(var(--stage-left) + 1565px);top:893px}
.server-start__layout{z-index:5}
.server-start__layout>h2{padding-top:148px;text-align:center;font-family:var(--serif);font-size:69px;font-weight:400;line-height:1.22;text-shadow:0 0 28px rgba(0,142,203,.72)}
.server-start__layout>h2 span{font-size:67px}
.launch-grid{position:absolute;left:45px;top:412px;display:grid;width:1228px;grid-template-columns:431px 428px 369px;grid-template-rows:repeat(3,300px)}
.launch-feature{width:100%;min-height:0;text-shadow:0 2px 7px #000}
.launch-feature--1{grid-column:2;grid-row:1;width:368px}.launch-feature--2{grid-column:3;grid-row:1;width:369px}.launch-feature--3{grid-column:1;grid-row:2;width:393px}.launch-feature--4{grid-column:2;grid-row:2;width:425px}.launch-feature--5{grid-column:1;grid-row:3;width:368px}.launch-feature--6{grid-column:2;grid-row:3;width:370px;margin-top:-5px}
.launch-feature h3{font-family:var(--serif);font-size:40px;font-weight:400;line-height:48px}
.launch-feature p{margin-top:28px;font-size:18px;line-height:22px;color:#fff}

/* Summon */
.summon{height:1330px;z-index:8;background:#061018}
.summon__background{left:0;top:-60px;right:auto;bottom:auto;width:max(100%,3275px);height:1390px;object-fit:fill;object-position:bottom;filter:none}
.summon__backdrop{position:absolute;z-index:1;left:0;top:-60px;width:max(100%,3275px);height:1390px;background:radial-gradient(ellipse 1160px 700px at 2235px 784px,rgba(0,0,0,.59),rgba(0,0,0,.91))}
.summon:after{display:none}
.summon__aura,.summon__cloud{position:absolute;max-width:none;pointer-events:none}
.summon__aura{z-index:2;mix-blend-mode:lighten}.summon__aura--blue{left:calc(var(--stage-left) + 47px);top:321px;width:2453.328px;height:999.664px;transform:rotate(-21.98deg)}.summon__aura--orange{z-index:6;left:calc(var(--stage-left) + 940px);top:190px;width:1042.728px;height:424.062px;transform:rotate(-21.57deg)}
.summon__cloud{z-index:2;width:2241.793px;height:1261.169px;object-fit:cover;opacity:.79;mix-blend-mode:color-dodge;transform:rotate(172.79deg)}.summon__cloud--left{left:calc(var(--stage-left) - 157px);top:538px}.summon__cloud--right{left:calc(var(--stage-left) + 502px);top:136px}
.summon__character{position:absolute;z-index:3;left:calc(var(--stage-left) + 676px);bottom:-37px;width:1046px;max-width:none;filter:drop-shadow(0 0 42px rgba(0,209,255,.42))}
.summon__layout{z-index:5}
.summon__heading{padding-top:141px;text-align:center}
.summon__heading p{font-size:30px;line-height:37px;color:#fff}.summon__heading h2{margin-top:24px;font-family:var(--serif);font-size:60px;font-weight:400;line-height:73px;text-shadow:0 3px 9px #000}
.summon__copy{position:absolute;left:48px;top:428px;width:628px}
.summon__copy h3{font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px}.summon__copy h3 span{font-size:80px}
.summon__copy p{width:368px;margin-top:60px;font-size:18px;line-height:22px;color:#fff}.summon__copy p+p{width:369px;margin-top:30px;margin-left:81px}
.summon__copy .ornament-button{margin-top:67px;width:287px;height:44px}
.summon__history{position:absolute;right:26px;top:348px;width:271px;height:108px;padding-top:36px;font-family:var(--serif);font-size:30px;line-height:36px;text-transform:none;text-shadow:0 0 25px #e76124}

/* 17 years */
.legacy{height:860px;margin-top:-98px;z-index:11;background:transparent}
.legacy .scene__image{inset:auto;left:var(--stage-left);top:10px;width:1989.662px;height:836.228px;object-fit:fill;filter:none}
.legacy__spark,.legacy__cloud,.legacy__binary{position:absolute;max-width:none;pointer-events:none;user-select:none}
.legacy__spark{z-index:1;width:86.247px;height:84.716px;object-fit:cover;transform:rotate(23.85deg) scale(.62);filter:grayscale(1) brightness(1.45);opacity:.72;mix-blend-mode:screen}
.legacy__spark--one{left:calc(var(--stage-left) + 318.443px);top:291.818px}
.legacy__spark--two{left:calc(var(--stage-left) + 1359.147px);top:164.765px;width:142.09px;height:139.568px}
.legacy__spark--three{left:calc(var(--stage-left) + 572.147px);top:49.765px;width:142.09px;height:139.568px}
.legacy__spark--four{left:calc(var(--stage-left) + 567.147px);top:636.765px;width:142.09px;height:139.568px}
.legacy__cloud{mix-blend-mode:color-dodge}
.legacy__cloud--back{z-index:1;left:calc(var(--stage-left) - 9.309px);top:-81.443px;width:1836.015px;height:1032.89px;object-fit:cover;opacity:.79;transform:rotate(172.79deg)}
.legacy__aura{position:absolute;z-index:1;left:calc(var(--stage-left) + 672.16px);top:-214.404px;width:883.705px;height:951.461px;max-width:none;transform:rotate(-37.43deg);pointer-events:none;user-select:none}
.legacy__binary{z-index:2;left:calc(var(--stage-left) + 678px);top:-72px;width:569px;height:700px;object-fit:cover;mix-blend-mode:plus-lighter}
.legacy__character{position:absolute;z-index:3;left:calc(var(--stage-left) + 645px);top:125px;width:561px;height:619px;max-width:none;object-fit:cover;object-position:top;filter:none}
.legacy__layout{display:flex;align-items:center;justify-content:space-between;z-index:4}
.legacy__age{position:absolute;left:33px;top:122px;width:469px;height:540px;margin:0;font-family:var(--serif);text-shadow:0 3px 8px #000}
.legacy__years{position:absolute;left:0;top:0;white-space:nowrap;line-height:normal}.legacy__years strong{font-size:246.177px;font-weight:400;line-height:normal}.legacy__years sup{position:static;font-size:184.633px;font-weight:400;line-height:normal;vertical-align:baseline}.legacy__age>span{position:absolute;left:0;top:296px;margin:0;font-size:60px;line-height:normal;letter-spacing:.025em}.legacy__age>b{position:absolute;left:0;top:312px;margin:0;font-weight:400;font-style:normal;line-height:normal;white-space:nowrap}.legacy__age>b i,.legacy__age>b em{font-weight:400;font-style:normal;line-height:normal}.legacy__age>b i{font-size:139.175px}.legacy__age>b em{font-size:185.567px}
.legacy__copy{position:absolute;inset:0;margin:0;text-shadow:0 3px 8px #000}
.legacy__copy p{position:absolute;font-family:var(--sans);font-size:20px;line-height:normal}.legacy__copy p:first-child{left:971px;top:337px}.legacy__copy p:nth-child(2){left:883px;top:411px}.legacy__copy h2{position:absolute;left:944px;top:485px;width:312px;margin:0;font-family:var(--serif);font-size:30px;font-weight:400;line-height:normal}
.legacy__cloud--front{z-index:5;left:calc(var(--stage-left) + 165px);top:385px;width:854px;height:480px;object-fit:cover;opacity:.79}

@media (min-width:1990px){
    .legacy .scene__image{left:0;width:100%}
}

/* Technical features */
.tech{height:960px;margin-top:-81px;z-index:10}
.tech .scene__image{inset:auto;left:calc(var(--stage-left) - 336px);top:-73px;width:2566px;height:1089px;object-fit:cover;filter:none}
.tech__veil{z-index:1;left:calc(var(--stage-left) - 336px);top:-73px;width:2566px;height:1089px;background:radial-gradient(ellipse 241px 545px at 1283px 544.5px,transparent,rgba(17,17,17,.71) 62.019%),radial-gradient(ellipse 1375px 584px at 1283px 544.5px,transparent,rgba(0,0,0,.902) 69.712%,rgba(0,0,0,.96))}
.tech__aura,.tech__cloud{position:absolute;max-width:none;pointer-events:none}.tech__aura{z-index:2;left:calc(var(--stage-left) + 91px);top:-87px;width:1742.131px;height:473.544px;transform:rotate(5.41deg);mix-blend-mode:lighten}.tech__cloud{z-index:2;width:1835.33px;height:1032.505px;object-fit:cover;opacity:.38;filter:brightness(.4) sepia(1) saturate(3) hue-rotate(150deg);mix-blend-mode:screen}.tech__cloud--one{left:calc(var(--stage-left) + 779px);top:482px;transform:rotate(172.79deg)}.tech__cloud--two{left:calc(var(--stage-left) + 875px);top:616px;transform:rotate(172.79deg)}.tech__cloud--three{left:calc(var(--stage-left) - 648px);top:495px;transform:rotate(-179.05deg)}.tech__cloud--four{left:calc(var(--stage-left) - 720px);top:602px;transform:rotate(-179.05deg)}
.tech__layout{z-index:4;padding-top:102px}
.tech__layout h2{text-align:center;font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px;text-shadow:0 0 25px rgba(0,154,214,.62)}
.tech__columns{display:grid;grid-template-columns:500px 525px;column-gap:215px;margin-top:108px;margin-left:44px;padding:0}
.tech__column{display:flex;width:500px;flex-direction:column;gap:65px}.tech__column:last-child{width:525px}
.tech__column p{min-height:0;font-size:20px;line-height:24px;text-shadow:0 3px 9px #000}
.tech__column:first-child p:nth-child(1),.tech__column:first-child p:nth-child(5){margin-left:145px}.tech__column:first-child p:nth-child(2),.tech__column:first-child p:nth-child(4){margin-left:72px}
.tech__column:last-child p:nth-child(2),.tech__column:last-child p:nth-child(4){margin-left:61px}.tech__column:last-child p:nth-child(3){margin-left:133px}.tech__column:last-child p:nth-child(4){transform:translateY(-5px)}.tech__column:last-child p:nth-child(5){transform:translateY(-6px)}

@media (min-width:2560px){
    .tech .scene__image,.tech__veil{left:0;width:100%}
    .tech .scene__image{object-fit:fill}
    .tech__veil{background:radial-gradient(ellipse 9.4% 545px at 50% 544.5px,transparent,rgba(17,17,17,.71) 62.019%),radial-gradient(ellipse 53.6% 584px at 50% 544.5px,transparent,rgba(0,0,0,.902) 69.712%,rgba(0,0,0,.96))}
}

/* Referral */
.referral{height:1929px;z-index:9;background:#061016}
.referral__background{inset:auto;left:calc(var(--stage-left) - 1118px);top:-11px;width:4730px;height:1939px;object-fit:fill;filter:none}
.referral__backdrop{position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 2542px 1042px at 1247px 959px,rgba(0,0,0,.79),rgba(0,0,0,.918) 59.326%,rgba(0,0,0,.92))}
.referral__backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 42%,rgba(0,0,0,.32))}
.referral__cloud,.referral__aura{position:absolute;max-width:none;pointer-events:none;user-select:none}
.referral__cloud{z-index:2;width:1742px;height:980px;object-fit:cover;opacity:.79;mix-blend-mode:color-dodge;transform:rotate(-92.03deg)}
.referral__cloud--one{left:calc(var(--stage-left) + 52.523px);top:489.799px}
.referral__cloud--two{left:calc(var(--stage-left) + 83.523px);top:74.799px}
.referral__cloud--three{left:calc(var(--stage-left) - 155.477px);top:219.799px}
.referral__cloud--four{left:calc(var(--stage-left) + 340.523px);top:434.799px}
.referral__aura{object-fit:fill;mix-blend-mode:lighten}
.referral__aura--blue{z-index:2;left:calc(var(--stage-left) - 283.959px);top:739.467px;width:2476.293px;height:610.058px;transform:rotate(-2.25deg)}
.referral__aura--orange-top{z-index:3;left:calc(var(--stage-left) + 3.697px);top:-4.292px;width:1901.639px;height:487.675px;transform:rotate(6.24deg)}
.referral__aura--orange-bottom{z-index:5;left:calc(var(--stage-left) - 15.65px);top:1163.156px;width:1217.753px;height:312.292px;transform:rotate(-4.49deg)}
.referral__layout{z-index:4;padding-top:163px}
.referral__heading{text-align:center}.referral__heading>p{font-size:30px;line-height:37px}.referral__heading h2{margin-top:10px;font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px;text-shadow:0 0 30px rgba(232,85,20,.82)}.referral__heading span{display:block;margin-top:44px;font-size:30px;font-weight:300;line-height:37px;color:#fff}
.referral__benefits{position:absolute;left:0;top:500px;display:flex;width:100%;height:650px;margin:0;padding:0}
.referral__benefits article{position:absolute;z-index:3;top:62px;width:248px;padding:0;font-family:var(--serif)}
.referral__benefits article:first-child{left:49px}.referral__benefits article:last-child{left:1045px;width:228px;text-align:left}.referral__benefits h3{font-size:50px;font-weight:400;line-height:61px}.referral__benefits strong{display:block;margin-top:8px;font-size:60px;font-weight:400;line-height:73px}.referral__benefits article p{margin-top:2px;font-family:var(--sans);font-size:20px;line-height:24px}
.referral__benefits img{position:absolute;z-index:2;left:131px;top:0;width:968px;height:650px;max-width:none;object-fit:cover;object-position:center;filter:drop-shadow(0 0 24px rgba(0,145,201,.25))}
.reward-frame{position:absolute;z-index:5;left:50px;top:1010px;width:1220px;height:194px;margin:0;padding:24px 60px 20px;border:0;clip-path:none;background:none;text-align:center;box-shadow:none}
.reward-frame:before{content:"";position:absolute;z-index:-1;inset:0;background:url("/assets/img/figma-v2/referral/vector-02.svg") center/100% 100% no-repeat;transform:scaleY(-1);pointer-events:none}
.reward-frame h3{font-family:var(--serif);font-size:30px;font-weight:400;line-height:36px}.reward-frame__tiers{display:flex;justify-content:space-between;margin-top:19px}.reward-frame__tiers div{display:flex;flex-direction:column;align-items:center}.reward-frame__tiers span{font-size:18px;line-height:22px}.reward-frame__tiers strong{font-family:var(--sans);font-size:30px;font-weight:500;line-height:36px}.reward-frame>p{position:absolute;left:712px;top:216px;width:363px;text-align:left;font-size:20px;line-height:24px}
.referral-join{position:absolute;left:-35px;top:1293px;width:1309px;margin:0;padding:0}.referral-join>h3{font-family:var(--serif);font-size:50px;font-weight:400;line-height:61px;text-shadow:0 0 22px rgba(231,80,14,.72)}
.referral-join__steps{display:flex;margin-top:43px;margin-left:83px}.referral-join__steps article{position:relative;width:336px;padding-right:32px}.referral-join__steps article:nth-child(2){width:350px}.referral-join__steps article:nth-child(3){width:540px;padding-right:0}.referral-join__steps article:before{content:"";position:absolute;left:109px;right:18px;top:28px;height:1px;background:linear-gradient(90deg,rgba(213,222,226,.65),transparent)}
.referral-join__steps h4{margin:0;font-family:var(--serif);font-size:40px;font-weight:400;line-height:48px}.referral-join__steps strong{display:block;margin-top:9px;font-size:20px;font-weight:400;line-height:24px}.referral-join__steps p{margin-top:23px;font-size:18px;line-height:22px;color:#fff}
.referral-join__buttons{display:flex;justify-content:flex-start;gap:50px;margin-top:95px;margin-left:331px}.referral-join__buttons .ornament-button{width:266px;height:44px;font-size:16px}

/* Streamers */
.partners{height:1465px;margin-top:-44px;z-index:12;background:transparent}
.partners .scene__image{inset:auto;left:calc(var(--stage-left) - 15px);top:10px;width:1985.331px;height:1419.5px;object-fit:fill;filter:none}
.partners__veil{display:none}
.partners__aura,.partners__cloud,.partners__spark{position:absolute;max-width:none;pointer-events:none}.partners__aura{z-index:2;mix-blend-mode:lighten}.partners__aura--blue{left:calc(var(--stage-left) - 235px);top:291px;width:2131.301px;height:1318.387px;transform:rotate(-2.25deg)}.partners__aura--orange{left:calc(var(--stage-left) + 751px);top:478px;width:1398.409px;height:1060.422px;transform:rotate(14.88deg)}.partners__cloud{z-index:2;left:calc(var(--stage-left) + 273px);top:506px;width:1446.274px;height:813.633px;object-fit:cover;mix-blend-mode:color-dodge;transform:rotate(21.49deg)}.partners__spark{z-index:3;object-fit:cover;filter:grayscale(1) sepia(.65) saturate(3.2) hue-rotate(165deg) brightness(1.38) contrast(1.08);mix-blend-mode:screen;transform:rotate(23.85deg)}.partners__spark--one{left:calc(var(--stage-left) + 219px);top:179px;width:86.247px;height:84.716px}.partners__spark--two{left:calc(var(--stage-left) + 557px);top:50px;width:142.09px;height:139.568px}.partners__spark--three{left:calc(var(--stage-left) + 1474px);top:138px;width:142.09px;height:139.568px}
.partners__layout{z-index:4;padding-top:171px}
.partners__heading{text-align:center}.partners__heading p{font-size:30px;line-height:37px}.partners__heading h2{margin-top:44px;font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px}.partners__heading span{display:block;margin-top:32px;font-size:30px;line-height:37px;color:#fff}
.partners__offers{position:absolute;left:45px;right:95px;top:624px;display:flex;justify-content:space-between;font-family:var(--serif)}
.partners__offers>div{display:flex;width:334px;flex-direction:column}.partners__offers>div:last-child{width:321px}.partners__offers strong{font-size:40px;font-weight:400;line-height:48px}.partners__offers span{margin-top:0;font-size:40px;line-height:48px}
.partners__character{position:absolute;z-index:3;left:288px;top:429px;width:725px;height:839px;overflow:hidden;transform:scaleX(-1)}.partners__character img{width:725px;height:1080px;max-width:none;object-fit:fill}
.partners__copy{position:absolute;left:45px;top:912px;width:372px}.partners__copy p{margin-bottom:12px;font-size:18px;line-height:22px;color:#fff}
.partners__video{position:absolute;right:132px;top:799px;width:243px;height:447px;margin:0;filter:none}.partners__video span{width:74px;height:74px;font-size:24px}
.partners__button{position:absolute;z-index:8;left:507px;top:1235px;width:287px;height:44px}.partners__button:hover{transform:translateY(-1px)}

@media (min-width:1986px){
    .partners .scene__image{left:0;width:100%;object-fit:fill}
}

/* Final call to action */
.start{height:966px;margin-top:-95px;z-index:11;background:#000}
.start__background{inset:auto;left:min(calc(var(--stage-left) - 385px),0px);top:-82px;width:2784px;height:1181px;transform:none;object-fit:fill}
.start__veil{inset:auto;z-index:1;left:min(calc(var(--stage-left) - 385px),0px);top:-82px;width:2784px;height:1181px;background:url("data:image/svg+xml;utf8,<svg viewBox='0 0 2784 1181' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect width='100%25' height='100%25' fill='url(%23grad)'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-20.1 39.8 -93.822 -47.382 1541 673.5)'><stop stop-color='rgba(0,0,0,0)' offset='0'/><stop stop-color='rgba(0,0,0,0.23)' offset='0.34135'/><stop stop-color='rgba(0,0,0,0.88)' offset='1'/></radialGradient></defs></svg>") center/100% 100% no-repeat}
.start__aura{position:absolute;max-width:none;pointer-events:none;transform-origin:center;mix-blend-mode:lighten}.start__aura--orange{z-index:2;left:calc(var(--stage-left) + 245.907px);top:151.44px;width:1437.498px;height:361.089px;transform:rotate(-17.65deg)}.start__aura--blue{z-index:5;left:calc(var(--stage-left) - 90.834px);top:643.775px;width:1986.435px;height:759.362px;transform:rotate(-2.25deg)}
.start__layout{z-index:4;padding-top:0}
.start__layout h2{position:absolute;left:45px;top:189px;width:1228px;text-align:center;font-family:var(--serif);font-size:80px;font-weight:400;line-height:97px;text-transform:uppercase;text-shadow:0 3px 9px #000}
.start__layout h2 span{display:inline-block;text-shadow:0 0 28px rgba(238,94,17,.9)}
.start__content{position:absolute;left:106px;top:492px;margin:0}
.start__content>p{width:493px;font-family:var(--serif);font-size:50px;line-height:61px;text-shadow:0 3px 9px #000}
.start__links{display:flex;width:287px;flex-direction:column;gap:39px;margin-top:58px;margin-left:103px}
.start__links .ornament-button{width:287px;height:44px;font-size:18px}

@media (min-width:2785px){
    .start__background,.start__veil{left:0;width:100%}
    .start__background{object-fit:fill}
}

@media (max-width:980px){
    body{font-size:16px}.layout{width:min(100% - 36px,720px)}
    .site-header{position:absolute;top:15px;height:82px}.site-header__bar{width:calc(100% - 24px);height:76px;padding:0 20px;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}
    .site-header__emblem{left:12px;top:-5px;width:86px;height:86px}.menu-toggle{position:relative;z-index:12;display:flex;width:44px;height:38px;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-left:auto;border:0;background:transparent;cursor:pointer}.menu-toggle>span:not(.sr-only){display:block;width:26px;height:2px;background:#fff}
    .site-header__actions{position:fixed;z-index:10;inset:0;display:flex;visibility:hidden;flex-direction:column;align-items:center;justify-content:center;gap:34px;background:rgba(3,6,9,.97);opacity:0;transition:opacity .2s,visibility .2s}.site-header__actions.is-open{visibility:visible;opacity:1}.cabinet-link{font-size:24px}.ornament-button--header{width:260px}
    .site-header__bar:has(.site-header__actions.is-open){clip-path:none;filter:none;background:transparent}.site-header__bar:has(.site-header__actions.is-open):after{display:none}
    .hero{height:720px;overflow:hidden}.hero__background,.hero__veil{height:100%}.hero__background{object-position:63% top}.hero__brand{left:50%;top:150px;width:400px;transform:translateX(-50%)}.hero__brand>img{width:400px}.hero__brand h1{margin-top:-44px;font-size:25px}.countdown{left:50%;top:545px;width:min(94vw,700px);transform:translateX(-50%)}.countdown>p{font-size:14px}.countdown__groups{gap:8px}.countdown__digits b{width:50px;height:65px;font-size:43px}.countdown__group>span{top:67px;font-size:10px}
    .giveaway{height:auto;min-height:1530px}.giveaway__title{top:100px}.giveaway__title h2{font-size:44px}.giveaway__title p{font-size:20px}.giveaway__showcase{top:295px;height:750px}.giveaway__winner-copy{left:50%;text-align:center;transform:translateX(-50%)}.giveaway__winner-copy h3{font-size:34px}.giveaway__characters{left:50%;top:100px;width:500px;height:650px;transform:translateX(-50%)}.prize--sphere{left:0;top:230px}.prize--premium{right:0;top:140px;flex-direction:column}.prize--ring{right:0;top:355px;flex-direction:column}.prize figcaption{font-size:12px}.giveaway__result{right:0;top:570px;width:170px}.giveaway__result strong{font-size:90px}.participation{top:1080px;width:100%}.participation h3{text-align:center}.participation__steps{gap:7px}.participation__steps p{font-size:12px}.participation__buttons{gap:8px}.participation__buttons .ornament-button{width:31%;height:42px;font-size:10px}
    .rates{height:620px}.rates__layout{padding-top:60px}.rates__frame{width:100%;height:165px}.rates__frame span{font-size:20px}.rates__frame strong{font-size:48px}.rates__bonus strong{font-size:51px}.rates__buttons{gap:16px}.rates__buttons .ornament-button{width:220px}
    .about{height:auto;min-height:930px;margin-top:0}.about__layout{flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 0}.about__copy{width:100%}.about__copy h2{font-size:58px}.about__copy h3{font-size:31px}.about__copy p{font-size:15px}.about__copy br{display:none}.video-card{position:absolute;right:0;bottom:65px;width:190px;height:350px;margin:0;opacity:.6}
    .server-start{height:auto;min-height:1360px;margin-top:0}.server-start__layout>h2{padding-top:95px;font-size:48px}.server-start__layout>h2 span{font-size:43px}.server-start__angel{left:-220px;top:130px;width:600px;opacity:.5}.server-start__reaper{right:-250px;width:560px;opacity:.5}.launch-grid{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;flex-direction:column;gap:33px;margin-top:95px;padding:0 14px}.launch-feature,.launch-feature--2,.launch-feature--4{width:78%;min-height:0;padding:0}.launch-feature:nth-child(even){align-self:flex-end}.launch-feature h3{font-size:27px}.launch-feature p{margin-top:12px;font-size:14px}
    .summon{height:1120px}.summon__heading{padding-top:90px}.summon__heading h2{font-size:42px}.summon__copy{left:0;top:360px;width:390px}.summon__copy h3,.summon__copy h3 span{font-size:55px}.summon__copy p{margin-top:40px}.summon__copy p+p{margin-left:0}.summon__character{right:-190px;width:710px;opacity:.8}.summon__history{right:0;top:300px;font-size:21px}
    .legacy{height:750px;margin-top:0}.legacy__character{width:590px;opacity:.65}.legacy__layout{align-items:center}.legacy__age{width:250px;margin:0}.legacy__age strong{font-size:120px}.legacy__copy{width:340px}.legacy__copy p{font-size:27px}.legacy__copy h2{font-size:24px}
    .tech{height:940px;margin-top:0}.tech__layout{padding-top:90px}.tech__layout h2{font-size:48px}.tech__columns{margin-top:85px;padding:0;gap:45px}.tech__column,.tech__column:last-child{width:50%;gap:48px}.tech__column:first-child p:nth-child(even),.tech__column:last-child p:nth-child(even){margin-left:0}.tech__column p{font-size:15px}
    .referral{height:auto;min-height:1770px}.referral__layout{padding-top:95px}.referral__heading h2{font-size:55px}.referral__heading span{font-size:16px}.referral__benefits article{width:190px}.referral__benefits h3{font-size:29px}.referral__benefits img{width:500px;height:380px}.reward-frame{width:100%;height:auto;padding:25px 25px}.reward-frame__tiers{gap:7px}.reward-frame__tiers span{font-size:10px}.reward-frame>p{right:0}.referral-join{margin-top:120px;padding:0}.referral-join__steps{gap:15px}.referral-join__steps article,.referral-join__steps article:nth-child(2),.referral-join__steps article:nth-child(3){width:33.333%}.referral-join__steps p{font-size:11px}.referral-join__steps br{display:none}
    .partners{height:1260px;margin-top:0}.partners__layout{padding-top:110px}.partners__heading h2{font-size:49px}.partners__heading span{font-size:17px}.partners__offers{top:500px}.partners__offers strong{font-size:26px}.partners__character{width:420px}.partners__copy{top:710px;width:280px}.partners__copy p{font-size:12px}.partners__video{top:690px;width:175px;height:330px}.start{height:760px;margin-top:0}.start__background{left:50%;top:0;width:100%;height:100%;transform:translateX(-50%);object-fit:cover;object-position:center}.start__layout{padding-top:100px}.start__layout h2{font-size:48px}.start__content{margin-top:80px;margin-left:20px}.start__content>p{font-size:36px}.start__links{width:250px;gap:24px;margin-top:42px;margin-left:30px}.start__links .ornament-button{width:250px;height:44px}
}

@media (max-width:620px){
    .layout{width:calc(100% - 24px)}.hero__brand{width:330px}.hero__brand>img{width:330px}.hero__brand h1{font-size:21px}.countdown__digits b{width:39px;height:56px;font-size:36px}.countdown__group>span{top:58px}.giveaway{min-height:1600px}.giveaway__title h2{font-size:36px}.giveaway__winner-copy h3{font-size:29px}.giveaway__characters{width:390px}.prize__item{width:100px!important;height:110px!important}.prize--sphere{top:255px}.prize--premium{top:175px}.prize--ring{top:365px}.giveaway__result{top:590px}.participation__steps p{font-size:10px}.participation__buttons{flex-direction:column;align-items:center}.participation__buttons .ornament-button{width:250px}.rates__frame{height:135px}.rates__frame span{font-size:15px}.rates__frame strong{font-size:37px}.rates__buttons{flex-direction:column;gap:14px}.rates{height:710px}.about{min-height:1000px}.video-card{opacity:.32}.server-start{min-height:1540px}.server-start__layout>h2{font-size:38px}.server-start__layout>h2 span{font-size:34px}.launch-feature{width:94%}.summon{height:1190px}.summon__heading h2{font-size:31px}.summon__copy{width:300px}.summon__copy h3,.summon__copy h3 span{font-size:46px}.summon__copy p{font-size:14px}.summon__character{right:-270px;opacity:.55}.summon__history{display:none}.legacy__character{opacity:.4}.legacy__age{width:160px}.legacy__age strong{font-size:86px}.legacy__age span{font-size:19px}.legacy__age b{font-size:65px}.legacy__copy{width:220px}.legacy__copy p{font-size:21px}.legacy__copy h2{font-size:18px}.tech{height:1050px}.tech__layout h2{font-size:36px}.tech__columns{gap:19px}.tech__column p{font-size:12px}.referral{min-height:1960px}.referral__heading h2{font-size:42px}.referral__benefits{height:490px}.referral__benefits article{width:125px}.referral__benefits h3{font-size:23px}.referral__benefits strong{font-size:35px}.referral__benefits img{width:390px;height:300px}.reward-frame__tiers{flex-wrap:wrap}.reward-frame__tiers div{width:50%}.referral-join__steps{flex-direction:column}.referral-join__steps article,.referral-join__steps article:nth-child(2),.referral-join__steps article:nth-child(3){width:100%}.referral-join__buttons{gap:8px}.referral-join__buttons .ornament-button{width:190px}.partners{height:1370px}.partners__heading h2{font-size:37px}.partners__offers>div{width:170px}.partners__offers strong{font-size:20px}.partners__offers span{font-size:22px}.partners__character{width:370px;opacity:.76}.partners__copy{top:720px;width:210px}.partners__video{right:-20px;width:150px;height:290px}.partners__button{bottom:75px}
}

/* Tablet and mobile composition: the desktop artwork remains layered, while content is reflowed. */
@media (max-width:1100px){
    body{font-size:16px}.layout{width:min(100% - 32px,760px)}
    .site-header{top:12px;height:78px}.site-header__bar{width:calc(100% - 20px);height:76px;padding:0 18px;background:rgba(4,8,12,.9);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);border:0}.site-header__emblem{left:24px;top:11px;width:54px;height:54px}.menu-toggle{display:flex}.site-header__actions{position:fixed;z-index:10;inset:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;background:rgba(3,6,9,.98);opacity:0}.site-header__actions.is-open{visibility:visible;opacity:1}.cabinet-link,.knowledge-link{font-size:24px}.ornament-button--header{width:287px}.menu-toggle{position:relative;z-index:12;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-left:auto;border:0;background:transparent}.menu-toggle>span:not(.sr-only){display:block;width:28px;height:2px;background:#fff}
    .hero{height:720px;overflow:hidden}.hero__background{left:50%;top:0;width:1450px;height:720px;object-fit:cover;object-position:center top;transform:translateX(-50%)}.hero__brand{left:50%;top:125px;width:430px;transform:translateX(-50%)}.hero__brand>img{width:430px;height:auto}.hero__brand h1{width:420px;height:auto;margin-top:-52px;font-size:25px;transform:none}.hero__brand h1 span{font-size:25px}.countdown{left:50%;top:545px;width:min(94vw,700px);height:155px;transform:translateX(-50%)}.countdown:before{left:0;top:0;width:100%;height:42px;background:rgba(4,8,12,.82);border:1px solid rgba(137,188,211,.55);clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);transform:none}.countdown>p{height:42px;padding-top:8px;font-size:18px;line-height:24px}.countdown__groups{width:100%;gap:8px}.countdown__group{flex:1}.countdown__digits{gap:3px}.countdown__digits b{width:48px;height:82px;background-size:48px 69px;font-size:60px}.countdown__group>span{top:88px;font-size:10px}
    .giveaway{height:1460px}.giveaway .scene__image{object-position:center}.giveaway__title{top:110px}.giveaway__title h2{font-size:56px}.giveaway__title h2 strong{font-size:46px}.giveaway__title p{font-size:20px}.giveaway__winner-copy{left:0;right:0;top:350px;text-align:center}.giveaway__winner-copy h3{font-size:38px;line-height:44px}.giveaway__winner-copy p{font-size:28px;line-height:34px}.giveaway__characters{left:50%;top:430px;width:600px;height:596px;transform:translateX(-50%)}.prize__spark{display:none}.prize figcaption{font-size:13px}.prize--sphere{left:0;top:590px;width:170px}.prize--sphere>.prize__item{width:95px;height:95px}.prize--premium{left:auto;right:0;top:520px;width:170px}.prize--premium>.prize__item{width:90px;height:90px}.prize--ring{left:auto;right:0;top:710px;width:180px}.prize--ring>.prize__item{width:90px;height:90px;margin-left:35px}.prize--ring figcaption{width:180px}.giveaway__result{right:0;top:885px;width:190px;height:auto}.giveaway__result:before{display:none}.giveaway__result p{font-size:20px}.giveaway__result strong{margin-top:-10px;font-size:100px}.giveaway__result span{margin-top:-30px}.giveaway__result small{font-size:11px;line-height:16px}.participation{left:0;top:1040px;width:100%}.participation h3{width:100%;text-align:center;font-size:34px}.participation__steps{width:100%;gap:10px}.participation__steps:before,.participation__steps:after,.participation__steps article:after{display:none}.participation__steps article{width:33.333%}.participation__steps p{font-size:12px;line-height:16px}.participation__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-left:0}.participation__buttons .ornament-button{position:relative;left:auto!important;width:100%;font-size:11px}
    .rates{height:620px;background:radial-gradient(ellipse at 50% 27%,rgba(14,95,136,.5),transparent 47%),linear-gradient(#05080b,#0b1116 52%,#05070a)}.rates__background,.rates__cloud-layer,.rates__aura{display:none}.rates__layout{display:flex;flex-direction:column;align-items:center;padding-top:58px}.rates__frame{position:relative;left:auto;top:auto;display:flex;width:100%;height:160px;align-items:center;transform:none}.rates__frame:after{left:0;top:0;width:100%;height:100%}.rates__frame>div{position:relative;left:auto!important;top:auto;width:33.333%;justify-content:center}.rates__frame span{font-size:21px}.rates__frame strong{font-size:48px}.rates__bonus{position:relative;left:auto;top:auto;margin-top:25px;transform:none}.rates__bonus strong{font-size:54px;line-height:66px}.rates__bonus span{font-size:25px;line-height:32px}.rates__expand{position:relative;left:auto;top:auto;margin-top:24px;transform:none}.rates__buttons{position:relative;left:auto;top:auto;gap:18px;margin-top:62px}.rates__buttons .ornament-button{width:235px}.about{margin-top:0}
    .about{height:900px;margin-top:0}.about .scene__image{left:50%;top:0;width:1500px;height:900px;object-fit:cover;transform:translateX(-50%)}.about__aura,.about__highlight,.about__spark{display:none}.about__layout{padding:100px 0 0}.about__copy{position:relative;left:auto;top:auto;width:100%;height:auto;padding-right:180px}.about__copy h2,.about__copy h3,.about__copy p{position:static;width:auto}.about__copy h2{font-size:58px}.about__copy h3{margin-top:34px;font-size:18px}.about__copy p{margin-top:28px;font-size:15px;line-height:1.48}.about__copy br{display:none}.about__layout>.video-card{left:auto;right:0;top:365px;width:180px;height:332px;opacity:.78}
    .server-start{height:1500px;margin-top:0}.server-start__background{left:50%;top:0;width:1600px;height:1500px;object-fit:cover;opacity:.12;transform:translateX(-50%)}.server-start__aura,.server-start__cloud,.server-start__spark{display:none}.server-start__angel{left:-310px;top:120px;width:830px;height:auto;opacity:.38}.server-start__reaper{left:auto;right:-320px;top:auto;bottom:-80px;width:820px;height:auto;opacity:.5}.server-start__layout>h2{padding-top:90px;font-size:48px}.server-start__layout>h2 span{font-size:44px}.launch-grid{position:relative;left:auto;top:auto;display:flex;width:100%;flex-direction:column;gap:34px;margin-top:90px;padding:0 12px}.launch-feature,.launch-feature--1,.launch-feature--2,.launch-feature--3,.launch-feature--4,.launch-feature--5,.launch-feature--6{width:74%;min-height:0;margin:0}.launch-feature:nth-child(even){align-self:flex-end;text-align:right}.launch-feature h3{font-size:29px;line-height:36px}.launch-feature p{margin-top:10px;font-size:14px;line-height:19px}
    .summon{height:1100px}.summon__background{left:50%;top:0;width:1500px;height:1100px;object-fit:cover;transform:translateX(-50%)}.summon__backdrop{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.25) 68%,rgba(0,0,0,.6))}.summon__aura,.summon__cloud{display:none}.summon__character{left:auto;right:-150px;bottom:-10px;width:760px;height:760px;opacity:.82}.summon__heading{padding-top:85px}.summon__heading p{font-size:20px}.summon__heading h2{margin-top:15px;font-size:40px;line-height:51px}.summon__copy{left:0;top:335px;width:430px}.summon__copy h3,.summon__copy h3 span{font-size:58px;line-height:68px}.summon__copy p{width:360px;margin-top:34px;font-size:14px;line-height:19px}.summon__copy p+p{width:350px;margin:25px 0 0 40px}.summon__copy .ornament-button{margin-top:45px}.summon__history{right:0;top:300px;font-size:20px;line-height:27px}
    .legacy{height:760px;margin-top:0}.legacy .scene__image{left:50%;top:0;width:1500px;height:760px;object-fit:cover;transform:translateX(-50%)}.legacy__character{left:50%;top:95px;width:520px;height:575px;opacity:.92;transform:translateX(-50%)}.legacy__age{left:0;top:120px;width:250px}.legacy__age strong{height:auto;font-size:120px;line-height:140px}.legacy__age sup{font-size:70px}.legacy__age>span{top:142px;font-size:32px;line-height:40px}.legacy__age>b{top:152px;margin:0;line-height:normal}.legacy__age>b i{font-size:88px}.legacy__age>b em{font-size:116px}.legacy__copy{left:auto;right:0;top:300px;bottom:auto;width:260px;height:330px}.legacy__copy p{font-size:17px}.legacy__copy p:first-child{left:0;top:0}.legacy__copy p:nth-child(2){left:0;top:62px;margin-left:0}.legacy__copy h2{left:0;top:158px;width:260px;margin:0;font-size:23px;line-height:30px}
    .tech{height:900px;margin-top:0}.tech .scene__image{left:50%;top:0;width:1500px;height:900px;object-fit:cover;transform:translateX(-50%)}.tech__aura,.tech__cloud{display:none}.tech__veil{left:0;top:0;width:100%;height:100%;background:radial-gradient(circle at 50% 12%,rgba(0,146,212,.35),transparent 28%),rgba(0,0,0,.48)}.tech__layout{padding-top:80px}.tech__layout h2{font-size:50px}.tech__columns{grid-template-columns:1fr 1fr;column-gap:48px;margin:80px 0 0}.tech__column,.tech__column:last-child{width:auto;gap:48px}.tech__column p,.tech__column:first-child p:nth-child(n),.tech__column:last-child p:nth-child(n){min-height:0;margin-left:0;font-size:15px;line-height:20px;transform:none}
    .referral{height:1740px}.referral__background{left:50%;top:0;width:1700px;height:1740px;object-fit:cover;transform:translateX(-50%)}.referral__backdrop{background:rgba(0,0,0,.7)}.referral__layout{padding-top:90px}.referral__heading>p{font-size:20px}.referral__heading h2{font-size:55px;line-height:70px}.referral__heading span{margin-top:24px;font-size:17px;line-height:24px}.referral__benefits{position:relative;left:auto;top:auto;height:410px;margin-top:70px}.referral__benefits img{left:50%;top:0;width:610px;height:410px;transform:translateX(-50%)}.referral__benefits article{top:55px;width:170px}.referral__benefits article:first-child{left:0}.referral__benefits article:last-child{left:auto;right:0;width:165px}.referral__benefits h3{font-size:30px;line-height:38px}.referral__benefits strong{font-size:40px;line-height:52px}.referral__benefits article p{font-size:13px;line-height:18px}.reward-frame{position:relative;left:auto;top:auto;width:100%;height:180px;margin-top:45px;padding:25px 28px}.reward-frame h3{font-size:22px}.reward-frame__tiers span{font-size:12px}.reward-frame__tiers strong{font-size:24px}.reward-frame>p{left:auto;right:0;top:195px;width:290px;font-size:14px;line-height:19px}.referral-join{position:relative;left:auto;top:auto;width:100%;margin-top:120px}.referral-join>h3{font-size:40px}.referral-join__steps{margin:35px 0 0;gap:18px}.referral-join__steps article,.referral-join__steps article:nth-child(2),.referral-join__steps article:nth-child(3){width:33.333%;padding-right:12px}.referral-join__steps article:before{left:75px;right:8px}.referral-join__steps h4{font-size:28px}.referral-join__steps strong{font-size:14px}.referral-join__steps p{font-size:11px;line-height:16px}.referral-join__steps br{display:none}.referral-join__buttons{justify-content:center;gap:18px;margin:80px 0 0}.referral-join__buttons .ornament-button{width:235px}
    .partners{height:1260px;margin-top:0}.partners .scene__image{left:50%;top:0;width:1500px;height:1260px;object-fit:cover;transform:translateX(-50%)}.partners__aura,.partners__cloud,.partners__spark{display:none}.partners__layout{padding-top:90px}.partners__heading p{font-size:20px}.partners__heading h2{margin-top:25px;font-size:50px;line-height:65px}.partners__heading span{margin-top:25px;font-size:18px}.partners__offers{left:0;right:0;top:470px}.partners__offers>div,.partners__offers>div:last-child{width:245px}.partners__offers strong,.partners__offers span{font-size:28px;line-height:36px}.partners__character{left:50%;top:430px;width:510px;height:700px;transform:translateX(-50%) scaleX(-1)}.partners__character img{width:510px;height:760px}.partners__copy{left:0;top:700px;width:260px}.partners__copy p{font-size:12px;line-height:17px}.partners__video{right:0;top:690px;width:180px;height:332px}.partners__button{left:50%;top:1120px;transform:translateX(-50%)}
    .start{height:780px;margin-top:0}.start__background{left:50%;top:0;width:1500px;height:780px;object-fit:cover;transform:translateX(-50%)}.start__layout h2{left:0;top:120px;width:100%;font-size:50px;line-height:64px}.start__content{left:0;top:400px}.start__content>p{font-size:36px;line-height:46px}.start__links{margin-top:40px;margin-left:50px}
    .giveaway__winner-copy{transform:none}
}

@media (max-width:620px){
    .layout{width:calc(100% - 24px)}.site-header__emblem{left:16px}.hero{height:700px}.hero__background{width:1120px;height:700px;object-position:61% top}.hero__brand{top:120px;width:330px}.hero__brand>img{width:330px}.hero__brand h1{width:310px;margin-top:-38px;font-size:20px}.hero__brand h1 span{font-size:20px}.countdown{top:530px;width:calc(100% - 16px)}.countdown>p{font-size:13px}.countdown__groups{gap:3px}.countdown__digits b{width:33px;height:64px;background-size:33px 52px;font-size:43px}.countdown__group>span{top:69px;font-size:9px}
    .giveaway{height:1550px}.giveaway__showcase{top:0;height:100%}.giveaway__title h2{font-size:39px}.giveaway__title h2 strong{font-size:32px}.giveaway__winner-copy{top:310px}.giveaway__winner-copy h3{font-size:31px}.giveaway__characters{top:400px;width:430px;height:500px}.prize--sphere{top:590px;width:125px}.prize--premium{top:510px;width:125px}.prize--ring{left:0;right:auto;top:730px;width:130px}.prize--ring figcaption{width:130px}.prize figcaption{font-size:10px}.giveaway__result{top:760px;width:145px}.participation{top:1030px}.participation h3{font-size:29px}.participation__steps{flex-direction:column;align-items:center}.participation__steps article{width:100%}.participation__steps article:before{left:20%;right:20%}.participation__steps p{margin-top:1px}.participation__buttons{display:flex;flex-direction:column;align-items:center;margin-top:25px}.participation__buttons .ornament-button{width:260px}
    .rates{height:700px}.rates__frame{height:130px}.rates__frame span{font-size:14px}.rates__frame strong{font-size:34px}.rates__bonus strong{font-size:44px}.rates__bonus span{font-size:20px}.rates__buttons{flex-direction:column;gap:12px;margin-top:50px}.rates__buttons .ornament-button{width:250px}
    .about{height:980px}.about__layout{padding-top:90px}.about__copy{padding-right:0}.about__copy h2{font-size:46px}.about__copy p{font-size:14px}.about__layout>.video-card{right:-25px;top:560px;width:155px;height:285px;opacity:.54}
    .server-start{height:1650px}.server-start__layout>h2{font-size:38px}.server-start__layout>h2 span{font-size:34px}.launch-grid{margin-top:70px;gap:38px}.launch-feature,.launch-feature--1,.launch-feature--2,.launch-feature--3,.launch-feature--4,.launch-feature--5,.launch-feature--6{width:92%;text-align:left}.launch-feature:nth-child(even){text-align:right}.server-start__angel{left:-300px;width:620px}.server-start__reaper{right:-320px;width:680px}
    .summon{height:1120px}.summon__heading h2{font-size:29px;line-height:38px}.summon__copy{top:320px;width:300px}.summon__copy h3,.summon__copy h3 span{font-size:45px;line-height:54px}.summon__copy p,.summon__copy p+p{width:270px;margin-left:0;font-size:13px}.summon__character{right:-285px;width:680px;height:680px;opacity:.58}.summon__history{display:none}
    .legacy{height:720px}.legacy__binary{opacity:.35}.legacy__character{width:390px;opacity:.95}.legacy__age{width:145px}.legacy__age strong{font-size:82px;line-height:100px}.legacy__age sup{font-size:48px}.legacy__age>span{top:100px;font-size:21px}.legacy__age>b{top:105px}.legacy__age>b i{font-size:63px}.legacy__age>b em{font-size:84px}.legacy__copy{top:315px;width:185px;height:300px}.legacy__copy p{font-size:14px}.legacy__copy p:nth-child(2){top:48px}.legacy__copy h2{top:122px;width:185px;font-size:18px;line-height:24px}
    .tech{height:1050px}.tech__layout h2{font-size:36px}.tech__columns{column-gap:18px;margin-top:70px}.tech__column,.tech__column:last-child{gap:56px}.tech__column p{font-size:12px;line-height:17px}
    .referral{height:2400px}.referral__heading h2{font-size:40px}.referral__heading span{font-size:14px}.referral__benefits{height:460px}.referral__benefits img{top:85px;width:430px;height:290px}.referral__benefits article{top:0;width:125px}.referral__benefits article:last-child{width:120px}.referral__benefits h3{font-size:23px;line-height:29px}.referral__benefits strong{font-size:32px}.reward-frame{height:420px;margin-top:30px;padding:30px 18px}.reward-frame__tiers{flex-wrap:wrap;row-gap:28px}.reward-frame__tiers div{width:50%}.reward-frame>p{position:static;width:100%;margin-top:28px;text-align:center}.referral-join{margin-top:125px}.referral-join>h3{font-size:31px}.referral-join__steps{flex-direction:column;gap:30px}.referral-join__steps article,.referral-join__steps article:nth-child(2),.referral-join__steps article:nth-child(3){width:100%;padding:0}.referral-join__steps article:before{left:92px}.referral-join__steps p{margin-top:8px}.referral-join__buttons{flex-direction:column;align-items:center;gap:12px;margin-top:45px}.referral-join__buttons .ornament-button{width:260px}
    .partners{height:1370px}.partners__heading h2{font-size:37px;line-height:49px}.partners__offers{top:430px}.partners__offers>div,.partners__offers>div:last-child{width:145px}.partners__offers strong,.partners__offers span{font-size:20px;line-height:27px}.partners__character{top:470px;width:390px;height:650px}.partners__character img{width:390px;height:580px}.partners__copy{top:780px;width:210px}.partners__video{right:-18px;top:760px;width:145px;height:270px}.partners__button{top:1210px}
    .start{height:780px}.start__layout h2{top:100px;font-size:37px;line-height:50px}.start__content{top:360px}.start__content>p{width:300px;max-width:calc(100vw - 40px);font-size:31px;line-height:40px}.start__links{margin-left:0}
    .prize--premium figcaption{width:125px}.about__copy p:nth-of-type(1),.about__copy p:nth-of-type(2){width:auto}.about__layout>.video-card,.partners__video{right:0}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ornament-button{transition:none}}
/* Client download notice */
.site-modal[hidden] {
    display: none;
}

.site-modal {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 24px;
}

.site-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(1, 7, 11, 0.82);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.site-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(620px, 100%);
    padding: 54px 64px 48px;
    border: 1px solid rgba(93, 181, 218, 0.42);
    outline: none;
    overflow: hidden;
    color: #f5f7f8;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(0, 161, 224, 0.2), transparent 50%),
        linear-gradient(145deg, rgba(10, 24, 31, 0.98), rgba(2, 9, 13, 0.99));
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.72), inset 0 0 60px rgba(19, 116, 158, 0.08);
}

.site-modal__dialog::before,
.site-modal__dialog::after {
    content: "";
    position: absolute;
    top: 0;
    width: 42%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #39c9ff);
}

.site-modal__dialog::before {
    left: 0;
}

.site-modal__dialog::after {
    right: 0;
    transform: scaleX(-1);
}

.site-modal__close {
    position: absolute;
    top: 12px;
    right: 16px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    color: #94a9b4;
    font: 300 32px/40px Arial, sans-serif;
    cursor: pointer;
    background: transparent;
    transition: color 0.2s ease, transform 0.2s ease;
}

.site-modal__close:hover,
.site-modal__close:focus-visible {
    color: #69d7ff;
    transform: rotate(90deg);
    outline: none;
}

.site-modal__kicker {
    margin: 0 0 18px;
    color: #58cff8;
    font: 600 13px/1.3 Arial, sans-serif;
    letter-spacing: 0.22em;
}

.site-modal__dialog h2 {
    margin: 0;
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 400;
    line-height: 1.15;
}

.site-modal__dialog > p:not(.site-modal__kicker) {
    margin: 22px auto 32px;
    color: #b8c5cb;
    font: 400 17px/1.55 Arial, sans-serif;
}

.site-modal__button {
    width: 240px;
    max-width: 100%;
    margin: 0 auto;
}

body.modal-open {
    overflow: hidden;
}

@media (max-width: 600px) {
    .site-modal {
        padding: 14px;
    }

    .site-modal__dialog {
        padding: 48px 22px 36px;
    }

    .site-modal__dialog > p:not(.site-modal__kicker) {
        font-size: 15px;
    }
}

/* Mobile hero: keep the brand, artwork and countdown in separate visual zones. */
@media (max-width: 620px) {
    .hero {
        height: 760px;
        overflow: hidden;
        background:
            radial-gradient(circle at 50% 27%, rgba(11, 72, 99, 0.22), transparent 38%),
            #061018;
    }

    .hero__background {
        left: 50%;
        top: 240px;
        width: 1025px;
        height: 520px;
        object-fit: cover;
        object-position: center;
        transform: translateX(-50%);
    }

    .hero__veil {
        display: block;
        z-index: 2;
        background:
            linear-gradient(180deg, rgba(3, 9, 14, 0.22) 0, rgba(3, 9, 14, 0.04) 42%, rgba(3, 7, 10, 0.18) 66%, rgba(3, 7, 10, 0.72) 100%),
            linear-gradient(90deg, rgba(2, 7, 11, 0.4), transparent 34%, transparent 70%, rgba(2, 7, 11, 0.34));
    }

    .hero__layout {
        width: 100%;
    }

    .hero__brand {
        left: 50%;
        top: 104px;
        width: 100%;
        padding: 0 18px;
        transform: translateX(-50%);
    }

    .hero__brand > img {
        width: min(292px, 82vw);
        height: auto;
    }

    .hero__brand h1 {
        width: 100%;
        height: auto;
        margin-top: 8px;
        padding: 0 12px;
        font-size: 20px;
        line-height: 1.22;
        transform: none;
        text-shadow: 0 2px 5px #000, 0 0 18px rgba(0, 0, 0, 0.95);
    }

    .hero__brand h1 span {
        margin-bottom: 2px;
        font-size: 20px;
    }

    .countdown {
        left: 50%;
        top: 590px;
        width: calc(100% - 16px);
        height: 150px;
        transform: translateX(-50%);
    }

    .countdown::before {
        height: 40px;
        background: rgba(3, 9, 13, 0.88);
        border-color: rgba(121, 176, 201, 0.48);
    }

    .countdown > p {
        height: 40px;
        padding: 8px 10px 0;
        overflow: hidden;
        font-size: clamp(10px, 3vw, 12px);
        line-height: 22px;
        white-space: nowrap;
    }

    .countdown__groups {
        gap: 2px;
    }

    .countdown__digits {
        gap: 2px;
    }

    .countdown__digits b {
        width: clamp(30px, 8.6vw, 36px);
        height: 64px;
        background-size: 100% 52px;
        font-size: clamp(39px, 11vw, 46px);
    }

    .countdown__group > span {
        top: 68px;
        font-size: 9px;
    }
}

/* Mobile about section: text-first composition without the decorative video. */
@media (max-width: 620px) {
    .about {
        height: 600px;
        min-height: 0;
        margin-top: 0;
        background: #070a0d;
    }

    .about .scene__image {
        left: 50%;
        top: 0;
        width: 1380px;
        height: 600px;
        object-fit: cover;
        object-position: center;
        filter: brightness(0.62) saturate(0.86);
        transform: translateX(-50%);
    }

    .about__veil {
        display: block;
        z-index: 2;
        background:
            linear-gradient(90deg, rgba(2, 6, 9, 0.9) 0, rgba(2, 6, 9, 0.76) 62%, rgba(2, 6, 9, 0.45) 100%),
            linear-gradient(180deg, rgba(2, 6, 9, 0.16), rgba(2, 6, 9, 0.38) 78%, rgba(2, 6, 9, 0.82));
    }

    .about__layout {
        z-index: 4;
        padding: 68px 0 42px;
    }

    .about__copy {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 0 5px;
        text-shadow: 0 2px 7px rgba(0, 0, 0, 0.9);
    }

    .about__copy h2,
    .about__copy h3,
    .about__copy p,
    .about__copy p:nth-of-type(1),
    .about__copy p:nth-of-type(2) {
        position: static;
        width: auto;
    }

    .about__copy h2 {
        font-size: 44px;
        line-height: 1;
        text-align: center;
    }

    .about__copy h3 {
        margin-top: 30px;
        font-size: 17px;
        line-height: 1.45;
        letter-spacing: 0.01em;
    }

    .about__copy p,
    .about__copy p:nth-of-type(1),
    .about__copy p:nth-of-type(2) {
        margin-top: 22px;
        font-size: 13px;
        line-height: 1.58;
        letter-spacing: 0.005em;
    }

    .about__copy br {
        display: none;
    }

    .about__layout > .video-card {
        display: none;
    }
}

@media (max-width: 360px) {
    .about {
        height: 620px;
    }

    .about .scene__image {
        height: 620px;
    }

    .about__layout {
        padding-top: 58px;
    }

    .about__copy h2 {
        font-size: 40px;
    }

    .about__copy h3 {
        margin-top: 25px;
        font-size: 16px;
    }

    .about__copy p,
    .about__copy p:nth-of-type(1),
    .about__copy p:nth-of-type(2) {
        margin-top: 19px;
        font-size: 12.5px;
        line-height: 1.55;
    }
}

/* Mobile server features: compact readable cards over subdued artwork. */
@media (max-width: 620px) {
    .server-start {
        height: auto;
        min-height: 0;
        margin-top: 0;
        padding-bottom: 78px;
        background: #070b0e;
    }

    .server-start::before {
        background: linear-gradient(180deg, rgba(2, 6, 9, 0.62), rgba(2, 6, 9, 0.78));
    }

    .server-start__background {
        left: 50%;
        top: 0;
        width: 1220px;
        height: 100%;
        object-fit: cover;
        opacity: 0.11;
        transform: translateX(-50%);
    }

    .server-start__angel {
        left: -205px;
        top: 120px;
        width: 540px;
        height: auto;
        opacity: 0.12;
    }

    .server-start__reaper {
        left: auto;
        right: -205px;
        top: auto;
        bottom: -35px;
        width: 520px;
        height: auto;
        opacity: 0.24;
    }

    .server-start__layout {
        height: auto;
        padding: 0 4px;
    }

    .server-start__layout > h2 {
        padding-top: 64px;
        font-size: 36px;
        line-height: 1.16;
    }

    .server-start__layout > h2 span {
        font-size: 31px;
    }

    .launch-grid {
        position: relative;
        left: auto;
        top: auto;
        display: grid;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: none;
        gap: 14px;
        margin-top: 52px;
        padding: 0;
    }

    .launch-feature,
    .launch-feature--1,
    .launch-feature--2,
    .launch-feature--3,
    .launch-feature--4,
    .launch-feature--5,
    .launch-feature--6,
    .launch-feature:nth-child(even) {
        grid-column: auto;
        grid-row: auto;
        align-self: stretch;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 17px 18px 18px;
        border: 1px solid rgba(100, 178, 211, 0.18);
        border-left: 2px solid rgba(55, 188, 234, 0.55);
        background: linear-gradient(90deg, rgba(5, 24, 33, 0.78), rgba(3, 10, 14, 0.52));
        text-align: left;
    }

    .launch-feature:nth-child(even) {
        border-right: 2px solid rgba(239, 119, 40, 0.48);
        border-left-color: rgba(100, 178, 211, 0.18);
        background: linear-gradient(270deg, rgba(42, 20, 9, 0.55), rgba(3, 10, 14, 0.55));
    }

    .launch-feature h3 {
        font-size: 24px;
        line-height: 1.12;
    }

    .launch-feature p {
        margin-top: 9px;
        font-size: 12.5px;
        line-height: 1.5;
    }
}

@media (max-width: 360px) {
    .server-start {
        padding-bottom: 66px;
    }

    .server-start__layout > h2 {
        padding-top: 56px;
        font-size: 32px;
    }

    .server-start__layout > h2 span {
        font-size: 27px;
    }

    .launch-grid {
        margin-top: 42px;
    }

    .launch-feature,
    .launch-feature--1,
    .launch-feature--2,
    .launch-feature--3,
    .launch-feature--4,
    .launch-feature--5,
    .launch-feature--6 {
        padding: 15px 15px 16px;
    }

    .launch-feature h3 {
        font-size: 22px;
    }

    .launch-feature p {
        font-size: 12px;
    }
}

/* Mobile summon: readable text flow with the character kept as artwork. */
@media (max-width: 620px) {
    .summon {
        height: auto;
        min-height: 940px;
        padding-bottom: 72px;
        background: #071018;
    }

    .summon__background {
        left: 50%;
        top: 0;
        width: 1260px;
        height: 100%;
        object-fit: cover;
        object-position: 58% center;
        transform: translateX(-50%);
    }

    .summon__backdrop {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:
            linear-gradient(180deg, rgba(3, 9, 13, 0.34) 0, rgba(3, 9, 13, 0.62) 38%, rgba(3, 9, 13, 0.88) 100%),
            linear-gradient(90deg, rgba(1, 5, 8, 0.7), rgba(1, 5, 8, 0.18) 82%);
    }

    .summon__character {
        left: auto;
        right: -225px;
        bottom: -42px;
        width: 610px;
        height: auto;
        opacity: 0.34;
        filter: drop-shadow(0 0 28px rgba(0, 189, 255, 0.32));
    }

    .summon__layout {
        height: auto;
        padding: 0 6px;
    }

    .summon__heading {
        padding-top: 66px;
        text-align: center;
    }

    .summon__heading p {
        font-size: 16px;
        line-height: 1.35;
    }

    .summon__heading h2 {
        max-width: 350px;
        margin: 17px auto 0;
        font-size: 27px;
        line-height: 1.24;
    }

    .summon__heading h2 br,
    .summon__copy p br {
        display: none;
    }

    .summon__copy {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-top: 58px;
        padding: 22px 20px 24px;
        border-left: 2px solid rgba(54, 186, 231, 0.54);
        background: linear-gradient(90deg, rgba(2, 13, 19, 0.86), rgba(3, 12, 17, 0.58) 76%, transparent);
    }

    .summon__copy h3,
    .summon__copy h3 span {
        font-size: 45px;
        line-height: 1.02;
    }

    .summon__copy p,
    .summon__copy p + p {
        width: min(100%, 326px);
        margin: 24px 0 0;
        font-size: 13px;
        line-height: 1.55;
        text-shadow: 0 2px 5px #000;
    }

    .summon__copy p + p {
        margin-top: 17px;
    }

    .summon__copy .ornament-button {
        width: min(287px, 100%);
        margin: 34px 0 0;
    }
}

@media (max-width: 360px) {
    .summon {
        min-height: 955px;
        padding-bottom: 64px;
    }

    .summon__heading {
        padding-top: 58px;
    }

    .summon__heading h2 {
        font-size: 24px;
    }

    .summon__copy {
        margin-top: 48px;
        padding: 20px 16px 22px;
    }

    .summon__copy h3,
    .summon__copy h3 span {
        font-size: 40px;
    }

    .summon__copy p,
    .summon__copy p + p {
        font-size: 12.5px;
    }
}

/* Mobile legacy: separate the age, artwork and copy into clear layers. */
@media (max-width: 620px) {
    .legacy {
        height: 820px;
        margin-top: 0;
        background: #03070a;
    }

    .legacy .scene__image {
        left: 50%;
        top: 0;
        width: 1180px;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        transform: translateX(-50%);
    }

    .legacy__spark,
    .legacy__cloud {
        display: none;
    }

    .legacy__aura {
        left: 50%;
        top: 36px;
        width: 520px;
        height: 600px;
        opacity: 0.48;
        transform: translateX(-50%) rotate(-22deg);
    }

    .legacy__binary {
        left: 50%;
        top: 56px;
        width: 430px;
        height: 520px;
        opacity: 0.42;
        transform: translateX(-50%);
    }

    .legacy__character {
        left: 59%;
        top: 66px;
        width: 470px;
        height: auto;
        object-fit: contain;
        opacity: 0.88;
        transform: translateX(-50%);
    }

    .legacy__layout {
        display: block;
        height: 100%;
    }

    .legacy__age {
        left: 16px;
        top: 70px;
        z-index: 5;
        width: 150px;
        height: 245px;
    }

    .legacy__years {
        position: relative;
        left: auto;
        top: auto;
        height: 104px;
    }

    .legacy__years strong {
        font-size: 90px;
        line-height: 1;
    }

    .legacy__years sup {
        font-size: 52px;
        line-height: 1;
    }

    .legacy__age > span {
        left: 1px;
        top: 96px;
        font-size: 20px;
        line-height: 1.15;
    }

    .legacy__age > b {
        left: 0;
        top: 112px;
    }

    .legacy__age > b i {
        font-size: 62px;
    }

    .legacy__age > b em {
        font-size: 82px;
    }

    .legacy__copy {
        inset: auto 0 42px;
        width: 100%;
        height: auto;
        padding: 22px 20px 24px;
        border-top: 1px solid rgba(80, 176, 215, 0.3);
        background: linear-gradient(180deg, rgba(2, 8, 12, 0.74), rgba(2, 7, 10, 0.95));
        text-align: left;
    }

    .legacy__copy p,
    .legacy__copy p:first-child,
    .legacy__copy p:nth-child(2),
    .legacy__copy h2 {
        position: static;
        width: auto;
        margin: 0;
    }

    .legacy__copy p {
        font-size: 13px;
        line-height: 1.45;
    }

    .legacy__copy p:nth-child(2) {
        margin-top: 7px;
    }

    .legacy__copy h2 {
        max-width: 345px;
        margin-top: 17px;
        font-size: 23px;
        line-height: 1.24;
    }
}

@media (max-width: 360px) {
    .legacy {
        height: 800px;
    }

    .legacy__character {
        top: 70px;
        width: 430px;
    }

    .legacy__age {
        left: 12px;
        top: 66px;
    }

    .legacy__copy {
        bottom: 34px;
        padding: 19px 16px 21px;
    }

    .legacy__copy h2 {
        font-size: 21px;
    }
}

/* Mobile technical features: one readable list instead of two narrow columns. */
@media (max-width: 620px) {
    .tech {
        height: auto;
        min-height: 0;
        margin-top: 0;
        padding-bottom: 72px;
        background: #060b0e;
    }

    .tech .scene__image {
        left: 50%;
        top: 0;
        width: 1320px;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        opacity: 0.38;
        transform: translateX(-50%);
    }

    .tech__veil {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:
            radial-gradient(circle at 50% 8%, rgba(0, 144, 207, 0.34), transparent 26%),
            linear-gradient(180deg, rgba(2, 7, 10, 0.52), rgba(2, 7, 10, 0.86));
    }

    .tech__aura,
    .tech__cloud {
        display: none;
    }

    .tech__layout {
        height: auto;
        padding: 64px 4px 0;
    }

    .tech__layout h2 {
        font-size: 36px;
        line-height: 1.12;
    }

    .tech__columns {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 48px 0 0;
        padding: 0;
    }

    .tech__column,
    .tech__column:last-child {
        display: contents;
        width: auto;
    }

    .tech__column p,
    .tech__column:first-child p:nth-child(n),
    .tech__column:last-child p:nth-child(n) {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 15px 17px 16px;
        border: 1px solid rgba(93, 170, 202, 0.18);
        border-left: 2px solid rgba(54, 189, 234, 0.56);
        background: linear-gradient(90deg, rgba(5, 25, 34, 0.84), rgba(3, 11, 15, 0.58));
        font-size: 13px;
        line-height: 1.45;
        text-align: left;
        transform: none;
    }

    .tech__column p:nth-child(even) {
        border-right: 2px solid rgba(239, 119, 40, 0.5);
        border-left-color: rgba(93, 170, 202, 0.18);
        background: linear-gradient(270deg, rgba(43, 21, 9, 0.58), rgba(3, 11, 15, 0.6));
    }
}

@media (max-width: 360px) {
    .tech {
        padding-bottom: 64px;
    }

    .tech__layout {
        padding-top: 56px;
    }

    .tech__layout h2 {
        font-size: 32px;
    }

    .tech__columns {
        margin-top: 40px;
        gap: 10px;
    }

    .tech__column p,
    .tech__column:first-child p:nth-child(n),
    .tech__column:last-child p:nth-child(n) {
        padding: 14px 15px 15px;
        font-size: 12.5px;
    }
}

/* Mobile referral: compact benefits, reward grid and readable steps. */
@media (max-width: 620px) {
    .referral {
        height: auto;
        min-height: 0;
        margin-top: 0;
        padding-bottom: 72px;
        background: #050b0f;
    }

    .referral__background {
        left: 50%;
        top: 0;
        width: 1180px;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        opacity: 0.42;
        transform: translateX(-50%);
    }

    .referral__backdrop {
        inset: 0;
        background:
            radial-gradient(circle at 50% 13%, rgba(228, 83, 20, 0.26), transparent 21%),
            radial-gradient(circle at 50% 38%, rgba(0, 139, 202, 0.24), transparent 25%),
            linear-gradient(180deg, rgba(2, 8, 11, 0.52), rgba(2, 8, 11, 0.88));
    }

    .referral__backdrop::after,
    .referral__cloud,
    .referral__aura {
        display: none;
    }

    .referral__layout {
        height: auto;
        padding: 64px 4px 0;
    }

    .referral__heading > p {
        font-size: 16px;
        line-height: 1.35;
    }

    .referral__heading h2 {
        margin-top: 15px;
        font-size: 39px;
        line-height: 1.12;
    }

    .referral__heading span {
        max-width: 350px;
        margin: 22px auto 0;
        font-size: 13px;
        line-height: 1.55;
    }

    .referral__heading span br,
    .reward-frame > p br,
    .referral-join__steps p br {
        display: none;
    }

    .referral__benefits {
        position: relative;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        height: 470px;
        margin-top: 46px;
    }

    .referral__benefits img {
        left: 50%;
        top: 116px;
        width: 440px;
        height: 354px;
        object-fit: contain;
        opacity: 0.92;
        transform: translateX(-50%);
    }

    .referral__benefits article,
    .referral__benefits article:first-child,
    .referral__benefits article:last-child {
        top: 0;
        width: 154px;
        padding: 13px 14px 14px;
        border: 1px solid rgba(87, 175, 213, 0.2);
        background: rgba(2, 12, 17, 0.72);
        text-align: left;
    }

    .referral__benefits article:first-child {
        left: 0;
    }

    .referral__benefits article:last-child {
        left: auto;
        right: 0;
        border-color: rgba(230, 108, 42, 0.24);
    }

    .referral__benefits h3 {
        font-size: 22px;
        line-height: 1.15;
    }

    .referral__benefits strong {
        margin-top: 8px;
        font-size: 31px;
        line-height: 1.15;
    }

    .referral__benefits article p {
        margin-top: 5px;
        font-size: 11px;
        line-height: 1.4;
    }

    .reward-frame {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        margin-top: 34px;
        padding: 27px 18px 28px;
        border: 1px solid rgba(95, 184, 219, 0.34);
        background: linear-gradient(180deg, rgba(4, 43, 59, 0.9), rgba(3, 18, 25, 0.9));
    }

    .reward-frame::before {
        display: none;
    }

    .reward-frame h3 {
        font-size: 24px;
        line-height: 1.22;
    }

    .reward-frame__tiers {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        margin-top: 24px;
    }

    .reward-frame__tiers div {
        width: auto;
        padding: 12px 8px;
        border: 1px solid rgba(115, 187, 216, 0.18);
        background: rgba(0, 8, 12, 0.42);
    }

    .reward-frame__tiers span {
        font-size: 10.5px;
        line-height: 1.35;
    }

    .reward-frame__tiers strong {
        margin-top: 3px;
        font-size: 27px;
        line-height: 1.15;
    }

    .reward-frame > p {
        position: static;
        width: 100%;
        margin-top: 22px;
        font-size: 12.5px;
        line-height: 1.5;
        text-align: center;
    }

    .referral-join {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-top: 58px;
        padding: 0;
    }

    .referral-join > h3 {
        font-size: 32px;
        line-height: 1.18;
        text-align: center;
    }

    .referral-join__steps {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        margin: 31px 0 0;
    }

    .referral-join__steps article,
    .referral-join__steps article:nth-child(2),
    .referral-join__steps article:nth-child(3) {
        width: 100%;
        padding: 17px 18px 18px;
        border: 1px solid rgba(93, 170, 202, 0.18);
        border-left: 2px solid rgba(54, 189, 234, 0.56);
        background: rgba(2, 12, 17, 0.74);
    }

    .referral-join__steps article::before {
        display: none;
    }

    .referral-join__steps h4 {
        font-size: 27px;
        line-height: 1.12;
    }

    .referral-join__steps strong {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.4;
    }

    .referral-join__steps p {
        margin-top: 9px;
        font-size: 12px;
        line-height: 1.5;
    }

    .referral-join__buttons {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        margin: 32px 0 0;
    }

    .referral-join__buttons .ornament-button {
        width: 270px;
    }
}

@media (max-width: 360px) {
    .referral {
        padding-bottom: 64px;
    }

    .referral__layout {
        padding-top: 56px;
    }

    .referral__heading h2 {
        font-size: 35px;
    }

    .referral__benefits {
        height: 445px;
    }

    .referral__benefits img {
        top: 114px;
        width: 390px;
        height: 330px;
    }

    .referral__benefits article,
    .referral__benefits article:first-child,
    .referral__benefits article:last-child {
        width: 136px;
        padding: 12px 11px 13px;
    }

    .referral__benefits h3 {
        font-size: 20px;
    }

    .reward-frame {
        padding: 24px 14px 25px;
    }

    .reward-frame h3 {
        font-size: 22px;
    }

    .referral-join > h3 {
        font-size: 29px;
    }

    .referral-join__steps article,
    .referral-join__steps article:nth-child(2),
    .referral-join__steps article:nth-child(3) {
        padding: 15px 15px 16px;
    }
}

/* Mobile partners: no video, clear rates and a single readable content flow. */
@media (max-width: 620px) {
    .partners {
        height: auto;
        min-height: 0;
        margin-top: 0;
        padding-bottom: 72px;
        background: #050a0d;
    }

    .partners .scene__image {
        left: 50%;
        top: 0;
        width: 1180px;
        height: 100%;
        object-fit: cover;
        object-position: center top;
        opacity: 0.5;
        transform: translateX(-50%);
    }

    .partners__veil {
        display: block;
        inset: 0;
        background:
            radial-gradient(circle at 50% 46%, rgba(0, 159, 216, 0.26), transparent 27%),
            linear-gradient(180deg, rgba(2, 7, 10, 0.5), rgba(2, 7, 10, 0.86));
    }

    .partners__aura,
    .partners__cloud,
    .partners__spark,
    .partners__video {
        display: none;
    }

    .partners__layout {
        height: auto;
        padding: 64px 4px 0;
    }

    .partners__heading p {
        font-size: 16px;
        line-height: 1.35;
    }

    .partners__heading h2 {
        margin-top: 16px;
        font-size: 32px;
        line-height: 1.16;
    }

    .partners__heading h2 br,
    .partners__copy br {
        display: none;
    }

    .partners__heading span {
        max-width: 350px;
        margin: 22px auto 0;
        font-size: 13px;
        line-height: 1.55;
    }

    .partners__offers {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-top: 42px;
    }

    .partners__offers > div,
    .partners__offers > div:last-child {
        width: auto;
        padding: 15px 13px 16px;
        border: 1px solid rgba(82, 174, 211, 0.22);
        background: rgba(2, 13, 18, 0.76);
    }

    .partners__offers > div:last-child {
        border-color: rgba(234, 112, 43, 0.25);
    }

    .partners__offers strong {
        font-size: 20px;
        line-height: 1.2;
    }

    .partners__offers span {
        margin-top: 7px;
        font-size: 24px;
        line-height: 1.2;
    }

    .partners__character {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 470px;
        margin-top: 24px;
        overflow: hidden;
        transform: none;
    }

    .partners__character img {
        position: absolute;
        left: 50%;
        top: 0;
        width: 430px;
        height: 640px;
        object-fit: fill;
        transform: translateX(-50%) scaleX(-1);
    }

    .partners__copy {
        position: relative;
        left: auto;
        top: auto;
        z-index: 5;
        width: 100%;
        margin-top: -56px;
        padding: 21px 20px 22px;
        border-left: 2px solid rgba(53, 188, 234, 0.56);
        background: linear-gradient(90deg, rgba(2, 15, 21, 0.94), rgba(3, 11, 15, 0.78));
    }

    .partners__copy p {
        margin: 0;
        font-size: 13px;
        line-height: 1.55;
    }

    .partners__copy p + p {
        margin-top: 13px;
    }

    .partners__button {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        width: min(287px, 100%);
        margin: 32px auto 0;
        transform: none;
    }
}

@media (max-width: 360px) {
    .partners {
        padding-bottom: 64px;
    }

    .partners__layout {
        padding-top: 56px;
    }

    .partners__heading h2 {
        font-size: 29px;
    }

    .partners__offers > div,
    .partners__offers > div:last-child {
        padding: 13px 11px 14px;
    }

    .partners__offers strong {
        font-size: 18px;
    }

    .partners__offers span {
        font-size: 21px;
    }

    .partners__character {
        height: 440px;
    }

    .partners__character img {
        width: 400px;
        height: 595px;
    }

    .partners__copy {
        margin-top: -48px;
        padding: 19px 16px 20px;
    }

    .partners__copy p {
        font-size: 12.5px;
    }
}

/* Mobile final call to action: fixed title and stable bottom action panel. */
@media (max-width: 620px) {
    .start {
        height: 820px;
        margin-top: 0;
        background: #080604;
    }

    .start__background {
        left: 50%;
        top: 0;
        width: 1160px;
        height: 100%;
        object-fit: cover;
        object-position: 55% center;
        opacity: 0.9;
        transform: translateX(-50%);
    }

    .start__veil {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:
            linear-gradient(180deg, rgba(3, 5, 6, 0.48), transparent 27%, rgba(3, 5, 6, 0.16) 52%, rgba(3, 5, 6, 0.82) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, 0.52), transparent 72%);
    }

    .start__aura {
        display: none;
    }

    .start__layout {
        height: 100%;
        padding: 0 4px;
    }

    .start__layout h2 {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        padding-top: 68px;
        font-size: 36px;
        line-height: 1.18;
        text-align: center;
    }

    .start__layout h2 span {
        display: block;
        margin-top: 8px;
    }

    .start__content {
        position: absolute;
        left: 4px;
        right: 4px;
        top: auto;
        bottom: 58px;
        width: auto;
        margin: 0;
        padding: 20px 18px 22px;
        border-left: 2px solid rgba(53, 188, 234, 0.48);
        background: linear-gradient(90deg, rgba(3, 12, 17, 0.9), rgba(4, 10, 13, 0.68));
    }

    .start__content > p {
        width: 100%;
        max-width: none;
        font-size: 29px;
        line-height: 1.22;
        text-align: left;
    }

    .start__links {
        width: min(287px, 100%);
        gap: 14px;
        margin: 25px 0 0;
    }

    .start__links .ornament-button {
        width: 100%;
    }
}

@media (max-width: 360px) {
    .start {
        height: 780px;
    }

    .start__layout h2 {
        padding-top: 58px;
        font-size: 32px;
    }

    .start__content {
        bottom: 46px;
        padding: 18px 15px 20px;
    }

    .start__content > p {
        font-size: 26px;
    }

    .start__links {
        margin-top: 22px;
    }
}

@media (max-width: 360px) {
    .hero__brand {
        top: 108px;
    }

    .hero__brand > img {
        width: 265px;
    }

    .hero__brand h1,
    .hero__brand h1 span {
        font-size: 18px;
    }

    .countdown > p {
        font-size: 9px;
        letter-spacing: -0.01em;
    }
}

/* Mobile participation flow: pair every instruction with its action. */
@media (max-width: 620px) {
    .participation {
        top: 1080px;
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .participation h3 {
        order: 0;
        width: 100%;
        margin-bottom: 20px;
        font-size: 29px;
        line-height: 36px;
        text-align: center;
    }

    .participation__steps,
    .participation__buttons {
        display: contents;
    }

    .participation__steps::before,
    .participation__steps::after,
    .participation__steps article::after {
        display: none;
    }

    .participation__steps article {
        width: min(100%, 330px);
        min-height: 0;
        padding: 12px 16px 14px;
        border: 1px solid rgba(126, 174, 197, 0.18);
        background: linear-gradient(90deg, rgba(4, 16, 23, 0.6), rgba(3, 9, 13, 0.34));
    }

    .participation__steps article:nth-child(1) {
        order: 1;
    }

    .participation__buttons .ornament-button:nth-child(1) {
        order: 2;
    }

    .participation__steps article:nth-child(2) {
        order: 3;
    }

    .participation__buttons .ornament-button:nth-child(2) {
        order: 4;
    }

    .participation__steps article:nth-child(3) {
        order: 5;
    }

    .participation__buttons .ornament-button:nth-child(3) {
        order: 6;
    }

    .participation__steps article:nth-child(n + 2) {
        margin-top: 24px;
    }

    .participation__steps b {
        font-size: 31px;
        line-height: 34px;
    }

    .participation__steps p {
        margin-top: 5px;
        font-size: 13px;
        line-height: 18px;
    }

    .participation__buttons .ornament-button,
    .participation__buttons .ornament-button:nth-child(n) {
        position: relative;
        left: auto;
        top: auto;
        flex: 0 0 44px;
        width: min(280px, calc(100% - 20px));
        height: 44px;
        margin-top: 10px;
        font-size: 13px;
    }
}

/* Mobile giveaway: keep rewards inside the viewport and reserve space for each group. */
@media (max-width: 620px) {
    .giveaway {
        height: 1660px;
    }

    .giveaway__title {
        top: 76px;
        padding: 0 8px;
    }

    .giveaway__title h2 {
        font-size: 38px;
        line-height: 0.98;
    }

    .giveaway__title h2 strong {
        margin-top: 4px;
        font-size: 31px;
    }

    .giveaway__title p {
        margin-top: 16px;
        font-size: 18px;
    }

    .giveaway__winner-copy {
        left: 0;
        right: 0;
        top: 258px;
        width: 100%;
        text-align: center;
        transform: none;
    }

    .giveaway__winner-copy h3 {
        font-size: 30px;
        line-height: 36px;
    }

    .giveaway__winner-copy p {
        margin-top: 5px;
        font-size: 23px;
        line-height: 29px;
    }

    .giveaway__characters {
        left: 50%;
        top: 360px;
        width: min(370px, 94vw);
        height: 450px;
        object-fit: contain;
        object-position: center top;
        transform: translateX(-50%);
    }

    .prize {
        width: 132px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .prize > .prize__item,
    .prize--sphere > .prize__item,
    .prize--premium > .prize__item,
    .prize--ring > .prize__item {
        width: 86px;
        height: 86px;
        margin-left: 0;
    }

    .prize figcaption,
    .prize--premium figcaption,
    .prize--ring figcaption {
        width: 132px;
        margin-top: 8px;
        font-size: 10px;
        line-height: 1.28;
        text-align: center;
    }

    .prize--sphere {
        left: 0;
        top: 665px;
    }

    .prize--premium {
        left: auto;
        right: 0;
        top: 665px;
    }

    .prize--ring {
        left: 0;
        right: auto;
        top: 835px;
    }

    .giveaway__result {
        left: auto;
        right: 0;
        top: 824px;
        width: 152px;
        height: 225px;
    }

    .giveaway__result::before {
        left: -65px;
        top: -30px;
        width: 270px;
        height: 260px;
        opacity: 0.72;
    }

    .giveaway__result p {
        font-size: 18px;
        line-height: 22px;
    }

    .giveaway__result strong {
        margin-top: 2px;
        font-size: 84px;
        line-height: 0.92;
    }

    .giveaway__result span {
        margin-top: 0;
        font-size: 13px;
    }

    .giveaway__result small {
        margin-top: 8px;
        font-size: 10px;
        line-height: 14px;
    }

    .participation {
        top: 1100px;
    }
}

@media (max-width: 360px) {
    .giveaway__title h2 {
        font-size: 34px;
    }

    .giveaway__title h2 strong {
        font-size: 28px;
    }

    .giveaway__characters {
        width: 330px;
    }

    .prize,
    .prize figcaption,
    .prize--premium figcaption,
    .prize--ring figcaption {
        width: 124px;
    }

    .giveaway__result {
        width: 142px;
    }
}

/* Tighter mobile giveaway rhythm: remove oversized vertical gaps. */
@media (max-width: 620px) {
    .giveaway {
        height: 1540px;
        min-height: 0;
    }

    .giveaway__title {
        top: 48px;
    }

    .giveaway__title p {
        margin-top: 12px;
    }

    .giveaway__winner-copy {
        top: 203px;
    }

    .giveaway__characters {
        top: 286px;
        width: min(350px, 92vw);
        height: 410px;
    }

    .prize--sphere,
    .prize--premium {
        top: 560px;
    }

    .prize--ring {
        top: 718px;
    }

    .giveaway__result {
        top: 704px;
    }

    .participation {
        top: 930px;
        overflow: visible;
    }

    .participation__buttons .ornament-button,
    .participation__buttons .ornament-button:nth-child(n) {
        box-sizing: border-box;
        flex: 0 0 44px;
        width: min(280px, calc(100% - 20px));
        min-height: 44px;
        height: 44px;
        max-height: 44px;
        padding: 4px 17px;
        overflow: visible;
        line-height: 1;
    }

    .participation__buttons .ornament-button span {
        line-height: 1;
    }
}

/* Compact mobile transitions between rates, about and server features. */
@media (max-width: 620px) {
    .rates {
        height: auto;
        min-height: 0;
        padding-bottom: 46px;
    }

    .rates__layout {
        height: auto;
    }

    .about {
        height: auto;
        min-height: 0;
    }

    .about .scene__image {
        height: 100%;
    }

    .about__layout {
        height: auto;
        padding: 46px 0 38px;
    }

    .about__copy h3 {
        margin-top: 24px;
    }

    .about__copy p,
    .about__copy p:nth-of-type(1),
    .about__copy p:nth-of-type(2) {
        margin-top: 17px;
    }
}

@media (max-width: 360px) {
    .rates {
        padding-bottom: 40px;
    }

    .about {
        height: auto;
    }

    .about .scene__image {
        height: 100%;
    }

    .about__layout {
        padding: 42px 0 34px;
    }

    .about__copy h3 {
        margin-top: 21px;
    }

    .about__copy p,
    .about__copy p:nth-of-type(1),
    .about__copy p:nth-of-type(2) {
        margin-top: 15px;
    }
}

@media (max-width: 360px) {
    .giveaway {
        height: 1530px;
        min-height: 0;
    }

    .giveaway__characters {
        width: 320px;
    }

    .participation {
        top: 920px;
    }
}

/* Final mobile summon composition: compact copy, stable artwork and no hard card edge. */
@media (max-width: 620px) {
    .summon {
        min-height: 900px;
        padding-bottom: 48px;
    }

    .summon__background {
        width: 1120px;
        object-position: 57% center;
    }

    .summon__backdrop {
        background:
            linear-gradient(180deg, rgba(3, 9, 13, .38) 0, rgba(3, 9, 13, .58) 38%, rgba(3, 9, 13, .91) 100%),
            linear-gradient(90deg, rgba(1, 5, 8, .65), rgba(1, 5, 8, .14) 84%);
    }

    .summon__character {
        left: 50%;
        right: auto;
        bottom: -24px;
        width: 570px;
        opacity: .46;
        transform: translateX(-50%);
    }

    .summon__layout {
        padding: 0;
    }

    .summon__heading {
        padding-top: 42px;
    }

    .summon__heading p {
        font-size: 15px;
    }

    .summon__heading h2 {
        max-width: 360px;
        margin-top: 12px;
        font-size: 25px;
        line-height: 1.28;
    }

    .summon__copy {
        width: calc(100% - 12px);
        margin: 32px auto 0;
        padding: 18px 16px 22px;
        border: 0;
        background: radial-gradient(ellipse at 24% 45%, rgba(2, 11, 16, .93) 0, rgba(2, 11, 16, .78) 55%, rgba(2, 11, 16, .42) 78%, transparent 100%);
    }

    .summon__copy h3,
    .summon__copy h3 span {
        font-size: 41px;
        line-height: 1;
    }

    .summon__copy p,
    .summon__copy p + p {
        width: min(100%, 330px);
        margin-top: 19px;
        font-size: 13px;
        line-height: 1.48;
    }

    .summon__copy p + p {
        margin-top: 14px;
    }

    .summon__copy .ornament-button {
        width: min(287px, 100%);
        margin: 25px auto 0;
    }
}

@media (max-width: 360px) {
    .summon {
        min-height: 890px;
        padding-bottom: 42px;
    }

    .summon__heading {
        padding-top: 36px;
    }

    .summon__heading h2 {
        max-width: 286px;
        font-size: 22px;
    }

    .summon__copy {
        width: calc(100% - 8px);
        margin-top: 27px;
        padding: 17px 14px 20px;
    }

    .summon__copy h3,
    .summon__copy h3 span {
        font-size: 36px;
    }

    .summon__copy p,
    .summon__copy p + p {
        font-size: 12.5px;
        line-height: 1.45;
    }

    .summon__character {
        bottom: -18px;
        width: 520px;
    }
}

/* Final mobile legacy composition: age and copy stay visible, character becomes supporting artwork. */
@media (max-width: 620px) {
    .legacy {
        height: 700px;
    }

    .legacy .scene__image {
        width: 1040px;
        object-position: center top;
    }

    .legacy__aura {
        top: 35px;
        width: 430px;
        height: 530px;
        opacity: .38;
    }

    .legacy__binary {
        top: 125px;
        width: 370px;
        height: 430px;
        opacity: .28;
    }

    .legacy__character {
        left: 54%;
        top: 145px;
        width: 430px;
        opacity: .68;
        transform: translateX(-50%);
    }

    .legacy__layout {
        width: calc(100% - 24px);
    }

    .legacy__age {
        left: 6px;
        top: 68px;
        width: 132px;
        height: 205px;
    }

    .legacy__years {
        height: 83px;
    }

    .legacy__years strong {
        font-size: 72px;
    }

    .legacy__years sup {
        font-size: 40px;
    }

    .legacy__age > span {
        left: 1px;
        top: 77px;
        font-size: 16px;
    }

    .legacy__age > b {
        top: 91px;
    }

    .legacy__age > b i {
        font-size: 50px;
    }

    .legacy__age > b em {
        font-size: 66px;
    }

    .legacy__copy {
        inset: auto 2px auto auto;
        top: 69px;
        z-index: 6;
        width: min(220px, 56vw);
        padding: 13px 12px 15px;
        border: 0;
        background: radial-gradient(ellipse at 72% 36%, rgba(2, 8, 12, .88), rgba(2, 8, 12, .62) 62%, transparent 100%);
    }

    .legacy__copy p {
        font-size: 12px;
        line-height: 1.4;
    }

    .legacy__copy p:nth-child(2) {
        margin-top: 8px;
    }

    .legacy__copy h2 {
        max-width: none;
        margin-top: 15px;
        font-size: 18px;
        line-height: 1.28;
    }
}

@media (max-width: 360px) {
    .legacy {
        height: 660px;
    }

    .legacy__character {
        left: 55%;
        top: 150px;
        width: 390px;
    }

    .legacy__age {
        left: 2px;
        top: 58px;
        width: 108px;
    }

    .legacy__years strong {
        font-size: 62px;
    }

    .legacy__years sup {
        font-size: 34px;
    }

    .legacy__age > span {
        top: 69px;
        font-size: 14px;
    }

    .legacy__age > b {
        top: 82px;
    }

    .legacy__age > b i {
        font-size: 44px;
    }

    .legacy__age > b em {
        font-size: 58px;
    }

    .legacy__copy {
        top: 58px;
        right: 0;
        width: 184px;
        padding: 10px 9px 13px;
    }

    .legacy__copy p {
        font-size: 11px;
    }

    .legacy__copy h2 {
        margin-top: 12px;
        font-size: 16px;
    }
}

/* Mobile section break between referral and streamer programmes. */
@media (max-width: 620px) {
    .partners::before {
        content: "";
        position: absolute;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 70px;
        background:
            radial-gradient(ellipse at 27% 0, rgba(0, 157, 218, .42), transparent 45%),
            radial-gradient(ellipse at 73% 0, rgba(230, 77, 19, .32), transparent 43%),
            linear-gradient(180deg, #020609 0, rgba(3, 9, 13, .96) 58%, rgba(5, 10, 13, 0) 100%);
        clip-path: polygon(0 0, 10% 17%, 21% 5%, 34% 22%, 48% 7%, 61% 20%, 74% 4%, 88% 18%, 100% 6%, 100% 100%, 0 100%);
        pointer-events: none;
    }

    .partners::after {
        content: "";
        position: absolute;
        z-index: 10;
        left: 8%;
        right: 8%;
        top: 24px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(86, 202, 242, .75) 30%, rgba(234, 103, 42, .72) 70%, transparent);
        box-shadow: 0 0 12px rgba(61, 181, 228, .38), 0 0 18px rgba(226, 82, 22, .22);
        pointer-events: none;
    }

    .partners__layout {
        padding-top: 92px;
    }
}

@media (max-width: 360px) {
    .partners::before {
        height: 62px;
    }

    .partners::after {
        top: 21px;
    }

    .partners__layout {
        padding-top: 82px;
    }
}

/* Final mobile giveaway orbit: characters in the centre, compact rewards around them. */
@media (max-width: 620px) {
    .giveaway {
        height: 1490px;
    }

    .giveaway__characters {
        left: 50%;
        top: 278px;
        width: min(300px, 78vw);
        height: 360px;
        object-fit: contain;
        object-position: center top;
        transform: translateX(-50%);
    }

    .prize,
    .prize figcaption,
    .prize--premium figcaption,
    .prize--ring figcaption {
        width: 112px;
    }

    .prize > .prize__item,
    .prize--sphere > .prize__item,
    .prize--premium > .prize__item,
    .prize--ring > .prize__item {
        width: 68px !important;
        height: 68px !important;
    }

    .prize figcaption,
    .prize--premium figcaption,
    .prize--ring figcaption {
        margin-top: 6px;
        font-size: 9px;
        line-height: 1.24;
    }

    .prize--sphere {
        left: 4px;
        top: 423px;
    }

    .prize--premium {
        left: auto;
        right: 4px;
        top: 423px;
    }

    .prize--ring {
        left: 4px;
        right: auto;
        top: 552px;
    }

    .giveaway__result {
        left: auto;
        right: 2px;
        top: 550px;
        width: 128px;
        height: 205px;
    }

    .giveaway__result::before {
        left: -56px;
        top: -24px;
        width: 230px;
        height: 230px;
    }

    .giveaway__result p {
        font-size: 17px;
        line-height: 20px;
    }

    .giveaway__result strong {
        font-size: 76px;
    }

    .giveaway__result span {
        font-size: 12px;
    }

    .giveaway__result small {
        margin-top: 7px;
        font-size: 9px;
        line-height: 12px;
    }

    .participation {
        top: 855px;
    }
}

@media (max-width: 360px) {
    .giveaway {
        height: 1470px;
    }

    .giveaway__characters {
        top: 282px;
        width: 250px;
        height: 338px;
    }

    .prize,
    .prize figcaption,
    .prize--premium figcaption,
    .prize--ring figcaption {
        width: 96px;
    }

    .prize > .prize__item,
    .prize--sphere > .prize__item,
    .prize--premium > .prize__item,
    .prize--ring > .prize__item {
        width: 60px !important;
        height: 60px !important;
    }

    .prize--sphere,
    .prize--premium {
        top: 420px;
    }

    .prize--ring {
        top: 540px;
    }

    .giveaway__result {
        top: 542px;
        width: 118px;
    }

    .participation {
        top: 830px;
    }
}

/* Final mobile hero: highlighted server subtitle and a two-row countdown. */
@media (max-width: 620px) {
    .hero {
        height: 800px;
    }

    .hero__background {
        height: 560px;
    }

    .hero__brand h1 {
        width: max-content;
        max-width: calc(100% - 34px);
        margin: 10px auto 0;
        padding: 9px 18px 11px;
        border-top: 1px solid rgba(129, 207, 239, .45);
        border-bottom: 1px solid rgba(230, 110, 48, .42);
        background:
            radial-gradient(ellipse at 72% 50%, rgba(225, 78, 19, .18), transparent 54%),
            linear-gradient(90deg, rgba(2, 10, 15, .18), rgba(2, 10, 15, .86) 18%, rgba(2, 10, 15, .86) 82%, rgba(2, 10, 15, .18));
        box-shadow: 0 0 22px rgba(0, 0, 0, .72);
        font-size: 22px;
        line-height: 1.2;
        text-shadow: 0 2px 5px #000, 0 0 14px rgba(99, 207, 250, .26);
    }

    .hero__brand h1 span {
        margin-bottom: 3px;
        font-size: 22px;
    }

    .countdown {
        top: 535px;
        height: 245px;
    }

    .countdown__groups {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
            "days days days"
            "hours minutes seconds";
        grid-template-rows: 96px 82px;
        gap: 4px 6px;
        width: 100%;
        margin: 8px auto 0;
        padding: 0 8px;
    }

    .countdown__group[data-countdown-unit="days"] {
        grid-area: days;
        justify-self: center;
    }

    .countdown__group[data-countdown-unit="hours"] {
        grid-area: hours;
    }

    .countdown__group[data-countdown-unit="minutes"] {
        grid-area: minutes;
    }

    .countdown__group[data-countdown-unit="seconds"] {
        grid-area: seconds;
    }

    .countdown__digits b {
        width: clamp(34px, 9.4vw, 42px);
        height: 66px;
        background-size: 100% 55px;
        font-size: clamp(43px, 11.5vw, 51px);
    }

    .countdown__group > span {
        top: 69px;
        font-size: 9px;
    }

    .countdown__group[data-countdown-unit="days"] .countdown__digits b {
        width: clamp(43px, 12vw, 52px);
        height: 78px;
        background-size: 100% 66px;
        font-size: clamp(55px, 14vw, 64px);
    }

    .countdown__group[data-countdown-unit="days"] > span {
        top: 80px;
        font-size: 10px;
    }
}

@media (max-width: 360px) {
    .hero {
        height: 780px;
    }

    .hero__background {
        height: 540px;
    }

    .hero__brand h1,
    .hero__brand h1 span {
        font-size: 19px;
    }

    .hero__brand h1 {
        max-width: calc(100% - 22px);
        padding: 8px 12px 10px;
    }

    .countdown {
        top: 515px;
        width: calc(100% - 12px);
    }

    .countdown__groups {
        gap: 3px 4px;
        padding: 0 4px;
    }
}