/* Approved pricing option 2: Cristal neural. All commercial content retained. */
html:root body.apex-dark #main#main #planes-apex{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;isolation:isolate;overflow:visible!important;scroll-margin-top:120px!important}
html:root body.apex-dark #main#main #planes-apex .ob-plans{perspective:1600px;gap:24px}
html:root body.apex-dark #main#main #planes-apex .ob-plan{
position:relative;isolation:isolate;border:1px solid #cce9d4d9!important;border-radius:22px;
background:radial-gradient(ellipse at 90% 0%,#a4ffcf1c,transparent 50%),linear-gradient(145deg,#1c3029ed,#020b09f5 58%,#103021ed)!important;
box-shadow:inset 0 2px 3px #f2fff5a1,inset 0 -2px 4px #a7ffd152,0 0 0 2px #395346a3,2px 3px 0 3px #91b59b8c,0 7px 0 2px #0a1911,0 23px 27px #000b,0 0 17px #8dffb51c!important;
backdrop-filter:blur(18px);overflow:visible!important;
animation:apex-plan-neural-float 7s ease-in-out var(--phase,0s) infinite!important;
}
html:root body.apex-dark #main#main #planes-apex .ob-plan::before{
content:"";position:absolute;inset:4px;border:1px solid #d5ffe052;border-radius:17px;pointer-events:none;z-index:0;
background:linear-gradient(135deg,#eaffef0c,transparent 25%,transparent 77%,#9effd00b);
}
html:root body.apex-dark #main#main #planes-apex .ob-plan>*{position:relative;z-index:1}
html:root body.apex-dark #main#main #planes-apex .ob-plan:first-child{rotate:-1deg}
html:root body.apex-dark #main#main #planes-apex .ob-plan:last-child{rotate:1deg}
html:root body.apex-dark #main#main #planes-apex .ob-plan.ob-featured{
border-color:#b8ffe0!important;
background:radial-gradient(ellipse at 70% 0%,#afffe32b,transparent 50%),linear-gradient(145deg,#163e2de8,#03120cf5 65%,#17442bed)!important;
box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 5px #b2ffd97d,0 0 0 2px #61ba8d91,2px 3px 0 3px #a8dabb9c,0 7px 0 2px #122d1b,0 0 24px #7dffc94d,0 23px 27px #000b!important;
}
html:root body.apex-dark #main#main #planes-apex .ob-featured::after{
content:"";position:absolute;top:-24px;left:-13%;width:126%;height:135px;border:1px solid #9effd896;border-radius:50%;z-index:-1;
transform:rotate(-18deg) rotateX(38deg);
box-shadow:0 0 8px #9cffd22b,inset 0 0 6px #9cffd20f;pointer-events:none;animation:apex-plan-neural-glow 6s ease-in-out infinite;
}
html:root body.apex-dark #main#main #planes-apex .ob-plan>svg{
color:#afffdd;stroke:#afffdd;stroke-width:1.3;
filter:drop-shadow(1px 1px 0 #eaffed) drop-shadow(2px 3px 0 #3f725b) drop-shadow(0 0 7px #8dffc958)!important;
animation:apex-plan-icon-float 6s ease-in-out var(--phase,0s) infinite;
}
html:root body.apex-dark #main#main #planes-apex .ob-plan .ob-eyebrow{color:#e5d4a9}
html:root body.apex-dark #main#main #planes-apex .ob-plan h3{color:#f2fff8}
html:root body.apex-dark #main#main #planes-apex .ob-plan .ob-price{color:#afffe1;text-shadow:0 0 15px #93ffcf1a}
html:root body.apex-dark #main#main #planes-apex .ob-plan .ob-price small{color:#b3ffe2}
html:root body.apex-dark #main#main #planes-apex .ob-plan li{color:#e0eee6}
html:root body.apex-dark #main#main #planes-apex .ob-plan li svg{color:#a2ffdc;filter:drop-shadow(0 0 3px #a1ffd73d)}
html:root body.apex-dark #main#main #planes-apex .ob-badge{
background:linear-gradient(145deg,#fff4cf,#dfc28e)!important;color:#17271c!important;border:1px solid #f3f5d3;
box-shadow:inset 0 1px 2px #fff,0 2px 0 #7c987b,0 5px 8px #0008;
}
html:root body.apex-dark #main#main #planes-apex .ob-plan .ob-btn,html:root body.apex-dark #main#main #planes-apex .ob-demo-offer .ob-btn{
border:1px solid #d4e5d1!important;border-radius:99px!important;
background:linear-gradient(150deg,#576f5c52,#031009f5 58%,#183b26)!important;
box-shadow:inset 0 1px 3px #fff9,inset 0 -2px 3px #001207,0 3px 0 #58796199,0 6px 0 #0b1f12,0 0 12px #98ffca21,0 10px 15px #000a!important;
color:#edfdf3!important;animation:apex-plan-button-float 6s ease-in-out var(--phase,0s) infinite;
}
html:root body.apex-dark #main#main #planes-apex .ob-featured .ob-btn{
background:linear-gradient(145deg,#d7ffea,#78f4c7 42%,#48c59e 80%,#a4ffda)!important;
color:#062c1d!important;border-color:#ceffeb!important;
box-shadow:inset 0 2px 3px #fffd,inset 0 -2px 4px #117e6180,0 3px 0 #4d9b7f,0 6px 0 #102d20,0 0 19px #94ffd580,0 10px 15px #0009!important;
}
html:root body.apex-dark #main#main #planes-apex .ob-text-link{color:#e2d1a5}
html:root body.apex-dark #main#main #planes-apex .ob-demo-offer,html:root body.apex-dark #main#main #planes-apex .ob-demo-offer>.ob-card{
position:relative;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;
}
html:root body.apex-dark #main#main #planes-apex .ob-demo-offer>.ob-card::before,html:root body.apex-dark #main#main #planes-apex .ob-demo-offer>.ob-card::after{background:none!important;border:0!important;box-shadow:none!important}
html:root body.apex-dark #main#main #planes-apex .ob-demo-offer::before{
content:"";position:absolute;left:15%;right:15%;top:0;height:1px;pointer-events:none;
background:linear-gradient(90deg,transparent,#a5ffdf85,transparent);box-shadow:0 0 10px #b2ffe322;
}
html:root body.apex-dark #main#main #planes-apex .ob-demo-offer h3{color:#e4fff1}
html:root body.apex-dark #main#main #planes-apex .ob-demo-offer>.ob-card{animation:none!important}
html:root body.apex-dark #main#main #planes-apex :is(.ob-btn,.ob-text-link):focus-visible{outline:2px solid #a5ffe1;outline-offset:7px}
html:root body.apex-dark #main#main #planes-apex .ob-btn:hover{filter:brightness(1.12)}
@keyframes apex-plan-neural-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes apex-plan-icon-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes apex-plan-button-float{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes apex-plan-neural-glow{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:700px){
html:root body.apex-dark #main#main #planes-apex{overflow:hidden!important;scroll-margin-top:180px!important}
html:root body.apex-dark #main#main #planes-apex .ob-plans{padding-inline:7px;gap:30px}
html:root body.apex-dark #main#main #planes-apex .ob-plan:first-child,html:root body.apex-dark #main#main #planes-apex .ob-plan:last-child{rotate:0deg}
html:root body.apex-dark #main#main #planes-apex .ob-featured::after{left:-4%;width:108%;top:-20px;height:110px}
}
@media(prefers-reduced-motion:reduce){html:root body.apex-dark #main#main #planes-apex :is(.ob-plan,.ob-btn,.ob-plan>svg),html:root body.apex-dark #main#main #planes-apex .ob-featured::after{animation:none!important;transition:none!important}}

html:root body.apex-dark #main#main #planes-apex .ob-badge{position:absolute!important;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:3}