.marketing-diagram{color:#dce8ed;min-width:0;margin:0}.marketing-diagram svg{width:100%;max-width:620px;height:auto;margin-inline:auto;display:block;overflow:visible}.marketing-diagram svg text{fill:#dce8ed;font-family:var(--font-body,"DM Sans",sans-serif);font-size:16px;font-weight:500}.marketing-diagram .md-box{fill:#132731;stroke:#4c7588;stroke-width:1.4px}.marketing-diagram .md-box.warm,.marketing-diagram .md-funnel.warm{fill:#342217;stroke:#fda452}.marketing-diagram .md-line{fill:none;stroke:#56bed8;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.marketing-diagram .md-fill{fill:#101f27;stroke:#3e687b;stroke-width:1.3px}.marketing-diagram .md-zone{fill:#13232b;stroke:#355663;stroke-width:1.2px}.marketing-diagram .md-zone.active{fill:#193b46;stroke:#55bfd3}.marketing-diagram .md-core{fill:#2d2016;stroke:#ffa54e;stroke-width:1.8px}.marketing-diagram .md-node{fill:#153443;stroke:#6adbf2;stroke-width:1.8px}.marketing-diagram .md-funnel{fill:#142c37;stroke:#5b8799;stroke-width:1.5px}.marketing-diagram .md-check{fill:none;stroke:#80dfc6;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.marketing-diagram .md-focus{fill:#132731;stroke:#ffbd75;stroke-width:3px;stroke-dasharray:5 3}.marketing-diagram figcaption{gap:9px;padding:14px 8px 0;line-height:1.6;display:grid}.marketing-diagram figcaption strong{color:#e3edf2;font-size:1rem}.marketing-diagram figcaption span{color:#b1c3cd;font-size:.9rem}.md-compact{background:#0d171d;border:1px solid #2b424d;border-radius:10px;margin-top:22px;padding:15px 10px}.md-compact figcaption{padding-inline:4px}.chapter-heading:has(.marketing-diagram){position:static!important;top:auto!important}.md-compact svg{min-width:0}.visual-library{background:#0d171d;border:1px solid #304752;border-radius:14px;grid-template-columns:.8fr 1.2fr;display:grid;overflow:hidden}.visual-library-controls{border-right:1px solid #304752;flex-direction:column;justify-content:center;align-items:flex-start;padding:36px;display:flex}.visual-library-controls label{color:#b7cbd5;margin-bottom:12px;font-size:.875rem}.visual-library-controls select{color:#fff;width:100%;min-width:0;font:inherit;background:#162b36;border:1px solid #557383;border-radius:6px;min-height:48px;padding:13px 9px;font-size:1rem}.visual-library-controls p{margin-block:22px;font-size:1rem;line-height:1.8}.visual-library-controls a{font-size:.95rem}.visual-library-stage{align-items:center;min-width:0;padding:28px 32px;display:flex}.visual-library-stage .marketing-diagram{width:100%}.visual-library-navigation{align-items:center;gap:20px;margin-top:28px;display:flex}.visual-library-navigation button{color:#dce8ed;cursor:pointer;background:#152b37;border:1px solid #527184;border-radius:50%;place-items:center;min-width:46px;min-height:46px;transition:background .2s;display:grid}.visual-library-navigation button:hover{background:#25495b}.visual-library-navigation span{text-align:center;font-variant-numeric:tabular-nums;min-width:52px;font-size:.9rem}.visual-library :focus-visible{outline-offset:4px;outline:2px solid #62d8ed}@media (width<=760px){.visual-library{grid-template-columns:1fr}.visual-library-controls{border-bottom:1px solid #304752;border-right:0;padding:22px}.visual-library-stage{padding:20px 12px}.visual-library-controls p{margin-block:16px}.visual-library-navigation{margin-top:20px}.md-compact{width:100%;max-width:420px;margin-inline:auto}.marketing-diagram figcaption span{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.visual-library-navigation button{transition:none}}.marketing-diagram{container-type:inline-size}.md-mobile-facts{display:none}@container (width<=440px){.marketing-diagram>svg{display:none}.md-mobile-facts{gap:0;margin:0;padding:0 4px;display:grid}.md-mobile-facts>div{border-bottom:1px solid #2b424d;padding:12px 0}.md-mobile-facts dt{color:#79dcf0;font-size:1rem;font-weight:600;line-height:1.5}.md-mobile-facts dd{color:#dce8ed;margin:4px 0 0;font-size:.95rem;line-height:1.6}.marketing-diagram figcaption{padding-top:16px}}.visual-library-controls{min-width:0}.marketing-diagram img{width:100%;max-width:620px;height:auto;margin-inline:auto;display:block;overflow:visible}.md-compact img{min-width:0}@container (width<=440px){.marketing-diagram>img{display:none}}