.flows{background:#06120f;padding:110px max(28px,calc((100vw - 1184px)/2));border-top:1px solid var(--line)}.flows-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:52px}.flows-head .kicker{grid-column:1/-1}.flows-head h2{font:600 clamp(40px,5vw,64px)/1 'Space Grotesk';letter-spacing:-3px;margin:0}.flows-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--green)}.flows-head p{color:var(--muted);line-height:1.75;margin:0}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.flow-card{min-height:490px;background:linear-gradient(145deg,#0c211b,#071510);border:1px solid var(--line);overflow:hidden;position:relative}.flow-card:before{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-100px;border-radius:50%;background:rgba(40,237,143,.04);filter:blur(2px)}.flow-copy{padding:32px 34px 12px;position:relative;z-index:2}.flow-copy>span{font:700 10px 'Space Grotesk';letter-spacing:1.8px;color:var(--green)}.flow-copy h3{font:600 27px/1.15 'Space Grotesk';letter-spacing:-1px;margin:14px 0 10px;max-width:420px}.flow-copy p{font-size:13px;line-height:1.65;color:var(--muted);max-width:470px}.flow-art{height:255px;position:relative;margin:0 26px 22px;background-image:radial-gradient(rgba(40,237,143,.16) 1px,transparent 1px);background-size:18px 18px}.source-node,.end-node,.hub-node,.gateway,.carrier-node,.cloud-node{position:absolute;display:grid;place-items:center;background:#0b1c17;border:1px solid #31594a;color:white;font:700 11px 'Space Grotesk';z-index:3}.source-node{left:2%;top:45%;width:70px;height:56px}.source-node small,.end-node small,.gateway small,.cloud-node small{display:block;color:#78978a;font:500 8px 'DM Sans';letter-spacing:.5px}.hub-node{left:44%;top:35%;width:78px;height:78px;border-radius:50%;color:var(--green);box-shadow:0 0 40px rgba(40,237,143,.13)}.hub-node span{font-size:9px;margin-top:-20px}.hub-pulse{position:absolute;inset:-9px;border:1px solid rgba(40,237,143,.35);border-radius:50%;animation:hubPulse 2.5s ease-out infinite}.flow-line{position:absolute;left:15%;right:49%;top:56%;height:1px;background:#31594a}.flow-line i{position:absolute;width:7px;height:7px;background:var(--green);border-radius:50%;top:-3px;animation:travel 2.4s linear infinite;box-shadow:0 0 12px var(--green)}.branch{position:absolute;left:58%;width:22%;height:1px;background:#31594a;transform-origin:left}.b1{top:42%;transform:rotate(-25deg)}.b2{top:50%}.b3{top:59%;transform:rotate(25deg)}.end-node{right:2%;width:68px;height:44px}.e1{top:13%}.e2{top:42%}.e3{top:71%}.message-box{position:absolute;left:2%;top:39%;background:#eafff3;color:#092017;padding:13px 16px;width:128px;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.message-box small{display:block;color:#638075;font-size:8px;margin-top:5px}.sms-stream{position:absolute;left:31%;top:50%;width:16%;height:4px}.sms-stream:before{content:"";position:absolute;inset:1px 0;background:#31594a}.sms-stream i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);animation:packet 2s linear infinite}.sms-stream i:nth-child(2){animation-delay:.65s}.sms-stream i:nth-child(3){animation-delay:1.3s}.gateway{left:47%;top:34%;width:82px;height:82px;border-radius:16px;color:var(--green)}.delivery-lines{position:absolute;left:64%;right:12%;top:24%;bottom:20%}.delivery-lines i{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,#31594a,var(--green));transform-origin:left}.delivery-lines i:nth-child(1){top:12%;transform:rotate(-20deg)}.delivery-lines i:nth-child(2){top:49%}.delivery-lines i:nth-child(3){top:85%;transform:rotate(20deg)}.phones{position:absolute;right:1%;top:10%;bottom:8%;display:flex;flex-direction:column;justify-content:space-between}.phones span{width:30px;height:48px;border:2px solid #6e9b89;border-radius:6px;display:grid;place-items:center;color:var(--green);font-size:10px}.voice-art svg{position:absolute;inset:20px 0 0;width:100%;height:180px;overflow:visible}.route-base{fill:none;stroke:#28483d;stroke-width:2}.route-live{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;stroke-dasharray:14 22;animation:routeMove 3s linear infinite;filter:drop-shadow(0 0 5px rgba(40,237,143,.7))}.carrier-node{width:46px;height:46px;border-radius:50%;top:50%;box-shadow:0 0 0 7px rgba(40,237,143,.05)}.n1{left:2%}.n2{left:46%;top:10%;width:58px;height:58px;color:var(--green)}.n3{right:2%;top:42%}.globe-ring{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);border:1px solid rgba(40,237,143,.12);border-radius:50%}.g1{width:180px;height:90px}.g2{width:90px;height:170px}.quality{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#78978a}.quality b{color:var(--green)}.number-card{position:absolute;left:3%;top:28%;background:#eafff3;color:#0a1a15;padding:15px 18px;width:175px}.number-card small,.number-card strong,.number-card i{display:block}.number-card small{font-size:8px;color:#5e766c;letter-spacing:1px}.number-card strong{font:600 15px 'Space Grotesk';margin:7px 0}.number-card i{font-style:normal;font-size:8px;color:#078549}.did-path{position:absolute;left:38%;right:45%;top:50%;height:1px;background:#31594a}.did-path span{position:absolute;width:7px;height:7px;top:-3px;border-radius:50%;background:var(--green);animation:travel 2s linear infinite}.cloud-node{left:53%;top:30%;width:82px;height:82px;border-radius:50%;color:var(--green)}.device-row{position:absolute;right:0;top:13%;bottom:8%;display:flex;flex-direction:column;justify-content:space-between}.device-row div{width:65px;height:45px;border:1px solid #416b5b;display:grid;place-content:center;text-align:center;color:var(--green)}.device-row small{display:block;color:#809b90;font-size:8px;margin-top:2px}@keyframes travel{from{left:0}to{left:100%}}@keyframes packet{from{left:0;opacity:0}20%{opacity:1}to{left:100%;opacity:0}}@keyframes routeMove{to{stroke-dashoffset:-72}}@keyframes hubPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.25);opacity:0}}@media(prefers-reduced-motion:reduce){.hub-pulse,.flow-line i,.sms-stream i,.route-live,.did-path span{animation:none}}@media(max-width:800px){.flows-head{grid-template-columns:1fr;gap:18px}.flow-grid{grid-template-columns:1fr}.flow-card{min-height:460px}}@media(max-width:480px){.flows{padding-left:16px;padding-right:16px}.flow-copy{padding:26px 22px 10px}.flow-art{margin:0 14px 18px}.number-card{width:145px;padding:12px}.number-card strong{font-size:12px}.end-node{width:58px}.source-node{width:58px}.message-box{width:105px;padding:10px;font-size:10px}}