/* KRYPTA /offres — cinematic layer. Scoped to body.offers-cinematic; billing.css untouched. */
body.offers-cinematic{--edge:#0B0E2A;--edge2:#060715;background:#070B1F;position:relative;overflow-x:hidden}
body.offers-cinematic.billing-page:has(.offers-main){background:#070B1F}
body.offers-cinematic::after{content:"";position:fixed;left:50%;top:-18vh;width:min(1500px,150vw);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;pointer-events:none;z-index:0;
 background:radial-gradient(circle at 50% 50%,transparent 58%,rgba(105,114,255,.5) 59.2%,rgba(105,114,255,.08) 62%,transparent 70%),url(/img/earth/night-1024.jpg) center/cover;
 -webkit-mask:radial-gradient(circle,#000 60%,transparent 70%);mask:radial-gradient(circle,#000 60%,transparent 70%);opacity:.38;animation:oc-drift 90s linear infinite alternate}
@keyframes oc-drift{to{transform:translateX(-50%) rotate(8deg)}}
body.offers-cinematic .topbar,body.offers-cinematic .offers-main,body.offers-cinematic .billing-footer{position:relative;z-index:1}
body.offers-cinematic .billing-topbar{background:transparent;backdrop-filter:none}
body.offers-cinematic .offers-main{padding-top:clamp(30px,4vw,48px)}
body.offers-cinematic .offers-heading{display:block;text-align:center;margin:0 auto 32px;max-width:900px}
body.offers-cinematic .offers-heading h1{font-size:clamp(36px,6vw,72px);line-height:1.06;color:#fff;text-shadow:.012em .012em 0 #1B1D5E,.026em .026em 0 #1B1D5E,.04em .04em 0 #1B1D5E,.055em .055em 0 #1B1D5E,0 .14em .3em rgba(0,0,0,.55);text-wrap:balance;animation:oc-in .9s var(--ease) both}
body.offers-cinematic .offers-heading h1 .grad-text{color:#B7BFFF;text-shadow:.012em .012em 0 #5740B8,.026em .026em 0 #5740B8,.04em .04em 0 #1B1D5E,.055em .055em 0 #1B1D5E,0 .14em .3em rgba(0,0,0,.55)}
body.offers-cinematic .offers-heading .offers-intro>p{margin:0 auto;font-size:clamp(16px,2vw,20px);animation:oc-in .9s .15s var(--ease) both}
body.offers-cinematic .offers-intro .billing-kicker{animation:oc-in .9s var(--ease) both}
body.offers-cinematic .offers-aside{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px 16px;margin:28px auto 0;padding:14px 22px;max-width:640px;border:1px solid rgba(123,132,228,.28);border-radius:16px;background:rgba(8,9,26,.6);backdrop-filter:blur(10px);animation:oc-in .9s .3s var(--ease) both}
body.offers-cinematic .offers-aside strong{margin:0;font-size:clamp(18px,3vw,24px)}
body.offers-cinematic .offers-aside strong br{display:none}
body.offers-cinematic .offers-aside p{max-width:none;font-size:13px}
body.offers-cinematic .offers-aside-index{width:100%;text-align:center}
@keyframes oc-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body.offers-cinematic .offers-selection{border-top:0}
body.offers-cinematic .offers-controls{flex-direction:column;align-items:center;text-align:center}
body.offers-cinematic .offers-main .billing-toggle{padding:6px;border-radius:16px;background:#F4F6FF;box-shadow:inset 0 3px 8px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.06)}
body.offers-cinematic .offers-main .billing-toggle button{min-height:48px;border-radius:11px;transition:transform .2s var(--spring),box-shadow .2s,background .2s}
body.offers-cinematic .offers-main .billing-toggle button[aria-pressed="true"]{background:linear-gradient(#2A317A,#1A1F5A);box-shadow:0 4px 0 #0B0E33,0 8px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.25);transform:translateY(-2px)}
body.offers-cinematic .offers-main .billing-toggle button:active{transform:translateY(1px);box-shadow:0 1px 0 #0B0E33}
body.offers-cinematic .offers-main .pricing-grid{gap:20px;align-items:center;perspective:1400px;padding-top:14px}
body.offers-cinematic .offers-main .pricing-card{min-height:470px;padding:30px;border-radius:24px;border:1px solid rgba(150,160,255,.2);background:linear-gradient(160deg,rgba(36,42,92,.82),rgba(10,14,40,.96) 70%);backdrop-filter:blur(8px);
 box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 10px 0 -2px #F4F6FF,0 34px 60px -20px rgba(0,0,0,.8);transition:transform .45s var(--ease),border-color .3s}
body.offers-cinematic .offers-main .pricing-card:hover{transform:translateY(-6px) rotateX(2deg)}
body.offers-cinematic .offers-main .pricing-card.is-featured{min-height:540px;border-color:rgba(150,160,255,.8);background:linear-gradient(160deg,#1F245C,#111430 55%,#0A0C1D);box-shadow:0 0 0 1px rgba(150,160,255,.25),0 1px 0 rgba(255,255,255,.2) inset,0 12px 0 -2px #050818,0 40px 90px -24px rgba(105,114,255,.45)}
body.offers-cinematic .offers-main .pricing-card.is-featured::before{display:block;inset:0;top:0;right:0;width:auto;height:auto;border-radius:inherit;filter:none;background:linear-gradient(105deg,transparent 40%,rgba(150,160,255,.12) 50%,transparent 60%);background-size:250% 100%;animation:oc-shine 6s ease-in-out infinite}
@keyframes oc-shine{from{background-position:120% 0}to{background-position:-60% 0}}
body.offers-cinematic .offers-main .pricing-card.is-featured .plan-label{align-self:flex-start;padding:5px 10px;border-radius:7px;background:#B7BFFF;color:#F4F6FF}
body.offers-cinematic .offers-main .plan-price{font-size:clamp(44px,5vw,62px);color:#fff}
body.offers-cinematic .offers-main .plan-quota strong{font-size:28px}
body.offers-cinematic .offers-main .plan-button{min-height:58px;margin-top:auto;border:0;border-radius:15px;font:700 16px "Geist",sans-serif;overflow:visible;transform:translateY(-6px);transition:transform .14s var(--ease),box-shadow .14s;
 color:#F1F3FF;background:linear-gradient(#24295F,#171B46);box-shadow:0 6px 0 #1B1D5E,0 14px 20px -4px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.28)}
body.offers-cinematic .offers-main .pricing-card.is-featured .plan-button{color:#F4F6FF;background:var(--k-fill,var(--grad));box-shadow:0 6px 0 #5740B8,0 16px 28px -4px rgba(105,114,255,.5),inset 0 1px 0 rgba(255,255,255,.6)}
body.offers-cinematic .offers-main .plan-button:hover{transform:translateY(-9px);filter:brightness(1.08)}
body.offers-cinematic .offers-main .plan-button:active{transform:translateY(0);box-shadow:0 0 0 #1B1D5E,0 3px 6px rgba(0,0,0,.5),inset 0 2px 4px rgba(0,0,0,.25);transition-duration:.06s}
body.offers-cinematic .offers-main .plan-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
body.offers-cinematic .offers-main .plan-button:disabled{opacity:.5}
body.offers-cinematic .offers-resume,body.offers-cinematic .offers-retry,body.offers-cinematic .billing-manage .btn{min-height:50px;border-radius:14px;font-weight:700;transform:translateY(-4px);box-shadow:0 5px 0 #1B1D5E,0 12px 18px -6px rgba(0,0,0,.6)}
body.offers-cinematic .offers-resume{box-shadow:0 5px 0 #5740B8,0 12px 24px -6px rgba(105,114,255,.5)}
body.offers-cinematic .offers-resume:active,body.offers-cinematic .offers-retry:active,body.offers-cinematic .billing-manage .btn:active{transform:translateY(0);box-shadow:0 0 0 #000}
body.offers-cinematic .offers-price-context,body.offers-cinematic .offers-main .credit-policy{text-align:center;max-width:760px;margin-inline:auto;margin-top:26px}
body.offers-cinematic .offers-main .billing-manage{justify-content:center}
@media (max-width:800px){
 body.offers-cinematic .offers-main .pricing-grid{max-width:520px;margin:0 auto;gap:22px}
 body.offers-cinematic .offers-main .pricing-card,body.offers-cinematic .offers-main .pricing-card.is-featured{min-height:0}
 body.offers-cinematic .offers-main .pricing-card.is-featured{order:-1}
 body.offers-cinematic .offers-main .plan-button{margin-top:22px}
}
@media (max-width:480px){body.offers-cinematic .offers-heading h1{font-size:clamp(28px,8vw,38px)}body.offers-cinematic .offers-main .pricing-card{padding:24px}body.offers-cinematic .offers-aside{margin-top:20px;padding:12px}body.offers-cinematic .offers-aside-index{display:none}}
@media (prefers-reduced-motion:reduce){body.offers-cinematic::after,body.offers-cinematic .pricing-card,body.offers-cinematic .pricing-card::before,body.offers-cinematic .offers-heading *{animation:none!important}body.offers-cinematic .offers-main *{transition:none!important}body.offers-cinematic .pricing-card:hover{transform:none}}
