*{box-sizing:border-box}html,body{margin:0;height:300px;overflow:hidden}body{font:14px/1.35 Arial,sans-serif;color:#f8ecce}.bf{container-type:inline-size;position:relative;height:300px;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#6f357f88,transparent 58%),linear-gradient(112deg,#21172f,#392046 65%,#1c1b31)}.bf-border{position:absolute;inset:11px;border:1px solid #e9c47d55;pointer-events:none}.bf-glow{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#d0a9ff10 46%,transparent 60%);background-size:220% 100%;animation:bf-sheen 11s ease-in-out infinite}.bf-copy{position:absolute;left:40px;top:27px;z-index:4;width:64%}.bf-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#d9badf;display:flex;gap:17px;align-items:center}.bf-kicker span{padding:4px 8px;background:#edc879;color:#34243d;font-size:9px;letter-spacing:1px;border-radius:2px}.bf h1{font-family:Georgia,serif;font-size:clamp(43px,7cqw,84px);letter-spacing:-3px;line-height:1;margin:12px 0 8px;font-weight:500;color:#ffe7b4;white-space:nowrap;text-shadow:0 2px 25px #edb95a16}.bf-sub{font-size:20px;letter-spacing:-.3px;margin:0 0 17px;color:#e6d6e4}.bf-prices{display:flex;gap:11px}.bf-prices a{display:flex;gap:10px;align-items:baseline;padding:9px 12px;background:#100e1a85;border:1px solid #b98ae366;border-radius:4px;color:#d7b3ff;text-decoration:none;position:relative;z-index:6;transition:background .2s,box-shadow .2s}.bf-prices a:nth-child(2){border-color:#edc87977;color:#edc879}.bf-prices a:hover{background:#41284a;box-shadow:0 0 17px #c38df533}.bf-prices span{font-size:10px;font-weight:800;letter-spacing:.6px}.bf-prices b{font-size:27px;color:#fff0d5;white-space:nowrap;letter-spacing:-1px}.bf-prices del{font-size:11px;color:#b9a4bf;white-space:nowrap}.bf-footer{display:flex;align-items:center;gap:20px;margin-top:13px;font-size:11px;color:#d2bdd4}.bf-count{color:#f1d8a3;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.5px}.bf-rule{font-size:9px;color:#a99ab2;margin:7px 0 0}.bf-character{position:absolute;right:-1%;bottom:-25px;width:40%;height:325px;object-fit:contain;object-position:center top;pointer-events:none;z-index:3;filter:drop-shadow(0 8px 19px #0004);animation:bf-float 8s ease-in-out infinite}.bf-hit{position:absolute;inset:0;z-index:2}.bf-prices a:focus-visible,.bf-hit:focus-visible{outline:2px solid #fff;outline-offset:3px}.promo-dust{position:absolute;inset:0;pointer-events:none}.promo-speck{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#ffdca0;border-radius:50%;opacity:.4;animation:bf-spark var(--duration) var(--delay) ease-in-out infinite}@keyframes bf-float{50%{transform:translateY(-4px)}}@keyframes bf-sheen{50%{background-position:100% 0}}@keyframes bf-spark{50%{opacity:.1;transform:translateY(-10px)}}.is-paused *,.is-background *{animation-play-state:paused!important}.is-still *{animation:none!important}
@media(max-width:900px) and (min-width:701px){.bf-copy{left:29px;width:71%}.bf h1{font-size:7.7cqw}.bf-prices a{gap:7px;padding:9px}.bf-prices b{font-size:24px}.bf-prices del{display:none}.bf-character{right:-5%;width:40%;opacity:.8}.bf-sub{font-size:19px}}
@media(max-width:700px){.bf-copy{left:20px;top:22px;width:calc(100% - 40px)}.bf-kicker{font-size:9px;gap:10px;letter-spacing:1.2px}.bf-kicker span{font-size:8px}.bf h1{font-size:clamp(33px,9.5cqw,50px);letter-spacing:-1.8px;margin-top:11px}.bf-sub{font-size:15px;margin:8px 0 10px;max-width:240px}.bf-character{right:-22%;width:63%;height:235px;bottom:-8px;opacity:.57}.bf-prices{flex-direction:column;align-items:flex-start;gap:7px}.bf-prices a{padding:6px 10px;gap:10px;min-width:206px}.bf-prices b{font-size:23px}.bf-prices span{font-size:9px;min-width:60px}.bf-prices del{font-size:10px}.bf-footer{gap:6px;flex-direction:column;align-items:flex-start;margin-top:9px;font-size:10px}.bf-count{font-size:11px}.bf-rule{font-size:8px;max-width:210px;line-height:1.5}.bf-border{inset:8px}}
@media(min-width:450px) and (max-width:700px){.bf-character{right:-5%;width:45%;height:285px}.bf-prices a{min-width:235px}.bf-sub{max-width:300px}}
@media(max-width:320px){.bf-copy{left:17px;top:22px;width:calc(100% - 34px)}.bf h1{font-size:30px}.bf-kicker{gap:7px}.bf-kicker span{padding:4px 5px}.bf-sub{font-size:13px}.bf-prices a{min-width:200px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.bf-copy{pointer-events:none}.bf-prices a{pointer-events:auto}