body.recovery-preview{background:#f7fbff}
body.recovery-preview .onboarding-layout{display:block;max-width:840px;width:100%;margin:0 auto;padding:24px 0}
body.recovery-preview .ora-column,body.recovery-preview .ora-caption,body.recovery-preview .step-kicker{display:none!important}
body.recovery-preview .question-column{max-width:none;width:100%}
body.recovery-preview .checkout-recovery{position:relative;isolation:isolate;max-width:none;background:none;border:0;padding:0 76px 0 0;border-radius:0;box-shadow:none;animation:none}
body.recovery-preview .checkout-recovery-brand{display:none}
body.recovery-preview .checkout-recovery h2{font-size:32px;line-height:1.25;letter-spacing:0;margin:0;max-width:650px;text-wrap:pretty}
.recovery-guide{display:flex;align-items:center;gap:22px;margin:0 0 24px;min-height:150px}
.recovery-character{width:76px;height:82px;position:absolute;top:0;left:0;z-index:3;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;transition:transform 1.8s cubic-bezier(.45,0,.2,1);will-change:transform}
.recovery-character:focus-visible{outline:2px solid #0869f5;outline-offset:4px;border-radius:50%}
.recovery-character svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 12px 9px #1269dd19)}
.recovery-character-body{transform-origin:630px 620px;animation:recovery-breathe 5.6s ease-in-out infinite}
.recovery-face{transform-origin:650px 660px;animation:recovery-face-float 5.6s ease-in-out infinite}
.recovery-eye{transform-box:fill-box;transform-origin:center;animation:recovery-blink 6.2s infinite}
.recovery-eye:nth-child(2){animation-delay:.035s}
.recovery-mouth{display:none;transform-box:fill-box;transform-origin:center}
.recovery-character.is-reacting svg{animation:recovery-nod .6s cubic-bezier(.22,1,.36,1)}
.recovery-dialogue{flex:1;min-width:0}
.recovery-speaker{display:flex;gap:8px;align-items:center;margin-bottom:9px;color:#0869f5;font-size:11px;font-weight:650}
.recovery-speaker svg{width:16px;height:16px}
.recovery-caption{font-size:22px;line-height:1.4;font-weight:600;color:#16375f;letter-spacing:0;text-wrap:pretty;margin:0}
.recovery-caption span{display:inline;opacity:.3;filter:blur(2px);transition:opacity .45s ease,filter .45s ease}
.recovery-caption span.is-visible{opacity:1;filter:none}
.recovery-caption .is-emphasis{color:#0869f5}
.recovery-story h2 .is-emphasis{color:#0869f5}
.recovery-focus{color:#6682a5;font-size:13px;line-height:1.5;margin:6px 0 0}
.recovery-focus strong{color:#345f90;font-weight:600}
body.recovery-preview .checkout-recovery-copy{font-size:14px!important;line-height:1.5!important;margin-bottom:18px!important}
body.recovery-preview .checkout-recovery-current{padding:15px 18px;border-radius:14px;background:#eaf3ff}
.recovery-story{display:grid;grid-template-columns:1fr;gap:28px;padding:8px 0 32px;border-bottom:0;margin-bottom:0;text-align:center}
.recovery-story h2,.recovery-story .recovery-caption{margin-inline:auto!important}
.recovery-story-part:first-child .recovery-caption{font-size:18px;font-weight:450;color:#6682a5}
.recovery-story-part:last-child .recovery-caption{max-width:620px;font-size:19px;font-weight:450;color:#547496;line-height:1.55}
.recovery-arriving .recovery-story-part:first-child .recovery-story-label{animation:recovery-section-arrive .8s .2s both}
.recovery-arriving .recovery-story-part:first-child h2{animation:recovery-section-arrive 1s .4s both}
.recovery-arriving .recovery-story-part:last-child .recovery-story-label{animation:recovery-section-arrive .8s 1.1s both}
.recovery-arriving .recovery-story-part:last-child .recovery-caption{animation:recovery-section-arrive 1s 1.3s both}
.recovery-arriving .recovery-plans-title,.recovery-arriving .checkout-cycle-toggle,.recovery-arriving .checkout-recovery-options,.recovery-arriving .recovery-allowance,.recovery-arriving .checkout-recovery-trust{animation:recovery-plans-arrive 1.8s 2.8s cubic-bezier(.45,0,.2,1) both}
@keyframes recovery-plans-arrive{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@keyframes recovery-section-arrive{0%{opacity:0;transform:translateY(16px);filter:blur(5px)}60%{filter:blur(0)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
.recovery-story-part{position:relative;min-width:0;padding-top:12px}
.recovery-story-label{font-size:11px;font-weight:700;color:#7389a5;margin:0 0 10px;letter-spacing:0}
.recovery-story-part:last-child .recovery-story-label{color:#0869f5}
.recovery-feedback{font-size:14px;line-height:1.5;color:#6682a5;margin:12px 0 0}
.recovery-plans-title{font-size:19px;font-weight:650;color:#16375f;margin:0 0 16px}
.recovery-allowance{font-size:14px;line-height:1.5;color:#345f90;margin:18px 0 0}
body.recovery-preview .checkout-recovery-options{gap:12px;margin-top:18px}
body.recovery-preview .checkout-plan-option{padding:18px;min-height:138px;border-radius:14px;transition:background .25s,border-color .25s,box-shadow .25s}
body.recovery-preview .checkout-plan-option-head{flex-wrap:wrap}
body.recovery-preview .checkout-plan-option-head strong{font-size:17px}
body.recovery-preview .checkout-plan-option-price{font-size:20px;letter-spacing:0}
body.recovery-preview .checkout-plan-option-price small{font-size:12px}
body.recovery-preview .checkout-plan-option-detail{font-size:13px;line-height:1.45}
.checkout-plan-option.recovery-visible{animation:recovery-choice-arrive .7s var(--choice-delay,0s) cubic-bezier(.16,1,.3,1) backwards}
body.recovery-preview .checkout-recovery-trust{font-size:14px!important;line-height:1.55!important;margin-top:18px!important;padding-top:18px!important}
body.recovery-preview .onboarding-footer{border-top:1px solid #e2ecf9;background:#f7fbfff5;padding-top:16px;padding-bottom:16px}
body.recovery-preview #next-button{font-size:17px;min-height:58px;border-radius:12px}
.recovery-payment-preview{width:min(440px,calc(100% - 32px));padding:24px;border:1px solid #d6e5fa;border-radius:16px;color:#183c68;background:#fff}
.recovery-payment-preview::backdrop{background:#18345466}
.recovery-payment-preview h2{font-size:23px;margin:0 0 12px}
.recovery-payment-preview p{font-size:14px;line-height:1.6;color:#6381a5}
.recovery-payment-preview button{min-height:46px;padding:10px 20px;border:0;border-radius:8px;background:#0869f5;color:white;font-size:14px;font-weight:600;font-family:inherit}
@keyframes recovery-breathe{0%,100%{transform:translateY(5px) rotate(-5deg) scale(1.035,.97)}25%{transform:translateY(-9px) rotate(0deg) scale(.985,1.025)}50%{transform:translateY(-19px) rotate(5deg) scale(.97,1.035)}75%{transform:translateY(-5px) rotate(1deg) scale(1.02,.985)}}
@keyframes recovery-face-float{0%,100%{transform:translate(5px,3px) rotate(2deg)}50%{transform:translate(-5px,-6px) rotate(-2deg)}}
@keyframes recovery-speaking{from{transform:translateY(-3px) rotate(-3deg) scale(1.02,.98)}to{transform:translateY(-10px) rotate(3deg) scale(.98,1.02)}}
@keyframes recovery-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}
@keyframes recovery-talk{from{transform:scaleY(.45)}to{transform:scaleY(1.2)}}
@keyframes recovery-nod{0%,100%{transform:rotate(0)}35%{transform:rotate(-9deg) translateY(-5px)}65%{transform:rotate(5deg)}}
@keyframes recovery-choice-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){body.recovery-preview .onboarding-layout{padding:15px 0 18px}.recovery-guide{gap:14px;margin-bottom:18px;min-height:142px}.recovery-character{width:96px;height:114px;flex-basis:96px}.recovery-caption{font-size:19px;min-height:104px;line-height:1.35}.recovery-speaker{font-size:10px}.recovery-focus{font-size:12px}.recovery-preview .checkout-recovery h2{font-size:25px;margin-bottom:14px}.recovery-preview .checkout-recovery-options{gap:9px}.recovery-preview .checkout-plan-option{padding:13px;min-height:145px}.recovery-preview .checkout-plan-option-price{font-size:18px}.recovery-preview .checkout-plan-option-price small{font-size:10px}.recovery-preview .checkout-plan-option-detail{font-size:12px}.recovery-preview .onboarding-footer{gap:10px}.recovery-preview #next-button{font-size:16px;flex:1;min-width:0}}
@media(max-width:360px){.recovery-guide{gap:10px}.recovery-character{width:76px;height:100px;flex-basis:76px}.recovery-caption{font-size:18px}.recovery-preview .checkout-recovery-options{grid-template-columns:1fr}.recovery-preview .checkout-plan-option{min-height:112px}}
@media(prefers-reduced-motion:reduce){.recovery-preview *,.recovery-preview *::before,.recovery-preview *::after{animation:none!important;transition:none!important}.recovery-caption span{opacity:1;filter:none}}
@media(max-width:700px){
 body.recovery-preview .checkout-recovery{padding:0}
 body.recovery-preview .checkout-recovery h2{padding-right:0;font-size:28px;margin:0;line-height:1.25}
 .recovery-story{grid-template-columns:1fr;gap:24px;padding:8px 0 30px;margin-bottom:0}
 .recovery-story-part{padding-right:0;padding-top:0}
 .recovery-story-label{padding-inline:48px}
 .recovery-caption{font-size:20px;min-height:0;line-height:1.4}
 .recovery-story-part:first-child .recovery-caption{font-size:16px}
 .recovery-story-part:last-child .recovery-caption{font-size:17px;line-height:1.5}
 .recovery-character{width:48px;height:52px;flex-basis:auto}
 .recovery-plans-title{font-size:18px;padding-right:60px}
 body.recovery-preview .checkout-recovery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.recovery-preview .checkout-plan-option{min-height:150px;padding:15px 12px}
 body.recovery-preview .checkout-plan-option-head{padding-right:12px;gap:6px}
 body.recovery-preview .checkout-plan-option-head strong{font-size:18px}
 body.recovery-preview .checkout-plan-option-price{font-size:21px}
 .recovery-allowance{padding-right:56px;font-size:13px;min-height:42px}
}
@media(max-width:360px){body.recovery-preview .checkout-plan-option-head strong{font-size:15px}body.recovery-preview .checkout-plan-option-price{font-size:17px}.recovery-caption{font-size:19px}}
body.recovery-preview .checkout-cycle-toggle.billing-toggle{display:grid;grid-template-columns:82px 82px auto;position:relative;isolation:isolate;width:max-content;max-width:100%;margin:0 auto 20px;padding:5px;gap:0;border-radius:999px;border:1px solid #e1e9f5;background:#f2f6fc}
body.recovery-preview .checkout-cycle-toggle .billing-option{padding:12px 0;border-radius:999px;font-size:14px;line-height:1;color:#70839e;background:transparent;box-shadow:none;transition:color .28s ease}
body.recovery-preview .checkout-cycle-toggle .billing-option.is-active{color:#fff;background:transparent;box-shadow:none}
.recovery-preview .checkout-cycle-toggle[data-billing=annual]::before{transform:translateX(82px)}
.recovery-preview .checkout-cycle-toggle[data-billing=annual] .billing-badge{background:#159447;color:#fff}
.recovery-cycle-changing .checkout-plan-option:not([data-recovery-offer=avulso]) .checkout-plan-option-price,.recovery-cycle-changing .checkout-plan-option:not([data-recovery-offer=avulso]) .checkout-plan-option-detail,.recovery-cycle-changing .recovery-allowance{animation:recovery-price-change .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes recovery-price-change{from{opacity:0;transform:translateY(6px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:none}}
@media(max-width:600px){body.recovery-preview .checkout-cycle-toggle.billing-toggle{grid-template-columns:72px 72px auto}.recovery-preview .checkout-cycle-toggle[data-billing=annual]::before{transform:translateX(72px)}}
@media(min-width:901px){
 body.recovery-preview .onboarding-app{height:100dvh;min-height:0;padding-bottom:0;display:flex;flex-direction:column}
 body.recovery-preview .onboarding-layout{max-width:1120px;flex:1;min-height:0;display:flex;align-items:center;padding:18px 0}
 body.recovery-preview .checkout-recovery{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto auto;gap:12px 48px;padding:0}
 .recovery-preview .recovery-story{grid-column:1;grid-row:1/6;align-self:center;padding:0 36px 0 0;gap:28px}
 .recovery-preview .recovery-story-label{padding-inline:28px}
 .recovery-preview .recovery-plans-title{grid-column:2;grid-row:1;margin:0;text-align:center}
 body.recovery-preview .checkout-cycle-toggle.billing-toggle{grid-column:2;grid-row:2;margin:0 auto}
 body.recovery-preview .checkout-recovery-options{grid-column:2;grid-row:3;margin:0;gap:12px}
 body.recovery-preview .checkout-plan-option{min-height:116px;padding:15px}
 .recovery-preview .recovery-allowance{grid-column:2;grid-row:4;margin:0;font-size:13px}
 body.recovery-preview .checkout-recovery-trust{grid-column:2;grid-row:5;margin:0!important;padding-top:12px!important;font-size:12px!important}
 body.recovery-preview .onboarding-footer{position:static;flex-shrink:0;min-height:0;padding:14px 0;background:transparent}
 body.recovery-preview .checkout-recovery h2{font-size:30px;line-height:1.3}
 .recovery-preview .recovery-story-part:last-child .recovery-caption{font-size:18px}
}
@media(min-width:901px) and (max-height:760px){
 body.recovery-preview .onboarding-header{min-height:74px}
 body.recovery-preview .onboarding-layout{padding:10px 0}
 body.recovery-preview .checkout-recovery{gap:8px 40px}
 body.recovery-preview .checkout-plan-option{min-height:96px;padding:11px 14px;gap:5px}
 body.recovery-preview .checkout-recovery h2{font-size:27px}
 .recovery-preview .recovery-story{gap:20px}
 body.recovery-preview .onboarding-footer{padding:10px 0}
 body.recovery-preview #next-button{min-height:52px}
}
