:root{--color-purple1:#5017b1;--color-purple2:#8156d4;--color-white:#fff;--color-black:#000;--color-gray1:#f2f2f7;--color-gray2:#ebe9ed;--color-accent:#ffb651;--color-gradient:linear-gradient(90deg, #5017b1 0%, #8156d4 100%);--font-stack:var(--font-sans), sans-serif;--header-bar-height:100px}@media (max-width:1024px){:root{--header-bar-height:48px}}@media (max-width:800px){:root{--header-bar-height:56px}}.scene-hero{position:relative}[data-hero=mobile] .scene-hero:not(.scene-hero-m){visibility:hidden}.hero-stage{align-items:center;height:100dvh;display:flex;position:relative}.hero-bg{--wipe:0%;width:calc(100% - 20px);height:var(--header-bar-height);-webkit-clip-path:inset(var(--wipe) 0 0 0 round 20px);clip-path:inset(var(--wipe) 0 0 0 round 20px);pointer-events:none;will-change:clip-path;z-index:1;background:linear-gradient(90deg,#5017b1 0%,#8156d4 100%);border-radius:20px;position:absolute;top:10px;left:10px;overflow:clip}.hero-bg-anim{pointer-events:none;will-change:opacity;background:linear-gradient(62deg,#000,#8156d4,#5017b1) 0 0/400% 400%;animation:20s infinite hero-bg-gradient;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-bg-anim{animation:none}}@keyframes hero-bg-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-bg__mask{pointer-events:none;align-items:center;width:calc(100% + 20px);height:100dvh;display:flex;position:absolute;top:-10px;left:-10px}.hero-bg__mask .hero-title{color:#fff}.hero-inner{align-items:center;gap:24px;width:100%;max-width:1680px;margin:0 auto;padding:0 80px;display:flex;position:relative}.hero-copy{color:#fff;flex:60%;position:relative}.hero-visual{aspect-ratio:1/1.4;z-index:3;max-width:calc((100dvh - 2*(10px + var(--header-bar-height)))/1.4);flex:40%;position:relative}.hero-visual__float{will-change:transform,opacity;position:absolute}@media screen and (max-width:1024px){.hero-visual__float{display:none}}.hero-visual__play{aspect-ratio:1;background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:84px;display:flex;top:10%;left:15%}.hero-visual__play img{width:36px;height:auto}@media screen and (max-width:1620px){.hero-visual__play{width:60px}.hero-visual__play img{width:24px}}.hero-visual__bag{aspect-ratio:1;background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:84px;display:flex;top:24%;left:10%}.hero-visual__bag img{width:48px}@media screen and (max-width:1620px){.hero-visual__bag{width:60px}.hero-visual__bag img{width:32px}}.hero-visual__reco{background-color:#ffffffe6;border-radius:9999px;align-items:center;padding:20px 28px;font-size:20px;font-weight:600;display:flex;bottom:15%;left:-25%}.hero-visual__reco i{aspect-ratio:1;background-color:#f65d7e;border-radius:9999px;justify-content:center;align-items:center;width:50px;margin-right:12px;display:flex}.hero-visual__reco i img{width:24px}@media screen and (max-width:1620px){.hero-visual__reco{padding:12px 26px}}.hero-visual__highlights{background-color:#ffffffe6;border-radius:40px;flex-direction:column;align-items:center;width:240px;padding:36px 32px 20px;font-size:20px;font-weight:600;display:flex;bottom:20%;right:-8%}.hero-visual__highlights p{margin-bottom:36px}.hero-visual__highlights--feature{color:#fff;text-align:center;will-change:transform;background-color:#000;border-radius:9999px;width:100%;margin-bottom:16px;padding:10px 0;font-size:14px;font-weight:600}.hero-visual__highlights--feature:last-child{margin-bottom:0}@media screen and (max-width:1620px){.hero-visual__highlights{width:200px;padding:24px 20px 16px}}.hero-phone{opacity:0;position:absolute;inset:0}.hero-phone canvas{display:block;width:100%!important;height:100%!important}.hero-title{color:#fff;width:fit-content;margin-bottom:72px;font-weight:600}.hero-title__top{font-size:56px;transform:translateY(20px)}.hero-title__bottom{font-size:68px}.hero-title--base{z-index:0;position:relative}.hero-title--over{z-index:2;position:absolute;inset:0}.hero-stage-2-layer{z-index:2;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.hero-stage-2{pointer-events:auto;width:40%}.hero-stage-2 h3{color:#5017b1;margin-bottom:48px}.hero-stage-2 p:first-of-type{margin-bottom:24px}.hero-stage-2 p:last-of-type{margin-bottom:60px}.hero-stage-2 button{cursor:pointer;align-items:center;display:flex}.hero-stage-2 button span{aspect-ratio:1;background-color:#000;border-radius:9999px;justify-content:center;align-items:center;width:44px;margin-left:8px;transition:transform .2s ease-in-out;display:flex}.hero-stage-2 button:hover span{transform:translate(8px)}
:root{--color-purple1:#5017b1;--color-purple2:#8156d4;--color-white:#fff;--color-black:#000;--color-gray1:#f2f2f7;--color-gray2:#ebe9ed;--color-accent:#ffb651;--color-gradient:linear-gradient(90deg, #5017b1 0%, #8156d4 100%);--font-stack:var(--font-sans), sans-serif;--header-bar-height:100px}@media (max-width:1024px){:root{--header-bar-height:48px}}@media (max-width:800px){:root{--header-bar-height:56px}}.hero-m-stage{position:relative}.hero-m-inner{flex-direction:column;display:flex;position:relative}.hero-m-copy{color:#fff;flex-direction:column;justify-content:center;margin-top:100px;display:flex;position:relative}.hero-m-visual{z-index:3;width:100%;height:50svh;position:relative}.hero-m-bg{--wipe:0%;--collapse:0px;width:calc(100% - 20px);height:var(--header-bar-height);-webkit-clip-path:inset(var(--wipe) 0 var(--collapse) 0 round 20px);clip-path:inset(var(--wipe) 0 var(--collapse) 0 round 20px);pointer-events:none;will-change:clip-path;z-index:1;background:linear-gradient(90deg,#5017b1 0%,#8156d4 100%);border-radius:20px;position:fixed;top:10px;left:10px;overflow:clip}.hero-m-bg__mask{pointer-events:none;width:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.hero-m-bg__mask .hero-m-title{color:#fff}.hero-m-title{color:#fff;font-size:32px;font-weight:500;line-height:120%}.hero-m-title--base{z-index:0;color:var(--color-purple1);position:relative}.hero-m-title--over{z-index:2;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero-m-scene2{margin-bottom:48px;position:relative}.hero-m-stage-2{width:100%}.hero-m-stage-2 h3{color:#5017b1;margin-bottom:48px}.hero-m-stage-2 p:first-of-type{margin-bottom:24px}.hero-m-stage-2 p:last-of-type{margin-bottom:60px}.hero-m-stage-2 button{cursor:pointer;align-items:center;display:flex}.hero-m-stage-2 button span{aspect-ratio:1;background-color:#000;border-radius:9999px;justify-content:center;align-items:center;width:44px;margin-left:8px;transition:transform .2s ease-in-out;display:flex}.hero-m-stage-2 button:hover span{transform:translate(8px)}
:root{--color-purple1:#5017b1;--color-purple2:#8156d4;--color-white:#fff;--color-black:#000;--color-gray1:#f2f2f7;--color-gray2:#ebe9ed;--color-accent:#ffb651;--color-gradient:linear-gradient(90deg, #5017b1 0%, #8156d4 100%);--font-stack:var(--font-sans), sans-serif;--header-bar-height:100px}@media (max-width:1024px){:root{--header-bar-height:48px}}@media (max-width:800px){:root{--header-bar-height:56px}}.innovative-info{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}@media (max-width:1024px){.innovative-info{height:auto;padding:96px 0}}.innovative-info__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:96px;padding:0 32px;display:grid}@media (max-width:1024px){.innovative-info__cards{display:block}}.innovative-info__card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;will-change:transform,opacity;background-color:#fff6;border:1px solid #fff;border-radius:20px;flex-direction:column;max-height:441px;padding:40px;display:flex}@media (max-width:1024px){.innovative-info__card{margin-bottom:28px}.innovative-info__card:last-child{margin-bottom:0}}.innovative-info__card--icon{aspect-ratio:1;background-color:#fff;border-radius:9999px;justify-content:center;align-self:flex-end;align-items:center;width:125px;display:flex}@media (max-width:1620px){.innovative-info__card--icon{width:96px}.innovative-info__card--icon img{width:56px;height:56px}}.innovative-info__card--title{color:#5017b1;margin-bottom:8px}.innovative-info__card--stat{font-size:96px}.innovative-info__card--stat span{font-size:48px}.innovative-info__card--stat{opacity:0;will-change:transform,opacity}@media (max-width:1620px){.innovative-info__card--stat{font-size:72px}.innovative-info__card--stat span{font-size:32px}}.innovative-info__card--description{margin-bottom:12px}.innovative-info__card--notes{color:#818181;font-size:10px}.innovative-info__marquee{opacity:0;will-change:transform,opacity}