.blog-cta{display:flex;align-items:stretch;gap:0;background:var(--theme-gradient, linear-gradient(135deg, #2563eb 0%, #7c3aed 100%));border-radius:14px;overflow:hidden;margin:2.5rem 0;box-shadow:0 14px 40px #0f172a24}.blog-cta-photo{flex:0 0 40%;position:relative;min-height:240px}.blog-cta-photo img{display:block;width:100%;height:100%;object-fit:cover}.blog-cta-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#2563eb00 55%,#7c3aed99)}.blog-cta-form{flex:1;min-width:0;padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem}.blog-cta-form h3{color:#fff;font-size:1.2rem;margin:0 0 .6rem;font-weight:700;line-height:1.35}.blog-cta-form .cta-fields{display:flex;gap:.5rem;flex-wrap:wrap}.blog-cta-form input,.blog-cta-form textarea{flex:1;min-width:120px;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffff1f;color:#fff;font-family:inherit;font-size:.85rem;outline:none}.blog-cta-form input::placeholder,.blog-cta-form textarea::placeholder{color:#ffffff9e}.blog-cta-form textarea{min-width:100%;resize:none;height:86px;margin-top:.5rem}.blog-cta-form label{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:.5rem;color:#ffffffd6;line-height:1.45;margin-top:.5rem;font-size:.78rem;cursor:pointer}.blog-cta-form label input[type=checkbox]{flex:0 0 auto;width:14px;height:14px;min-width:0;padding:0;border-radius:2px;margin:.18rem 0 0;accent-color:var(--theme-accent, #2563eb)}.blog-cta-form label a{color:#bfdbfe;text-decoration:underline}.blog-cta-form button{margin-top:.7rem;padding:.6rem 1.6rem;border:0;border-radius:6px;background:#fff;color:var(--theme-accent, #2563eb);font-weight:700;font-size:.85rem;cursor:pointer;align-self:flex-start}.blog-cta-form .cta-success{color:#bfdbfe;font-weight:700;text-align:center;padding:1.5rem 0;margin:0}@media(max-width:640px){.blog-cta{flex-direction:column}.blog-cta-photo{flex:0 0 200px;min-height:200px}.blog-cta-form{padding:1.5rem}.blog-cta-form .cta-fields{flex-direction:column}}.callout{border-radius:12px;padding:1.2rem 1.35rem;margin:1.5rem 0}.callout-note{background:var(--theme-note-bg, linear-gradient(135deg, #eff6ff 0%, #f5f3ff 100%));border:1px solid var(--theme-note-border, #dbeafe)}.callout-note strong{color:var(--theme-note-strong, #0f172a)}.callout-warn{background:#fff7ed;border-left:4px solid #ea580c;border-radius:0 6px 6px 0;padding:14px 16px}.source-card{border:1px solid rgba(93,106,191,.4);background:linear-gradient(135deg,#1a1e3a,#0f0715);border-radius:14px;padding:1.4rem 1.5rem;margin:1.4rem 0 1.7rem;box-shadow:0 10px 32px #0000004d,0 0 0 1px #5d6abf33}.source-eyebrow{color:#9ba5d8;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem}.source-card h3{margin:0 0 .45rem;font-size:1.12rem;color:#fff}.source-card p{margin:0 0 .55rem;line-height:1.65;color:#e2e8f0}.source-card blockquote{margin:.75rem 0;padding:.75rem 1rem;background:#5d6abf1f;border-left:2px solid #5d6abf;border-radius:0 6px 6px 0;color:#e2e8f0}.source-byline{margin:0 0 .75rem;font-size:.85rem;color:#9ba5d8}.source-link{display:inline-flex;align-items:center;gap:.35rem;color:#9ba5d8;font-weight:800;text-decoration:none}.source-link:hover{color:#c4cbea;text-decoration:underline}.source-img-wrap{border-radius:10px;overflow:hidden;margin:0 0 .9rem;box-shadow:0 10px 28px #0006}.source-img-wrap img{display:block;width:100%;height:auto}.blog-code-window{margin:1.2rem 0 1.7rem;overflow:hidden;border-radius:14px;background:#0b1220;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 46px #0f172a2e}.blog-code-titlebar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:linear-gradient(180deg,#ffffff14,#ffffff06);border-bottom:1px solid rgba(148,163,184,.16)}.blog-code-dots{display:flex;gap:.42rem;flex-shrink:0}.blog-code-dots span{width:10px;height:10px;border-radius:999px;display:block;opacity:.9}.blog-code-dots span:nth-child(1){background:#fb7185}.blog-code-dots span:nth-child(2){background:#fbbf24}.blog-code-dots span:nth-child(3){background:#34d399}.blog-code-label{color:#94a3b8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-code-window pre{margin:0;padding:1.1rem 1.2rem 1.25rem;overflow-x:auto;background:linear-gradient(90deg,rgba(56,189,248,.05) 0%,transparent 38%),#0b1220}.blog-code-window code{color:#dbeafe;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem;line-height:1.75;white-space:pre}.tok-op{color:#cbd5e1}.tok-fn{color:#67e8f9}.tok-kw{color:#c084fc;font-weight:700}.tok-var{color:#93c5fd}.tok-num{color:#fbbf24}.tok-good{color:#86efac;font-weight:800}.tok-comment{color:#94a3b8}.article-plan{max-width:860px;margin:0 auto;padding:160px 20px 72px}.article-plan h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;margin-bottom:1rem;letter-spacing:0}.article-plan p{line-height:1.8;color:#334155}.article-plan h2{font-size:1.35rem;margin-top:2rem}.article-plan .kicker{color:#2563eb;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.article-plan .lead{font-size:1.08rem;color:#475569}.article-plan .note{background:#eff6ff;border-left:4px solid #2563eb;border-radius:0 8px 8px 0;padding:1rem 1.15rem;margin:1.4rem 0}.article-plan .back{display:inline-flex;gap:.45rem;align-items:center;color:#2563eb;font-weight:700;text-decoration:none;margin-bottom:2rem}.article-plan .back:hover{text-decoration:underline}