body[data-step="8"] .recommendation-head,
body[data-step="8"] .recommendation-ora{animation:plan-reveal .65s cubic-bezier(.22,1,.36,1) both}
body[data-step="8"] .plan-panel.plan-visible{animation:plan-reveal .85s .45s cubic-bezier(.22,1,.36,1) backwards}
body[data-step="8"] .recommendation-ora{animation-delay:.45s}
body[data-step="8"] .recommendation-orinha img,
body[data-step="8"] .plan-panel-mark img{animation:plan-mark-breathe 6s ease-in-out infinite}
body[data-step="8"] .plan-panel-mark img{animation-delay:-3s}
body[data-step="8"] .plan-grid article{cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease}
body[data-step="8"] .plan-grid article:focus-visible{outline:2px solid white;outline-offset:3px}
body[data-step="8"] .plan-grid article[aria-expanded="true"]{background:#ffffff26;border-color:#ffffff90}
body[data-step="8"] .plan-grid article>span{transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s ease}
body[data-step="8"] .plan-grid article[aria-expanded="true"]>span{transform:rotate(-7deg) scale(1.08);background:#ffffff30}
.plan-choice-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}
.plan-choice-detail>span{overflow:hidden;min-height:0;font-size:11px;line-height:1.5;color:#eef6ff}
article[aria-expanded="true"] .plan-choice-detail{grid-template-rows:1fr;opacity:1}
article[aria-expanded="true"] .plan-choice-detail>span{padding-top:8px}
body[data-step="8"] .comparison-card{transition:transform .3s ease,box-shadow .3s ease}
body[data-step="8"] #next-button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
body[data-step="8"] #next-button::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-140%);animation:plan-button-shine 8s 1.5s infinite}
body[data-step="8"] #next-button:active{transform:scale(.98)}
@media(hover:hover){body[data-step="8"] .plan-grid article:hover{background:#ffffff24;border-color:#ffffff60;transform:translateY(-2px)}body[data-step="8"] .comparison-card.is-with:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1269dd12}body[data-step="8"] #next-button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #1269dd26}}
@keyframes plan-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes plan-mark-breathe{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@keyframes plan-button-shine{0%,75%{transform:translateX(-140%)}100%{transform:translateX(140%)}}
body[data-step="8"] .comparison-card.comparison-visible{animation:plan-comparison-reveal 1.05s var(--reveal-delay,.65s) cubic-bezier(.16,1,.3,1) backwards}
body[data-step="8"] .comparison-card.comparison-visible .comparison-card-icon{animation:plan-comparison-icon .9s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--reveal-delay,.65s) + .12s)}
body[data-step="8"] .comparison-arrow.comparison-visible{animation:plan-arrow-reveal .45s .1s ease backwards}
body[data-step="8"] .recommendation-why{position:relative;overflow:hidden}
body[data-step="8"] .recommendation-why.why-visible{animation:plan-why-border 1.7s .35s ease backwards}
.recommendation-why.why-visible .recommendation-why-icon{animation:plan-why-icon 1s .35s cubic-bezier(.16,1,.3,1) backwards}
.recommendation-why.why-visible .plan-why-word{animation:plan-word-reveal .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(.45s + var(--word-delay))}
.recommendation-why::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#d8ecff66 50%,transparent 70%);transform:translateX(-130%)}
.recommendation-why.why-visible::after{animation:plan-why-light 1.8s .35s ease both}
@keyframes plan-comparison-reveal{from{opacity:0;transform:translateY(16px) scale(.985);filter:blur(3px)}65%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes plan-comparison-icon{from{opacity:0;transform:translateY(4px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes plan-word-reveal{from{opacity:.15;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@keyframes plan-why-icon{from{transform:scale(.6) rotate(-30deg)}to{transform:scale(1) rotate(0)}}
@keyframes plan-why-border{0%,100%{border-color:#d9e9fc;box-shadow:none}45%{border-color:#7ab7ff;box-shadow:0 0 0 3px #1479ff0c}}
@keyframes plan-why-light{to{transform:translateX(130%)}}
@keyframes plan-arrow-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:700px){
 body[data-step="8"] .plan-panel{position:relative;overflow:hidden;isolation:isolate}
 body[data-step="8"] .plan-panel::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 15%,#ffffff20 45%,transparent 75%);transform:translateX(-120%);pointer-events:none}
 body[data-step="8"] .plan-panel.plan-visible::before{animation:plan-panel-light 6s ease-in-out infinite}
 body[data-step="8"] .plan-panel.plan-visible .plan-grid article{animation:plan-choice-arrive .85s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(.75s + var(--choice-index) * .18s)}
 body[data-step="8"] .plan-panel.plan-visible .plan-grid article>span{animation:plan-icon-arrive .75s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(.9s + var(--choice-index) * .18s)}
 body[data-step="8"] .plan-grid article:active{transform:scale(.96);background:#ffffff35}
 body[data-step="8"] .recommendation-orinha img{animation:plan-mark-breathe 4s ease-in-out infinite}
}
@keyframes plan-choice-arrive{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes plan-icon-arrive{from{transform:scale(.6) rotate(-16deg)}to{transform:scale(1) rotate(0)}}
@keyframes plan-panel-light{0%,20%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
@media(prefers-reduced-motion:reduce){body[data-step="8"] .recommendation *,body[data-step="8"] .plan-panel::before,body[data-step="8"] .recommendation-why::after,body[data-step="8"] #next-button,body[data-step="8"] #next-button::after{animation:none!important;transition:none!important;transform:none!important}body[data-step="8"] #next-button::after,body[data-step="8"] .plan-panel::before,body[data-step="8"] .recommendation-why::after{display:none}}