/* Pricing advantage visual system */
.pricing-reasons{align-items:stretch}.reason-card{min-height:435px;padding:0 25px 24px;overflow:hidden}.reason-visual{position:relative;height:178px;margin:0 -25px 23px;overflow:hidden;border-bottom:1px solid #e8edf1;background:#fbfcff}.reason-visual:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(255,255,255,.88));pointer-events:none}.reason-card-highlight .reason-visual{background:linear-gradient(145deg,#f4fcf7,#fbfefd)}.visual-caption{position:absolute;z-index:2;left:25px;bottom:15px;color:#97a6ac;font-size:8px;font-weight:800;letter-spacing:.12em}.reason-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.reason-head h3{margin:0}.reason-number{position:static}.reason-card p{min-height:57px}.reason-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:17px}.reason-tags span{padding:5px 7px;border:1px solid #e4eaf0;border-radius:5px;color:#738189;background:#fff;font-size:9px;font-weight:700}.vendor-node{position:absolute;z-index:2;display:grid;place-items:center;width:37px;height:37px;border:1px solid #d7e2fb;border-radius:11px;color:var(--blue-dark);background:#fff;box-shadow:0 7px 15px rgba(62,94,145,.11);font-size:12px;font-weight:800;animation:vendor-float 3.4s ease-in-out infinite}.vendor-main{left:50%;top:50%;width:62px;height:62px;border-color:#b9cbff;border-radius:50%;color:#fff;background:linear-gradient(135deg,#4776ee,#7767d8);box-shadow:0 0 0 10px #eef3ff,0 10px 22px rgba(53,103,238,.22);transform:translate(-50%,-50%);animation:core-breathe 3.4s ease-in-out infinite}.vendor-a{left:14%;top:24%;animation-delay:.2s}.vendor-b{right:14%;top:21%;animation-delay:.75s}.vendor-c{left:18%;bottom:16%;animation-delay:1.2s}.vendor-line{position:absolute;z-index:1;left:50%;top:50%;height:1px;width:37%;background:#c8d7f7;transform-origin:left center}.line-a{transform:rotate(-146deg)}.line-b{transform:rotate(-34deg)}.line-c{transform:rotate(150deg)}.vendor-line:after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#6f94f3;box-shadow:0 0 7px #aac0ff;animation:line-travel 2.5s linear infinite}.line-b:after{animation-delay:.8s}.line-c:after{animation-delay:1.4s}.usage-visual{display:flex;align-items:flex-end;padding:24px 31px 45px}.usage-bars{position:absolute;left:28px;right:30px;bottom:28px;display:flex;align-items:flex-end;gap:10px;height:103px;border-bottom:1px solid #d8e5ee;background:repeating-linear-gradient(to top,transparent 0 25px,#edf2f5 26px 27px)}.usage-bars i{display:block;flex:1;height:var(--bar);min-height:16px;border-radius:6px 6px 2px 2px;background:linear-gradient(#91b1fb,#527df0);transform-origin:bottom;animation:bar-rise 2.2s ease-in-out infinite alternate}.usage-bars i:nth-child(2){animation-delay:.18s}.usage-bars i:nth-child(3){animation-delay:.36s}.usage-bars i:nth-child(4){animation-delay:.54s}.usage-bars i:nth-child(5){animation-delay:.72s}.usage-total{position:absolute;right:27px;top:22px;color:var(--blue-dark);font-size:28px;font-weight:800;letter-spacing:-.06em}.usage-total span{color:#7e9df2}.usage-trend{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:#9aa7ad;font-size:9px;font-weight:800;letter-spacing:.09em}.usage-trend b{color:var(--blue);font-size:18px}.infra-visual{display:flex;align-items:center;gap:23px;padding:28px 35px}.server-rack{position:relative;display:grid;gap:7px;width:116px;padding:12px 10px;border:1px solid #cfe5d8;border-radius:9px;background:#fff;box-shadow:0 9px 18px rgba(48,114,79,.1);transform:perspective(300px) rotateY(-10deg)}.server-rack:before{content:"B300";position:absolute;right:8px;top:-22px;color:#73a489;font-size:9px;font-weight:800;letter-spacing:.1em}.server-rack i{display:block;height:20px;border:1px solid #d8eee0;border-radius:4px;background:linear-gradient(90deg,#effaf3 0 72%,#70bf91 73% 78%,#effaf3 79%);animation:server-blink 2s ease-in-out infinite}.server-rack i:nth-child(2){animation-delay:.35s}.server-rack i:nth-child(3){animation-delay:.7s}.throughput{display:grid;gap:10px;flex:1}.throughput span{display:block;height:8px;border-radius:8px;background:#dcefe3;overflow:hidden}.throughput span:after{content:"";display:block;width:var(--width,88%);height:100%;border-radius:8px;background:linear-gradient(90deg,#71bf91,#21885d);animation:throughput-pulse 2.2s ease-in-out infinite alternate}.throughput span:nth-child(1){--width:76%}.throughput span:nth-child(2){--width:92%;animation-delay:.25s}.throughput span:nth-child(3){--width:84%;animation-delay:.5s}.throughput span:nth-child(4){--width:97%;animation-delay:.75s}.reason-infra .visual-caption{left:35px}.reason-stat{margin-top:17px}.reason-card:hover .reason-visual{background-color:#f7faff}.reason-card:hover .vendor-main{box-shadow:0 0 0 13px #eef3ff,0 12px 27px rgba(53,103,238,.28)}
@keyframes vendor-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes core-breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.07)}}@keyframes line-travel{from{left:0;opacity:.2}50%{opacity:1}to{left:100%;opacity:.2}}@keyframes bar-rise{from{transform:scaleY(.85)}to{transform:scaleY(1)}}@keyframes server-blink{0%,100%{opacity:.55}50%{opacity:1;box-shadow:0 0 8px #9dd7b2}}@keyframes throughput-pulse{from{opacity:.65;filter:saturate(.8)}to{opacity:1;filter:saturate(1.2)}}
@media(max-width:680px){.reason-card{min-height:0;padding-bottom:22px}.reason-visual{height:165px}.reason-card p{min-height:0}.reason-tags{margin-top:14px}.infra-visual{padding-left:27px;padding-right:27px}.reason-infra .visual-caption{left:27px}}
@media(prefers-reduced-motion:reduce){.vendor-node,.vendor-main,.vendor-line:after,.usage-bars i,.server-rack i,.throughput span:after{animation:none}}