@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#122b35;color:#eaf2f4;font:17px/1.65 'DM Sans',sans-serif}a{color:#87d5e5;text-underline-offset:.2em}a:hover{color:#fff}a:focus-visible{outline:3px solid #e9c56d;outline-offset:5px}header,footer{max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}header{border-bottom:1px solid #45616b;justify-content:space-between}.brand{font-size:22px;font-weight:700;text-decoration:none;color:inherit}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-block;padding:10px 18px;border:1px solid #87d5e5;border-radius:6px;text-decoration:none}.skip{position:absolute;left:16px;top:-100px;background:#122b35;padding:10px}.skip:focus{top:8px}main{max-width:1100px;margin:64px auto;padding:0 32px}h1{font-size:clamp(32px,5vw,56px);line-height:1.12;letter-spacing:-.025em;max-width:920px;margin:20px 0 28px}h2{font-size:clamp(25px,3vw,34px);line-height:1.25}h3{font-size:23px}p,li,figcaption{max-width:760px}.lead{font-size:22px;color:#c6dade}.eyebrow,time{color:#afc6ce}time{display:block;font-size:15px}.back{display:inline-block;margin-bottom:24px}figure{margin:32px 0}figure img,.post-card img{display:block;width:100%;height:auto;border:1px solid #45616b;border-radius:8px;background:#1a3640}figcaption{margin:14px 0;color:#afc6ce;font-size:15px}.contents{padding:20px 0;border-block:1px solid #45616b;margin:40px 0}section{margin:64px 0}.post-card{margin-top:44px}.post-card>a{display:grid;grid-template-columns:1fr 1fr;gap:32px;text-decoration:none;color:inherit;align-items:center}.post-card h2{margin:14px 0}.read{color:#87d5e5}footer{border-top:1px solid #45616b;font-size:15px}footer p{width:100%;margin:0;color:#afc6ce}@media(max-width:640px){header,footer{padding:20px}main{margin:36px auto;padding:0 20px}.post-card>a{grid-template-columns:1fr;gap:20px}.lead{font-size:19px}nav{gap:16px}section{margin:44px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.speed{display:grid;gap:22px;margin:32px 0;max-width:760px}.speed-row p{margin:0 0 8px;font-weight:600}.bar{position:relative;height:30px;margin:6px 0;border-radius:6px}.bar span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:700}.bar.before{background:#2c4852;color:#c6dade}.bar.after{background:#87d5e5;color:#122b35}.bar.before::before,.bar.after::before{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px}.bar.before::before{content:"Before"}.bar.after::before{content:"Now"}.note{color:#afc6ce;font-size:15px}code{font-size:.92em;background:#1a3640;padding:2px 6px;border-radius:4px}
.w100{width:100%}.w82{width:82%}.w64{width:64%}.w30{width:30%}