.continuity{min-height:510px;border:1px solid rgba(107,183,226,.22);border-radius:18px;background:linear-gradient(145deg,rgba(15,45,69,.92),rgba(7,28,46,.96));box-shadow:0 28px 70px rgba(0,0,0,.22);padding:24px;position:relative;overflow:hidden}
.continuity:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(88,160,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(88,160,204,.06) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.opsTop,.businessCore,.flowList,.opsFooter{position:relative;z-index:2}.opsTop{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);font:700 9px var(--font-display);letter-spacing:1.5px;color:#8ba5b8}.opsTop span{display:flex;align-items:center;gap:8px}.opsTop span i{width:7px;height:7px;border-radius:50%;background:#5ef2a9;box-shadow:0 0 0 6px rgba(94,242,169,.08);animation:continuityPulse 2s infinite}.opsTop b{font-size:8px;color:#5ef2a9}
.businessCore{display:flex;align-items:center;gap:20px;padding:28px 8px 23px}.corePulse{width:82px;height:82px;flex:0 0 82px;border:1px solid rgba(38,217,246,.3);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(38,217,246,.13),transparent 66%);box-shadow:0 0 0 10px rgba(38,217,246,.025),0 0 35px rgba(38,217,246,.1)}.corePulse:before,.corePulse:after{content:"";position:absolute;width:82px;height:82px;border:1px solid rgba(38,217,246,.2);border-radius:50%;animation:coreRing 2.6s ease-out infinite}.corePulse:after{animation-delay:1.3s}.corePulse span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#5ef2a9;color:#082033;font-weight:900;font-size:18px;box-shadow:0 0 20px rgba(94,242,169,.25)}.businessCore>div:last-child{display:flex;flex-direction:column}.businessCore small{font:700 8px var(--font-display);letter-spacing:1.5px;color:var(--cyan)}.businessCore strong{font:700 27px var(--font-display);letter-spacing:-1px;margin:5px 0}.businessCore p{margin:0;max-width:330px;font-size:11px;line-height:1.55;color:#8fa8ba}
.flowList{display:grid;gap:8px}.flowRow{display:grid;grid-template-columns:100px 1fr 72px;align-items:center;gap:12px;min-height:39px;padding:0 12px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.025);font-size:9px}.flowRow>span{color:#9eb1bf}.flowRow>b{font-size:7px;letter-spacing:1px;color:#70e8aa;text-align:right}.flowTrack{height:2px;background:rgba(96,147,180,.2);position:relative;overflow:visible}.flowTrack:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transform-origin:left;animation:flowFill 3.4s ease-in-out infinite}.flowTrack i{position:absolute;z-index:2;width:7px;height:7px;top:-3px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--cyan);animation:flowDot 3.2s ease-in-out infinite}.flowRow:nth-child(2) .flowTrack:before,.flowRow:nth-child(2) .flowTrack i{animation-delay:.45s}.flowRow:nth-child(3) .flowTrack:before,.flowRow:nth-child(3) .flowTrack i{animation-delay:.9s}.flowRow:nth-child(4) .flowTrack:before,.flowRow:nth-child(4) .flowTrack i{animation-delay:1.35s}
.opsFooter{display:flex;align-items:flex-end;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.opsFooter>div:first-child{display:flex;flex-direction:column}.opsFooter strong{font:700 18px var(--font-display);color:#fff}.opsFooter span{font-size:7px;letter-spacing:1px;color:#617f94}.liveSignal{height:25px;flex:1;display:flex;align-items:flex-end;gap:4px}.liveSignal i{flex:1;max-width:20px;background:linear-gradient(var(--cyan),var(--blue));border-radius:2px 2px 0 0;animation:signal 1.8s ease-in-out infinite}.liveSignal i:nth-child(1){height:30%}.liveSignal i:nth-child(2){height:65%;animation-delay:.15s}.liveSignal i:nth-child(3){height:42%;animation-delay:.3s}.liveSignal i:nth-child(4){height:90%;animation-delay:.45s}.liveSignal i:nth-child(5){height:55%;animation-delay:.6s}.liveSignal i:nth-child(6){height:75%;animation-delay:.75s}.opsFooter>small{font-size:7px;color:#5ef2a9}
@keyframes continuityPulse{50%{box-shadow:0 0 0 10px rgba(94,242,169,0)}}@keyframes coreRing{0%{transform:scale(.72);opacity:0}30%{opacity:1}100%{transform:scale(1.45);opacity:0}}@keyframes flowFill{0%,15%{transform:scaleX(.05);opacity:.3}60%,100%{transform:scaleX(1);opacity:1}}@keyframes flowDot{0%,10%{left:0;opacity:0}25%{opacity:1}85%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}@keyframes signal{50%{transform:scaleY(.45);opacity:.55}}
@media(max-width:900px){.continuity{max-width:620px;width:100%;margin:auto}.businessCore p{max-width:none}}
@media(max-width:560px){.continuity{min-height:500px;padding:18px}.opsTop b{display:none}.businessCore{gap:14px;padding:25px 0 20px}.corePulse{width:66px;height:66px;flex-basis:66px}.corePulse:before,.corePulse:after{width:66px;height:66px}.businessCore strong{font-size:23px}.flowRow{grid-template-columns:82px 1fr 58px;gap:8px;padding:0 9px}.flowRow>b{font-size:6px}}
@media(prefers-reduced-motion:reduce){.continuity *{animation:none!important}}
.corePulse{position:relative}
.about .continuity,.about .aboutCopy{opacity:1!important;transform:none!important}
