.how-nav{display:flex;gap:30px;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #dce5f0;overflow:auto}.how-nav a{font-size:13px;white-space:nowrap;color:#426080}.how-heading{max-width:800px;margin-bottom:45px}.how-heading h2{margin:15px 0 22px}.how-heading>p{max-width:680px;font-size:18px;line-height:1.8;color:#526b84}.topology{border:1px solid #cfdeec;background:#f6f9fd;border-radius:16px;overflow:hidden}.topology-title{padding:22px 32px;display:flex;justify-content:space-between;border-bottom:1px solid #dce5ef}.topology-title span{font-size:11px;letter-spacing:.12em;font-weight:700}.topology-title small{color:#627890}.main-path{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;padding:40px 40px 0;align-items:center}.path-node{text-align:center;background:white;border:1px solid #d4e0ec;padding:25px 10px;border-radius:9px;min-height:165px}.path-node img{height:26px;max-width:110px;object-fit:contain;margin-bottom:12px}.path-node h3{font-size:19px;margin:0 0 10px}.path-node p{font-size:13px;line-height:1.7;color:#61748a;margin:0}.path-index{display:block;color:#087bfa;font-size:18px;margin-bottom:12px}.path-wire{position:relative;border-top:1px solid #8da9c6;text-align:center}.path-wire span{font-size:10px;position:relative;top:-26px;white-space:nowrap}.path-wire:after{content:'';position:absolute;right:0;top:-4px;width:6px;height:6px;border-right:1px solid #8da9c6;border-top:1px solid #8da9c6;transform:rotate(45deg)}.edge-branch{width:calc((100% - 260px)/3);margin:auto;text-align:center}.branch-connection,.central-connection{height:80px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;color:#4d6c8a;white-space:nowrap}.branch-connection i,.central-connection i{height:100%;border-left:1px solid #779cc5;position:relative}.branch-connection i:after,.central-connection i:after{content:'';position:absolute;bottom:1px;left:-4px;width:6px;height:6px;border-right:1px solid #779cc5;border-bottom:1px solid #779cc5;transform:rotate(45deg)}.edge-card{background:#087bfa;color:white;padding:25px 15px;border-radius:9px}.edge-card .eyebrow{color:#d0e6ff;font-size:9px}.edge-card h3,.central-card h3{font-size:21px;margin:12px 0}.edge-card p,.central-card p{font-size:12px;line-height:1.8;margin:0}.decision-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:18px}.decision-tags span{font-size:9px;background:#ffffff24;padding:5px 7px;border-radius:4px}.central-card{background:#102b4e;color:white;padding:25px 15px;border-radius:9px}.central-card .eyebrow{font-size:9px;color:#95bce9}.central-card p{color:#c0d2e7}.topology-note{padding:23px 30px;margin-top:35px;text-align:center;background:#eaf1f9;font-size:12px;color:#4b6785}.evaluation-list article{display:grid;grid-template-columns:60px 1fr 220px;gap:25px;border-top:1px solid #d9e3ef;padding:30px 0}.evaluation-number{font-size:15px;color:#087bfa;padding-top:5px}.evaluation-list h3{font-size:23px;margin:0 0 12px}.evaluation-list p{font-size:15px;line-height:1.8;color:#556e87;margin:0;max-width:670px}.evaluation-list small{font-size:11px;line-height:1.8;color:#66809b;padding-top:5px}.how-caption{font-size:12px;color:#63798e;line-height:1.7;margin:25px 0}.responses-section{background:#102b4e;padding:85px 0;color:white}.responses-section h2,.responses-section h3{color:white}.responses-section .eyebrow{color:#8bbfff}.responses-section .how-heading>p{color:#afc6e0}.response-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.response-grid article{border-top:1px solid #ffffff30;padding-top:25px}.response-grid article>span{font-size:11px;color:#7bb6ff}.response-grid h3{font-size:23px;margin:15px 0}.response-grid p,.machine-note p{color:#b8cde4;font-size:14px;line-height:1.8}.machine-note{border-top:1px solid #ffffff30;margin-top:40px;padding-top:30px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.machine-note h3{font-size:22px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 65px}.ops-grid article{padding-top:25px;border-top:1px solid #d9e3ef}.ops-grid h3{font-size:22px;margin:0 0 14px}.ops-grid p{font-size:15px;color:#556e87;line-height:1.8}.deployment-section{border-top:1px solid #d9e3ef}.deployment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:22px}.deployment-steps li{padding-left:10px}.deployment-steps li::marker{color:#087bfa}.deployment-steps b{font-size:19px}.deployment-steps p{font-size:14px;line-height:1.8;color:#556e87}[id]{scroll-margin-top:110px}@media(max-width:760px){.main-path{padding:25px 15px 0;grid-template-columns:1fr 30px 1fr 30px 1fr}.path-wire span{font-size:8px;white-space:normal}.path-node{min-height:155px;padding:20px 5px}.path-node h3{font-size:14px}.path-node p{font-size:10px}.path-node img{max-width:65px;height:20px}.edge-branch{width:65%}.topology-title{padding:20px;gap:15px}.topology-title small{font-size:10px}.evaluation-list article{grid-template-columns:30px 1fr;gap:15px}.evaluation-list small{grid-column:2}.response-grid,.ops-grid{grid-template-columns:1fr 1fr;gap:25px}.machine-note,.deployment-steps{display:block}.deployment-steps li{margin:25px 0}.how-heading>p{font-size:16px}}@media(max-width:480px){.response-grid,.ops-grid{grid-template-columns:1fr}.edge-branch{width:75%}.topology-title small{display:none}}
