.pricing-faq{position:relative;gap:75px;padding-top:50px;padding-bottom:65px}.pricing-faq>div:first-child{position:sticky;top:90px;align-self:start}.pricing-faq h2{font-size:clamp(34px,4.1vw,56px)}
.faq-core{position:relative;isolation:isolate;width:100%;max-width:365px;height:290px;margin-top:20px;background:radial-gradient(ellipse,#e06b1312,transparent 66%);transform:perspective(900px) rotateX(7deg)}
.faq-molten-core{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 22px 25px #0008)}
.faq-core>span{position:absolute;bottom:-4px;width:100%;text-align:center;font-size:7px;letter-spacing:.2em;color:#b99468}
.faq-list{position:relative;counter-reset:faq}.faq-list:before{content:'';position:absolute;left:-25px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#fa914a55 20%,#ba6d2c22 80%,transparent)}
.faq-list details{position:relative;counter-increment:faq;border:1px solid #9c85562e;background:linear-gradient(130deg,#1e2d3444,#0c161c88);border-radius:6px;margin-bottom:11px;padding:0;overflow:hidden;transition:border-color .35s,background .4s,box-shadow .4s}
.faq-list summary{padding:22px 45px 22px 43px;font-size:14px;line-height:1.5;transition:color .3s,background .3s}.faq-list summary:before{content:counter(faq,decimal-leading-zero);position:absolute;left:15px;top:25px;font-size:7px;letter-spacing:.1em;color:#b89464}.faq-list summary:after{right:18px;top:21px;font-size:20px;color:#eeb071}
.faq-list details:hover{border-color:#d9a26577;box-shadow:0 0 22px #e8801510}.faq-list details[open]{border-color:#e4a05c88;background:radial-gradient(ellipse at 100% 0,#f8791c1a,transparent 80%),linear-gradient(130deg,#1b2b32,#101c25);box-shadow:inset 2px 0 #fba256,0 10px 25px #0003}.faq-list details[open] summary{color:#ffdaab}
.faq-list details p{margin:0;padding:0 23px 23px 43px;font-size:12px;line-height:1.9;animation:answer-arrive .4s ease-out}
.faq-list details[open]:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ff973e,#ffdeb1,transparent);background-size:220% 100%;animation:faq-current 5s ease-in-out infinite}
.onboarding{position:relative;isolation:isolate;overflow:hidden;padding:45px 30px 80px;margin-bottom:35px;border:1px solid #b9935f30;border-radius:12px;background:linear-gradient(125deg,#12232d,#08141e 65%);box-shadow:inset 0 1px #d6b28218,0 25px 70px #0003}
.onboarding-current{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.onboarding-heading{position:relative;z-index:1;gap:18px 35px;margin-bottom:40px}.onboarding-heading>p{background:#0a162099;border-radius:5px;padding:10px 12px}.onboarding ol{gap:17px;position:relative;margin:0;perspective:1300px}
.onboarding li{position:relative;min-height:255px;background:linear-gradient(145deg,#25353de8,#0d1c26f2);border:1px solid #a38e6c55;border-top:2px solid #eba353;border-radius:7px;padding:24px 18px;box-shadow:0 9px 0 #0a121ad9,0 22px 35px #0006;transform:translateY(18px) rotateX(7deg);opacity:.6;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .8s,border-color .5s,box-shadow .5s}
.onboarding.scene-visible li{transform:translateY(0) rotateX(0);opacity:1}.onboarding li:nth-child(2){transition-delay:.12s}.onboarding li:nth-child(3){transition-delay:.24s}.onboarding li:nth-child(4){transition-delay:.36s}
.onboarding li:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#ffc171;box-shadow:0 0 0 5px #e5811912,0 0 18px #ff8c3566;margin-bottom:24px;transition:box-shadow .5s}
.onboarding li:after{content:'';position:absolute;top:28px;right:-19px;width:18px;height:1px;background:linear-gradient(90deg,#f2ad65,#ffbf7a44)}.onboarding li:last-child:after{display:none}
.onboarding li>span{font-size:8px;letter-spacing:.13em}.onboarding h3{font-size:20px;line-height:1.2;margin-top:16px}.onboarding li p{font-size:11px;line-height:1.9;color:#a9bbc5}.onboarding li.stage-hot{border-color:#ffd28e;box-shadow:0 9px 0 #221d19,0 0 30px #f1791622,0 22px 35px #0005}.onboarding li.stage-hot:before{box-shadow:0 0 0 7px #f3a02a1c,0 0 23px #ffa64a99}
@keyframes answer-arrive{from{opacity:.2;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes faq-current{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:700px){.pricing-faq{gap:30px;padding-top:30px}.pricing-faq>div:first-child{position:static}.faq-core{max-width:280px;height:210px;margin:5px auto 20px}.faq-list:before{display:none}.faq-list summary{font-size:13px;padding:19px 37px 19px 38px}.faq-list summary:before{left:13px;top:22px}.faq-list summary:after{top:19px;right:14px}.faq-list details p{padding:0 19px 20px 38px}.onboarding{padding:32px 20px 55px}.onboarding-heading{gap:17px;margin-bottom:26px}.onboarding-heading>p{padding:0;background:none}.onboarding ol{grid-template-columns:1fr 1fr;gap:20px 12px}.onboarding li{padding:19px 14px;min-height:260px}.onboarding h3{font-size:18px}.onboarding li:after{display:none}.onboarding li:before{margin-bottom:20px}.onboarding-current{opacity:.65}}
@media(max-width:380px){.onboarding ol{grid-template-columns:1fr}.onboarding li{min-height:0}}
@media(prefers-reduced-motion:reduce){.faq-list details p,.faq-list details[open]:after{animation:none}.onboarding li{opacity:1;transform:none;transition:none}}
.motion-paused .faq-list details p,.motion-paused .faq-list details[open]:after{animation:none}.motion-paused .onboarding li{opacity:1;transform:none;transition:none}
.faq-list summary:after{content:'+'!important;transition:transform .4s cubic-bezier(.22,1,.36,1),color .3s}
.faq-list details[open]:not(.faq-closing) summary:after{transform:rotate(45deg);color:#ffdc9e}
.faq-list details.faq-closing summary:after{transform:rotate(0)}
.faq-list details.faq-closing p{animation:none}
@media(prefers-reduced-motion:reduce){.faq-list summary:after{transition:none}}
.motion-paused .faq-list summary:after{transition:none}
.faq-liquid-seam{position:absolute;left:0;top:0;width:24px;height:100%;pointer-events:none;z-index:4;border-radius:inherit}
.faq-list details.faq-animating{box-shadow:0 8px 24px #0004,inset 2px 0 #f9923422}

.faq-list details{isolation:isolate}.faq-answer-material{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0}.faq-list details.faq-animating{box-shadow:0 8px 24px #0004}.faq-list details[open]:after{animation:none;opacity:.4;background:linear-gradient(90deg,transparent,#efa96077,transparent)}
