.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)}

/* Onboarding: molten channels feed cooling basalt vents under each stage. */
.onboarding{background:radial-gradient(ellipse at 50% 75%,#9e390c17,transparent 65%),linear-gradient(125deg,#12232d,#08141e 65%)}
.onboarding li{overflow:hidden;padding-bottom:38px;background:linear-gradient(145deg,#22323bf7,#0b1923fa);border-top-color:#a9885c}
.onboarding li:before{border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#fff0be,#ff9a35 52%,#ac3208);box-shadow:0 0 0 5px #e5811912,0 0 18px #ff8c3577}
.onboarding li:after,.onboarding li:last-child:after{content:'';display:block;position:absolute;left:12px;right:12px;top:auto;bottom:12px;width:auto;height:13px;background:repeating-linear-gradient(115deg,transparent 0 15px,#08121af2 16px 25px,transparent 26px 41px),linear-gradient(100deg,#581b08,#ff6b10 25%,#ffdb80 44%,#b63507 59%,#ff912b 78%,#581b08);background-size:auto,230% 100%;clip-path:polygon(0 42%,12% 30%,22% 57%,33% 15%,45% 44%,56% 28%,68% 54%,80% 20%,91% 40%,100% 30%,100% 68%,89% 78%,78% 60%,65% 91%,53% 65%,42% 83%,30% 61%,19% 85%,8% 65%,0 75%);filter:drop-shadow(0 0 5px #ff641a88);animation:onboarding-vent 7s ease-in-out infinite alternate;animation-play-state:paused;opacity:.75}
.onboarding.scene-visible li:after{animation-play-state:running}.onboarding li:nth-child(2):after{animation-delay:-2s}.onboarding li:nth-child(3):after{animation-delay:-4s}.onboarding li:nth-child(4):after{animation-delay:-6s}
.onboarding li.stage-hot{box-shadow:inset 0 -22px 25px -22px #ff882888,0 9px 0 #221d19,0 0 30px #f1791622,0 22px 35px #0005}
@keyframes onboarding-vent{from{background-position:0 0,0% 50%;opacity:.65}to{background-position:0 0,100% 50%;opacity:1}}
@media(max-width:700px){.onboarding-current{opacity:1}.onboarding ol{column-gap:18px}.onboarding li{padding-bottom:38px}.onboarding li:after{left:9px;right:9px}}
@media(prefers-reduced-motion:reduce){.onboarding li:after{animation:none}}
.motion-paused .onboarding li:after{animation-play-state:paused}

.onboarding li:after,.onboarding li:last-child:after{height:5px;bottom:15px;background:radial-gradient(ellipse at 20% 50%,#071219 0 18%,transparent 21%),radial-gradient(ellipse at 63% 10%,#071219 0 14%,transparent 18%),linear-gradient(100deg,#531a08,#ff731a 25%,#ffdc85 44%,#a02c06 59%,#ff912b 78%,#531a08);background-size:47px 8px,71px 7px,230% 100%;clip-path:polygon(0 40%,12% 15%,26% 35%,38% 5%,52% 28%,66% 0,78% 40%,91% 19%,100% 35%,100% 65%,90% 80%,77% 62%,64% 96%,51% 70%,37% 89%,25% 62%,11% 82%,0 70%)}