@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/blog/fonts/pjs-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/blog/fonts/pjs-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--brand: #626bed;--brand-dark: #4a52c7;--teal: #41b3a2;--pink: #e0366f;--orange: #fb8b1b;--ink: #1b1d29;--muted: #6b6f80;--line: #ececf3;--bg: #ffffff;--bg-soft: #f7f7fb;--radius: 16px;--shadow: 0 4px 10px rgba(0, 0, 0, .04);--content-width: 720px;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;font-size:18px;-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.site-header .container{max-width:980px;display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--ink)}.brand:hover{text-decoration:none}.brand-mark{width:30px;height:30px;border-radius:8px;display:block}.nav{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:600}.nav a{color:var(--muted)}.nav a:hover{color:var(--brand);text-decoration:none}.nav .cta{background:var(--brand);color:#fff;padding:8px 16px;border-radius:10px}.nav .cta:hover{background:var(--brand-dark)}.hero{text-align:center;padding:56px 0 32px}.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.hero p{color:var(--muted);font-size:19px;margin:0 auto;max-width:560px}.post-list{list-style:none;padding:0;margin:24px 0 64px;display:grid;gap:18px}.post-card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--bg);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.post-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 22px #626bed1f}.post-card time{color:var(--muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.post-card h2{margin:8px 0 6px;font-size:23px;line-height:1.25;color:var(--ink);letter-spacing:-.01em}.post-card p{margin:0;color:var(--muted);font-size:16px}.article{padding:48px 0 64px}.article-header{margin-bottom:32px}.article-header .meta{color:var(--muted);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.article-header h1{font-size:38px;line-height:1.12;margin:0 0 12px;letter-spacing:-.02em}.article-header .lede{font-size:20px;color:var(--muted);margin:0}.prose{font-size:18px}.prose h2{font-size:26px;margin:40px 0 12px;letter-spacing:-.01em}.prose h3{font-size:21px;margin:28px 0 8px}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 18px;padding-left:24px}.prose li{margin-bottom:6px}.prose hr{border:none;border-top:1px solid var(--line);margin:36px 0}.prose strong{color:var(--ink)}.prose blockquote{border-left:3px solid var(--brand);margin:24px 0;padding:4px 0 4px 20px;color:var(--muted);font-style:italic}.prose code{background:var(--bg-soft);padding:2px 6px;border-radius:6px;font-size:.9em}.back-link{display:inline-block;margin-bottom:24px;font-weight:600;font-size:15px}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);padding:32px 0;margin-top:48px;font-size:14px;color:var(--muted)}.site-footer .container{max-width:980px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.site-footer a{color:var(--muted);font-weight:600}.site-footer a:hover{color:var(--brand)}@media(max-width:640px){body{font-size:17px}.hero h1{font-size:32px}.article-header h1{font-size:30px}.nav a:not(.cta){display:none}}