.renewal-visual{color:#f8fafc;width:min(100%,1440px);margin-inline:auto}.renewal-visual__meta{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.1rem;display:flex}.renewal-visual__meta>div{align-content:end;gap:.45rem;min-height:4.1rem;display:grid}.renewal-visual__meta span{color:#7dd3fc;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.renewal-visual__meta strong{letter-spacing:-.035em;font-size:clamp(1.15rem,2vw,1.75rem);font-weight:550}.renewal-visual__stage{isolation:isolate;cursor:ew-resize;touch-action:pan-y;background:#0b1018;border:1px solid #7dd3fc29;border-radius:clamp(1.35rem,3vw,2.7rem);position:relative;overflow:hidden;box-shadow:0 45px 110px #0000006b,inset 0 0 0 1px #ffffff05,0 0 100px -55px #5eead459}.renewal-visual__stage:after{z-index:3;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff09,#0000 22% 74%,#7dd3fc06);position:absolute;inset:0}.renewal-visual__svg{width:100%;height:auto;display:block}.renewal-visual__svg--mobile{display:none}.scene-shell{stroke-width:1.4px}.scene-shell--before{fill:#0e121bc2;stroke:#fb718526}.scene-shell--after{fill:#0d1822ad;stroke:#5eead438}.scene-kicker,.mobile-kicker,.node-label{letter-spacing:.13em;font-weight:700}.scene-kicker{font-size:13px}.scene-kicker--before,.mobile-kicker--before{fill:#fb7185}.scene-kicker--after,.mobile-kicker--after{fill:#5eead4}.scene-title{fill:#f8fafc;letter-spacing:-.035em;font-size:29px;font-weight:530}.status-pill{stroke-width:1px}.status-pill--before{fill:#fb718512;stroke:#fb718533}.status-pill--after{fill:#5eead414;stroke:#5eead440}.status-text{fill:#cbd5e1;font-size:13px;font-weight:600}.status-text--after{fill:#ccfbf1}.product-node{stroke-width:1.2px}.product-node--before{fill:#111823eb;stroke:#94a3b829}.product-node--warning{stroke:#fb71853d}.product-node--after{fill:#121f2aeb;stroke:#7dd3fc40}.product-node--result{fill:#192d31ed;stroke:#5eead461}.node-label{fill:#94a3b8;font-size:12px}.node-label--after{fill:#dbeafe}.muted-line,.input-line,.ticket-line{fill:#94a3b830}.muted-line--faint,.ticket-line--faint{opacity:.52}.input-line{stroke:#94a3b81f}.warning-cross{fill:none;stroke:#fb7185;stroke-linecap:round;stroke-width:2px}.broken-path{fill:none;stroke:#fb718575;stroke-dasharray:8 11;stroke-linecap:round;stroke-width:2px;animation:8.5s linear infinite renewal-broken-flow}.broken-path--two{animation-delay:-.8s}.broken-path--ghost{opacity:.22;animation-delay:-1.5s}.bottleneck-ring{fill:#fb718512;stroke:#fb71856b;stroke-width:1.5px}.bottleneck-pulse{transform-box:fill-box;transform-origin:50%;animation:2s ease-in-out infinite renewal-bottleneck}.warning-note{fill:#371822db;stroke:#fb718533}.warning-note--quiet{fill:#1a1c26d6;stroke:#94a3b821}.warning-note__text{fill:#fda4af;font-size:13px;font-weight:600}.scene-caption{font-size:14px;font-weight:500}.scene-caption--before{fill:#7f8b9b}.scene-caption--after{fill:#a7f3d0}.clean-flow{fill:none;stroke:#7dd3fcad;stroke-linecap:round;stroke-width:2px}.clean-flow--glow{stroke:#5eead433;stroke-width:18px;filter:blur(6px)}.active-field{fill:#7dd3fc21;stroke:#7dd3fc47}.field-text{fill:#e0f2fe;font-size:12px;font-weight:650}.success-line{fill:#5eead45c}.flow-step{fill:#7dd3fc17;stroke:#7dd3fc24}.flow-step--active{fill:#5eead42b;stroke:#5eead452}.flow-step--small{opacity:.66}.team-row{fill:#94a3b817;stroke:#94a3b81f}.result-circle{fill:#5eead42b;stroke:#5eead48c}.result-check{fill:none;stroke:#a7f3d0;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.result-text{fill:#ccfbf1;letter-spacing:.13em;font-size:13px;font-weight:750}.flow-particle{filter:drop-shadow(0 0 10px #7dd3fce6)}.transforming-stage{transform-box:fill-box;transform-origin:50%;will-change:transform}.transforming-stage__card{filter:drop-shadow(0 14px 22px #0000003d)}.transforming-stage__label{letter-spacing:-.01em;text-anchor:middle;pointer-events:none;font-weight:720}.transforming-stage__label--desktop{font-size:16px}.transforming-stage__label--mobile{font-size:16.5px}.after-node{transform-box:fill-box;transform-origin:50%;animation:4.2s ease-in-out infinite renewal-node-breathe}.after-node--two{animation-delay:-.7s}.after-node--three{animation-delay:-1.4s}.after-node--four{animation-delay:-2.1s}.scanner-plane{pointer-events:none}.scanner-line{stroke:#dffaff;stroke-width:1.6px}.scanner-line--glow{stroke:#5eead4cc;stroke-width:8px}.scan-shard{fill:#7dd3fc3d;stroke:#7dd3fca6;stroke-width:1px;transform-box:fill-box;transform-origin:50%;animation:15s ease-in-out infinite renewal-shard}.scan-shard--two{animation-delay:-5s}.scan-shard--three{animation-delay:-10s}.renewal-visual__hint{z-index:4;color:#a8b4c4;backdrop-filter:blur(14px);background:#070b11b8;border:1px solid #94a3b824;border-radius:999px;align-items:center;gap:.6rem;padding:.6rem .82rem;font-size:.7rem;font-weight:600;transition:opacity .24s;display:flex;position:absolute;bottom:1.25rem;right:1.35rem}.renewal-visual__stage[data-directing=true] .renewal-visual__hint{opacity:.2}.renewal-visual__hint span{background:linear-gradient(90deg,#0000,#7dd3fc);width:1.45rem;height:1px;animation:1.7s ease-in-out infinite renewal-hint}.renewal-visual__legend{color:#8290a2;justify-content:space-between;gap:1rem;padding:.9rem .4rem 0;font-size:.73rem;display:flex}.renewal-visual__stage>.renewal-visual__legend{z-index:4;backdrop-filter:blur(12px);pointer-events:none;background:#080d15b8;border:1px solid #94a3b81f;border-radius:999px;margin:0;padding:.65rem .8rem;position:absolute;bottom:1rem;left:1rem;right:1rem;box-shadow:0 10px 28px #0000002e}.renewal-visual__legend span{align-items:center;gap:.5rem;display:inline-flex}.renewal-visual__legend i{border-radius:50%;width:.45rem;height:.45rem}.legend-before{background:#fb7185;box-shadow:0 0 9px #fb718599}.legend-after{background:#5eead4;box-shadow:0 0 9px #5eead499}.before-drift{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite renewal-before-drift}.before-drift--two{animation-delay:-1.2s}.before-drift--three{animation-delay:-2.4s}.mobile-kicker{font-size:10px}.mobile-title{fill:#f8fafc;letter-spacing:-.035em;font-size:20px;font-weight:580}.mobile-note{fill:#fda4af;font-size:12px;font-weight:600}.mobile-note--muted{fill:#8d98a8;font-weight:500}.mobile-clean-flow{stroke:#7dd3fcb3;stroke-width:2px}.mobile-clean-flow--glow{stroke:#5eead42e;stroke-width:16px;filter:blur(5px)}.mobile-node-title{fill:#dbeafe;letter-spacing:.12em;font-size:11px;font-weight:750}.mobile-node-copy{fill:#a8b4c4;font-size:13px;font-weight:520}.mobile-check{fill:none;stroke:#a7f3d0;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.mobile-ready{fill:#ccfbf1;font-size:12px;font-weight:650}@keyframes renewal-broken-flow{to{stroke-dashoffset:-38px}}@keyframes renewal-bottleneck{50%{opacity:.78;transform:scale(1.12)}}@keyframes renewal-node-breathe{50%{transform:translateY(-3px)}}@keyframes renewal-before-drift{50%{transform:translateY(3px)rotate(.35deg)}}@keyframes renewal-shard{50%{opacity:.45;transform:translateY(16px)rotate(70deg)}}@keyframes renewal-hint{50%{opacity:.45;transform:translate(8px)}}@media (width<=680px){.renewal-visual__meta{align-items:center;gap:.7rem}.renewal-visual__meta>div{min-height:4.5rem}.renewal-visual__meta strong{max-width:16rem;font-size:1rem;line-height:1.25}.renewal-visual__svg--desktop{display:none}.renewal-visual__svg--mobile{display:block}.renewal-visual__hint{font-size:.63rem;bottom:.85rem;right:.85rem}.renewal-visual__legend{flex-direction:column;align-items:flex-start;gap:.45rem;padding-top:.75rem}}@media (prefers-reduced-motion:reduce){.renewal-visual *,.renewal-visual :before,.renewal-visual :after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.renewal-visual__hint{display:none}}