.app-visual-slider{--enter-rotation: 180deg;--exit-rotation: -180deg;position:relative;width:min(100%,510px);height:620px;overflow:visible;isolation:isolate;perspective:1400px}.app-visual-slider[data-app-direction=prev]{--enter-rotation: -180deg;--exit-rotation: 180deg}.app-visual-slider__slide{position:absolute;inset:0 0 46px;display:grid;place-items:center;opacity:0;pointer-events:none;transform:rotateY(var(--enter-rotation)) translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:none;backface-visibility:hidden}.app-visual-slider__slide *,.app-visual-slider__slide{backface-visibility:hidden}.app-visual-slider__slide.is-active{z-index:3;opacity:1;pointer-events:auto;transform:rotateY(0) translateZ(0)}.app-visual-slider__slide.is-entering{z-index:3;opacity:1}.app-visual-slider__slide.is-entering.is-active{transform:rotateY(0) translateZ(0)}.app-visual-slider__slide.is-leaving{z-index:4;opacity:1;pointer-events:none;transform:rotateY(var(--exit-rotation)) translateZ(0)}.app-visual-slider.is-flipping .app-visual-slider__slide.is-entering,.app-visual-slider.is-flipping .app-visual-slider__slide.is-leaving{will-change:transform,opacity;transition:transform .98s cubic-bezier(.22,1,.36,1),opacity .2s ease}.app-visual-slider__phone{width:min(82%,360px);height:auto;display:block;opacity:.58;transform:translateY(14px);filter:brightness(.72) saturate(.92) drop-shadow(0 30px 36px rgba(0,0,0,.28))}.app-visual-slider.is-runtime-active .app-visual-slider__slide.is-active .app-visual-slider__phone{animation:app-slider-phone-float 5.5s ease-in-out infinite}.app-visual-slider.is-flipping .app-visual-slider__phone{animation:none}.app-visual-slider__feature{--tx: calc(-50% + var(--x));--ty: calc(-50% + var(--y));position:absolute;left:50%;top:50%;z-index:var(--z, 2);width:var(--w);display:grid;justify-items:center;gap:0;opacity:0;transform:translate(var(--tx),var(--ty)) translateZ(82px) scale(.94);transform-origin:center}.app-visual-slider__slide.is-content-ready .app-visual-slider__feature{animation:app-slider-feature-in .72s cubic-bezier(.22,1,.36,1) var(--d) both}.app-visual-slider__feature-top{position:relative;z-index:2;width:var(--top-w)}.app-visual-slider__feature-image{position:relative;z-index:1;width:var(--img-w);height:auto;display:block;margin-top:-1px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.22))}.app-visual-slider__label{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;color:#fff;font-size:.84rem;font-weight:900;line-height:1;white-space:nowrap;background:linear-gradient(90deg,#ff159d,#7d18ff);box-shadow:0 16px 28px #7218ff38}.app-visual-slider__label--blue{background:linear-gradient(90deg,#008dff,#a071ff)}.app-visual-slider__card{display:grid;gap:6px;padding:12px 14px;border-radius:20px;color:#fff;text-align:center;background:linear-gradient(135deg,#ff23b1eb,#7313ffeb);box-shadow:0 18px 30px #7218ff33,inset 0 1px #ffffff1f;backdrop-filter:blur(16px)}.app-visual-slider__card--blue{background:linear-gradient(135deg,#0097ffe0,#9967ffe6)}.app-visual-slider__card--magenta{background:linear-gradient(135deg,#ff0e9aeb,#7e1cffeb)}.app-visual-slider__card strong{font-size:.8rem;font-weight:900;line-height:1.05}.app-visual-slider__card span{color:#ffffffe6;font-size:.62rem;font-weight:500;line-height:1.12}[data-app-typewriter]{min-width:1ch}[data-app-typewriter].is-typing:after{content:"";display:inline-block;width:2px;height:.95em;margin-left:3px;vertical-align:-.12em;background:currentColor;animation:app-slider-caret-blink .72s steps(1) infinite}.app-visual-slider__dots{position:absolute;left:50%;bottom:2px;z-index:6;display:inline-flex;align-items:center;justify-content:center;gap:14px;transform:translate(-50%)}.app-visual-slider__dot{width:12px;height:12px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:999px;background:transparent;cursor:pointer;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}.app-visual-slider__dot:hover,.app-visual-slider__dot.is-active{transform:scale(1.15);border-color:#ff2bd6f2;background:#ff2bd6;box-shadow:0 0 16px #ff2bd66b}.app-visual-slider__dot:focus-visible{outline:2px solid rgba(79,225,255,.9);outline-offset:4px}@media(max-width:1280px){.app-visual-slider{width:min(100%,465px);height:590px}.app-visual-slider__phone{width:min(82%,335px)}}@media(max-width:980px){.app-visual-slider{width:min(100%,430px);height:570px;margin-inline:auto}}@media(max-width:640px){.app-visual-slider{width:min(100%,370px);height:570px;margin-inline:auto;touch-action:pan-y}.app-visual-slider__slide{inset:0 0 40px}.app-visual-slider__phone{width:min(82%,270px);opacity:.54;transform:translateY(22px)}.app-visual-slider__feature{--tx: calc(-50% + var(--mx));--ty: calc(-50% + var(--my));width:var(--mw)}.app-visual-slider__feature-top{width:var(--mtop-w)}.app-visual-slider__feature-image{width:var(--mimg-w)}.app-visual-slider__label{min-height:38px;padding:0 15px;font-size:.7rem}.app-visual-slider__card{gap:5px;padding:10px 12px;border-radius:17px}.app-visual-slider__card strong{font-size:.7rem}.app-visual-slider__card span{font-size:.52rem;line-height:1.08}.app-visual-slider__dots{bottom:4px;gap:10px}.app-visual-slider__dot{width:9px;height:9px}}@media(max-width:390px){.app-visual-slider{width:min(100%,345px);height:545px}.app-visual-slider__phone{width:min(84%,258px)}}@keyframes app-slider-phone-float{0%,to{transform:translateY(14px)}50%{transform:translateY(2px)}}@keyframes app-slider-feature-in{0%{opacity:0;transform:translate(var(--tx),calc(var(--ty) + 28px)) translateZ(54px) scale(.94)}to{opacity:1;transform:translate(var(--tx),var(--ty)) translateZ(82px) scale(1)}}@keyframes app-slider-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.app-visual-slider__slide{transition:none!important}.app-visual-slider__slide.is-content-ready .app-visual-slider__feature{opacity:1;transform:translate(var(--tx),var(--ty)) translateZ(82px) scale(1);animation:none}.app-visual-slider__slide.is-active .app-visual-slider__phone{animation:none}[data-app-typewriter].is-typing:after{display:none;animation:none}}.quiz-section{position:relative;overflow:hidden;padding:clamp(86px,8vw,120px) 0 clamp(96px,8vw,130px);background:radial-gradient(circle at 18% 24%,rgba(255,43,214,.14),transparent 28%),radial-gradient(circle at 78% 22%,rgba(92,35,255,.18),transparent 30%),linear-gradient(108deg,#090014,#180028 46%,#0d0120)}.quiz-section__glow{position:absolute;border-radius:999px;pointer-events:none;filter:blur(100px)}.quiz-section__glow--left{left:10%;top:42%;width:320px;height:320px;background:#ff2bd61f}.quiz-section__glow--right{right:10%;top:20%;width:380px;height:380px;background:#5028ff24}.quiz-section__container{position:relative;z-index:1;width:min(100%,1180px);margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.quiz-section__eyebrow{margin:0;color:#ffffff6b;font-size:.78rem;font-weight:400;letter-spacing:.34em;text-align:center;text-transform:uppercase}.quiz-section[data-quiz-title-ready] .quiz-section__eyebrow{opacity:0;transform:translate3d(0,18px,0);filter:blur(12px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1)}.quiz-section.is-title-visible .quiz-section__eyebrow{opacity:1;transform:translateZ(0);filter:blur(0);transition-delay:80ms}.quiz-section__title{max-width:920px;margin:24px auto 0;color:#fff;font-size:clamp(2.15rem,3.35vw,3.25rem);font-weight:900;line-height:1.08;letter-spacing:-.05em;text-align:center}.quiz-section__title-line{display:block;padding-bottom:.14em;margin-bottom:-.14em}.quiz-section__title-line--typing{width:-moz-fit-content;width:fit-content;max-width:none;margin-inline:auto;overflow:hidden;white-space:nowrap}.quiz-section[data-quiz-title-ready] .quiz-section__title-line--typing{position:relative;max-width:0;opacity:0;filter:blur(10px)}.quiz-section[data-quiz-title-ready] .quiz-section__title-line--typing:after{content:"";position:absolute;right:0;top:.08em;width:3px;height:.9em;border-radius:999px;background:#14f8ff;box-shadow:0 0 16px #14f8ff94;opacity:0}.quiz-section.is-title-visible .quiz-section__title-line--typing{opacity:1;filter:blur(0);animation:quiz-title-type 1.18s steps(27) .16s both}.quiz-section.is-title-visible .quiz-section__title-line--typing:after{animation:quiz-title-caret .7s steps(1) .16s 4}.quiz-section__title-line--shimmer{margin-top:.12em;color:#ff31d2;background:linear-gradient(90deg,#ff31d2 0% 34%,#fff 48%,#74f3ff 52%,#ff31d2 66% 100%);background-size:320% 100%;background-position:160% 50%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:quiz-title-shimmer 8.6s linear infinite}.quiz-section[data-quiz-title-ready] .quiz-section__title-line--shimmer{opacity:0;transform:translate3d(0,22px,0);filter:blur(14px);transition:opacity .82s cubic-bezier(.16,1,.3,1),transform .82s cubic-bezier(.16,1,.3,1),filter .82s cubic-bezier(.16,1,.3,1)}.quiz-section.is-title-visible .quiz-section__title-line--shimmer{opacity:1;transform:translateZ(0);filter:blur(0);transition-delay:.58s}.quiz-section__stage{position:relative;width:min(100%,760px);min-height:350px;display:flex;align-items:flex-end;justify-content:center;margin:clamp(58px,5vw,76px) auto 0}.quiz-section__mascot-img{position:absolute;left:calc(50% - 460px);bottom:-2px;z-index:2;width:auto;height:clamp(270px,20vw,330px);-o-object-fit:contain;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 24px rgba(47,223,255,.2));transform:translate(0);animation:quiz-mascot-real-float 5s ease-in-out infinite}.quiz-section__quiz-card{position:relative;z-index:3;width:min(100%,540px);min-height:315px;display:grid;border:1px solid rgba(255,43,214,.22);border-radius:28px;background:linear-gradient(180deg,#3d065ad6,#180330f0),#150023c7;box-shadow:0 18px 42px #0000003d,inset 0 0 0 1px #ffffff09,0 0 30px #ff2bd614;overflow:hidden;text-align:center;backdrop-filter:blur(14px)}.quiz-section__panel{display:grid;width:100%;min-height:inherit;opacity:1;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease}.quiz-section__panel.is-changing{opacity:0;transform:translateY(12px) scale(.98)}.quiz-start{display:flex;min-height:inherit;padding:48px 42px 40px;flex-direction:column;align-items:center;justify-content:center}.quiz-start__icon{width:52px;height:52px;margin-bottom:24px;color:#ff24c8;font-size:2.5rem;line-height:1}.quiz-start__icon svg{display:block;width:100%;height:100%}.quiz-start__description{max-width:430px;margin:0;color:#ffffffc7;font-size:clamp(.9rem,.95vw,1.05rem);font-weight:500;line-height:1.38}.quiz-start__cta,.quiz-result__cta{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;color:#fff;font-size:1.02rem;font-weight:800;text-decoration:none;background:linear-gradient(90deg,#ff149f,#c32cff);box-shadow:0 10px 24px #ff18ad3d,inset 0 1px #ffffff29;cursor:pointer;transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}.quiz-start__cta{min-width:194px;margin-top:34px;padding:0 28px}.quiz-start__cta:hover,.quiz-result__cta:hover{transform:translateY(-2px);filter:brightness(1.05)}.quiz-question{display:flex;min-height:inherit;padding:34px 34px 38px;flex-direction:column;justify-content:center;text-align:left}.quiz-question__progress{width:100%;height:5px;margin-bottom:30px;border-radius:999px;background:#00ffff14;overflow:hidden}.quiz-question__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff159d,#b33cff);transition:width .3s ease}.quiz-question__title{max-width:460px;margin:0;color:#fff;font-size:clamp(1.8rem,2.5vw,2.35rem);font-weight:900;line-height:1.12;letter-spacing:-.05em}.quiz-question__helper{margin:12px 0 0;color:#ffffffa8;font-size:.9rem;font-weight:500}.quiz-question__options{display:grid;gap:14px;margin-top:30px}.quiz-question__option{display:flex;min-height:70px;align-items:center;gap:12px;padding:0 24px;border:1px solid rgba(255,43,214,.3);border-radius:22px;color:#fff;text-align:left;background:#14002a8f;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.quiz-question__option:hover{transform:translateY(-2px);border-color:#ff2bd6ad;background:#300552c2}.quiz-question__option.is-selected{border-color:#ff2bd6e6;background:#490869e6;box-shadow:0 0 16px #ff2bd638,inset 0 0 0 1px #ffffff0f}.quiz-question__option span{font-size:1.15rem}.quiz-question__option strong{font-size:1.02rem;font-weight:800;line-height:1.15}.quiz-question__next{min-height:54px;margin-top:24px;padding:0 26px;border:0;border-radius:999px;color:#fff;font-size:.98rem;font-weight:900;background:linear-gradient(90deg,#ff149f,#c32cff);box-shadow:0 10px 24px #ff18ad33,inset 0 1px #ffffff24;cursor:pointer;transition:transform .25s ease,filter .25s ease,opacity .25s ease}.quiz-question__next:hover{transform:translateY(-2px);filter:brightness(1.05)}.quiz-question__next:disabled{opacity:.42;cursor:not-allowed;transform:none;filter:none}.quiz-result{display:flex;min-height:inherit;padding:36px 34px 34px;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quiz-result__eyebrow{margin:0;color:#14f8ff;font-size:.82rem;font-weight:800;letter-spacing:.36em}.quiz-result__name{margin:16px 0 0;color:#fff;font-size:clamp(2.35rem,3.2vw,3.2rem);font-weight:900;line-height:.95;letter-spacing:-.05em}.quiz-result__detail{margin:16px 0 0;color:#ffffffb8;font-size:1rem;font-weight:500;line-height:1.25}.quiz-result__old-price{min-height:24px;margin:24px 0 0;color:#ffffff94;font-size:1.08rem;text-decoration:line-through}.quiz-result__old-price--empty{visibility:hidden}.quiz-result__price{margin:4px 0 0;color:#ff18ba;font-size:clamp(4.1rem,6vw,5.7rem);font-weight:900;line-height:.88;letter-spacing:-.07em}.quiz-result__discount{margin:24px 0 0;padding:8px 18px;border:1px solid rgba(255,43,214,.55);border-radius:999px;color:#ff31d2;font-size:.88rem;font-weight:600;background:#ff2bd61f}.quiz-result__reason{max-width:390px;margin:18px auto 0;color:#ffffffb8;font-size:.84rem;font-weight:500;line-height:1.35}.quiz-result__cta{width:min(100%,380px);min-height:68px;margin-top:24px;border-radius:18px;font-size:1.18rem}.quiz-result__restart{margin-top:18px;padding:0;border:0;color:#ffffffb3;font-size:.9rem;text-decoration:underline;background:transparent;cursor:pointer}@keyframes quiz-title-type{0%{max-width:0}to{max-width:27ch}}@keyframes quiz-title-caret{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes quiz-title-shimmer{0%{background-position:170% 50%}to{background-position:-170% 50%}}@keyframes quiz-mascot-real-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@media(max-width:980px){.quiz-section{padding:72px 0 82px}.quiz-section__title{max-width:540px;font-size:clamp(2rem,8.5vw,3.15rem);line-height:1.02}.quiz-section__stage{width:min(100%,620px);min-height:330px;margin-top:44px}.quiz-section__mascot-img{left:calc(50% - 300px);bottom:0;height:clamp(230px,34vw,285px)}.quiz-section__quiz-card{width:min(100%,440px);min-height:320px}}@media(max-width:640px){.quiz-section{padding:58px 0 64px}.quiz-section__container{padding-inline:18px}.quiz-section__eyebrow{color:#14f8ff;font-size:.74rem;font-weight:700;letter-spacing:.38em}.quiz-section__title{max-width:360px;margin-top:22px;font-size:clamp(1.95rem,8vw,2.45rem);line-height:1.08;letter-spacing:-.055em}.quiz-section__title-line{display:block}.quiz-section__title-line--typing{width:100%;max-width:100%;margin-inline:auto;overflow:visible;white-space:normal}.quiz-section[data-quiz-title-ready] .quiz-section__title-line--typing{max-width:100%;opacity:0;transform:translate3d(0,18px,0);filter:blur(12px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1)}.quiz-section[data-quiz-title-ready] .quiz-section__title-line--typing:after{display:none}.quiz-section.is-title-visible .quiz-section__title-line--typing{opacity:1;transform:translateZ(0);filter:blur(0);animation:none;transition-delay:.16s}.quiz-section__title-line--shimmer{display:block}.quiz-section__stage{width:100%;min-height:auto;margin-top:34px}.quiz-section__mascot-img{display:none}.quiz-section__quiz-card{width:100%;min-height:450px;border-radius:28px;background:linear-gradient(180deg,#18002ab8,#0a001ae6),#120022db;border-color:#ff2bd63d}.quiz-start{padding:54px 28px 46px}.quiz-start__icon{width:54px;height:54px;margin-bottom:30px;color:#ff1fbf}.quiz-start__description{max-width:310px;margin-inline:auto;color:#ffffffc2;font-size:clamp(1rem,4.3vw,1.22rem);line-height:1.45}.quiz-start__cta{min-width:220px;min-height:60px;margin-top:34px;padding:0 30px;font-size:1.05rem}.quiz-question{padding:30px 22px 34px}.quiz-question__progress{margin-bottom:30px}.quiz-question__title{font-size:clamp(1.9rem,8vw,2.35rem);line-height:1.12}.quiz-question__helper{font-size:.86rem}.quiz-question__options{gap:14px;margin-top:30px}.quiz-question__option{min-height:72px;padding:0 22px;border-radius:22px}.quiz-question__option strong{font-size:clamp(1rem,4.6vw,1.24rem)}.quiz-question__next{width:100%;min-height:58px;margin-top:22px;font-size:1rem}.quiz-result{padding:30px 18px}.quiz-result__name{font-size:clamp(2.35rem,10vw,3.1rem)}.quiz-result__detail{font-size:1rem}.quiz-result__price{font-size:clamp(4rem,17vw,5.4rem)}.quiz-result__discount{font-size:.82rem}.quiz-result__reason{max-width:100%;font-size:.82rem}.quiz-result__cta{width:100%;min-height:66px;font-size:1.08rem}}@media(max-width:390px){.quiz-section__title{max-width:320px;font-size:clamp(1.78rem,8.6vw,2.1rem)}.quiz-section__quiz-card{min-height:430px}.quiz-start{padding:48px 24px 42px}.quiz-start__description{max-width:280px;font-size:1rem}.quiz-start__cta{min-width:210px;min-height:58px}.quiz-question__option{min-height:68px;padding-inline:18px}.quiz-result__price{font-size:clamp(3.55rem,16vw,4.8rem)}}@supports not (-webkit-background-clip: text){.quiz-section__title-line--shimmer{color:#ff31d2;background:none;-webkit-text-fill-color:currentColor;animation:none}}@media(prefers-reduced-motion:reduce){.quiz-section__mascot-img{animation:none}.quiz-section__panel,.quiz-question__progress span,.quiz-question__option,.quiz-question__next,.quiz-start__cta,.quiz-result__cta{transition:none}.quiz-section__eyebrow,.quiz-section__title-line--typing,.quiz-section__title-line--shimmer{opacity:1!important;transform:none!important;filter:none!important;max-width:none!important;animation:none!important;transition:none!important}}.quiz-section__title-line--shimmer,.quiz-section__mascot-img{animation-play-state:paused}.quiz-section.is-runtime-active.is-title-visible .quiz-section__title-line--shimmer,.quiz-section.is-runtime-active .quiz-section__mascot-img{animation-play-state:running}.quiz-section.is-runtime-active .quiz-section__mascot-img{will-change:transform}.quiz-section__quiz-card{backdrop-filter:blur(14px)}@media(prefers-reduced-motion:reduce){.quiz-section__title-line--shimmer,.quiz-section__mascot-img{animation-play-state:paused;will-change:auto}}
