.diag-modal{background:#fff;border:0;border-radius:1.2rem;width:100%;max-width:84rem;max-height:90vh;margin:auto;padding:0;overflow:hidden;box-shadow:0 2rem 6rem #0000004d}.diag-modal::backdrop{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:#0009}.diag-modal[open]{flex-direction:column;display:flex}.diag-modal__panel{flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden}.diag-modal__header{color:#fff;background:#131313;flex-shrink:0;justify-content:space-between;align-items:center;padding:2rem 3rem;display:flex}.diag-modal__title{color:#fff;font-size:2rem;font-weight:700;line-height:1}.diag-modal__close{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;padding:0;display:flex}.diag-modal__close svg{width:100%;height:100%}.diag-modal__body{flex-direction:column;flex:1;gap:3rem;padding:3rem;display:flex;overflow-y:auto}.diag-modal__body--result,.diag-modal__body--intro{padding:0}.diag-modal__footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:2rem 3rem;display:flex}.diag-intro{background:linear-gradient(#fff 50%,#e3f2ff 100%);border-radius:0 0 1.2rem 1.2rem;height:50.6rem;position:relative;overflow:hidden}.diag-intro__copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:absolute;top:7rem;left:3rem;right:3rem}.diag-intro__label{color:#131313;font-size:2.1rem;font-weight:500;line-height:1.2}.diag-intro__headline{color:#0d80f2;font-size:2.8rem;font-weight:700;line-height:1.3}.diag-intro__graphic{transform-origin:100% 0;z-index:1;pointer-events:none;width:80rem;height:20rem;position:absolute;top:20rem;right:0;overflow:hidden;transform:scale(1.05)}.diag-intro__line{will-change:transform;max-width:none;position:absolute}.diag-intro__line--1{width:90.565rem;height:13.6rem;animation:7s ease-in-out infinite diagLineWave1;top:-2.23rem;left:-4.97rem;transform:rotate(-15.66deg)skew(-1.3deg)}.diag-intro__line--2{width:93.619rem;height:7.594rem;animation:9s ease-in-out -3s infinite diagLineWave2;top:3.1rem;left:-5.81rem;transform:rotate(2.63deg)skew(.23deg)}@keyframes diagLineWave1{0%,to{transform:translate(0)rotate(-15.66deg)skew(-1.3deg)}50%{transform:translate(-2.5rem)rotate(-15.66deg)skew(-1.3deg)}}@keyframes diagLineWave2{0%,to{transform:translate(0)rotate(2.63deg)skew(.23deg)}50%{transform:translate(2.5rem)rotate(2.63deg)skew(.23deg)}}@media (prefers-reduced-motion:reduce){.diag-intro__line--1,.diag-intro__line--2{animation:none}}.diag-intro__pill{background:#fffc;border-radius:1.2rem;justify-content:center;align-items:center;width:12rem;height:4.5rem;display:flex;position:absolute;box-shadow:0 .2rem 2.5rem #68a0e04d}.diag-intro__pill img{width:auto}.diag-intro__pill--jade{top:2.7rem;left:7rem}.diag-intro__pill--jade img{height:1.5rem}.diag-intro__pill--hunel{top:7.2rem;left:50%;transform:translate(-50%)}.diag-intro__pill--hunel img{height:1.7rem}.diag-intro__pill--talenx{top:1.4rem;left:58rem}.diag-intro__pill--talenx img{height:1.5rem}.diag-intro__star{width:4.33rem;height:4.33rem;position:absolute}.diag-intro__star--a{top:9.07rem;left:57.14rem}.diag-intro__star--b{top:13.47rem;left:10.84rem}.diag-intro__start{z-index:2;color:#fff;white-space:nowrap;cursor:pointer;background:#131313;border:1px solid #131313;border-radius:.5rem;min-width:17.4rem;padding:1.6rem 2.4rem;font-size:1.8rem;font-weight:700;transition:background .2s,color .2s;position:absolute;top:42rem;left:50%;transform:translate(-50%)}.diag-intro__start:hover{color:#131313;background:#fff}.diag-question{flex-direction:column;gap:5rem;display:flex}.diag-question__top{justify-content:space-between;align-items:center;gap:2rem;display:flex}.diag-question__progress{background:#e5e7eb;border-radius:.4rem;flex:1;height:.6rem;overflow:hidden}.diag-question__progress-fill{background:#0d80f2;border-radius:.4rem;height:100%;transition:width .45s}.diag-question__counter{color:#131313;white-space:nowrap;font-size:1.6rem;font-weight:600;line-height:1}.diag-question__card{flex-direction:column;gap:2rem;display:flex}.diag-question__title{gap:.5rem;font-size:1.8rem;font-weight:700;line-height:1.4;display:flex}.diag-question__title-num{color:#0d80f2;flex-shrink:0}.diag-question__title-text{color:#131313}.diag-question__options{flex-direction:column;gap:1rem;display:flex}.diag-question__option{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1.2rem;min-height:6rem;padding:2rem;transition:border-color .2s,background .2s;display:flex}.diag-question__option:hover{border-color:#0d80f2}.diag-question__option--selected{background:#f2faff;border-color:#0d80f2}.diag-question__option--selected .diag-question__option-text{color:#0d80f2;font-weight:700}.diag-question__option--selected .diag-question__check{opacity:1}.diag-question__option-text{color:#131313;flex:1;font-size:1.6rem;font-weight:400;line-height:1.4;transition:color .2s}.diag-question__check{opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:opacity .2s;display:flex}.diag-nav-btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:1.05rem 3rem;font-size:1.8rem;font-weight:700;line-height:1;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.diag-nav-btn--prev{color:#131313;background:#fff;border-color:#131313}.diag-nav-btn--prev:hover{color:#fff;background:#131313}.diag-nav-btn--prev:disabled{color:#fff;cursor:not-allowed;background:#cbcfd2;border-color:#cbcfd2}.diag-nav-btn--next{color:#fff;background:#131313;border-color:#131313}.diag-nav-btn--next:hover{color:#131313;background:#fff}.diag-nav-btn--next:disabled{color:#fff;cursor:not-allowed;background:#cbcfd2;border-color:#cbcfd2}.diag-result{flex-direction:column;display:flex}.diag-result__status{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:3rem;padding:3rem;display:flex}.diag-result__status-head{flex-direction:column;gap:1rem;display:flex}.diag-result__status-title{color:#131313;font-size:1.8rem;font-weight:700;line-height:1.33}.diag-result__status-desc{color:#34383a;font-size:1.4rem;line-height:1.43}.diag-result__gauge{padding-top:5rem;position:relative}.diag-result__gauge-track{background:linear-gradient(90deg,#f40f49 0%,#fff200 60%,#12b800 96%);border-radius:10rem;height:1.2rem;position:relative;overflow:hidden}.diag-result__gauge-rest{background:#e5e7eb;position:absolute;top:0;bottom:0;right:0}.diag-result__gauge-pill{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:0;transform:translate(-50%)}.diag-result__gauge-pill--end{align-items:flex-end;transform:translate(-100%)}.diag-result__gauge-badge{white-space:nowrap;border-radius:2rem;padding:.3rem 1rem;font-size:1.6rem;font-weight:700}.diag-result__gauge-badge--basic{color:#e5484d;background:#ffe2e2}.diag-result__gauge-badge--organize{color:#f97316;background:#ffedd5}.diag-result__gauge-badge--system{color:#68b200;background:#f2fbc7}.diag-result__gauge-badge--advanced{color:#16a34a;background:#d8f5cc}.diag-result__gauge-pointer{background:#cbcfd2;width:.1rem;height:2rem}.diag-result__gauge-labels{height:1.7rem;position:absolute;bottom:1.8rem;left:0;right:0}.diag-result__gauge-label{color:#606364;white-space:nowrap;font-size:1.4rem;font-weight:500;position:absolute;top:0;transform:translate(-50%)}.diag-result__gauge-label--start{transform:translate(0)}.diag-result__gauge-label--end{transform:translate(-100%)}.diag-result__gauge-label--active-hidden{visibility:hidden}.diag-result__pain{background:#f6f7f9;border-radius:.8rem;flex-direction:column;gap:2rem;padding:2rem;display:flex}.diag-result__pain-head{align-items:center;gap:.4rem;display:flex}.diag-result__pain-head svg{flex-shrink:0}.diag-result__pain-title{color:#131313;font-size:1.6rem;font-weight:700}.diag-result__pain-body{flex-direction:column;gap:1rem;padding-left:2rem;display:flex}.diag-result__pain-sub{color:#4b5762;font-size:1.5rem;font-weight:600;line-height:1.4}.diag-result__pain-list,.diag-result__reco-effect-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.diag-result__pain-list li,.diag-result__reco-effect-list li{color:#34383a;align-items:center;gap:.2rem;font-size:1.4rem;line-height:1.43;display:flex}.diag-result__check{flex-shrink:0;width:2rem;height:2rem}.diag-result__pain-list .diag-result__check path{stroke:#4b5762}.diag-result__recos{background:#f6f7f9;flex-direction:column;gap:3rem;padding:3rem;display:flex}.diag-result__reco{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;gap:2rem;padding:3rem;display:flex;position:relative;overflow:hidden}.diag-result__reco--elizax:after{content:"";opacity:.7;filter:blur(7.5rem);pointer-events:none;background:conic-gradient(from 180deg,#9f80ff 130.4deg,#7bbdff 196.47deg,#cb3bff 206.59deg);border-radius:66.1rem;width:66.1rem;height:66.1rem;position:absolute;bottom:-61rem;right:-36rem}.diag-result__reco--elizax>:not(.diag-result__elizax-glow){z-index:1;position:relative}.diag-result__reco-badge{color:#0000;-webkit-text-fill-color:#0000;background-image:linear-gradient(129deg,#0d6aff 0%,#8244ff 50%,#f71dff 100%),linear-gradient(#fff,#fff),linear-gradient(129deg,#0d6aff 0%,#8244ff 50%,#f71dff 100%);background-origin:border-box;-webkit-background-clip:text,padding-box,border-box;background-clip:text,padding-box,border-box;border:1.5px solid #0000;border-radius:10rem;align-self:flex-start;padding:.5rem 1rem;font-size:1.4rem;font-weight:700;line-height:1}.diag-result__reco-badge--dark{color:#34383a;-webkit-text-fill-color:#34383a;background:0 0;border-color:#34383a}.diag-result__reco-name{align-items:center;gap:.4rem;display:flex}.diag-result__reco-logo{width:auto;height:1.8rem}.diag-result__reco-namekr{color:#34383a;font-size:1.6rem;font-weight:600}.diag-result__reco-why,.diag-result__elizax-text{z-index:1;color:#34383a;margin:0;font-size:1.4rem;line-height:1.43;position:relative}.diag-result__reco-effect{background:#f6f7f9;border-radius:.8rem;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.diag-result__reco-effect-title{color:#131313;font-size:1.5rem;font-weight:700}.diag-result-footer{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:1rem;padding:2rem 3rem;display:flex}.diag-result-cta-row{gap:1rem;display:flex}.diag-result-cta{border:1px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;min-width:8rem;height:4rem;padding:0 1.6rem;font-size:1.4rem;font-weight:700;line-height:1;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.diag-result-cta--primary{color:#fff;background:#131313;border-color:#131313;min-width:12rem}.diag-result-cta--primary:hover{color:#131313;background:#fff}.diag-result-cta--secondary{color:#131313;background:#fff;border-color:#131313}.diag-result-cta--secondary:hover{color:#fff;background:#131313}.diag-result-restart{color:#494d50;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.2rem;font-size:1.4rem;display:inline-flex}.diag-result-restart:hover{color:#0d80f2}@media (max-width:767px){.diag-modal{border-radius:0;max-width:90%}.diag-modal__body{padding:2rem}.diag-modal__body--intro,.diag-modal__body--result{padding:0}.diag-intro{height:44rem}.diag-intro__copy{top:5rem}.diag-intro__label{font-size:1.6rem}.diag-intro__headline{font-size:1.9rem}.diag-intro__graphic{transform-origin:100% 0;top:17rem;transform:scale(.45)}.diag-intro__start{top:37rem}.diag-result__status,.diag-result__recos{gap:2rem;padding:2rem}.diag-result__reco{padding:2rem}}
