@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/ibm-plex-sans-300.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-600.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ibm-plex-sans-700.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff2)format("woff2")}:root{--navy:#0a2540;--navy-dark:#061830;--cyan:#00b4d8;--amber:#f4a261;--cloud-white:#f7f9fc;--slate:#4a5568;--green:#2a9d8f;--white:#fff;--navy-70:#3a4f66;--navy-10:#e8ecf1;--cyan-20:#b3e5f2;--cyan-5:#f2fbfd}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--navy);background:var(--cloud-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Sans,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.65}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600;line-height:1.2}h1{font-size:2.5rem;line-height:1.15}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem;font-weight:400;line-height:1.4}a{color:var(--cyan);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}code,.mono{font-family:IBM Plex Mono,monospace}.overline{text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);font-size:.75rem;font-weight:600}.overline-light{color:var(--navy)}.container{max-width:1200px;margin:0 auto;padding:0 32px}section{padding:80px 0}section.dark{background:var(--navy);color:var(--white)}section.dark-darker{background:var(--navy-dark);color:var(--white)}section.light{background:var(--cloud-white)}section.white{background:var(--white)}.grid-2{grid-template-columns:1fr 1fr;gap:48px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:32px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.nav{z-index:100;background:var(--navy);border-bottom:1px solid #00b4d826;padding:16px 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:12px;display:flex}.nav-logo-text{color:var(--white);font-size:1.125rem;font-weight:600}.nav-logo-text .descriptor{color:var(--cyan);letter-spacing:.05em;font-size:.625rem;font-weight:400;display:block}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--white);opacity:.7;font-size:.875rem;font-weight:400}.nav-links a:hover{opacity:1;color:var(--cyan)}.nav-cta{background:var(--cyan);border-radius:6px;padding:8px 20px;font-size:.875rem;font-weight:600;color:var(--navy)!important;opacity:1!important}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.nav-toggle span{background:var(--white);width:24px;height:2px;margin:5px 0;transition:all .3s;display:block}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.logo-mark{align-items:center;display:inline-flex}.logo-mark svg{width:auto;height:24px}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--cyan);color:var(--navy)}.btn-primary:hover{opacity:1;background:#00a0c0}.btn-secondary{color:var(--cyan);border:1px solid var(--cyan);background:0 0}.btn-secondary:hover{background:#00b4d81a}.btn-amber{background:var(--amber);color:var(--navy)}.btn-white{background:var(--white);color:var(--navy)}.btn-white:hover{opacity:.9}.btn-link{color:var(--cyan);font-size:.875rem;font-weight:600}.btn-link:after{content:" →"}.hero{background:var(--navy);color:var(--white);padding:100px 0 80px}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:64px;display:grid}.hero h1{color:var(--white);margin-bottom:20px;font-size:3.5rem}.hero-subhead{color:#ffffffd9;max-width:540px;margin-bottom:32px;font-size:1.125rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.hero-visual{background:var(--navy-dark);border:1px solid #00b4d833;border-radius:12px;padding:32px}.net-diagram{width:100%;height:auto}.stats-band{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat{text-align:center}.stat-value{color:var(--cyan);font-family:IBM Plex Mono,monospace;font-size:2.5rem;font-weight:600}.stat-label{color:#ffffffb3;margin-top:4px;font-size:.875rem}.card{background:var(--white);border:1px solid var(--navy-10);border-radius:8px;padding:32px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--cyan);box-shadow:0 4px 12px #0a254014}.card h3{color:var(--navy);margin-bottom:12px}.card p{color:var(--slate);font-size:.9375rem}.card-icon{width:40px;height:40px;margin-bottom:20px}.urgency-card{border-left:3px solid var(--amber);background:var(--white);border-top:1px solid var(--navy-10);border-right:1px solid var(--navy-10);border-bottom:1px solid var(--navy-10);border-radius:0 8px 8px 0;padding:24px 28px}.urgency-card .vendor{color:var(--navy);font-weight:600}.urgency-card .eol{color:var(--amber);margin-bottom:8px;font-size:.875rem;font-weight:500}.urgency-card p{color:var(--slate);font-size:.9375rem}.process-steps{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.process-step{text-align:center}.process-num{background:var(--navy);width:40px;height:40px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:.875rem;font-weight:600;display:flex}.process-step h4{color:var(--navy);margin-bottom:6px;font-size:.875rem;font-weight:600}.process-step p{color:var(--slate);font-size:.8125rem}.process-price{color:var(--cyan);margin-top:6px;font-family:IBM Plex Mono,monospace;font-size:.75rem}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--navy-10);padding:14px 16px}th{color:var(--navy);font-size:.875rem;font-weight:600}td{color:var(--slate);font-size:.9375rem}tr:hover td{background:var(--cyan-5)}.checklist{list-style:none}.checklist li{color:var(--navy);padding:8px 0 8px 28px;font-size:.9375rem;position:relative}.checklist li:before{content:"✓";color:var(--green);font-weight:600;position:absolute;left:0}.divider{background:var(--navy-10);border:none;height:1px;margin:40px 0}section.dark .divider,section.dark-darker .divider{background:#ffffff1a}.cta-section{text-align:center;padding:80px 0}.cta-section h2{margin-bottom:16px}.cta-section p{color:var(--slate);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto}section.dark .cta-section p{color:#fffc}.footer{background:var(--navy-dark);color:#fff9;padding:48px 0 32px;font-size:.875rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:32px;display:grid}.footer h5{color:var(--white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.8125rem;font-weight:600}.footer a{color:#fff9}.footer a:hover{color:var(--cyan)}.footer ul{list-style:none}.footer ul li{margin-bottom:8px}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:24px;font-size:.8125rem;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--navy);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--navy-10);width:100%;color:var(--navy);background:var(--white);border-radius:6px;padding:12px 16px;font-family:IBM Plex Sans,sans-serif;font-size:.9375rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px #00b4d81a}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.calc-card{background:var(--white);border:1px solid var(--navy-10);border-radius:12px;max-width:800px;margin:0 auto;padding:48px;box-shadow:0 8px 24px #0a254014}.calc-input-group{margin-bottom:32px}.calc-label{color:var(--navy);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.calc-slider{-webkit-appearance:none;background:var(--navy-10);border-radius:3px;outline:none;width:100%;height:6px}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);cursor:pointer;border-radius:50%;width:24px;height:24px}.calc-slider::-moz-range-thumb{background:var(--cyan);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px}.calc-user-display{color:var(--navy);margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:2rem;font-weight:500}.calc-result{background:var(--navy);color:var(--white);border-radius:8px;margin-top:32px;padding:32px}.calc-result-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.calc-result-row:last-child{border-bottom:none}.calc-result-label{color:#ffffffb3;font-size:.875rem}.calc-result-value{font-family:IBM Plex Mono,monospace;font-size:1.125rem;font-weight:500}.calc-result-savings{color:var(--green)}.calc-result-savings .calc-result-value{color:var(--green);font-size:1.5rem}.article-meta{color:var(--slate);gap:16px;margin-bottom:24px;font-size:.8125rem;display:flex}.article-body{max-width:720px;margin:0 auto}.article-body h2{margin-top:48px;margin-bottom:16px}.article-body h3{margin-top:32px;margin-bottom:12px}.article-body p{color:var(--slate);margin-bottom:20px}.article-body ul,.article-body ol{margin-bottom:20px;padding-left:24px}.article-body li{color:var(--slate);margin-bottom:8px}.article-cta{background:var(--cyan-5);border:1px solid var(--cyan-20);text-align:center;border-radius:8px;margin-top:48px;padding:32px}.diff-item{gap:20px;margin-bottom:32px;display:flex}.diff-num{color:var(--cyan);min-width:32px;font-family:IBM Plex Mono,monospace;font-size:1.5rem;font-weight:500}.diff-content h4{color:var(--white);margin-bottom:6px;font-weight:600}.diff-content p{color:#ffffffb3;font-size:.9375rem}.article-list{padding:0;list-style:none}.article-list li{border-bottom:1px solid var(--navy-10);padding:24px 0}.article-list li:last-child{border-bottom:none}.article-list a{display:block}.article-list h3{color:var(--navy);margin-bottom:4px}.article-list h3:hover{color:var(--cyan)}.article-list .article-list-meta{color:var(--slate);font-size:.8125rem}@media (width<=768px){.container{padding:0 20px}.hero-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:32px}.hero h1{font-size:2rem}.stats-band,.process-steps,.footer-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.nav-toggle{display:block}.nav-links{background:var(--navy-dark);border-bottom:1px solid #00b4d826;flex-direction:column;gap:20px;padding:24px 32px;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open{display:flex}.nav-links a{font-size:1rem}.nav-cta{text-align:center;width:100%}section{padding:48px 0}}