.how-main{--how-gutter:clamp(14px,4.167vw,80px);background:#27035d;overflow:clip;}.how-main .how-hero{position:relative;overflow:hidden;padding:clamp(150px,10.18vw,269px) var(--how-gutter) clamp(120px,11.98vw,230px);background:#27035d;}.how-main .how-hero__scene,.how-main .how-hero__wash{position:absolute;inset:0 0 auto;height:clamp(600px,57.82vw,1110px);pointer-events:none;}.how-main .how-hero__scene{overflow:hidden;}.how-main .how-hero__scene picture{display:block;width:100%;height:100%;}.how-main .how-hero__scene img{display:block;width:100%;height:calc(100% + clamp(100px,7.813vw,150px));margin-top:clamp(-150px,-7.813vw,-100px);object-fit:cover;object-position:center bottom;filter:blur(2px) saturate(1.05);transform:scale(1.02);}.how-main .how-hero__wash{background:linear-gradient(180deg,rgba(61,0,121,.1) 0%,rgba(39,3,93,0) 52%,#27035d 100%);}.how-main .how-hero__intro{position:relative;z-index:1;width:min(100%,1100px);margin:0 auto;text-align:center;text-transform:uppercase;}.how-main .how-kicker{display:inline-flex;margin:0 0 clamp(18px,1.41vw,27px);padding:clamp(7px,.52vw,10px) clamp(20px,1.67vw,32px);border:1.5px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(255,255,255,.58);color:#b000ff;font-size:clamp(12px,1.04vw,20px);letter-spacing:1.8px;line-height:1.2;backdrop-filter:blur(9px);}.how-main .how-hero:is(h1,h2){margin:0;}.how-main .how-title__art{width:min(60%,749px);height:auto;margin:0 auto;}.how-main .how-hero__subtitle{margin:clamp(15px,1.15vw,22px) 0 0;color:#fff;font-size:clamp(18px,1.98vw,38px);font-weight:600;line-height:1.2;}.how-main .how-steps{--how-step-gap:clamp(42px,5.47vw,105px);--how-arrow-width:clamp(40px,3.385vw,65px);position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--how-step-gap);width:min(calc(100% - 80px),1468px);margin:clamp(72px,6.1vw,117px) auto 0;padding:0;list-style:none;}.how-main .how-steps:focus-visible{outline:2px solid var(--active-blue);outline-offset:4px;}.how-main .how-step{container:how-step / inline-size;position:relative;display:grid;min-width:0;text-align:center;scroll-snap-align:start;}.how-main .how-step:not(:last-child)::after{position:absolute;top:46.69%;left:calc(100% + (var(--how-step-gap) - var(--how-arrow-width)) / 2);z-index:2;width:var(--how-arrow-width);aspect-ratio:65 / 55;background:url("../images/how-it-works/arrow-icon.avif") center / contain no-repeat;content:"";pointer-events:none;}.how-main .how-step__background,.how-main .how-step__content{grid-area:1 / 1;}.how-main .how-step__background{display:block;width:100%;max-width:none;height:auto;margin-left:0%;}.how-main .how-step__background img{display:block;width:100%;height:100%;}.how-main .how-step__content{z-index:1;display:flex;flex-direction:column;align-items:center;align-self:stretch;padding-top:37.47%;}.how-main .how-step__art{position:relative;width:64.44%;aspect-ratio:270 / 262;overflow:hidden;}.how-main .how-step__art::after{position:absolute;bottom:5.7%;left:50%;width:78.15%;aspect-ratio:211 / 55;transform:translateX(-50%);background:center / contain no-repeat;content:"";}.how-main .how-step--phone .how-step__art::after{background-image:url("../images/how-it-works/step-floor-phone.svg");}.how-main .how-step--slots .how-step__art::after{background-image:url("../images/how-it-works/step-floor-slots.svg");}.how-main .how-step--cash .how-step__art::after{background-image:url("../images/how-it-works/step-floor-cash.svg");}.how-main .how-step__art img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;}.how-main .how-step__art picture{display:block;width:100%;height:100%;}.how-main .how-step:is(h2,h3){margin:5.25cqw 2.86cqw 0;color:#fff;font-size:clamp(19px,9.07cqw,38px);font-weight:800;line-height:1.12;text-transform:uppercase;}.how-main .how-step  h3 span{display:block;}.how-main .how-step p{margin:2.63cqw 2.39cqw 0;color:#cacaca;font-size:clamp(12px,5.73cqw,24px);line-height:clamp(20px,9.55cqw,40px);text-transform:capitalize;}.how-main .how-art-button{display:inline-flex;align-items:center;justify-content:center;border:0;color:#fff;font-size:clamp(26px,2.083vw,40px);font-weight:700;letter-spacing:clamp(1px,.103vw,1.98px);line-height:1.2;text-transform:uppercase;text-shadow:0 2px rgba(255,255,255,.35);transition:filter 180ms ease,transform 180ms ease;}.how-main .how-art-button:not(.how-art-button--bonus):hover,.how-main .how-art-button:focus-visible{filter:brightness(1.1);transform:translateY(-2px);}.how-main .how-art-button--bonus{position:relative;z-index:1;display:block;width:min(calc(100% + 28px),524px);margin:clamp(34px,9.92vw,52px) max(-14px,calc((100% - 524px) / 2)) 0;line-height:0;}.how-main .how-art-button--bonus img{display:block;width:100%;height:auto;}.how-main .how-art-button--bonus picture{display:block;}.how-main .responsible-section{position:relative;width:min(calc(100% - clamp(80px,9.583vw,184px)),1737px);height:clamp(900px,68.073vw,1307px);margin:0 auto;}.how-main .responsible-section__panel{position:absolute;inset:clamp(0px,1.875vw,36px) 0 0;overflow:hidden;border:1px solid #813fe3;border-radius:clamp(20px,2.083vw,40px);background:#320772;}.how-main .responsible-section__panel img{display:block;width:100%;height:100%;object-fit:cover;}.how-main .responsible-mascot{position:absolute;top:0;left:50%;z-index:1;width:clamp(250px,17.708vw,340px);aspect-ratio:340 / 319;transform:translateX(-50%);}.how-main .responsible-mascot img{display:block;width:100%;height:100%;object-fit:contain;}.how-main .responsible-section__heading{position:absolute;top:clamp(280px,18.073vw,347px);left:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(12px,1.458vw,28px);width:min(100% - 40px,700px);transform:translateX(-50%);text-align:center;}.how-main .responsible-section__heading h2{margin:0;color:#fff;font-size:clamp(32px,2.5vw,48px);font-style:italic;font-weight:800;line-height:1.2;text-shadow:0 8px 12px #a017bf,0 2px 0 #db60d8,0 0 30px #c800db;text-transform:uppercase;}.how-main .title-spark{width:clamp(34px,2.552vw,49px);aspect-ratio:49 / 21;}.how-main .title-spark img{display:block;width:100%;height:100%;}.how-main .responsible-section__heading p{flex-basis:100%;margin:clamp(4px,.208vw,4px) 0 0;color:#b5c4f2;font-size:clamp(14px,1.25vw,24px);font-style:italic;line-height:clamp(23px,2.083vw,40px);text-transform:capitalize;}.how-main .responsible-grid{position:absolute;top:clamp(440px,32.656vw,627px);left:50%;display:grid;grid-template-columns:repeat(2,minmax(0,723px));gap:clamp(12px,1.354vw,26px);width:min(calc(100% - clamp(120px,13.75vw,264px)),1472px);transform:translateX(-50%);}.how-main .responsible-card{position:relative;display:flex;min-height:clamp(174px,14.323vw,275px);align-items:center;gap:clamp(20px,2.5vw,48px);padding:clamp(20px,2.188vw,42px) clamp(15px,1.583vw,30px) clamp(20px,2.188vw,42px) clamp(20px,2.708vw,52px);overflow:hidden;border-radius:clamp(14px,1.042vw,20px);background:url("../images/how-it-works/responsible-card-bg.avif") center / cover no-repeat;}.how-main .responsible-card__icon{position:relative;z-index:1;display:grid;flex:0 0 clamp(84px,8.292vw,150px);width:clamp(84px,8.292vw,150px);height:clamp(84px,8.292vw,150px);place-items:center;}.how-main .responsible-card__icon img{display:block;width:100%;height:100%;object-fit:contain;}.how-main .responsible-card > div:last-child{position:relative;z-index:1;min-width:0;}.how-main .responsible-card h3{margin:0;color:#fff;font-size:clamp(22px,1.979vw,38px);font-weight:600;line-height:1.25;text-transform:uppercase;}.how-main .responsible-card p{margin:0;color:#b5c4f2;font-size:clamp(14px,1.25vw,24px);line-height:1.5;}.how-main .support-callout--how{width:min(calc(100% - clamp(80px,9.583vw,184px)),1737px);margin:clamp(64px,6.458vw,124px) auto;}@media (max-width:991.98px){.how-main .how-hero{padding:clamp(120px,19.531vw,150px) clamp(14px,2.604vw,20px) clamp(64px,10.417vw,80px);}.how-main .how-hero__scene,.how-main .how-hero__wash{height:clamp(620px,93.75vw,720px);}.how-main .how-hero__intro{width:100%;}.how-main .how-steps{--how-step-gap:clamp(42px,5.47vw,54px);width:min(calc(100% - 80px),814px);}.how-main .responsible-section{width:calc(100% - clamp(28px,5.208vw,40px));height:auto;margin-top:8vh;padding:clamp(20px,3.125vw,24px) 0 clamp(36px,5.729vw,44px);}.how-main .responsible-section__panel{inset:0;border-radius:20px;}.how-main .responsible-mascot{position:relative;top:auto;left:auto;width:min(62vw,250px);height:auto;aspect-ratio:340 / 319;margin:0 auto clamp(10px,1.563vw,12px);transform:none;}.how-main .responsible-section__heading{position:relative;top:auto;left:auto;z-index:1;width:calc(100% - clamp(24px,3.646vw,28px));transform:none;gap:clamp(10px,1.563vw,12px);margin:0 auto;}.how-main .responsible-section__heading h2{font-size:clamp(24px,7vw,40px);}.how-main .responsible-section__heading p{font-size:clamp(13px,1.823vw,14px);line-height:1.5;}.how-main .title-spark{width:clamp(28px,4.427vw,34px);height:auto;}.how-main .responsible-grid{position:relative;top:auto;left:auto;grid-template-columns:1fr;gap:clamp(10px,1.563vw,12px);width:calc(100% - clamp(24px,3.646vw,28px));transform:none;margin:clamp(36px,5.729vw,44px) auto 0;}.how-main .responsible-card{min-height:clamp(160px,22.656vw,174px);gap:clamp(16px,2.604vw,20px);padding:clamp(16px,2.604vw,20px);border-radius:clamp(12px,1.823vw,14px);}.how-main .responsible-card__icon{flex-basis:clamp(76px,10.938vw,84px);width:clamp(76px,10.938vw,84px);height:clamp(76px,10.938vw,84px);border-width:3px;}.how-main .responsible-card__icon img{width:clamp(50px,7.161vw,55px);height:clamp(50px,7.161vw,55px);}.how-main .responsible-card h3{font-size:clamp(20px,2.865vw,22px);}.how-main .responsible-card p{font-size:clamp(13px,1.823vw,14px);line-height:1.45;}.how-main .support-callout--how{width:calc(100% - clamp(28px,5.208vw,40px));margin:clamp(42px,5.469vw,54px) auto clamp(64px,8.333vw,80px);}}@media (max-width:767.98px){.how-main .how-hero{padding:clamp(110px,25.333vw,235px) clamp(14px,4vw,30px) clamp(24px,6.133vw,46px);}.how-main .how-hero  h2{margin-bottom:1vh;}.how-main .how-hero__scene,.how-main .how-hero__wash{inset:0;height:min(148vw,1110px);}.how-main .how-hero__scene img{width:100%;height:100%;margin:0;object-fit:cover;object-position:center top;filter:none;transform:none;}.how-main .how-hero__wash{background:linear-gradient(180deg,rgba(39,3,93,0) 0%,rgba(39,3,93,0) 72%,#27035d 100%);}.how-main .how-kicker{margin-bottom:20px;padding:4px 14px;font-size:clamp(9px,1.6vw,12px);}.how-main .how-title__art{width:min(88%,662px);}.how-main .how-hero__subtitle{margin-top:8px;}.how-main .how-steps{--how-step-gap:clamp(22px,5.733vw,43px);display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;width:100%;margin-top:clamp(60px,7.4vh,273px);overflow:visible;scroll-snap-type:none;}.how-main .how-step{aspect-ratio:691 / 488;width:100%;min-height:0;}.how-main .how-step:not(:last-child)::after{display:none;}.how-main .how-step__background{width:100%;height:100%;min-height:0;margin-left:0;object-fit:fill;}.how-main .how-step__background img,.how-main .how-step__background picture,.how-main .how-step__content{min-height:0;}.how-main .how-step__content{display:grid;grid-template-columns:44% minmax(0,1fr);grid-template-rows:min-content min-content;align-items:center;padding:13% 4% 5% 6%;text-align:left;align-content:center;}.how-main .how-step  h3 span{display:inline;}.how-main .how-step__art{grid-row:1 / -1;width:100%;height:auto;aspect-ratio:405 / 393;}.how-main .how-step__art::after{display:none;}.how-main .how-step:is(h2,h3){align-self:end;margin:0 0 0 8%;font-size:clamp(19px,3.4vw,26px);line-height:1.5;}.how-main .how-step p{align-self:start;margin:5px 0 0 8%;color:#cacaca;font-size:clamp(12px,2.2vw,17px);line-height:1.35;}.how-main .how-art-button--bonus{width:min(88%,592px);margin:clamp(30px,7.2vw,54px) auto clamp(24px,5.92vw,42px);}.how-main .responsible-section{width:calc(100% - clamp(28px,8vw,60px));padding-top:0;padding-bottom:clamp(36px,5.867vw,44px);}.how-main .responsible-section__panel{border-radius:clamp(20px,5.333vw,40px);}.how-main .responsible-mascot{width:clamp(170px,45.333vw,340px);margin-top:clamp(-25px,-6.533vw,-49px);margin-bottom:clamp(10px,1.867vw,14px);}.how-main .responsible-grid{width:calc(100% - clamp(24px,3.333vw,25px));margin-top:clamp(36px,5.867vw,44px);}.how-main .responsible-card{min-height:clamp(174px,36.667vw,275px);gap:clamp(16px,4.267vw,32px);padding:clamp(16px,3.2vw,24px);}.how-main .responsible-card__icon{flex-basis:clamp(72px,18.667vw,140px);width:clamp(72px,18.667vw,140px);height:clamp(72px,18.667vw,140px);}.how-main .responsible-section__heading p{padding:0 5vw;}.how-main .responsible-card h3{font-size:clamp(20px,5.067vw,38px);}.how-main .responsible-card p{font-size:clamp(13px,3.2vw,24px);line-height:1.5;}}@media (max-width:575.98px){.how-main .how-hero{padding-inline:14px;}.how-main .how-hero__scene,.how-main .how-hero__wash{height:min(148vw,1110px);}.how-main .responsible-section,.how-main .support-callout--how{width:calc(100% - clamp(24px,7.292vw,28px));}.how-main .responsible-section__heading h2{font-size:clamp(22px,6.4vw,23px);}.how-main .responsible-section__heading p{font-size:clamp(11px,3.2vw,12px);}.how-main .responsible-card{min-height:clamp(140px,39.063vw,150px);padding:clamp(12px,3.646vw,14px);}.how-main .responsible-card__icon{flex-basis:clamp(58px,16.667vw,64px);width:clamp(58px,16.667vw,64px);height:clamp(58px,16.667vw,64px);}.how-main .responsible-card__icon img{width:clamp(38px,10.938vw,42px);height:clamp(38px,10.938vw,42px);}.how-main .responsible-card h3{font-size:clamp(16px,4.688vw,18px);}.how-main .responsible-card p{font-size:clamp(11px,3.125vw,12px);}}.home-main .how-main .responsible-card{gap:clamp(16px,1.667vw,32px);padding:clamp(12px,1.25vw,24px) clamp(12px,1.25vw,24px);background:url("../images/how-it-works/responsible-card-bg.avif") center / cover no-repeat;box-shadow:none;}.home-main .how-main .responsible-card::before{display:none;}.home-main .how-main .responsible-card__icon{flex:0 0 clamp(94px,11.302vw,217px);width:clamp(94px,11.302vw,217px);height:clamp(94px,11.302vw,217px);border:0;border-radius:0;background:none;box-shadow:none;}.home-main .how-main .responsible-card__icon img{width:100%;height:100%;}@media (max-width:767.98px){.home-main .how-main .responsible-card{min-height:clamp(174px,36.667vw,275px);gap:clamp(16px,4.267vw,32px);padding:clamp(16px,3.2vw,24px);}.home-main .how-main .responsible-card__icon{flex-basis:clamp(72px,18.667vw,140px);width:clamp(72px,18.667vw,140px);height:clamp(72px,18.667vw,140px);}.home-main .how-main .responsible-card h3{font-size:clamp(20px,5.067vw,38px);}.home-main .how-main .responsible-card p{font-size:clamp(13px,3.2vw,24px);line-height:1.5;}}@media (prefers-reduced-motion:reduce){.how-main .how-art-button{transition:none;}}