body.blog-route{--bg:var(--marketing-bg);--surface:var(--marketing-surface);--fg:var(--marketing-fg);--muted:var(--marketing-muted);--border:var(--marketing-border);--accent:var(--marketing-accent);--gold:var(--marketing-gold);--container:1180px;--gutter:clamp(20px, 4vw, 32px);--radius-sm:12px;--radius-md:14px;--fluid-topbar-h:clamp(50px, 3vw, 58px);--fluid-label-font:10px;--fluid-text-h1:clamp(2.15rem, 1.5rem + 1.8vw, 3.75rem);--fw-extrabold:800;--fw-black:900;--text-primary:var(--fg);--text-secondary:var(--muted);--text-inverse:var(--marketing-button-text);--surface-primary:color-mix(in oklch, var(--surface) 94%, black 6%);--surface-secondary:color-mix(in oklch, var(--surface) 82%, black 18%);--brand-primary:var(--accent);--brand-accent:var(--gold);--accent-secondary:color-mix(in oklch, var(--accent) 42%, #8b5cf6 58%);--border-subtle:color-mix(in oklch, var(--border) 84%, transparent);--border-strong:color-mix(in oklch, var(--border) 94%, white 6%);--shadow-sm:0 10px 28px #02061724}html[data-theme=light] body.blog-route{--bg:#f6f8fb;--surface:#fff;--fg:#17153b;--muted:#64748b;--border:#dbe3ec;--accent:#059669;--gold:#d97706;--text-primary:var(--fg);--text-secondary:var(--muted);--text-inverse:#f8fafc;--surface-primary:#fff;--surface-secondary:#f8fafc;--brand-primary:var(--accent);--brand-accent:var(--gold);--accent-secondary:#7c3aed;--border-subtle:#dbe3ec;--border-strong:#cbd5e1;--shadow-sm:0 12px 32px #0f172a14;color-scheme:light}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.blog-route{background:var(--marketing-bg);min-height:100vh;color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,sans-serif;line-height:1.6;overflow-x:clip}body.blog-route a{color:inherit}body.blog-route button{font:inherit}body.blog-route .helper-text{color:var(--text-secondary);margin:0}body.blog-route :is(.btn,.btn-primary,.btn-ghost){box-sizing:border-box;border-radius:var(--button-radius);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:0 1rem;font-size:11px;font-weight:700;text-decoration:none;transition:transform .12s,background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}body.blog-route :is(.btn,.btn-primary):hover,body.blog-route .btn-ghost:hover{transform:translateY(-1px)}body.blog-route :is(.btn,.btn-primary){background:color-mix(in oklch, var(--brand-primary) 84%, black);border-color:color-mix(in oklch, var(--brand-primary) 68%, black);color:var(--text-inverse);box-shadow:0 0 0 1px color-mix(in oklch, var(--brand-primary) 20%, transparent)}body.blog-route :is(.btn,.btn-primary):hover{background:color-mix(in oklch, var(--brand-primary) 76%, black);border-color:color-mix(in oklch, var(--brand-primary) 58%, black)}body.blog-route .btn-ghost{background:color-mix(in oklch, var(--surface-primary) 88%, transparent);border-color:color-mix(in oklch, var(--border-subtle) 92%, transparent);color:var(--text-secondary)}body.blog-route .btn-ghost:hover{color:var(--text-primary);border-color:color-mix(in oklch, var(--border-strong) 90%, white 10%);background:color-mix(in oklch, var(--surface-primary) 94%, transparent)}body.blog-route :is(a,button):focus-visible{outline:2px solid color-mix(in oklch, var(--brand-primary) 56%, white 10%);outline-offset:3px}.blog-page,.blog-post-page{width:min(100%, var(--container));box-sizing:border-box;min-width:0;padding:calc(var(--fluid-topbar-h) + clamp(1.6rem, 4vw, 3rem)) var(--gutter) clamp(2.5rem, 5vw, 4.5rem);gap:clamp(1rem,1.8vw,1.5rem);margin:0 auto;display:grid}.blog-index-shell,.blog-post-shell{min-width:0;position:relative}.blog-index-section,.blog-index-stack,.blog-index-grid-wrap{gap:clamp(.9rem,1.4vw,1.2rem);min-width:0;display:grid}.blog-index-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.blog-index-intro,.blog-list-card,.blog-post-main,.blog-post-meta-card,.blog-post-sidebar-cta,.blog-index-empty{border:1px solid color-mix(in oklch, var(--border-subtle) 88%, transparent);background:color-mix(in oklch, var(--surface-primary) 96%, transparent);box-shadow:var(--shadow-sm)}.blog-index-intro{border-radius:var(--radius-md);background:linear-gradient(180deg, color-mix(in oklch, var(--surface-primary) 82%, transparent) 0%, color-mix(in oklch, var(--surface-primary) 98%, transparent) 100%), radial-gradient(circle at top left, color-mix(in oklch, var(--brand-primary) 9%, transparent) 0%, transparent 42%), color-mix(in oklch, var(--surface-primary) 96%, transparent);gap:1rem;padding:clamp(1.25rem,2.4vw,2rem);display:grid}.blog-index-meta-row,.blog-post-meta-inline,.blog-post-nav-actions{flex-wrap:wrap;gap:.65rem;display:flex}.blog-index-meta-row{align-items:center}.blog-index-meta-pill,.blog-post-meta-chip{border:1px solid color-mix(in oklch, var(--border-subtle) 88%, transparent);background:color-mix(in oklch, var(--surface-secondary) 92%, transparent);color:var(--text-secondary);border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .72rem;line-height:1;text-decoration:none;display:inline-flex}a.blog-index-meta-pill{transition:transform .12s,border-color .16s,background-color .16s,box-shadow .16s,color .16s}a.blog-index-meta-pill:hover{border-color:color-mix(in oklch, var(--brand-primary) 28%, var(--border-strong));background:color-mix(in oklch, var(--brand-primary) 8%, var(--surface-secondary));text-decoration:none;transform:translateY(-1px);box-shadow:0 10px 24px #0206171a}a.blog-index-meta-pill:hover .blog-index-meta-value{color:var(--text-primary)}.blog-index-meta-key,.blog-post-meta-chip strong{background:color-mix(in oklch, var(--surface-primary) 84%, transparent);min-height:1.35rem;color:var(--text-primary);font-weight:var(--fw-black);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .42rem;font-size:9px;display:inline-flex}.blog-index-meta-value{color:var(--text-secondary);font-size:.9rem;font-weight:500}.blog-index-meta-summary{color:var(--text-secondary);font-size:.86rem;line-height:1.4}.blog-index-notice{border:1px solid color-mix(in oklch, var(--brand-primary) 28%, var(--border-subtle));border-radius:var(--radius-sm);background:color-mix(in oklch, var(--brand-primary) 8%, var(--surface-primary));color:var(--text-primary);margin:0;padding:.85rem 1rem;font-size:.92rem}.blog-index-heading{letter-spacing:-.03em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(2.25rem,1.7rem + 1.7vw,4rem);font-weight:800;line-height:1}.blog-index-lead,.blog-post-excerpt,.blog-list-excerpt,.blog-post-sidebar-cta p,.blog-post-endcap p{color:var(--text-secondary);text-wrap:pretty;margin:0}.blog-index-lead{max-width:62ch;font-size:clamp(1rem,.18vw + .98rem,1.08rem);line-height:1.75}.blog-index-section-title{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,.35vw + 1.2rem,1.6rem);line-height:1.15}.blog-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.4vw,1.2rem);display:grid}.blog-list-card{border-radius:var(--radius-md);transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.blog-list-card:hover{border-color:color-mix(in oklch, var(--brand-primary) 18%, var(--border-subtle));transform:translateY(-2px);box-shadow:0 14px 34px #02061729}.blog-list-card-featured{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.blog-list-card-link{min-width:0;height:100%;color:inherit;text-decoration:none;display:grid}.blog-list-card-featured .blog-list-card-link{grid-column:1/-1;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.blog-list-card-link:hover,.blog-list-card-link:focus-visible{text-decoration:none}.blog-list-media-link{background:color-mix(in oklch, var(--surface-secondary) 92%, transparent);line-height:0;display:block}.blog-list-media{object-fit:cover;aspect-ratio:16/10;width:100%;height:100%;min-height:216px;display:block}.blog-list-card-featured .blog-list-media{aspect-ratio:16/10;min-height:0}.blog-list-media-placeholder{background:linear-gradient(180deg, color-mix(in oklch, var(--surface-secondary) 78%, transparent), color-mix(in oklch, var(--surface-secondary) 92%, transparent)), radial-gradient(circle at top left, color-mix(in oklch, var(--brand-primary) 10%, transparent), transparent 58%), color-mix(in oklch, var(--surface-secondary) 92%, transparent);place-items:center;display:grid}.blog-list-media-placeholder:before{content:"Zero Debt";border:1px solid color-mix(in oklch, var(--border-subtle) 92%, transparent);background:color-mix(in oklch, var(--surface-primary) 82%, transparent);color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:.42rem .7rem;font-size:10px;font-weight:800}.blog-list-content{align-content:start;gap:.55rem;padding:1rem 1rem 1.1rem;display:grid}.blog-list-card-featured .blog-list-content{align-content:center;padding:clamp(1.2rem,2vw,1.8rem)}.blog-list-date{letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:10px;font-weight:800}.blog-list-card h2,.blog-list-card-featured h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.1rem,.45vw + 1rem,1.45rem);line-height:1.22}.blog-list-read-link{width:fit-content;color:var(--brand-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.32rem;margin-top:.3rem;font-size:.78rem;font-weight:800;display:inline-flex}.blog-list-read-link span{transition:transform .16s}.blog-list-card:hover .blog-list-read-link span,.blog-list-card-link:focus-visible .blog-list-read-link span{transform:translate(2px)}.blog-index-empty{border-radius:var(--radius-md);gap:.55rem;padding:1.35rem}.blog-index-empty h2{margin:0}.blog-post-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);align-items:start;gap:clamp(1rem,2vw,1.5rem);min-width:0;display:grid}.blog-post-main{border-radius:var(--radius-md);gap:1rem;min-width:0;padding:clamp(1.2rem,2.1vw,1.8rem);display:grid}.blog-post-header{padding-bottom:0}.blog-post-rail{min-width:0;top:calc(var(--fluid-topbar-h) + 1rem);align-content:start;gap:.9rem;display:grid;position:sticky}.blog-post-back-button{width:fit-content}.blog-post-nav-actions{margin-bottom:.95rem}.blog-post-cover,.blog-post-inline-cover{object-fit:cover;border-radius:var(--radius-md);border:1px solid color-mix(in oklch, var(--border-subtle) 88%, transparent);width:100%;display:block;box-shadow:0 8px 24px #0206171f}.blog-post-cover{max-height:380px}.blog-post-inline-cover{aspect-ratio:16/9;display:none}.blog-post-meta-card,.blog-post-sidebar-cta{border-radius:var(--radius-md);gap:.45rem;padding:1rem;display:grid}.blog-post-date-label,.blog-post-endcap-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-accent);margin:0;font-size:10px;font-weight:900}.blog-post-date-value,.blog-post-sidebar-cta h4,.blog-post-endcap h3{color:var(--text-primary);margin:0}.blog-post-date-value{font-size:1rem;font-weight:700}.blog-post-excerpt{max-width:68ch;font-size:clamp(1.02rem,.18vw + 1rem,1.12rem);line-height:1.78}.blog-post-content{max-width:70ch;color:var(--text-primary);gap:1rem;font-size:clamp(1rem,.12vw + .98rem,1.06rem);line-height:1.82;display:grid}.blog-post-content>:first-child{margin-top:0}.blog-post-content h2,.blog-post-content h3{letter-spacing:-.025em;text-wrap:balance;margin:1.35rem 0 .3rem;line-height:1.18}.blog-post-content p,.blog-post-content figure{margin:0}.blog-post-content a{color:color-mix(in oklch, var(--brand-primary) 82%, white 18%)}.blog-post-content a:hover{color:color-mix(in oklch, var(--brand-primary) 72%, white 28%)}.blog-post-content ul,.blog-post-content ol{gap:.45rem;margin:0;padding-left:1.2rem;display:grid}.blog-post-content li{color:var(--text-primary)}.blog-post-content blockquote{border:1px solid color-mix(in oklch, var(--brand-primary) 18%, var(--border-subtle));background:color-mix(in oklch, var(--surface-secondary) 88%, transparent);border-radius:var(--radius-md);color:var(--text-secondary);margin:.2rem 0;padding:1rem 1.1rem}.blog-post-content pre{border:1px solid color-mix(in oklch, var(--border-subtle) 88%, transparent);border-radius:var(--radius-md);background:color-mix(in oklch, var(--surface-secondary) 88%, black 12%);margin:.2rem 0;padding:.95rem 1rem;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92rem;line-height:1.65;overflow-x:auto}.blog-post-content code{font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.blog-post-content img{border-radius:var(--radius-md);max-width:100%;height:auto}.blog-post-content hr{background:color-mix(in oklch, var(--border-subtle) 84%, transparent);border:0;width:100%;height:1px;margin:.5rem 0}.blog-post-endcap{border-top:1px solid color-mix(in oklch, var(--border-subtle) 82%, transparent);gap:.85rem;margin-top:.9rem;padding-top:clamp(1.05rem,1.8vw,1.35rem);display:grid}.blog-post-endcap-copy{gap:.45rem;max-width:58ch;display:grid}.blog-post-endcap-copy p:last-child{color:var(--text-secondary)}.blog-post-endcap .btn{justify-self:start}.blog-post-endcap-actions{flex-wrap:wrap;gap:.65rem;display:flex}.blog-post-sidebar-cta h4{font-size:.96rem;line-height:1.25}.blog-post-sidebar-cta .btn{justify-content:center;width:100%;max-width:100%}@media (prefers-reduced-motion:reduce){body.blog-route :is(.btn,.btn-primary,.btn-ghost),.blog-list-card{transition:none}}@media (width<=1080px){.blog-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-list-card-featured,.blog-list-card-featured .blog-list-card-link{grid-template-columns:1fr}.blog-list-card-featured .blog-list-media{min-height:260px}.blog-post-layout{grid-template-columns:1fr}.blog-post-rail{position:static}.blog-post-cover{display:none}.blog-post-inline-cover{display:block}}@media (width<=760px){.blog-page,.blog-post-page{padding-top:calc(var(--fluid-topbar-h) + 1.15rem);padding-inline:1rem;padding-bottom:2rem}.blog-index-heading{max-width:18ch;font-size:clamp(2.25rem,1.7rem + 2.2vw,3rem)}.blog-index-meta-pill,.blog-post-meta-chip{border-radius:18px;justify-content:flex-start;width:100%}.blog-list-grid{grid-template-columns:1fr}.blog-list-media{min-height:210px}.blog-post-inline-cover{aspect-ratio:16/10}.blog-post-endcap-actions{grid-template-columns:1fr;display:grid}.blog-post-endcap-actions .btn{justify-self:stretch;width:100%}}