.home-how-it-works{scroll-margin-top:6rem;border-bottom:1px solid rgb(255 255 255/.08);padding-block:clamp(.75rem,2vw,1.5rem) clamp(1.5rem,4vw,2.5rem)}html.light .home-how-it-works{border-bottom-color:rgb(15 23 42/.1)}.home-how-it-works__header{max-width:42rem;margin-inline:auto;margin-top:clamp(-2rem,-4.5vw,-.75rem);margin-bottom:clamp(.75rem,2vw,1.25rem);padding-inline:clamp(1rem,4vw,2rem);text-align:center}.home-how-it-works__title{font-size:clamp(1.25rem,2.8vw,1.75rem);font-weight:700;letter-spacing:-.02em;color:#fff}html.light .home-how-it-works__title{color:#0f172a}.home-how-it-works__desc{margin-top:.5rem;font-size:clamp(.875rem,1.6vw,1rem);line-height:1.55;color:rgb(196 181 253/.88)}html.light .home-how-it-works__desc{color:#334155}.home-how-it-works__scene{position:relative;width:100%;max-width:80rem;margin-inline:auto;margin-top:clamp(-1rem,-2.5vw,.25rem)}.home-how-it-works__art-wrap{position:relative;z-index:0;width:100%;line-height:0}@media (max-width:767px){.home-how-it-works__art-wrap{aspect-ratio:980/1326}html.light .home-how-it-works__art-wrap{aspect-ratio:864/1821}}@media (min-width:768px){html.light .home-how-it-works__steps{top:10.5%;height:18%;left:8.5%;right:0;gap:4.8%}html.light .home-how-it-works__step{padding-inline:clamp(.65rem,2.2vw,1.25rem)}html.light .home-how-it-works__step-desc{max-width:15rem}}.home-how-it-works__art.home-how-it-works__art--theme-light,html.light .home-how-it-works__art.home-how-it-works__art--theme-dark{display:none}html.light .home-how-it-works__art.home-how-it-works__art--theme-light{display:block}.home-how-it-works__art-variant--desktop{display:none}.home-how-it-works__art-variant--mobile{display:block}@media (min-width:768px){.home-how-it-works__art-variant--desktop{display:block}.home-how-it-works__art-variant--mobile{display:none}}.home-how-it-works__art{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.home-how-it-works__steps{position:absolute;z-index:1;top:10%;right:0;bottom:auto;left:8%;height:23%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5%;list-style:none;margin:0;padding:0;pointer-events:none}.home-how-it-works__step{display:flex;flex-direction:column;justify-content:flex-start;position:static;padding-top:.15rem;padding-inline:clamp(.5rem,3.5vw,1.5rem);text-align:left;overflow:hidden}.home-how-it-works__step-title{font-size:clamp(.8125rem,1.7vw,1.0625rem);font-weight:700;line-height:1.3;color:#fff}.home-how-it-works__step-desc{margin-top:.35rem;max-width:14rem;font-size:clamp(.6875rem,1.25vw,.8125rem);line-height:1.45;color:rgb(196 181 253/.92)}html.light .home-how-it-works__step-title{color:#0f172a}html.light .home-how-it-works__step-desc{color:#334155}@media (max-width:767px){.home-how-it-works__steps{top:0;right:0;bottom:0;left:0;height:auto;display:block}.home-how-it-works__step{position:absolute;left:63%;right:6%;padding:0;align-items:flex-start}.home-how-it-works__step:first-child{top:16.6%}.home-how-it-works__step:nth-child(2){top:48%}.home-how-it-works__step:nth-child(3){top:78.4%}.home-how-it-works__step-title{font-size:clamp(.875rem,4.1vw,1.0625rem)}.home-how-it-works__step-desc{max-width:88%;font-size:clamp(.6875rem,3.2vw,.8125rem)}}