: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)}@media(max-width:640px){.post h1{font-size:1.9rem}.blog-hero h1{font-size:2rem}.site-nav .nav-links{gap:14px}}