@property --scene-color{syntax:"<color>";inherits:true;initial-value:#f5b82e}
@property --scene-next-color{syntax:"<color>";inherits:true;initial-value:#b443ff}

.plans-final-experience{
  --scene-color:#f5b82e;
  --scene-next-color:#b443ff;
  min-height:720px;
  padding-top:190px;
  transition:--scene-color 1.8s ease,--scene-next-color 1.8s ease;
}
.plans-final-experience:before{
  background:
    radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--scene-color) 34%,transparent),transparent 24%),
    radial-gradient(ellipse at 30% 82%,color-mix(in srgb,var(--scene-color) 70%,transparent),transparent 50%),
    radial-gradient(ellipse at 72% 78%,color-mix(in srgb,var(--scene-next-color) 65%,transparent),transparent 52%);
  transition:background 1.8s ease;
}
.plans-final-experience:after{
  background:
    radial-gradient(ellipse at 50% 84%,color-mix(in srgb,var(--scene-color) 82%,transparent) 0%,color-mix(in srgb,var(--scene-next-color) 40%,transparent) 37%,transparent 72%),
    linear-gradient(180deg,transparent 6%,color-mix(in srgb,var(--scene-color) 12%,transparent) 50%,color-mix(in srgb,var(--scene-next-color) 42%,transparent) 100%);
  animation:sceneChromaticBreath 8s ease-in-out infinite;
  transition:background 1.8s ease;
}
.plans-final-grid{background-image:linear-gradient(color-mix(in srgb,var(--scene-color) 28%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--scene-color) 28%,transparent) 1px,transparent 1px);transition:background-image 1.8s ease}
.plans-final-aurora{background:radial-gradient(circle,color-mix(in srgb,var(--scene-color) 88%,transparent),color-mix(in srgb,var(--scene-next-color) 50%,transparent) 38%,transparent 72%);transition:background 1.8s ease}
.plans-final-horizon{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--scene-color) 70%,white),transparent);box-shadow:0 0 24px var(--scene-color),0 -30px 95px color-mix(in srgb,var(--scene-next-color) 55%,transparent);transition:background 1.8s ease,box-shadow 1.8s ease}

.plans-final-core{top:22px;width:238px;height:218px;animation:finalCoreFloat 4s ease-in-out infinite}
.core-plan-badges{position:relative;z-index:5;width:122px;height:122px;display:grid;place-items:center}
.core-plan-badge{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.56) rotate(-20deg);filter:blur(8px);transition:opacity .65s ease,transform .8s cubic-bezier(.2,.9,.2,1),filter .8s ease}
.core-plan-badge.is-active{opacity:1;transform:scale(1) rotate(0);filter:drop-shadow(0 12px 17px #0009) drop-shadow(0 0 14px var(--scene-color)) drop-shadow(0 0 34px color-mix(in srgb,var(--scene-color) 55%,transparent));animation:sceneBadgePulse 3.2s ease-in-out infinite}
.core-plan-badge img{display:block;width:108px;height:108px;object-fit:contain}
.core-plan-badge b{font-size:76px;line-height:1;color:var(--scene-color);text-shadow:0 0 26px currentColor}
.core-plan-name{position:absolute;z-index:7;left:50%;bottom:-2px;min-width:120px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--scene-color) 55%,transparent);border-radius:999px;background:#0d1115d9;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-align:center;transform:translateX(-50%);box-shadow:0 0 22px color-mix(in srgb,var(--scene-color) 24%,transparent);backdrop-filter:blur(12px);transition:opacity .24s ease,transform .24s ease,border-color 1.8s ease,box-shadow 1.8s ease}
.core-plan-name.is-changing{opacity:0;transform:translateX(-50%) translateY(6px)}

.core-orbit{border-color:color-mix(in srgb,var(--scene-color) 58%,transparent);box-shadow:inset 0 0 13px color-mix(in srgb,var(--scene-color) 10%,transparent);transition:border-color 1.8s ease,box-shadow 1.8s ease}
.core-orbit i,.core-orbit b,.core-orbit em{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--scene-color);box-shadow:0 0 13px var(--scene-color);transition:background 1.8s ease,box-shadow 1.8s ease}
.core-orbit i{left:-3px;top:50%}.core-orbit b{right:10%;top:5%}.core-orbit em{left:58%;bottom:-3px}
.core-orbit.orbit-one{width:212px;height:105px}
.core-orbit.orbit-two{width:132px;height:210px;border-color:color-mix(in srgb,var(--scene-next-color) 62%,transparent)}
.core-orbit.orbit-three{width:226px;height:72px;transform:rotate(32deg);animation:coreOrbitThree 9s linear infinite}
.core-orbit.orbit-four{width:92px;height:224px;border-style:dashed;transform:rotate(-38deg);animation:coreOrbitFour 11s linear infinite reverse}
.core-spark{background:var(--scene-color);box-shadow:0 0 13px var(--scene-color);transition:background 1.8s ease,box-shadow 1.8s ease}
.spark-three{left:50%;top:2px;width:4px;height:4px;animation:sparkTwo 2.8s ease-in-out -1s infinite}

.plans-final-star{color:var(--scene-color);transition:color 1.8s ease}.star-b{color:var(--scene-next-color)}
.plans-final-object{color:var(--scene-color);border-color:color-mix(in srgb,var(--scene-color) 34%,transparent);box-shadow:0 13px 30px #0008,0 0 22px color-mix(in srgb,var(--scene-color) 68%,transparent);transition:color 1.8s ease,border-color 1.8s ease,box-shadow 1.8s ease}.object-drive{color:var(--scene-next-color)}
.plans-final-copy>span{border-color:color-mix(in srgb,var(--scene-color) 48%,transparent);background:color-mix(in srgb,var(--scene-color) 14%,#0b0e12);color:color-mix(in srgb,var(--scene-color) 42%,white);font-size:10px;text-shadow:0 1px 7px #000;transition:.8s}
.plans-final-copy>span i,.plans-final-experience>footer i{background:var(--scene-color);box-shadow:0 0 10px var(--scene-color);transition:background 1.8s ease,box-shadow 1.8s ease}
.plans-final-copy p{color:#f3edf5;font-size:14px;font-weight:550;text-shadow:0 2px 12px #000,0 1px 2px #000}
.plans-final-copy h2 em{text-shadow:0 0 30px color-mix(in srgb,var(--scene-color) 62%,transparent);transition:text-shadow 1.8s ease}
.plans-final-actions{border-color:color-mix(in srgb,var(--scene-color) 30%,transparent);box-shadow:0 16px 42px #0009,0 0 30px color-mix(in srgb,var(--scene-color) 25%,transparent);transition:border-color 1.8s ease,box-shadow 1.8s ease}
.plans-final-actions>a.primary{background:linear-gradient(115deg,color-mix(in srgb,var(--scene-color) 82%,white),var(--scene-color));box-shadow:0 8px 28px color-mix(in srgb,var(--scene-color) 52%,transparent);transition:background 1.8s ease,box-shadow 1.8s ease,transform .25s,filter .25s}
.plans-final-actions>a span small{font-size:8px;font-weight:800;color:inherit;opacity:.78}.plans-final-actions>a span b{font-size:12px}.plans-final-actions>a.secondary span small{color:#c8c3cd;opacity:.82}
.plans-final-experience>footer{gap:10px;margin-top:24px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--scene-color) 28%,#ffffff18);border-radius:999px;background:#080b10a8;box-shadow:0 10px 28px #0008,0 0 22px color-mix(in srgb,var(--scene-color) 14%,transparent);backdrop-filter:blur(14px);font-size:11px;font-weight:800;color:#fff;text-shadow:0 2px 8px #000;transition:border-color 1.8s ease,box-shadow 1.8s ease}
.plans-final-experience>footer span{padding:3px 8px;white-space:nowrap}
.plans-final-experience>footer i{width:6px;height:6px;flex:0 0 6px}

@keyframes sceneChromaticBreath{0%,100%{opacity:.86;filter:saturate(.92)}50%{opacity:1;filter:saturate(1.18)}}
@keyframes sceneBadgePulse{0%,100%{scale:1}50%{scale:1.045}}
@keyframes coreOrbitThree{to{transform:rotate(392deg)}}
@keyframes coreOrbitFour{to{transform:rotate(322deg)}}

@media(max-width:800px){.plans-final-experience{min-height:760px;padding-top:205px}.plans-final-core{top:26px;scale:.86}.plans-final-copy p{font-size:13px}}
@media(max-width:500px){.plans-final-experience{min-height:720px;padding-top:185px}.plans-final-core{top:15px;scale:.76}.plans-final-copy>span{font-size:8px}.plans-final-copy p{font-size:12px}.plans-final-experience>footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.plans-final-experience:after,.core-plan-badge.is-active{animation:none!important}.core-plan-badge,.core-plan-name{transition:none}}