.content-page #webgl-canvas{display:none}body{background:var(--bg);color:var(--text)}.content-page{padding-top:var(--nav-h);min-height:100vh}.content-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#07070cd9;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--border)}.content-article{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,80px) clamp(20px,5vw,32px) 96px;font-family:var(--font-body);font-size:17px;line-height:1.7;color:var(--text)}.content-article.wide{max-width:980px}.content-header{margin-bottom:32px}.content-h1{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5.5vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 12px;color:var(--text)}.content-eyebrow{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin:0 0 14px}.content-h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3.4vw,30px);line-height:1.2;letter-spacing:-.02em;margin:56px 0 16px;color:var(--text);position:relative}.content-h2 a{position:absolute;left:-28px;color:var(--text-dim);text-decoration:none;opacity:0;transition:opacity .15s}.content-h2:hover a{opacity:1}.content-h3{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.015em;margin:36px 0 12px;color:var(--text)}.content-article p{margin:0 0 18px;color:var(--text)}.content-article p strong{color:var(--text);font-weight:600}.content-article a{color:var(--accent-2);text-decoration:underline;text-decoration-color:#a78bfa59;text-underline-offset:3px}.content-article a:hover{text-decoration-color:var(--accent-2)}.content-article ul,.content-article ol{margin:0 0 22px 22px;padding:0}.content-article li{margin:6px 0}.content-article ul ul,.content-article ol ol{margin-bottom:0}.content-article code{font-family:var(--font-mono);font-size:.9em;background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--accent-2)}.content-article pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.6;margin:22px 0}.content-article pre code{background:transparent;border:0;padding:0;color:var(--text)}.content-article blockquote{border-left:3px solid var(--accent);margin:22px 0;padding:4px 0 4px 18px;color:var(--text-sub);font-style:italic}.tldr{background:var(--accent-soft);border:1px solid var(--border-focus);border-radius:var(--r-md);padding:16px 20px 14px;margin:0 0 32px}.tldr-head{font-family:var(--font-display);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);margin:0 0 8px;font-weight:700}.tldr ul{margin:0 0 0 18px}.tldr li{color:var(--text);margin:4px 0}.callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-sm);padding:14px 18px;margin:22px 0;font-size:.95em;color:var(--text-sub)}.callout-warning{border-left-color:var(--amber)}.callout-success{border-left-color:var(--green)}.compare-table-wrap{overflow-x:auto;margin:22px 0 28px}.compare-table{width:100%;border-collapse:collapse;font-size:14px}.compare-table th,.compare-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.compare-table th{background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-sub)}.compare-table tr:hover td{background:#ffffff04}.compare-table td:first-child{font-weight:500;color:var(--text)}.faq-block{margin-top:56px}.faq-item{border-bottom:1px solid var(--border);padding:14px 0}.faq-item:first-of-type{border-top:1px solid var(--border)}.faq-item summary{cursor:pointer;font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:4px 0;transition:color .15s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent-2);font-weight:300;font-size:22px;transition:transform .2s var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{color:var(--accent-2)}.faq-body{padding:8px 0 4px;color:var(--text-sub);font-size:15px;line-height:1.65}.faq-body p{margin:0 0 10px}.faq-body p:last-child{margin-bottom:0}.cta-card{background:linear-gradient(135deg,#8b5cf621,#8b5cf60a);border:1px solid var(--border-focus);border-radius:var(--r-lg);padding:32px;text-align:center;margin:56px 0 32px}.cta-card h3{font-family:var(--font-display);font-size:26px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.cta-card p{color:var(--text-sub);margin:0 0 18px}.related-links{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 22px;margin:36px 0}.related-head{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-sub);margin:0 0 10px}.related-links ul{list-style:none;margin:0;padding:0}.related-links li{margin:4px 0}.related-links a{font-size:15px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin:32px 0;list-style:none;padding:0}.post-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:22px 22px 18px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s var(--ease-out),background .15s}.post-card:hover{border-color:var(--border-hi);transform:translateY(-2px);background:var(--surface-hi);text-decoration:none}.post-card-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-sub);margin-bottom:10px;font-family:var(--font-display);font-weight:500}.post-card-cat{color:var(--accent-2)}.post-card-title{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0 0 8px;line-height:1.25;color:var(--text)}.post-card-summary{color:var(--text-sub);font-size:14px;line-height:1.55;margin:0 0 14px}.post-card-cta{font-size:13px;color:var(--accent-2);font-weight:500}.article-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text-sub);margin:8px 0 26px;font-family:var(--font-display);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.article-meta .author{color:var(--accent-2)}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:28px 0 40px;list-style:none;padding:0}.hub-grid li{margin:0}.hub-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px 22px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s var(--ease-out)}.hub-card:hover{border-color:var(--border-hi);transform:translateY(-2px)}.hub-card h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0 0 6px;letter-spacing:-.01em}.hub-card p{color:var(--text-sub);font-size:13.5px;line-height:1.55;margin:0}.price-pill{display:inline-block;background:var(--surface-2);border-radius:var(--r-pill);padding:2px 8px;font-family:var(--font-mono);font-size:12px;color:var(--text)}.content-page #scroll-container{height:auto;overflow:visible}.content-page .footer{padding:80px 0 40px}