.gb{position:relative;margin:0 0 28px;border-radius:20px;padding:2px;overflow:hidden;isolation:isolate;perspective:900px;background:var(--amber)}.gb-ring{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);z-index:-1;background:conic-gradient(from 0deg,var(--amber),#ffd08a 12%,var(--amber) 25%,#3a2413 45%,var(--amber) 70%,#ffd08a 85%,var(--amber));will-change:transform}.gb-in{position:relative;overflow:hidden;border-radius:18px;padding:clamp(20px,3.2vw,34px) clamp(18px,3.6vw,40px);background:radial-gradient(120% 140% at 0% 0%,rgba(245,145,30,.22),transparent 55%),#15110d;color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(16px,3vw,36px);transform-style:preserve-3d;transform:rotateX(var(--gb-rx,0deg)) rotateY(var(--gb-ry,0deg));transition:transform .25s ease-out}.gb-in:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:translate(-140%) skew(-18deg);opacity:0}.gb-badge{display:inline-block;background:var(--amber);color:var(--on-accent,#111);font:800 10.5px/1 var(--font);letter-spacing:.12em;padding:6px 10px;border-radius:6px;text-transform:uppercase}.gb-title{margin:12px 0 6px;font-weight:800;font-size:clamp(24px,3.6vw,38px);line-height:1.1;letter-spacing:-.01em;color:#fff}.gb-sub{margin:0;max-width:52ch;color:#ffffffc7;font-size:clamp(14px,1.6vw,16.5px);line-height:1.5}.gb-price{position:relative;display:grid;justify-items:center;gap:2px;min-width:110px;font-variant-numeric:tabular-nums}.gb-old{position:relative;font-weight:700;font-size:clamp(18px,2.2vw,24px);color:#fff9}.gb-old:after{content:"";position:absolute;left:-4px;right:-4px;top:54%;height:3px;border-radius:2px;background:var(--amber);transform:scaleX(1);transform-origin:left}.gb-new{font-weight:900;font-size:clamp(46px,7vw,76px);line-height:1;color:var(--amber);min-width:3.2ch;text-align:center}.gb-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--amber);color:var(--on-accent,#111);font-weight:800;font-size:16px;text-decoration:none;white-space:nowrap}.gb-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.gb-spark{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--amber);opacity:0;pointer-events:none;z-index:1}.gb-spark:nth-of-type(3n){background:#ffd08a;border-radius:50%}.gb-spark:nth-of-type(4n){background:#fff;width:5px;height:5px}@media(prefers-reduced-motion:no-preference){.gb.gb-armed .gb-ring{animation:gb-spin 7s linear infinite}.gb.gb-armed .gb-in{opacity:0;transform:translateY(24px) scale(.98)}.gb.gb-armed.is-in .gb-in{opacity:1;transform:rotateX(var(--gb-rx,0deg)) rotateY(var(--gb-ry,0deg));transition:opacity .7s ease,transform .25s ease-out}.gb.gb-armed.is-in:not(.gb-settled) .gb-in{transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.gb.gb-armed.is-in .gb-in:after{animation:gb-shine 1.4s .3s ease-out 1 both,gb-shine 1.4s 5s ease-in-out infinite both}.gb.gb-armed .gb-old:after{transform:scaleX(0)}.gb.gb-armed.is-in .gb-old:after{transform:scaleX(1);transition:transform .5s .5s ease-out}.gb.gb-armed.is-in .gb-old{animation:gb-drop .6s 1.5s ease-in forwards}.gb.gb-armed .gb-new{opacity:0;transform:scale(.6)}.gb.gb-armed.is-in .gb-new{opacity:1;transform:scale(1);transition:opacity .4s .4s,transform .8s .4s cubic-bezier(.2,1.4,.4,1)}.gb.gb-armed.is-in .gb-new.gb-pop{animation:gb-pop .6s ease-out}.gb.gb-armed.is-in .gb-cta{animation:gb-pulse 2.4s 2.2s ease-in-out infinite}.gb-cta:hover{transform:scale(1.05)}.gb.is-in .gb-spark{animation:gb-float var(--gd,4s) var(--gl,0s) ease-in infinite}}@keyframes gb-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes gb-shine{0%{transform:translate(-140%) skew(-18deg);opacity:1}to{transform:translate(380%) skew(-18deg);opacity:1}}@keyframes gb-drop{to{transform:translateY(8px);opacity:.35}}@keyframes gb-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes gb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes gb-float{0%{opacity:0;transform:translate(0) rotate(0)}15%{opacity:.9}to{opacity:0;transform:translate(var(--gx,20px),var(--gy,-90px)) rotate(240deg)}}@media(max-width:760px){.gb-in{grid-template-columns:1fr;justify-items:stretch;text-align:left}.gb-price{justify-self:start;grid-auto-flow:column;align-items:baseline;gap:14px}.gb-cta{width:100%;min-height:56px;font-size:17px}}
