.post-hero-section{background:var(--bg-cream);padding:40px var(--section-pad-x) 100px}.post-hero-back-row{max-width:var(--max-width);margin:0 auto 32px}.post-back{font-size:14px;color:var(--text-muted);font-weight:500}.post-back:hover{color:var(--secondary)}.post-hero-content{max-width:920px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.post-meta-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;font-family:ui-monospace,SF Mono,monospace;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.post-dot{opacity:.4}.post-title{font-family:var(--font-head);font-weight:600;font-size:clamp(40px,6vw,72px);line-height:1.05;letter-spacing:-.025em;color:var(--secondary);margin:0}.post-lede{color:var(--text-muted);font-size:clamp(17px,1.5vw,20px);line-height:1.55;letter-spacing:-.008em;margin:0;max-width:760px}.post-hero-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.post-content-section{background:var(--white);padding:80px var(--section-pad-x) 100px}.post-hero-mock-wrap{max-width:760px;margin:0 auto 80px;position:relative;z-index:1}.post-hero-mock-wrap .bc-mock{height:520px;border-radius:var(--radius-xl)}.post-hero-image{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:var(--radius-xl);display:block}.post-body{max-width:720px;margin:0 auto;color:var(--text-muted);font-size:17px;line-height:28px;letter-spacing:-.005em}.post-body>:first-child{margin-top:0}.post-body h2{font-family:var(--font-head);font-weight:600;font-size:32px;letter-spacing:-.025em;color:var(--secondary);margin:56px 0 18px;line-height:1.15}.post-body h3{font-family:var(--font-head);font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--secondary);margin:36px 0 14px}.post-body p{margin:0 0 20px}.post-body ul,.post-body ol{margin:0 0 24px;padding-left:22px}.post-body li{margin-bottom:10px}.post-body li::marker{color:var(--brand-500, #10b981)}.post-body a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}.post-body a:hover{color:var(--brand-700, #047857)}.post-body strong{color:var(--secondary);font-weight:600}.post-body code{font-family:ui-monospace,SF Mono,monospace;background:var(--bg-light-gray);padding:2px 7px;border-radius:6px;font-size:15px;color:var(--secondary)}.post-body pre{background:var(--secondary);color:var(--white);padding:22px 26px;border-radius:var(--radius-md);overflow-x:auto;font-size:14px;line-height:22px;margin:24px 0 32px;border:1px solid rgba(255,255,255,.05)}.post-body pre code{background:transparent;color:inherit;padding:0;font-size:14px}.post-body blockquote{border-left:4px solid var(--primary);padding:6px 22px;margin:28px 0;color:var(--secondary);font-style:italic;background:#e6ff0214;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.post-body table{width:100%;border-collapse:separate;border-spacing:0;margin:36px 0 40px;font-size:15px;line-height:1.5;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px #0000000a}.post-body thead{background:var(--secondary)}.post-body th{text-align:left;padding:16px 20px;color:var(--primary);font-family:var(--font-head);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.post-body td{padding:14px 20px;border-top:1px solid var(--border-subtle);color:var(--text-muted);vertical-align:top}.post-body tbody tr:first-child td{border-top:none}.post-body tbody tr:nth-child(2n) td{background:var(--bg-light-gray)}.post-body td:first-child{font-weight:600;color:var(--secondary)}.post-body table strong{color:var(--secondary)}.post-body table code{font-size:13px;padding:1px 6px}@media(max-width:720px){.post-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:13px}.post-body th,.post-body td{padding:12px 14px}}.post-cta{max-width:720px;margin:80px auto 0;background:var(--secondary);border-radius:var(--radius-xl);padding:56px 48px;text-align:center;position:relative;overflow:hidden}.post-cta:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(230,255,2,.12),transparent 70%);pointer-events:none}.post-cta h2{font-family:var(--font-head);font-weight:600;font-size:clamp(28px,3vw,40px);color:var(--white);letter-spacing:-.025em;margin:0 0 14px;position:relative}.post-cta p{color:var(--text-quiet);font-size:16px;line-height:24px;margin:0 0 28px;letter-spacing:-.008em;position:relative}.post-cta .btn{position:relative}.post-next{background:var(--bg-cream);padding:80px var(--section-pad-x)}.post-next-head{max-width:var(--max-width);margin:0 auto 36px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.post-next-head h2{font-family:var(--font-head);font-weight:600;font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;color:var(--secondary);margin:0}.post-next-all{color:var(--text-muted);font-size:14px;font-weight:500}.post-next-all:hover{color:var(--secondary)}.post-next-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:720px){.post-next-grid{grid-template-columns:1fr 1fr}}.post-next-card{display:flex;flex-direction:column;gap:16px;transition:transform .2s ease}.post-next-card:hover{transform:translateY(-2px)}.post-next-meta{padding:0 8px}.post-next-title{font-family:var(--font-head);font-weight:600;font-size:20px;line-height:26px;letter-spacing:-.02em;color:var(--secondary);margin:0 0 8px}.post-next-desc{color:var(--text-muted);font-size:14px;line-height:22px;margin:0;letter-spacing:-.008em}.post-hero-mock-wrap .bc-mock-stack{transform:scale(1.35)}.post-hero-mock-wrap .bc-phone{transform:rotate(6deg) scale(1.3)}.post-hero-mock-wrap .bc-monthly{transform:scale(1.25);width:340px}.post-hero-mock-wrap .bc-image{transform:rotate(12deg) scale(1.3)}@media(max-width:720px){.post-hero-mock-wrap .bc-mock{height:360px}.post-hero-mock-wrap .bc-mock-stack,.post-hero-mock-wrap .bc-phone,.post-hero-mock-wrap .bc-monthly,.post-hero-mock-wrap .bc-image{transform:none}.post-cta{padding:36px 24px}.post-hero-section{padding:24px 24px 60px}.post-content-section{padding:48px 24px 60px}.post-hero-mock-wrap{margin-top:0;margin-bottom:48px}}
