.page-hero{padding:100px 0 60px;background:linear-gradient( to bottom, var(--bg-secondary) 0, var(--bg-primary) 100% );text-align:center}.content-section{padding:60px 0}.blog-post-hero{text-align:left;padding:90px 0 40px}.blog-post-hero .container{max-width:860px}.blog-post-hero h1{font-size:clamp(1.6rem, 2.5vw+0.5rem, 2.2rem);font-weight:800;line-height:1.3;text-align:left;letter-spacing:-0.02em;margin-bottom:12px}.blog-post-hero p.text-secondary{text-align:left;font-size:0.9rem;margin:0;color:var(--text-muted)}.prose{max-width:860px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:var(--text-secondary)}.prose p{margin-bottom:22px;color:var(--text-secondary)}.prose h2{font-size:clamp(1.35rem, 2vw+0.4rem, 1.65rem);font-weight:700;line-height:1.3;text-align:left;letter-spacing:-0.01em;margin-top:50px;margin-bottom:16px;color:var(--text-primary);padding-bottom:10px;border-bottom:2px solid var(--accent);display:inline-block}.prose h3{font-size:clamp(1.1rem, 1.5vw+0.3rem, 1.3rem);font-weight:700;line-height:1.3;text-align:left;letter-spacing:-0.01em;margin-top:35px;margin-bottom:12px;color:var(--text-primary)}.prose h4{font-size:1rem;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:0.05em;color:var(--accent);margin-top:25px;margin-bottom:10px}.prose h5, .prose h6{font-size:0.95rem;font-weight:600;text-align:left;margin-top:20px;margin-bottom:8px;color:var(--text-primary)}.prose ol, .prose ul{margin-bottom:22px;padding-left:0;list-style:none}.prose ol li, .prose ul li{position:relative;padding:6px 0 6px 28px;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.prose ul li::before{content:"✓";position:absolute;left:0;top:6px;color:var(--accent);font-weight:700;font-size:0.85rem}.prose ol{counter-reset:prose-counter}.prose ol li{counter-increment:prose-counter}.prose ol li::before{content:counter(prose-counter);position:absolute;left:0;top:6px;color:var(--accent);font-weight:700;font-size:0.85rem}.prose blockquote, .prose p>em:only-child{display:block;border-left:3px solid var(--accent);padding:14px 20px;margin:25px 0;background:rgba(0, 229, 255, 0.04);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-secondary)}.prose .btn{margin:30px auto;display:flex;max-width:max-content}.prose img{width:100%;height:auto;border-radius:12px;margin:25px 0;display:block;border:1px solid var(--border-color)}.toc-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:28px 30px;height:100%}[data-theme="light"] .toc-card{background-color:var(--bg-secondary);border-color:rgba(0, 0, 0, 0.1)}.toc-card h3{margin-top:0;margin-bottom:18px;padding-bottom:14px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-primary);text-align:left;border-bottom:1px solid var(--border-color)}.toc-card ul{list-style:none;padding:0;margin:0}.toc-card ul li{border-bottom:1px solid var(--border-color);margin:0}.toc-card ul li:last-child{border-bottom:none}.toc-card ul li a{display:flex;align-items:flex-start;gap:10px;padding:10px 0;color:var(--text-secondary);font-size:0.88rem;font-weight:500;line-height:1.4;transition:color 0.2s}.toc-card ul li a::before{content:"→";color:var(--accent);font-size:0.8rem;flex-shrink:0;margin-top:2px}.toc-card ul li a:hover{color:var(--accent)}.pricing-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:30px;text-align:center;height:100%}[data-theme="light"] .pricing-card{background-color:var(--bg-secondary)}.pricing-card .card-header{border-bottom:1px solid var(--border-color);padding-bottom:20px;margin-bottom:22px}.pricing-card h3{margin-top:0;font-size:1.4rem;margin-bottom:8px}.pricing-card .price{font-size:2.2rem;font-weight:800;color:var(--accent);margin:12px 0 0}.pricing-card .price span{font-size:0.9rem;color:var(--text-secondary);font-weight:400}.pricing-card .subtitle{font-size:0.85rem}.pricing-card .features{list-style:none;padding:0;margin-bottom:22px;text-align:left}.pricing-card .features li{padding:9px 0 9px 22px;border-bottom:1px solid rgba(255, 255, 255, 0.04);position:relative;font-size:0.9rem;color:var(--text-secondary)}.pricing-card .features li::before{content:"✓";color:var(--accent);position:absolute;left:0;font-weight:700}[data-theme="light"] .pricing-card .features li{border-bottom:1px solid rgba(0, 0, 0, 0.04)}@media (max-width:768px){.page-hero{padding:80px 0 40px}.blog-post-hero{padding:80px 0 30px}.blog-post-hero h1{font-size:clamp(1.4rem, 5vw, 1.8rem)}.content-section{padding:40px 0}.prose{font-size:1rem}.prose p{margin-bottom:18px}.prose h2{font-size:clamp(1.2rem, 4vw, 1.4rem);display:block}.prose h3{font-size:1.1rem}.toc-card ul li a{font-size:0.85rem}}