/* offer card: hero + final */
@keyframes cf-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes cf-shine{0%{background-position:100% 0}100%{background-position:0 0}}
@keyframes cf-step{0%,30%,100%{border-color:rgba(255,255,255,.1);box-shadow:none}8%,22%{border-color:var(--brand);box-shadow:0 0 18px rgba(118,249,212,.35)}}
.cf-offer{position:relative;isolation:isolate}
.cf-offer::before{content:"";position:absolute;inset:-12% -8%;z-index:-1;background:radial-gradient(closest-side,rgba(96,91,235,.45),rgba(24,128,250,.18) 55%,transparent);filter:blur(10px);pointer-events:none}
.cf-offer-card{position:relative;isolation:isolate;border-radius:24px;padding:1.3rem 1.4rem 1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.55);text-align:left}
.cf-offer-ring{position:absolute;inset:0;border-radius:24px;overflow:hidden;z-index:-1;pointer-events:none}
.cf-offer-ring::before{content:"";position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate(-50%,-50%);background:conic-gradient(var(--brand),var(--accent),var(--accent-2),#ff5fa8,var(--gold),var(--brand));animation:cf-spin 7s linear infinite}
.cf-offer-ring::after{content:"";position:absolute;inset:2px;border-radius:22px;background:radial-gradient(420px 220px at 100% 0,rgba(118,249,212,.14),transparent 70%),linear-gradient(165deg,#0f1f78,#01062b 70%)}
.cf-offer-top{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;align-items:center}
.cf-offer-art{display:block;width:150px;height:auto;margin:0 0 0 -36px;border-radius:18px;border:3px solid #fff;box-shadow:0 18px 36px rgba(0,0,0,.55)}
.cf-offer-k{display:inline-flex;white-space:nowrap;align-items:center;gap:.35rem;padding:.22rem .65rem;border-radius:999px;background:linear-gradient(90deg,#ff5fa8,var(--accent-2));color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.cf-offer-amt{font-size:1.05rem;font-weight:500;color:var(--muted);line-height:1.1;margin:.45rem 0 .2rem}
.cf-offer-amt span{display:block;font-size:clamp(2.3rem,1.7rem + 1.8vw,3.1rem);font-weight:700;line-height:1;background:linear-gradient(100deg,var(--gold) 0%,var(--gold) 38%,#fff 50%,var(--brand) 62%,var(--brand) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cf-shine 3.6s linear infinite}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.cf-offer-amt span{color:var(--gold)}}
.cf-offer-sub{color:#d6e0ff;font-size:.95rem;line-height:1.4}
.cf-offer-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:1.1rem 0 .8rem}
.cf-offer-steps li{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.55rem .3rem;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center;animation:cf-step 6s ease-in-out infinite}
.cf-offer-steps li:nth-child(2){animation-delay:2s}
.cf-offer-steps li:nth-child(3){animation-delay:4s}
.cf-os-k{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cf-os-v{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.15}
.cf-os-p{font-size:.75rem;font-weight:600;color:var(--brand)}
.cf-offer-terms{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin-bottom:1rem}
.cf-offer-terms li{display:inline-flex;align-items:center;gap:.3rem;font-size:.86rem;color:#d6e0ff}
.cf-offer-terms .ic{color:var(--ok)}
.cf-offer-card .cf-btn{width:100%}
.cf-deco{position:absolute;z-index:2;height:auto;pointer-events:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}
.cf-offer-hero .cf-deco-1{width:72px;top:-16px;right:-14px}
.cf-offer-hero .cf-deco-2{width:54px;top:46%;left:-30px}
.cf-offer-hero .cf-deco-3{width:66px;bottom:-6px;right:-26px;z-index:0}
.cf-offer-hero .cf-deco-4{width:46px;top:34%;right:-34px;z-index:0}
.cf-offer-final .cf-deco-1{width:84px;top:-46px;right:-22px}
.cf-offer-final .cf-deco-2{width:56px;bottom:-22px;left:-24px}
.cf-offer-final .cf-deco-3{width:42px;top:38%;right:-26px;z-index:0}
.cf-offer-final .cf-deco-4{width:40px;top:-18px;left:38%;z-index:0}
@media (max-width:899px){
  .cf-hero .cf-offer{max-width:560px;width:100%}
  .cf-hero .cf-offer-card{padding:1rem 1rem 1.05rem}
  .cf-hero .cf-offer-top{grid-template-columns:96px minmax(0,1fr);gap:.8rem}
  .cf-hero .cf-offer-art{width:96px;margin:0 0 0 -26px;border-width:2px;border-radius:12px}
  .cf-hero .cf-offer-amt{margin:.3rem 0 0;font-size:.95rem}
  .cf-hero .cf-offer-amt span{font-size:2rem}
  .cf-hero .cf-offer-sub{font-size:.9rem}
  .cf-hero .cf-offer-terms{display:none}
  .cf-hero .cf-offer-steps{margin:.75rem 0}
  .cf-hero .cf-offer-card .cf-btn{margin-top:0}
  .cf-offer-hero .cf-deco-1{width:46px;top:-24px;right:-4px}
  .cf-offer-hero .cf-deco-2,.cf-offer-hero .cf-deco-4{display:none}
  .cf-offer-hero .cf-deco-3{width:44px;right:-8px;bottom:-6px}
}
@media (max-width:599px){
  .cf-hero .cf-offer-sub,.cf-hero .cf-offer-terms{display:none}
  .cf-hero .cf-offer-steps{margin:.6rem 0 0;gap:6px}
  .cf-hero .cf-offer-steps li{padding:.3rem .2rem}
  .cf-hero .cf-os-k{font-size:.6rem}
  .cf-hero .cf-os-v{font-size:1rem}
  .cf-hero .cf-os-p{display:none}
  .cf-hero .cf-offer-card .cf-btn{margin-top:.75rem}
  .cf-hero .cf-offer-top{grid-template-columns:92px minmax(0,1fr)}
  .cf-hero .cf-offer-art{width:92px;margin-left:-24px}
  .cf-hero .cf-offer-amt span{font-size:1.75rem}
  .cf-hero .cf-offer-card{padding:.8rem .9rem .85rem}
  .cf-hero .cf-offer-amt{margin-top:.15rem}
  .cf-hero .cf-offer-k{font-size:.68rem;padding:.15rem .5rem}
  .cf-hero .cf-offer-card .cf-btn{margin-top:.6rem}
}
@media (max-width:359px){.cf-hero .cf-offer-steps{display:none}}
@media (max-width:479px){.cf-offer-top{grid-template-columns:96px minmax(0,1fr)}.cf-offer-art{width:96px;margin:0 0 0 -32px}.cf-offer-k{font-size:.66rem;letter-spacing:.03em;padding:.18rem .5rem}.cf-offer-amt span{font-size:1.9rem}.cf-offer-final .cf-deco-1{width:60px;top:-40px;right:-6px}.cf-offer-final .cf-deco-2{left:-8px}.cf-offer-final .cf-deco-3{display:none}}
/* bonus timeline cards */
.cf-tl-card{position:relative}
.cf-tl-art{position:relative;display:block;width:calc(100% + 2rem);margin:0 -1rem .5rem;padding:14px 0 6px;overflow:hidden;isolation:isolate;background:radial-gradient(closest-side,rgba(24,128,250,.3),transparent)}
.cf-tl-art::before{content:"";position:absolute;left:50%;top:50%;width:140px;aspect-ratio:1;border-radius:50%;z-index:-1;background:conic-gradient(transparent,rgba(118,249,212,.55),transparent 35%,rgba(96,91,235,.65),transparent 70%,rgba(74,163,255,.5),transparent);filter:blur(16px);animation:cf-spin 9s linear infinite}
.cf-tl-art img{display:block;width:100%;max-width:none;margin:0;height:170px;padding:0;object-fit:contain;background:none}
.cf-tl-big{background:linear-gradient(100deg,var(--gold) 0%,var(--gold) 38%,#fff 50%,var(--brand) 62%,var(--brand) 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cf-shine 4.2s linear infinite;font-size:2.6rem}
.cf-tl-top .cf-tl-card{border-color:rgba(118,249,212,.55);box-shadow:0 0 0 1px rgba(118,249,212,.25),0 18px 40px rgba(45,246,189,.14)}
.cf-tl-flag{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;background:linear-gradient(90deg,#ff5fa8,var(--accent-2));color:#fff;font-size:.75rem;font-weight:600}
/* final CTA B20·2 */
.cf-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:3rem;align-items:center;overflow:hidden;isolation:isolate;padding-top:72px;padding-bottom:62px}
.cf-final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.85}
.cf-final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,6,43,.94) 0%,rgba(1,6,43,.62) 55%,rgba(1,6,43,.3)),radial-gradient(520px 320px at 80% 50%,rgba(120,80,255,.35),transparent 70%),radial-gradient(360px 220px at 12% 100%,rgba(255,95,168,.14),transparent 70%)}
.cf-final .cf-sparks{z-index:-1}
.cf-final-k{display:flex;width:fit-content;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:999px;background:rgba(255,95,168,.14);border:1px solid rgba(255,95,168,.45);color:#ffd3e6;font-size:.9rem;font-weight:500;margin-bottom:14px}
.cf-final-k .ic{color:#ff8cc0}
.cf-final-txt h2{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem);line-height:1.08;margin-bottom:14px;background:linear-gradient(92deg,#fff 0%,var(--gold) 60%,var(--brand-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cf-final-txt>p:not(.cf-final-k):not(.cf-final-rate){color:#d6e0ff}
.cf-final-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1.3rem 0}
.cf-final-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem;padding:.8rem .6rem;border-radius:14px;line-height:1.25;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:500;font-size:.95rem}
.cf-final-steps li>span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand);color:var(--brand-ink)}
.cf-final-rate{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--muted)}
.cf-final-rate b{color:#fff;font-size:1.1rem}
@media (max-width:479px){.cf-final-steps{grid-template-columns:1fr}.cf-final-steps li{flex-direction:row;text-align:left;padding:.45rem .8rem .45rem .45rem;border-radius:999px}}
@media (max-width:899px){.cf-final{grid-template-columns:1fr;gap:2.75rem;padding-top:48px;padding-bottom:56px}.cf-final::before{background:linear-gradient(180deg,rgba(1,6,43,.94),rgba(1,6,43,.8) 50%,rgba(1,6,43,.92))}.cf-final .cf-offer{max-width:460px;width:100%;justify-self:center}}
@media (prefers-reduced-motion:reduce){.cf-offer-ring::before,.cf-offer-amt span,.cf-offer-steps li,.cf-tl-art::before,.cf-tl-big{animation:none}}