.gax-performance-loop{position:relative;overflow:hidden;border:1px solid rgba(87,226,242,.26);clip-path:var(--gax-cut,polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px));background:linear-gradient(145deg,rgba(12,20,31,.98),rgba(9,9,18,.98));box-shadow:0 24px 64px rgba(0,0,0,.36);padding:clamp(18px,3vw,30px)}
.gax-performance-loop:empty{min-height:362px}
.gax-performance-loop::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(87,226,242,.06),transparent 32%,rgba(157,140,255,.07));opacity:.9}
.gax-loop-head,.gax-loop-metrics,.gax-loop-next{position:relative;z-index:1}.gax-loop-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.gax-loop-head span{display:block;color:#57e2f2;font-size:.62rem;font-weight:900;letter-spacing:.17em}.gax-loop-head h2{margin:4px 0 0;font-size:clamp(1.25rem,2.4vw,1.85rem);letter-spacing:-.035em}.gax-loop-streak{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.7rem;font-variant-numeric:tabular-nums}.gax-loop-streak small{max-width:54px;color:#7e8b9d;font-size:.52rem;line-height:1.25;letter-spacing:.1em}
.gax-loop-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(130,160,190,.16);background:rgba(3,7,13,.5)}.gax-loop-metrics>div{min-width:0;padding:14px 16px;border-right:1px solid rgba(130,160,190,.14)}.gax-loop-metrics>div:last-child{border-right:0}.gax-loop-metrics span,.gax-loop-metrics em{display:block;color:#6f8096;font-size:.56rem;font-style:normal;font-weight:850;letter-spacing:.1em}.gax-loop-metrics b{display:block;margin:4px 0 2px;color:#f5f8fc;font-size:clamp(1.2rem,2.5vw,1.8rem);font-variant-numeric:tabular-nums}
.gax-loop-next{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'tag cta' 'title cta' 'copy cta';align-items:center;gap:3px 18px;margin-top:14px;padding:16px 18px;border:1px solid rgba(157,140,255,.3);background:linear-gradient(100deg,rgba(157,140,255,.13),rgba(87,226,242,.05));color:#eaf1fa;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.gax-loop-next:hover{transform:translateY(-1px);border-color:rgba(87,226,242,.55)}.gax-loop-next>span{grid-area:tag;color:#9d8cff;font-size:.57rem;font-weight:900;letter-spacing:.16em}.gax-loop-next>strong{grid-area:title;font-size:1rem}.gax-loop-next>p{grid-area:copy;margin:0;color:#93a2b6;font-size:.76rem;line-height:1.5}.gax-loop-next>b{grid-area:cta;min-width:142px;padding:11px 13px;text-align:center;background:linear-gradient(90deg,#6557e8,#9d5df1);color:#fff;font-size:.76rem;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.gax-loop-next.is-cyan>b{background:linear-gradient(90deg,#119eb9,#3579ef)}.gax-loop-next.is-amber>b{background:linear-gradient(90deg,#c47a16,#f06036)}
@media(max-width:720px){.gax-performance-loop{padding:16px}.gax-performance-loop:empty{min-height:446px}.gax-loop-head{margin-bottom:12px}.gax-loop-metrics{grid-template-columns:1fr 1fr}.gax-loop-metrics>div:nth-child(2){border-right:0}.gax-loop-metrics>div:nth-child(-n+2){border-bottom:1px solid rgba(130,160,190,.14)}.gax-loop-next{grid-template-columns:1fr;grid-template-areas:'tag' 'title' 'copy' 'cta';padding:14px}.gax-loop-next>b{width:100%;margin-top:8px}.gax-loop-streak{font-size:1.35rem}}
@media(prefers-reduced-motion:reduce){.gax-loop-next{transition:none}}