.offer-banner{--offer-hue:24;--offer-deep:oklch(.33 .14 var(--offer-hue));--offer-glow:oklch(.6 .235 var(--offer-hue));--offer-hot:oklch(.8 .15 calc(var(--offer-hue) + 14));--flip:clamp(64px,5.4cqi,88px);color:#fff;width:100%;margin:-16px 0 8px;container:offer/inline-size}.offer-frame{isolation:isolate;text-align:center;align-content:center;justify-items:center;gap:14px;padding:18px 20px 22px;display:grid;position:relative;overflow:hidden}.offer-light{z-index:-1;pointer-events:none;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#000 74%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.offer-scene{width:100%;height:100%;position:absolute;inset:0}.offer-grain{opacity:.12;mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.offer-smears{width:0;height:0;position:absolute}.offer-heading{max-width:100%;font-size:calc(clamp(15px,min(calc(150cqi / var(--chars,20)),max(30px,3.1cqi)),50px) * var(--offer-type-size,1));letter-spacing:-.03em;white-space:nowrap;margin:0;font-weight:700;line-height:1.08;position:relative}.offer-heading[data-split]{font-kerning:none}.offer-word,.offer-char{display:inline-block}.offer-heading:not([data-split]) .offer-word,.offer-char{background:linear-gradient(#fff 30%,#ffffff59 86%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-block:-.12em;padding-block:.12em}.offer-heading:before,.offer-heading:after{content:attr(data-text);content:attr(data-text) / "";color:#0000;pointer-events:none;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;padding-block:.12em;position:absolute;inset:-.12em 0}.offer-heading:before{background-image:radial-gradient(closest-side,#ffffffeb,#0000);background-position:-70%;background-size:44% 340%;animation:17s ease-in-out infinite alternate offer-text-light,.8s ease-out 1.7s backwards offer-appear}.offer-heading:after{background-image:radial-gradient(circle 150px at var(--offer-text-x,50%) var(--offer-text-y,50%),#fff,#fff 22%,transparent 74%);opacity:0;transition:opacity .35s ease-out}.offer-frame[data-lit] .offer-heading:after{opacity:1}.offer-banner:not([data-type=bold],[data-type=speed]) .offer-heading:before,.offer-banner:not([data-type=bold]) .offer-heading:after{content:none}.offer-banner[data-design=numbers] .offer-char{animation:offer-drop .75s cubic-bezier(.16,.84,.26,1) calc(var(--at) * 32ms + .1s) backwards}.offer-banner[data-design=nodes] .offer-word{animation:offer-whip .8s cubic-bezier(.12,.9,.22,1) calc(var(--turn) * 90ms + .1s) backwards}.offer-banner[data-design=nodes] .offer-discount .offer-word{--from:1}.offer-timer{flex:none;animation:.8s cubic-bezier(.2,.7,.2,1) .62s backwards offer-rise;display:flex}.offer-flips{gap:clamp(8px,.8cqi,12px)}.offer-flip{justify-items:center;gap:7px;display:grid}.offer-flip-card{width:calc(var(--flip) * (var(--digits,2) * .34 + .28));height:var(--flip);perspective:calc(var(--flip) * 4);color:#fff;font-size:calc(var(--flip) * .6);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;position:relative;box-shadow:0 18px 34px -18px #000}.offer-flip-card:after{content:"";z-index:3;background:#000000bf;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.offer-flip-half{background:linear-gradient(180deg,#ffffff1c,#ffffff0a),oklch(.14 .022 var(--offer-hue) / .93);backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.offer-flip-half[data-half=top]{border-radius:calc(var(--flip) * .16) calc(var(--flip) * .16) 0 0;transform-origin:50% 100%;top:0;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff14}.offer-flip-half[data-half=bottom]{border-radius:0 0 calc(var(--flip) * .16) calc(var(--flip) * .16);background:linear-gradient(180deg,#ffffff08,#ffffff14),oklch(.12 .02 var(--offer-hue) / .93);transform-origin:50% 0;bottom:0;box-shadow:inset 0 0 0 1px #ffffff14}.offer-flip-half i{place-items:center;height:200%;font-style:normal;display:grid}.offer-flip-half[data-half=bottom] i{translate:0 -50%}.offer-flip-flap{z-index:2}.offer-flip-flap[data-half=top]{animation:.24s ease-in offer-flip-top;transform:rotateX(-90deg)}.offer-flip-flap[data-half=bottom]{animation:.32s cubic-bezier(.2,.9,.3,1.25) .24s backwards offer-flip-bottom}.offer-flip-name{color:#ffffffb8;font-size:11px;font-weight:500;line-height:1}.offer-cta{color:#0a0a0a;white-space:nowrap;background:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:clamp(236px,19cqi,300px);height:48px;margin-top:2px;padding:0 24px;font-size:15px;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out;animation:.8s cubic-bezier(.2,.7,.2,1) .74s backwards offer-rise;display:inline-flex;box-shadow:1px 2px #868686,inset 0 -9px 10px #ffdaa338}.offer-cta:hover{transform:translateY(-1px);box-shadow:1px 3px #868686,inset 0 -9px 10px #ffdaa338}.offer-cta:active{transform:translate(1px,2px);box-shadow:0 0 #868686,inset 0 -9px 10px #ffdaa338}.offer-banner[data-type=terminal]{--offer-type-size:.8}.offer-banner[data-type=terminal] .offer-heading{font-family:var(--font-mono);letter-spacing:-.02em;text-transform:uppercase;font-weight:600}.offer-banner[data-type=terminal] .offer-flip-card{box-shadow:none;font-family:var(--font-mono);font-size:calc(var(--flip) * .54);letter-spacing:-.04em;font-weight:500}.offer-banner[data-type=terminal] .offer-flip-card:after{background:#ffffff2e;height:1px;margin-top:-.5px}.offer-banner[data-type=terminal] .offer-flip-half{background:#0b0c0df2;border-radius:0;box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e,inset 0 1px #ffffff2e}.offer-banner[data-type=terminal] .offer-flip-half[data-half=top]{border-radius:6px 6px 0 0}.offer-banner[data-type=terminal] .offer-flip-half[data-half=bottom]{border-radius:0 0 6px 6px;box-shadow:inset 1px 0 #ffffff2e,inset -1px 0 #ffffff2e,inset 0 -1px #ffffff2e}.offer-banner[data-type=terminal] .offer-flip-name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.offer-banner[data-type=matrix]{--offer-type-size:.86;--dot:round(.11em,1px)}.offer-banner[data-type=matrix] .offer-heading{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;filter:drop-shadow(0 0 .14em #ffffff59)}.offer-banner[data-type=matrix] :is(.offer-heading:not([data-split]) .offer-word,.offer-char){background:#fff;-webkit-background-clip:text;background-clip:text}.offer-banner[data-type=matrix] :is(.offer-heading:not([data-split]) .offer-word,.offer-char,.offer-flip-half i){-webkit-mask:radial-gradient(circle,#000 0 41%,transparent 50%) 0 0 / var(--dot) var(--dot);-webkit-mask:radial-gradient(circle,#000 0 41%,transparent 50%) 0 0 / var(--dot) var(--dot);mask:radial-gradient(circle,#000 0 41%,transparent 50%) 0 0 / var(--dot) var(--dot)}.offer-banner[data-type=matrix] .offer-flip-card{font-size:calc(var(--flip) * .66)}.offer-banner[data-type=segments]{--offer-type-size:.72;--offer-lit:oklch(.74 .19 calc(var(--offer-hue) + 6))}.offer-banner[data-type=segments] .offer-heading{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.offer-segments{gap:calc(var(--flip) * .44)}.offer-segment-unit{justify-items:center;gap:9px;display:grid;position:relative}.offer-segment-digits{gap:calc(var(--flip) * .12);display:flex;transform:skew(-5deg)}.offer-segment{width:calc(var(--flip) * .5);height:calc(var(--flip) * .864);filter:drop-shadow(0 0 calc(var(--flip) * .1) color-mix(in oklch,var(--offer-glow) 80%,transparent));overflow:visible}.offer-segment polygon{fill:#ffffff12}.offer-segment polygon[data-lit]{fill:var(--offer-lit)}.offer-segment-unit+.offer-segment-unit:before{content:"";left:calc(var(--flip) * -.22 - 3px);top:calc(var(--flip) * .25);width:6px;height:calc(var(--flip) * .36);background:radial-gradient(circle 3px at 50% 3px,var(--offer-lit) 96%,transparent),radial-gradient(circle 3px at 50% calc(100% - 3px),var(--offer-lit) 96%,transparent);border-radius:3px;animation:1s step-end infinite offer-blink;position:absolute}.offer-banner[data-type=light] .offer-heading{font-family:var(--font-sans);letter-spacing:-.035em;font-weight:500}.offer-banner[data-type=light] .offer-flips{gap:clamp(24px,2.6cqi,38px)}.offer-banner[data-type=light] .offer-flip-card{width:calc(var(--digits,2) * .6em);perspective:none;height:1.06em;box-shadow:none;font-size:calc(var(--flip) * .94);letter-spacing:-.045em;font-weight:400}.offer-banner[data-type=light] .offer-flip-card:after{content:none}.offer-banner[data-type=light] .offer-flip+.offer-flip .offer-flip-card:before{content:":";color:#ffffff73;text-align:center;width:clamp(24px,2.6cqi,38px);position:absolute;top:-.07em;right:100%}.offer-banner[data-type=light] .offer-flip-half{box-shadow:none;background:0 0}.offer-banner[data-type=light] .offer-flip-flap{animation:none}.offer-banner[data-type=light] .offer-flip-flap[data-half=top]{display:none}.offer-banner[data-type=light] .offer-flip-card:has(.offer-flip-flap)>.offer-flip-half[data-half=bottom]:not(.offer-flip-flap){display:none}.offer-banner[data-type=speed]{--offer-type-size:.96}.offer-banner[data-type=speed] .offer-heading{z-index:0;font-family:var(--font-sans);letter-spacing:-.02em;text-transform:uppercase;transform:skew(-11deg)}.offer-banner[data-type=speed] .offer-heading:before{z-index:-1;background:#fff;filter:url(#offer-smear-x4);opacity:.5;-webkit-background-clip:text;background-clip:text;animation:.6s ease-out 1.35s backwards offer-appear;translate:-.22em}.offer-banner[data-type=speed] .offer-flips{transform:skew(-11deg)}.offer-banner[data-fit=box]{--flip:clamp(38px,15.5cqi,68px);flex:1;margin:0;display:grid}.offer-banner[data-fit=box] .offer-frame{align-content:end;gap:12px;padding:22px 18px}.offer-banner[data-fit=box] .offer-light{-webkit-mask:none;mask:none}.offer-banner[data-fit=box] .offer-heading{font-size:calc(clamp(15px,calc(150cqi / var(--chars,20)),44px) * var(--offer-type-size,1))}.offer-banner[data-fit=box] .offer-flips{gap:clamp(5px,2cqi,8px)}.offer-banner[data-fit=box] .offer-cta{justify-self:center;min-width:min(236px,100%);max-width:100%;height:44px;padding:0 clamp(12px,5cqi,22px);font-size:14px}.offer-banner[data-fit=box] .offer-cta:before{content:"";z-index:1;position:absolute;inset:0}.offer-banner[data-fit=box] .offer-cta:is(:hover,:active){transform:none}.offer-banner[data-fit=box] .offer-cta:hover{box-shadow:1px 3px #868686,inset 0 -9px 10px #ffdaa338,0 0 0 4px #ffffff24}.offer-banner[data-fit=box] .offer-cta:active{box-shadow:0 1px #868686,inset 0 -9px 10px #ffdaa338,0 0 0 4px #ffffff24}.offer-banner[data-fit=box] .offer-cta:focus-visible{outline-offset:3px;outline:2px solid #9bd4ff}@keyframes offer-appear{0%{opacity:0}}@keyframes offer-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes offer-text-light{to{background-position:170%}}@keyframes offer-flip-top{0%{transform:rotateX(0)}}@keyframes offer-flip-bottom{0%{transform:rotateX(90deg)}}@keyframes offer-blink{50%{opacity:.25}}@keyframes offer-drop{0%{opacity:0;filter:url(#offer-smear-y5);transform:translateY(-.95em)scaleY(1.5)}28%{opacity:1;filter:url(#offer-smear-y4)}48%{filter:url(#offer-smear-y3)}64%{filter:url(#offer-smear-y2)}80%{filter:url(#offer-smear-y1)}to{opacity:1;filter:none;transform:none}}@keyframes offer-whip{0%{transform:translateX(calc(var(--from,-1) * 3.2em)) skewX(calc(var(--from,-1) * 26deg));opacity:0;filter:url(#offer-smear-x5)}22%{opacity:1;filter:url(#offer-smear-x4)}42%{filter:url(#offer-smear-x3)}60%{filter:url(#offer-smear-x2)}78%{filter:url(#offer-smear-x1)}to{opacity:1;filter:none;transform:none}}@container offer (max-width:560px){.offer-banner{--flip:clamp(56px,17cqi,72px)}.offer-frame{padding-inline:16px}.offer-cta{justify-self:stretch}.offer-segments{gap:calc(var(--flip) * .3)}.offer-segment{width:calc(var(--flip) * .42);height:calc(var(--flip) * .726)}.offer-banner[data-type=light] .offer-flips{gap:22px}.offer-banner[data-type=light] .offer-flip-card{font-size:calc(var(--flip) * .8)}.offer-banner[data-type=light] .offer-flip+.offer-flip .offer-flip-card:before{width:22px}}@media (prefers-reduced-motion:reduce){.offer-banner *,.offer-banner :before,.offer-banner :after{transition:none!important;animation:none!important}}