:root{--bg: #ffffff;--surface: #f7f6fb;--surface-solid: #f2f0fa;--border: rgba(26, 20, 48, .1);--text: #1a1426;--dim: #6b6880;--accent: #7c3aed;--accent-2: #0891b2;--green: #16a34a;--pink: #db2777;--maxw: 760px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.wide{max-width:1080px}.site-nav{border-bottom:1px solid var(--border);background:#ffffffd9;backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.site-nav .inner{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.site-nav .logo img{height:80px;display:block}.site-nav .nav-links{display:flex;gap:22px;align-items:center}.site-nav .nav-links a{color:var(--dim);font-size:14px;font-weight:500}.site-nav .nav-links a:hover{color:var(--text);text-decoration:none}.site-nav .nav-cta{background:var(--accent);color:#fff!important;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600}.site-nav .nav-cta:hover{background:#7c4ddb;text-decoration:none}article.post{padding:56px 0 32px}.post h1{font-size:2.4rem;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 16px}.post .meta{color:var(--dim);font-size:14px;margin-bottom:36px}.post h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:44px 0 14px;padding-top:8px}.post h3{font-size:1.15rem;font-weight:600;margin:30px 0 10px}.post p,.post li{font-size:1.02rem;color:#36314a}.post ul,.post ol{padding-left:22px}.post li{margin:6px 0}.post strong{color:var(--text);font-weight:600}.post code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.88em;background:#7c3aed1a;padding:2px 6px;border-radius:5px;color:#6d28d9}.post blockquote{border-left:3px solid var(--accent);margin:22px 0;padding:4px 18px;color:var(--dim);background:#8b5cf60d;clear:both}.post table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.95rem}.post th,.post td{border:1px solid var(--border);padding:9px 12px;text-align:left}.post th{background:#8b5cf61a;font-weight:600}.post hr{border:none;border-top:1px solid var(--border);margin:40px 0}.post img{max-width:100%;height:auto;border-radius:12px;display:block;margin:8px 0}.post figure{margin:28px 0}.post figure img{box-shadow:0 12px 40px #1a143029;border:1px solid var(--border)}.post figcaption{color:var(--dim);font-size:.78rem;line-height:1.4;text-align:center;margin-top:10px}.post-container{max-width:1040px}.post .hero-shot{width:100%;margin:8px 0 36px}.post figure.float-right{float:right;width:300px;max-width:42%;margin:6px 0 18px 28px}@media(max-width:640px){.post figure.float-right{float:none;width:100%;max-width:100%;margin:20px 0}}.post .hero-shot img{width:100%}.post figure img{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:1000;background:#060410ed;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out;animation:lb-fade .15s ease}.lightbox[hidden]{display:none}.lightbox img{max-width:96vw;max-height:92vh;width:auto;height:auto;border-radius:10px;box-shadow:0 24px 70px #0009}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.crumb{font-size:13px;color:var(--dim);margin-bottom:22px}.crumb a{color:var(--dim)}.crumb a:hover{color:var(--text)}.cta-box{margin:44px 0 8px;padding:28px;border-radius:14px;background:linear-gradient(135deg,#8b5cf624,#06b6d414);border:1px solid rgba(139,92,246,.3)}.cta-box h3{margin:0 0 8px;font-size:1.2rem;color:var(--text)}.cta-box p{margin:0 0 16px;color:var(--dim);font-size:.98rem}.cta-box .btn{display:inline-block;background:var(--accent);color:#fff!important;padding:11px 22px;border-radius:9px;font-weight:600;font-size:.95rem}.cta-box .btn:hover{background:#7c4ddb;text-decoration:none}.blog-hero{padding:64px 0 24px;text-align:center}.blog-hero h1{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}.blog-hero p{color:var(--dim);font-size:1.1rem;max-width:560px;margin:0 auto}#meteors{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.site-nav,main,.site-footer{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){#meteors{display:none}}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:32px 0 64px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}.post-card:hover{border-color:#7c3aed59;transform:translateY(-2px);box-shadow:0 10px 30px #1a14301a}.post-card a{text-decoration:none}.post-card h2{font-size:1.2rem;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.3}.post-card p{color:var(--dim);font-size:.94rem;margin:0 0 14px}.post-card .card-meta{color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pillar-card{grid-column:1 / -1;background:linear-gradient(135deg,#8b5cf61f,#06b6d40f);border-color:#8b5cf64d}.related{margin-top:44px;padding-top:28px;border-top:1px solid var(--border)}.related h3{font-size:1rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px}.related ul{list-style:none;padding:0}.related li{margin:8px 0}.site-footer{border-top:1px solid var(--border);padding:32px 0;margin-top:48px}.site-footer .inner{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--dim);font-size:13px}.site-footer a{color:var(--dim)}.read-progress{position:sticky;top:0;z-index:49;height:3px;width:100%;background:transparent;pointer-events:none}.read-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .08s linear}.container.post-shell{max-width:1140px;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:0}.post-shell .post{width:100%;max-width:760px}@media(min-width:1000px){.container.post-shell:has(.toc-rail){grid-template-columns:minmax(0,1fr) 230px;gap:56px;justify-items:stretch;align-items:start}.container.post-shell:has(.toc-rail) .post{justify-self:end}}.post-body{max-width:720px}.post-body .hero-shot,.post-body figure.float-right{max-width:none}.post h2,.post h3{scroll-margin-top:110px}.byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--dim);font-size:14px;margin-bottom:30px}.byline-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:700;letter-spacing:-.02em}.byline-name{color:var(--text);font-weight:600}.byline-dot{opacity:.5}.post-body>p:first-of-type{font-size:1.16rem;line-height:1.6;color:#2c2740}.toc-inline{margin:0 0 30px;padding:14px 18px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.toc-inline summary{cursor:pointer;font-weight:600;font-size:.9rem;color:var(--text);list-style:none}.toc-inline summary::-webkit-details-marker{display:none}.toc-inline summary:before{content:"☰  ";color:var(--accent)}.toc-inline ol{margin:12px 0 2px;padding-left:20px;color:var(--dim)}.toc-inline li{margin:5px 0;font-size:.92rem}.toc-inline a{color:var(--dim)}@media(min-width:1000px){.toc-inline{display:none}}.toc-rail{display:none}@media(min-width:1000px){.toc-rail{display:block}.toc-sticky{position:sticky;top:96px;border-left:2px solid var(--border);padding-left:16px}.toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:12px}#toc-list{list-style:none;margin:0;padding:0}#toc-list li{margin:0}#toc-list a{display:block;font-size:.86rem;line-height:1.4;color:var(--dim);border-left:2px solid transparent;margin-left:-18px;padding:5px 0 5px 16px;transition:color .15s,border-color .15s}#toc-list a:hover{color:var(--text);text-decoration:none}#toc-list a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}}.hero-eyebrow{display:inline-block;margin-bottom:14px;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--accent);background:#7c3aed14;border:1px solid rgba(124,58,237,.2)}.blog-hero h1 .grad{background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.post-card{display:flex;flex-direction:column;color:inherit}.post-card:hover{text-decoration:none}.post-card .card-cta{margin-top:auto;padding-top:12px;color:var(--accent);font-size:.88rem;font-weight:600;opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}.post-card:hover .card-cta{opacity:1;transform:translate(0)}.pillar-card .card-cta{opacity:1;transform:none}.cta-box{position:relative;overflow:hidden}.cta-box>*{position:relative;z-index:1}.cta-glow{position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(8,145,178,.18),transparent 70%);z-index:0;pointer-events:none}@media(max-width:640px){.post h1{font-size:1.9rem;line-height:1.18}.blog-hero h1{font-size:2rem}.blog-hero{padding:40px 0 16px}.site-nav .logo img{height:40px}.site-nav .inner{padding:12px 18px}.site-nav .nav-links{gap:16px}.site-nav .nav-links a{font-size:15px}.container{padding:0 18px}.post-body>p:first-of-type{font-size:1.08rem}.byline{gap:6px 8px;font-size:13px}.crumb{word-break:normal;overflow-wrap:anywhere}.post-grid{grid-template-columns:1fr;gap:16px;padding:24px 0 48px}.cta-box{padding:22px}}