/* Apexure design system, direction D. Blog post components: ported from _sass/_blog-design-system.scss and _interactive-components.scss, scoped to .prose and re-tokened. Generated by port-ax.py; hand additions at the end. */
@charset "UTF-8"; @keyframes ax-shimmer{0% { background-position:-200% 0;} 100% { background-position:200% 0;}}
@keyframes ax-float{0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); }}
@keyframes ax-pulse-ring{0% { box-shadow: 0 0 0 0 rgba(65, 0, 153, 0.3); } 70% { box-shadow: 0 0 0 8px rgba(65, 0, 153, 0); } 100% { box-shadow: 0 0 0 0 rgba(65, 0, 153, 0); }}
@keyframes ax-gradient-shift{0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; }}
.prose .ax-key-takeaway{position:relative;margin:36px 0;padding:28px 32px 28px 72px;background:linear-gradient(135deg, var(--lilac) 0%, var(--lilac) 100%);border-left:4px solid #410099;border-radius:0 12px 12px 0;box-shadow:0 1px 3px rgba(35, 30, 70, 0.04), 0 1px 2px rgba(35, 30, 70, 0.06)}
.prose .ax-key-takeaway::before{content:"💡";position:absolute;top:26px;left:24px;font-size:24px;line-height:1}
.prose .ax-key-takeaway strong,.prose .ax-key-takeaway .ax-key-takeaway-label{display:block;font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#410099 !important;margin-bottom:8px}
.prose .ax-key-takeaway p{margin:0 !important;padding:0 !important;color:var(--ink) !important;font-family:var(--body);font-weight:500;font-size:15.5px;line-height:1.65}
.prose .ax-quote{background:#ffffff;border:none;border-radius:24px;padding:36px 36px 28px 44px;margin:36px 0;position:relative;box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05)}
.prose .ax-quote::before{content:"“";position:absolute;top:-20px;left:28px;font-size:100px;font-family:var(--display);color:#410099;opacity:0.12;line-height:1;pointer-events:none}
.prose .ax-quote::after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg, transparent 50%, rgba(65, 0, 153, 0.05) 50%);border-radius:0 24px 0 0;pointer-events:none}
.prose .ax-quote p{font-style:italic;color:var(--ink-2);line-height:1.8;margin:0 0 14px 0;font-size:16px;position:relative}
.prose .ax-quote .ax-quote-source{display:flex;align-items:center;gap:8px;font-style:normal;font-size:13px;font-weight:600;color:var(--muted);font-family:var(--display);font-weight:600;padding-top:14px;border-top:1px solid var(--line)}
.prose .ax-quote .ax-quote-source::before{content:"";display:inline-block;width:24px;height:2px;background:linear-gradient(90deg, #410099, #8a1a9b);flex-shrink:0}
.prose .ax-quote--dark{background:#231e46;color:rgba(255, 255, 255, 0.9);box-shadow:0 20px 40px -5px rgba(65, 0, 153, 0.12), 0 8px 16px -6px rgba(35, 30, 70, 0.06)}
.prose .ax-quote--dark::before{color:#ffb600;opacity:0.15}
.prose .ax-quote--dark::after{background:linear-gradient(135deg, transparent 50%, rgba(255, 182, 0, 0.08) 50%)}
.prose .ax-quote--dark p{color:rgba(255, 255, 255, 0.9)}
.prose .ax-quote--dark .ax-quote-source{color:var(--muted);border-top-color:rgba(255, 255, 255, 0.08)}
.prose .ax-quote--dark .ax-quote-source::before{background:linear-gradient(90deg, #ffb600, #F46036)}
.prose .ax-success{background:linear-gradient(135deg, #f0fdf4, rgb(244.5, 253.6, 247.3));border:1px solid rgba(4, 167, 119, 0.15);border-radius:16px;padding:24px 28px;margin:36px 0;position:relative}
.prose .ax-success::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#04A777;border-radius:3px}
.prose .ax-success p{margin:0;font-size:15px;line-height:1.7;color:#166534}
.prose .ax-forecast{margin:36px 0;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.prose .ax-forecast-section{padding:28px 32px}
.prose .ax-forecast-section:first-child{border-bottom:1px solid var(--line)}
.prose .ax-forecast-real{background:linear-gradient(135deg, #f0fdf4, rgb(244.5, 253.6, 247.3))}
.prose .ax-forecast-hype{background:linear-gradient(135deg, #fffbeb, rgb(255, 253.04, 245.2))}
.prose .ax-forecast-tag{display:inline-block;font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:20px}
.prose .ax-tag-real{background:rgba(4, 167, 119, 0.15);color:#166534}
.prose .ax-tag-hype{background:rgba(255, 182, 0, 0.2);color:#78590a}
.prose .ax-forecast-item{font-size:15px;line-height:1.7;color:var(--ink-2);margin-bottom:16px}
.prose .ax-forecast-item:last-child{margin-bottom:0}
.prose .ax-forecast-item strong{color:var(--ink);font-family:var(--display);font-weight:600}
.prose .ax-forecast-real .ax-forecast-item strong{color:#166534}
.prose .ax-forecast-hype .ax-forecast-item strong{color:#78590a}
.prose .ax-method-matrix{margin:36px 0;display:flex;flex-direction:column;gap:16px}
.prose .ax-method-group{background:#ffffff;border:1px solid var(--line);border-radius:16px;padding:24px 28px;position:relative}
.prose .ax-method-label{display:inline-block;font-family:var(--display);font-weight:600;font-size:13px;padding:6px 16px;border-radius:8px;margin-bottom:8px}
.prose .ax-method-desc{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.5}
.prose .ax-method-item{font-size:15px;line-height:1.7;color:var(--ink-2);padding:10px 0 10px 24px;position:relative;border-top:1px solid var(--line)}
.prose .ax-method-item:first-of-type{border-top:1px solid var(--line)}
.prose .ax-method-item::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#410099;opacity:0.4}
.prose .ax-showcase-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin:36px 0}
@media (max-width: 768px){.prose .ax-showcase-grid{grid-template-columns:repeat(2, 1fr);gap:14px}}
@media (max-width: 480px){.prose .ax-showcase-grid{grid-template-columns:1fr}}
.prose .ax-showcase-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:box-shadow 0.2s ease, transform 0.2s ease}
.prose .ax-showcase-card:hover{box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05);transform:translateY(-2px)}
.prose .ax-showcase-card a{text-decoration:none;color:inherit;display:block}
.prose .ax-showcase-card img{width:100%;height:180px;object-fit:cover;object-position:top;display:block}
.prose .ax-showcase-card__body{padding:14px 16px;background:#ffffff}
.prose .ax-showcase-card__body strong{display:block;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);margin-bottom:4px}
.prose .ax-showcase-card__body span{font-size:12px;color:var(--muted)}
.prose .ax-trust{background:var(--bg-2);border:1px solid var(--line);border-radius:24px;padding:28px 32px;margin:36px 0;position:relative;overflow:hidden}
.prose .ax-trust::before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:linear-gradient(135deg, transparent 40%, rgba(65, 0, 153, 0.03) 40%, rgba(65, 0, 153, 0.03) 50%, transparent 50%);pointer-events:none}
.prose .ax-trust p{margin:0;font-size:15px;line-height:1.7;color:var(--ink-2);position:relative}
.prose .ax-trust a{color:#410099;font-weight:600;text-decoration:none;border-bottom:2px solid rgba(65, 0, 153, 0.15);transition:border-color 0.2s ease}
.prose .ax-trust a:hover{border-bottom-color:#410099}
.prose .ax-table--compare thead th:nth-child(2){background:#410099}
.prose .ax-table--compare thead th:nth-child(3){background:#8a1a9b}
.prose .ax-table--compare .ax-yes{color:#04A777;font-weight:700;font-size:16px}
.prose .ax-table--compare .ax-no{color:#f5333f;font-weight:700;font-size:16px}
.prose .ax-table--compact{font-size:13px}
.prose .ax-table--compact thead th{padding:14px 16px;font-size:11px}
.prose .ax-table--compact tbody td{padding:12px 16px;font-size:13px}
.prose .ax-reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0}
.prose .ax-framework{border:none;border-radius:24px;overflow:hidden;margin:48px 0;box-shadow:0 20px 40px -5px rgba(65, 0, 153, 0.12), 0 8px 16px -6px rgba(35, 30, 70, 0.06)}
.prose .ax-framework .ax-framework-header{background:linear-gradient(135deg, #231e46 0%, #410099 50%, #8a1a9b 100%);background-size:200% auto;padding:32px 36px;color:#ffffff;position:relative;overflow:hidden}
.prose .ax-framework .ax-framework-header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);background-size:20px 20px;pointer-events:none}
.prose .ax-framework .ax-framework-header .ax-framework-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.2em;color:#ffb600;margin-bottom:10px;font-family:var(--display);font-weight:600;background:rgba(255, 182, 0, 0.12);padding:4px 14px;border-radius:20px;position:relative}
.prose .ax-framework .ax-framework-header h3,.prose .ax-framework .ax-framework-header h4{color:#ffffff;font-size:24px;margin:0;padding:0;font-family:var(--display);font-weight:600;line-height:1.3;position:relative}
.prose .ax-framework .ax-framework-header p{color:rgba(255, 255, 255, 0.88);font-size:14px;margin:10px 0 0 0;line-height:1.6;position:relative}
.prose .ax-framework .ax-framework-body{padding:32px 36px;background:#ffffff}
.prose .ax-framework .ax-framework-step{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);transition:all 0.2s ease}
.prose .ax-framework .ax-framework-step:last-child{border-bottom:none}
.prose .ax-framework .ax-framework-step:hover{padding-left:8px}
.prose .ax-framework .ax-framework-step:hover .ax-step-marker{transform:scale(1.1);box-shadow:0 4px 12px rgba(65, 0, 153, 0.3)}
.prose .ax-framework .ax-framework-step .ax-step-marker{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg, #410099, #8a1a9b);color:#ffffff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:var(--display);font-weight:600;transition:all 0.2s ease}
.prose .ax-framework .ax-framework-step .ax-step-content h4{font-size:16px;font-family:var(--display);font-weight:600;color:#231e46;margin:0 0 6px 0;padding:0}
.prose .ax-framework .ax-framework-step .ax-step-content p{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0}
.prose .ax-process{margin:48px 0;padding-left:28px;position:relative}
.prose .ax-process::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:3px;background:linear-gradient(180deg, #410099, #8a1a9b, #F46036, #ffb600);border-radius:3px}
.prose .ax-process .ax-process-step{display:flex;gap:20px;padding:24px 0;position:relative}
.prose .ax-process .ax-process-step::before{content:"";position:absolute;left:-24px;top:30px;width:15px;height:15px;background:#410099;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 3px rgba(65, 0, 153, 0.2);transition:all 0.2s ease}
.prose .ax-process .ax-process-step:hover::before{background:#8a1a9b;box-shadow:0 0 0 5px rgba(138, 26, 155, 0.2);animation:ax-pulse-ring 1.5s ease infinite}
.prose .ax-process .ax-process-step .ax-process-num{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg, var(--lilac), var(--lilac));color:#410099;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-family:var(--display);font-weight:600}
.prose .ax-process .ax-process-step h4{font-size:16px;color:#231e46;font-family:var(--display);font-weight:600;margin:0 0 6px 0;padding:0}
.prose .ax-process .ax-process-step p{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0}
.prose .ax-metric{display:inline-block;font-size:1.1em;font-weight:800;font-family:var(--display);font-weight:600;background:linear-gradient(135deg, #410099, #8a1a9b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 2px}
.prose .ax-metric--gold{background:linear-gradient(135deg, rgb(214.2, 152.88, 0), #F46036);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.prose .ax-metric--green{background:linear-gradient(135deg, #04A777, rgb(2.8070175439, 117.1929824561, 83.5087719298));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.prose .ax-metric--red{background:linear-gradient(135deg, #f5333f, #F46036);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.prose .ax-divider{border:none;height:1px;background:linear-gradient(to right, transparent, var(--light-vision) 20%, var(--light-vision) 80%, transparent);margin:48px 0;position:relative}
.prose .ax-divider::after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#ffffff;padding:0 12px;font-size:12px;color:var(--light-vision)}
.prose .ax-checklist{list-style:none;padding:0;margin:28px 0}
.prose .ax-checklist li{position:relative;padding:10px 0 10px 36px;font-size:15px;line-height:1.65;color:#231e46;list-style:none;transition:padding-left 0.2s ease}
.prose .ax-checklist li:hover{padding-left:40px}
.prose .ax-checklist li::before{content:"✓";position:absolute;left:0;top:12px;width:22px;height:22px;background:linear-gradient(135deg, #04A777, rgb(3.0456140351, 127.1543859649, 90.6070175439));color:#ffffff;border-radius:6px;font-size:12px;font-weight:700;line-height:22px;text-align:center;box-shadow:0 2px 6px rgba(4, 167, 119, 0.25)}
.prose .ax-numbered{list-style:none;counter-reset:ax-counter;padding:0;margin:28px 0}
.prose .ax-numbered li{counter-increment:ax-counter;position:relative;padding:12px 0 12px 48px;font-size:15px;line-height:1.65;color:#231e46;list-style:none;letter-spacing:0}
.prose .ax-numbered li::before{content:counter(ax-counter);position:absolute;left:0;top:12px;width:30px;height:30px;background:linear-gradient(135deg, #410099, #8a1a9b);color:#ffffff;border-radius:8px;font-size:14px;font-weight:700;font-family:var(--display);font-weight:600;line-height:30px;text-align:center;box-shadow:0 2px 8px rgba(65, 0, 153, 0.2)}
.prose .ax-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;margin:48px 0;box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05)}
.prose .ax-compare .ax-compare-before,.prose .ax-compare .ax-compare-after{padding:28px;position:relative}
.prose .ax-compare .ax-compare-before .ax-compare-label,.prose .ax-compare .ax-compare-after .ax-compare-label{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:14px;font-family:var(--display);font-weight:600;padding:4px 12px;border-radius:20px}
.prose .ax-compare .ax-compare-before p,.prose .ax-compare .ax-compare-after p{font-size:14px;line-height:1.7;margin:0 0 8px 0}
.prose .ax-compare .ax-compare-before p:last-child,.prose .ax-compare .ax-compare-after p:last-child{margin-bottom:0}
.prose .ax-compare .ax-compare-before{background:#fef2f2;border-right:4px solid #f5333f}
.prose .ax-compare .ax-compare-before .ax-compare-label{background:rgba(245, 51, 63, 0.1);color:#991b1b}
.prose .ax-compare .ax-compare-after{background:#f0fdf4}
.prose .ax-compare .ax-compare-after .ax-compare-label{background:rgba(4, 167, 119, 0.1);color:#166534}
.prose .ax-note{background:var(--lilac);border:1px solid rgba(65, 0, 153, 0.1);border-radius:16px;padding:24px 28px;margin:36px 0;position:relative}
.prose .ax-note::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:#410099;border-radius:3px}
.prose .ax-note p{margin:0;font-size:15px;line-height:1.7;color:var(--ink-2)}
.prose .ax-note a{color:#410099;font-weight:600}
.prose .ax-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;padding:4px 12px;border-radius:20px;font-family:var(--display);font-weight:600;background:var(--lilac);color:#410099}
.prose .ax-badge--gold{background:#fffcf1;color:rgb(178.5, 127.4, 0)}
.prose .ax-badge--green{background:#f0fdf4;color:rgb(3.4035087719, 142.0964912281, 101.2543859649)}
.prose .ax-badge--red{background:#fef2f2;color:#f5333f}
.prose .ax-badge--coral{background:#fff7ed;color:#F46036}
.prose .ax-faq{border:1px solid var(--line);border-radius:16px;margin:8px 0;overflow:hidden;transition:all 0.25s ease}
.prose .ax-faq[open]{border-color:var(--light-vision);box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05)}
.prose .ax-faq[open] summary{color:#410099;background:var(--lilac)}
.prose .ax-faq[open] summary::after{transform:rotate(180deg)}
.prose .ax-faq summary{padding:18px 24px;font-size:15px;font-weight:600;font-family:var(--display);font-weight:600;color:#231e46;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:all 0.2s ease}
.prose .ax-faq summary::-webkit-details-marker{display:none}
.prose .ax-faq summary::after{content:"▼";font-size:10px;color:var(--muted);transition:transform 0.25s ease;flex-shrink:0;margin-left:12px}
.prose .ax-faq summary:hover{color:#410099;background:rgba(65, 0, 153, 0.02)}
.prose .ax-faq > p,.prose .ax-faq > div{padding:18px 24px;font-size:14px;line-height:1.7;color:var(--ink-2)}
.prose .ax-grid{display:grid;gap:20px;margin:48px 0}
.prose .ax-grid.ax-grid--2{grid-template-columns:1fr 1fr}
.prose .ax-grid.ax-grid--3{grid-template-columns:1fr 1fr 1fr}
.prose .ax-grid .ax-grid-card{background:#ffffff;border:1px solid var(--line);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.prose .ax-grid .ax-grid-card:hover{box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);transform:translateY(-4px);border-color:var(--light-vision)}
.prose .ax-grid .ax-grid-card h4{font-size:16px;font-family:var(--display);font-weight:600;color:#231e46;margin:0 0 10px 0;padding:0}
.prose .ax-grid .ax-grid-card p{font-size:14px;color:var(--ink-2);line-height:1.65;margin:0}
.prose .ax-grid-card--purple{border-top:4px solid #410099}
.prose .ax-grid-card--gold{border-top:4px solid #ffb600}
.prose .ax-grid-card--green{border-top:4px solid #04A777}
.prose .ax-grid-card--red{border-top:4px solid #f5333f}
.prose .ax-grid-card--coral{border-top:4px solid #F46036}
.prose .ax-figure{margin:48px 0}
.prose .ax-figure img{border-radius:16px;box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);width:100%;height:auto}
.prose .ax-figure figcaption{margin-top:12px;font-size:13px;color:var(--muted);text-align:center;font-style:italic;line-height:1.5}
.prose .ax-code{background:var(--lilac);color:#410099;padding:2px 7px;border-radius:5px;font-size:0.88em;font-family:var(--mono);border:1px solid rgba(65, 0, 153, 0.08)}
.prose code{color:#9b2c6c}
.prose .ax-quote--dark a{color:rgb(250.2542372881, 249.9830508475, 252.0169491525) !important;text-decoration:underline !important}
.prose .ax-quote--dark a:hover{color:#ffb600 !important}
.prose a{text-decoration:underline;text-decoration-color:rgba(65, 0, 153, 0.3)}
.prose a:hover{text-decoration-color:#410099}
.prose nav a{text-decoration:none !important}
.prose .ax-present-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin:48px 0}
@media (max-width: 1024px){.prose .ax-present-grid{grid-template-columns:repeat(2, 1fr)}}
.prose .ax-present-card{background:#ffffff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}
.prose .ax-present-card:hover{box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);transform:translateY(-4px);border-color:var(--light-vision)}
.prose .ax-present-card a{display:block;text-decoration:none !important;color:inherit}
.prose .ax-present-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--lilac);border:0;margin:0}
.prose .ax-present-card__body{padding:16px 20px 20px}
.prose .ax-present-card__body strong{display:block;font-size:15px;font-family:var(--display);font-weight:600;font-weight:600;color:#231e46;margin:0 0 4px;line-height:1.3}
.prose .ax-present-card__body span{display:block;font-size:12px;color:var(--muted);letter-spacing:0.02em;line-height:1.5}
.prose .ax-list{list-style:none;padding:0;margin:20px 0}
.prose .ax-list li{position:relative;padding:0 0 0 28px;margin:8px 0;font-size:15px;line-height:1.65;color:var(--ink-2)}
.prose .ax-list li::before{content:"";position:absolute;left:8px;top:0.65em;width:6px;height:6px;border-radius:50%;background:#410099}
.prose .ax-stat-value{display:block;font-size:38px;font-family:var(--display);font-weight:600;font-weight:700;line-height:1.1;color:#410099;background:linear-gradient(135deg, #410099, #8a1a9b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.01em}
.prose .ax-table-accent,.prose td.ax-table-accent{background:var(--lilac) !important;color:#410099 !important;font-family:var(--display);font-weight:600;font-weight:700}
@media (max-width: 767px){.prose .ax-present-grid{grid-template-columns:1fr;gap:16px}.prose .ax-key-takeaway{padding:20px 20px 20px 56px}.prose .ax-key-takeaway::before{left:16px;top:18px;font-size:20px}.prose .ax-reviews-grid{grid-template-columns:1fr}.prose .ax-grid.ax-grid--3,.prose .ax-grid.ax-grid--2{grid-template-columns:1fr}.prose .ax-compare{grid-template-columns:1fr}.prose .ax-compare .ax-compare-before{border-right:none;border-bottom:4px solid #f5333f}.prose .ax-framework .ax-framework-header{padding:24px}.prose .ax-framework .ax-framework-body{padding:24px}.prose .ax-table--index{width:max-content;min-width:100%;max-width:100%}.prose .ax-table--index thead th:nth-child(3),.prose .ax-table--index tbody td:nth-child(3){display:none}.prose .ax-table--index tbody td:nth-child(2){min-width:118px}.prose .ax-table--index tbody td:last-child{min-width:250px}}
.ax-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}
.ax-table-scroll > .ax-table{margin:0;min-width:640px}
@keyframes ax-bar-fill{from { width: 0; }}
@keyframes ax-fade-up{from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); }}
@keyframes ax-counter{from { opacity: 0; } to { opacity: 1; }}
.prose .ax-stats-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin:48px 0;opacity:0;transform:translateY(24px);transition:opacity 0.6s ease, transform 0.6s ease}
.prose .ax-stats-row.ax-visible{opacity:1;transform:translateY(0)}
@media (max-width: 768px){.prose .ax-stats-row{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 480px){.prose .ax-stats-row{grid-template-columns:1fr}}
.prose .ax-stats-row__item{background:#ffffff;border-radius:12px;padding:24px 20px;text-align:center;border:1px solid var(--line);border-top:3px solid #410099;box-shadow:0 1px 3px rgba(35, 30, 70, 0.04), 0 1px 2px rgba(35, 30, 70, 0.06);transition:transform 0.25s ease, box-shadow 0.25s ease}
.prose .ax-stats-row__item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05)}
.prose .ax-stats-row__item--green{border-top-color:#04A777}
.prose .ax-stats-row__item--gold{border-top-color:#ffb600}
.prose .ax-stats-row__item--coral{border-top-color:#F46036}
.prose .ax-stats-row__item--plum{border-top-color:#8a1a9b}
.prose .ax-stats-row__value{font-family:var(--display);font-weight:600;font-size:32px;line-height:1.1;color:var(--ink);margin-bottom:8px}
@media (max-width: 768px){.prose .ax-stats-row__value{font-size:28px}}
.prose .ax-stats-row__label{font-family:var(--body);font-weight:500;font-size:13px;color:var(--ink-2);line-height:1.4;margin-bottom:6px}
.prose .ax-stats-row__source{font-size:11px;color:var(--muted);font-style:italic}
.prose .ax-bar-chart{background:#231e46;border-radius:16px;padding:36px 32px;margin:48px 0;box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);opacity:0;transform:translateY(24px);transition:opacity 0.6s ease, transform 0.6s ease}
.prose .ax-bar-chart.ax-visible{opacity:1;transform:translateY(0)}
@media (max-width: 480px){.prose .ax-bar-chart{padding:24px 16px}}
.prose .ax-bar-chart__heading{font-family:var(--display);font-weight:600;font-size:18px;color:#ffffff;margin:0 0 24px 0;padding:0;border:none;line-height:1.3}
.prose .ax-bar-chart__heading::before{display:none}
.prose .ax-bar-chart__bar-group{margin-bottom:16px}
.prose .ax-bar-chart__bar-group:last-of-type{margin-bottom:0}
.prose .ax-bar-chart__label{font-family:var(--body);font-weight:500;font-size:13px;color:rgba(255, 255, 255, 0.85);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.prose .ax-bar-chart__value-label{font-family:var(--display);font-weight:600;font-size:14px;color:#ffffff}
.prose .ax-bar-chart__track{background:rgba(255, 255, 255, 0.08);border-radius:6px;height:32px;position:relative;overflow:visible}
.prose .ax-bar-chart__fill{height:100%;border-radius:6px;background:linear-gradient(90deg, #ffb600, #F46036);width:0;transition:width 1.2s cubic-bezier(0.22, 1, 0.36, 1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:0}
.prose .ax-bar-chart__caption{font-size:12px;color:rgba(255, 255, 255, 0.5);margin-top:20px;font-style:italic;text-align:center}
.prose .ax-insight-box{border-radius:12px;padding:24px 24px 24px 60px;margin:48px 0;position:relative;border-left:4px solid;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-insight-box.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-insight-box::before{position:absolute;left:20px;top:24px;font-size:20px;line-height:1}
.prose .ax-insight-box--tip{background:#f0fdf4;border-color:#04A777}
.prose .ax-insight-box--tip::before{content:"✔";color:#04A777}
.prose .ax-insight-box--data{background:#fffcf1;border-color:#ffb600}
.prose .ax-insight-box--data::before{content:"◆";color:rgb(204, 145.6, 0)}
.prose .ax-insight-box--warning{background:#fef2f2;border-color:#f5333f}
.prose .ax-insight-box--warning::before{content:"⚠";color:#f5333f}
@media (max-width: 480px){.prose .ax-insight-box{padding:20px 16px 20px 48px}.prose .ax-insight-box::before{left:14px}}
.prose .ax-insight-box__heading{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);margin:0 0 8px 0;padding:0;border:none;line-height:1.4}
.prose .ax-insight-box__heading::before{display:none}
.prose .ax-insight-box__body{font-size:14px;line-height:1.7;color:var(--ink-2);margin:0}
.prose .ax-insight-box__body p{margin:0}
.prose .ax-insight-box__body p + p{margin-top:8px}
.prose .ax-pull-quote{margin:48px 0;padding:32px 40px 32px 48px;border-left:4px solid #410099;background:var(--lilac);border-radius:0 12px 12px 0;position:relative;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-pull-quote.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-pull-quote::before{content:"“";position:absolute;top:8px;left:12px;font-size:48px;color:#410099;font-family:var(--display);line-height:1;opacity:0.5}
@media (max-width: 480px){.prose .ax-pull-quote{padding:24px 20px 24px 36px}.prose .ax-pull-quote::before{left:6px;font-size:36px}}
.prose .ax-pull-quote__text{font-family:var(--body);font-weight:500;font-size:18px;line-height:1.6;color:var(--ink);margin:0;font-style:italic}
@media (max-width: 480px){.prose .ax-pull-quote__text{font-size:16px}}
.prose .ax-expert-quote{background:#231e46;border-radius:16px;padding:32px;margin:48px 0;display:flex;gap:24px;align-items:flex-start;box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-expert-quote.ax-visible{opacity:1;transform:translateY(0)}
@media (max-width: 480px){.prose .ax-expert-quote{flex-direction:column;align-items:center;text-align:center;padding:24px 20px;gap:16px}}
.prose .ax-expert-quote__avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:linear-gradient(135deg, #410099, #8a1a9b);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:20px;color:#ffffff}
.prose .ax-expert-quote__avatar--img{object-fit:cover;background:none}
.prose .ax-expert-quote__content{flex:1}
.prose p.ax-expert-quote__text{font-size:16px;line-height:1.7;color:rgba(255, 255, 255, 0.9) !important;margin:0 0 16px 0;font-style:italic}
.prose p.ax-expert-quote__name{font-family:var(--display);font-weight:600;font-size:14px;color:#ffffff !important;margin:0}
.prose p.ax-expert-quote__title{font-size:13px;color:rgba(255, 255, 255, 0.6) !important;margin:2px 0 0 0}
.prose .ax-versus{margin:48px 0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05);border:1px solid var(--line);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-versus.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-versus__header{display:grid;grid-template-columns:1fr auto 1fr;background:#231e46;color:#ffffff}
.prose .ax-versus__side-label{font-family:var(--display);font-weight:600;font-size:16px;padding:16px 24px;text-align:center}
@media (max-width: 480px){.prose .ax-versus__side-label{font-size:14px;padding:12px 12px}}
.prose .ax-versus__vs{display:flex;align-items:center;justify-content:center;width:48px;font-family:var(--display);font-weight:600;font-size:13px;color:#ffb600;background:rgba(255, 255, 255, 0.05)}
.prose .ax-versus__row{display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid var(--line)}
.prose .ax-versus__row:last-child{border-bottom:none}
.prose .ax-versus__row:nth-child(even){background:var(--bg-2)}
.prose .ax-versus__trait{display:flex;align-items:center;justify-content:center;width:48px;font-size:12px;color:var(--muted);background:var(--line);font-family:var(--body);font-weight:500;padding:4px;text-align:center;line-height:1.3}
.prose .ax-versus__cell{padding:14px 24px;font-size:14px;color:var(--ink-2);line-height:1.5}
@media (max-width: 480px){.prose .ax-versus__cell{padding:10px 12px;font-size:13px}}
.prose .ax-quiz{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:36px 32px;margin:48px 0;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-quiz.ax-visible{opacity:1;transform:translateY(0)}
@media (max-width: 480px){.prose .ax-quiz{padding:24px 16px}}
.prose .ax-quiz__heading{font-family:var(--display);font-weight:600;font-size:20px;color:var(--ink);margin:0 0 8px 0;padding:0;border:none;line-height:1.3}
.prose .ax-quiz__heading::before{display:none}
.prose .ax-quiz__subhead{font-size:14px;color:var(--muted);margin:0 0 24px 0}
.prose .ax-quiz__progress{display:flex;gap:6px;margin-bottom:24px}
.prose .ax-quiz__pip{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background 0.3s ease}
.prose .ax-quiz__pip.active{background:#410099}
.prose .ax-quiz__pip.done{background:#04A777}
.prose .ax-quiz__question{display:none}
.prose .ax-quiz__question.active{display:block}
.prose .ax-quiz__q-text{font-family:var(--body);font-weight:500;font-size:16px;color:var(--ink);margin:0 0 16px 0;line-height:1.5}
.prose .ax-quiz__q-num{font-size:12px;color:var(--muted);margin:0 0 8px 0;text-transform:uppercase;letter-spacing:1px}
.prose .ax-quiz__options{display:flex;gap:12px;flex-wrap:wrap}
.prose .ax-quiz__option{flex:1;min-width:200px;padding:16px 20px;background:#ffffff;border:2px solid var(--line);border-radius:12px;cursor:pointer;font-family:var(--body);font-size:14px;color:var(--ink-2);text-align:left;line-height:1.5;transition:border-color 0.2s ease, background 0.2s ease, transform 0.15s ease}
.prose .ax-quiz__option:hover{border-color:#410099;background:var(--lilac);transform:translateY(-1px)}
@media (max-width: 480px){.prose .ax-quiz__option{min-width:100%}}
.prose .ax-quiz__result{display:none}
.prose .ax-quiz__result.active{display:block;animation:ax-fade-up 0.5s ease both}
.prose .ax-quiz__result-heading{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin:0 0 12px 0;padding:0;border:none}
.prose .ax-quiz__result-heading::before{display:none}
.prose .ax-quiz__result-body{font-size:14px;color:var(--ink-2);line-height:1.7;margin:0 0 16px 0}
.prose .ax-quiz__restart{display:inline-block;padding:10px 20px;background:#410099;color:#ffffff;border:none;border-radius:8px;font-family:var(--body);font-weight:500;font-size:13px;cursor:pointer;transition:background 0.2s ease}
.prose .ax-quiz__restart:hover{background:rgb(47.6666666667, 0, 112.2)}
.prose .ax-takeaways-box{background:#ffffff;border-radius:16px;padding:32px;margin:48px 0;border:1px solid var(--line);border-top:none;position:relative;box-shadow:0 4px 6px -1px rgba(35, 30, 70, 0.07), 0 2px 4px -2px rgba(35, 30, 70, 0.05);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-takeaways-box.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-takeaways-box::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0;background:linear-gradient(90deg, #410099, #8a1a9b, #F46036, #ffb600, #04A777)}
@media (max-width: 480px){.prose .ax-takeaways-box{padding:24px 16px}}
.prose .ax-takeaways-box__heading{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin:0 0 20px 0;padding:0;border:none;line-height:1.3}
.prose .ax-takeaways-box__heading::before{display:none}
.prose .ax-takeaways-box__list{list-style:none;padding:0;margin:0}
.prose .ax-takeaways-box__item{padding:12px 0 12px 36px;position:relative;font-size:14px;line-height:1.7;color:var(--ink-2);border-bottom:1px solid var(--line);list-style:none}
.prose .ax-takeaways-box__item:last-child{border-bottom:none}
.prose .ax-takeaways-box__item::before{content:"✓";position:absolute;left:0;top:14px;width:22px;height:22px;background:#04A777;border-radius:6px;color:#ffffff;font-size:12px;font-weight:700;line-height:22px;text-align:center}
.prose .ax-checklist-interactive{background:#ffffff;border:1px solid var(--line);border-radius:16px;padding:32px;margin:48px 0;box-shadow:0 1px 3px rgba(35, 30, 70, 0.04), 0 1px 2px rgba(35, 30, 70, 0.06);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-checklist-interactive.ax-visible{opacity:1;transform:translateY(0)}
@media (max-width: 480px){.prose .ax-checklist-interactive{padding:24px 16px}}
.prose .ax-checklist-interactive__heading{font-family:var(--display);font-weight:600;font-size:18px;color:var(--ink);margin:0 0 8px 0;padding:0;border:none;line-height:1.3}
.prose .ax-checklist-interactive__heading::before{display:none}
.prose .ax-checklist-interactive__progress-wrap{margin-bottom:24px}
.prose .ax-checklist-interactive__progress-text{font-size:12px;color:var(--muted);margin-bottom:6px;font-family:var(--body);font-weight:500}
.prose .ax-checklist-interactive__progress-bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.prose .ax-checklist-interactive__progress-fill{height:100%;background:linear-gradient(90deg, #04A777, rgb(3.0456140351, 127.1543859649, 90.6070175439));border-radius:3px;width:0;transition:width 0.4s ease}
.prose .ax-checklist-interactive__list{list-style:none;padding:0;margin:0}
.prose .ax-checklist-interactive__item{padding:12px 0 12px 40px;position:relative;font-size:14px;line-height:1.6;color:var(--ink-2);border-bottom:1px solid var(--line);cursor:pointer;transition:color 0.2s ease;list-style:none;user-select:none}
.prose .ax-checklist-interactive__item:last-child{border-bottom:none}
.prose .ax-checklist-interactive__item::before{content:"";position:absolute;left:0;top:14px;width:24px;height:24px;border:2px solid var(--line);border-radius:6px;transition:all 0.2s ease}
.prose .ax-checklist-interactive__item.checked{color:var(--muted);text-decoration:line-through}
.prose .ax-checklist-interactive__item.checked::before{content:"✓";background:#04A777;border-color:#04A777;color:#ffffff;font-size:13px;font-weight:700;line-height:24px;text-align:center}
.prose .ax-checklist-interactive__item:hover::before{border-color:#04A777}
.prose .ax-cro-calculator{background:#231e46;border-radius:16px;padding:36px;margin:36px 0;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-cro-calculator.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-cro-calculator__heading{font-family:var(--body);font-size:1.375rem;font-weight:600;color:#ffffff;margin:0 0 8px}
.prose .ax-cro-calculator__subhead{font-size:0.9375rem;color:var(--muted);margin:0 0 28px}
.prose .ax-cro-calculator__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-bottom:20px}
@media (max-width: 768px){.prose .ax-cro-calculator__grid{grid-template-columns:1fr}}
.prose .ax-cro-calculator__field label{display:block;font-size:0.8125rem;font-weight:500;color:var(--lilac);margin-bottom:8px}
.prose .ax-cro-calculator__field input{width:100%;padding:12px 20px;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);border-radius:8px;color:#ffffff;font-size:1rem;font-family:var(--body);transition:border-color 0.2s ease;box-sizing:border-box}
.prose .ax-cro-calculator__field input:focus{outline:none;border-color:#410099}
.prose .ax-cro-calculator__field input::placeholder{color:rgba(255, 255, 255, 0.3)}
.prose .ax-cro-calculator__preset{text-align:center;margin-bottom:28px}
.prose .ax-cro-calculator__preset-btn{background:transparent;border:1px solid #410099;color:var(--lilac);padding:8px 28px;border-radius:999px;font-size:0.875rem;font-family:var(--body);cursor:pointer;transition:all 0.2s ease}
.prose .ax-cro-calculator__preset-btn:hover{background:#410099;color:#ffffff}
.prose .ax-cro-calculator__results{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px;margin-bottom:28px}
@media (max-width: 768px){.prose .ax-cro-calculator__results{grid-template-columns:repeat(2, 1fr)}}
.prose .ax-cro-calculator__result-card{background:rgba(255, 255, 255, 0.06);border-radius:8px;padding:20px;text-align:center}
.prose .ax-cro-calculator__result-card--gain{border-top:3px solid #04A777}
.prose .ax-cro-calculator__result-card--annual{border-top:3px solid #ffb600}
.prose .ax-cro-calculator__result-label{display:block;font-size:0.75rem;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}
.prose .ax-cro-calculator__result-value{display:block;font-size:1.375rem;font-weight:600;color:#ffffff}
.prose .ax-cro-calculator__cta{text-align:center}
.prose .ax-cro-calculator__cta-btn{display:inline-block;padding:12px 36px;background:#ffb600;color:#231e46;font-weight:600;font-family:var(--body);border-radius:8px;text-decoration:none;font-size:0.9375rem;transition:all 0.2s ease}
.prose .ax-cro-calculator__cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255, 182, 0, 0.3)}
.prose .ax-epic-scorer{background:var(--bg-2);border-radius:16px;padding:36px;margin:36px 0;border:1px solid var(--line);opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-epic-scorer.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-epic-scorer__heading{font-family:var(--body);font-size:1.375rem;font-weight:600;color:var(--ink);margin:0 0 8px}
.prose .ax-epic-scorer__subhead{font-size:0.9375rem;color:var(--ink-2);margin:0 0 28px}
.prose .ax-epic-scorer__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:28px}
@media (max-width: 768px){.prose .ax-epic-scorer__grid{grid-template-columns:1fr}}
.prose .ax-epic-scorer__dimension{background:#ffffff;border-radius:8px;padding:20px;border:1px solid var(--line)}
.prose .ax-epic-scorer__dim-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.prose .ax-epic-scorer__letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg, #410099, #8a1a9b);color:#ffffff;font-weight:600;font-size:0.875rem;border-radius:8px}
.prose .ax-epic-scorer__dim-name{font-weight:600;color:var(--ink);font-size:1rem}
.prose .ax-epic-scorer__dim-desc{font-size:0.8125rem;color:var(--ink-2);margin:0 0 12px;line-height:1.5}
.prose .ax-epic-scorer__options{display:flex;gap:6px}
.prose .ax-epic-scorer__options button{flex:1;padding:8px;border:2px solid var(--line);background:#ffffff;border-radius:8px;font-size:0.875rem;font-weight:600;color:var(--ink-2);cursor:pointer;transition:all 0.2s ease;font-family:var(--body)}
.prose .ax-epic-scorer__options button:hover{border-color:#410099;color:#410099}
.prose .ax-epic-scorer__options button.active{background:#410099;border-color:#410099;color:#ffffff}
.prose .ax-epic-scorer__result{text-align:center;padding:28px;border-radius:8px;margin-bottom:20px}
.prose .ax-epic-scorer__result--high{background:rgba(4, 167, 119, 0.1);border:1px solid rgba(4, 167, 119, 0.3)}
.prose .ax-epic-scorer__result--medium{background:rgba(255, 182, 0, 0.1);border:1px solid rgba(255, 182, 0, 0.3)}
.prose .ax-epic-scorer__result--low{background:rgba(245, 51, 63, 0.08);border:1px solid rgba(245, 51, 63, 0.2)}
.prose .ax-epic-scorer__score-badge{margin-bottom:12px}
.prose .ax-epic-scorer__score-number{font-size:2.5rem;font-weight:700;color:#410099}
.prose .ax-epic-scorer__score-max{font-size:1rem;color:var(--muted)}
.prose .ax-epic-scorer__recommendation{font-size:0.9375rem;color:var(--ink);line-height:1.6;max-width:500px;margin:0 auto}
.prose .ax-epic-scorer__cta{text-align:center}
.prose .ax-epic-scorer__cta-btn{display:inline-block;padding:12px 36px;background:#410099;color:#ffffff;font-weight:600;font-family:var(--body);border-radius:8px;text-decoration:none;font-size:0.9375rem;transition:all 0.2s ease}
.prose .ax-epic-scorer__cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(65, 0, 153, 0.3)}
.prose .ax-case-study-proof{background:#ffffff;border-radius:16px;padding:28px;margin:36px 0;border:1px solid var(--line);border-left:4px solid #410099;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-case-study-proof.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-case-study-proof__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.prose .ax-case-study-proof__client{font-weight:600;font-size:1.125rem;color:var(--ink)}
.prose .ax-case-study-proof__industry{font-size:0.75rem;background:var(--lilac);color:#410099;padding:2px 10px;border-radius:999px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.prose .ax-case-study-proof__metrics{display:flex;align-items:center;gap:28px;margin-bottom:20px}
@media (max-width: 480px){.prose .ax-case-study-proof__metrics{flex-direction:column;gap:12px}}
.prose .ax-case-study-proof__metric{text-align:center;flex:1}
.prose .ax-case-study-proof__metric-label{display:block;font-size:0.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}
.prose .ax-case-study-proof__metric-value{display:block;font-size:1.75rem;font-weight:700}
.prose .ax-case-study-proof__metric--before .prose .ax-case-study-proof__metric-value{color:var(--muted)}
.prose .ax-case-study-proof__metric--after .prose .ax-case-study-proof__metric-value{color:#04A777}
.prose .ax-case-study-proof__arrow{color:#410099;flex-shrink:0}
@media (max-width: 480px){.prose .ax-case-study-proof__arrow{transform:rotate(90deg)}}
.prose .ax-case-study-proof__lift{text-align:center;font-size:0.9375rem;font-weight:600;color:#04A777;background:rgba(4, 167, 119, 0.08);padding:8px 20px;border-radius:999px;display:inline-block;margin-bottom:12px}
.prose .ax-case-study-proof__link{display:block;text-align:right;font-size:0.875rem;color:#410099;font-weight:500;text-decoration:none;transition:color 0.2s ease}
.prose .ax-case-study-proof__link:hover{color:#8a1a9b}
.prose .ax-process-timeline{margin:36px 0;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-process-timeline.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-process-timeline__heading{font-family:var(--body);font-size:1.375rem;font-weight:600;color:var(--ink);margin:0 0 12px}
.prose .ax-process-timeline__progress{margin-bottom:28px}
.prose .ax-process-timeline__progress-text{font-size:0.8125rem;color:var(--muted)}
.prose .ax-process-timeline__steps{position:relative;padding-left:24px}
.prose .ax-process-timeline__steps::before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom, #410099, #8a1a9b, #F46036, #ffb600)}
.prose .ax-process-timeline__step{display:flex;gap:20px;margin-bottom:12px;position:relative}
.prose .ax-process-timeline__step-marker{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #410099, #8a1a9b);border-radius:50%;z-index:1;transition:transform 0.2s ease, box-shadow 0.2s ease}
.prose .ax-process-timeline__step-num{font-size:0.75rem;font-weight:600;color:#ffffff}
.prose .ax-process-timeline__step-content{flex:1;min-width:0}
.prose .ax-process-timeline__step-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:20px;cursor:pointer;text-align:left;font-family:var(--body);transition:all 0.2s ease}
.prose .ax-process-timeline__step-toggle:hover{border-color:#410099}
.prose .ax-process-timeline__step-toggle:focus{outline:none}
.prose .ax-process-timeline__step-toggle:focus-visible{outline:2px solid #410099;outline-offset:2px}
.prose .ax-process-timeline__step-title{order:1;flex:1;min-width:0;font-weight:600;color:var(--ink);font-size:0.9375rem}
.prose .ax-process-timeline__chevron{order:2;flex-shrink:0;color:var(--muted);transition:transform 0.2s ease}
.prose .ax-process-timeline__step-summary{order:3;width:100%;font-size:0.8125rem;color:var(--ink-2)}
.prose .ax-process-timeline__step-details{display:none;padding:20px;background:#ffffff;border:1px solid #410099;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;animation:ax-fade-up 0.25s ease both}
.prose .ax-process-timeline__step-details p{font-size:0.9375rem;color:var(--ink-2);line-height:1.7;margin:0}
.prose .ax-process-timeline__step.open .ax-process-timeline__step-marker{transform:scale(1.15);box-shadow:0 0 0 4px rgba(65, 0, 153, 0.2)}
.prose .ax-process-timeline__step.open .ax-process-timeline__step-toggle{border-color:#410099;background:var(--lilac);border-bottom-left-radius:0;border-bottom-right-radius:0}
.prose .ax-process-timeline__step.open .ax-process-timeline__chevron{transform:rotate(180deg)}
.prose .ax-process-timeline__step.open .ax-process-timeline__step-details{display:block}
.prose .ax-lp-showcase{margin:36px 0;opacity:0;transform:translateY(16px);transition:opacity 0.5s ease, transform 0.5s ease}
.prose .ax-lp-showcase.ax-visible{opacity:1;transform:translateY(0)}
.prose .ax-lp-showcase__heading{font-family:var(--body);font-size:1.375rem;font-weight:600;color:var(--ink);margin:0 0 28px}
.prose .ax-lp-showcase__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px}
@media (max-width: 600px){.prose .ax-lp-showcase__grid{grid-template-columns:1fr}}
.prose .ax-lp-showcase__card{display:block;background:#ffffff;border-radius:12px;border:1px solid var(--line);overflow:hidden;text-decoration:none;transition:all 0.25s ease}
.prose .ax-lp-showcase__card:hover{transform:translateY(-3px);box-shadow:0 10px 25px -3px rgba(65, 0, 153, 0.08), 0 4px 10px -4px rgba(35, 30, 70, 0.05);border-color:#410099}
.prose .ax-lp-showcase__thumb{position:relative;height:180px;overflow:hidden;background:var(--bg-2)}
.prose .ax-lp-showcase__thumb img{width:100%;height:100%;object-fit:cover;object-position:top}
.prose .ax-lp-showcase__score{position:absolute;top:12px;right:12px;background:#410099;color:#ffffff;font-size:0.875rem;font-weight:700;padding:4px 10px;border-radius:8px}
.prose .ax-lp-showcase__score::before{content:"CS ";font-weight:400;font-size:0.6875rem;opacity:0.7}
.prose .ax-lp-showcase__info{padding:20px}
.prose .ax-lp-showcase__client{display:block;font-weight:600;color:var(--ink);font-size:0.9375rem;margin-bottom:8px}
.prose .ax-lp-showcase__tags{display:flex;gap:6px;flex-wrap:wrap}
.prose .ax-lp-showcase__tag{font-size:0.6875rem;background:var(--lilac);color:#410099;padding:2px 8px;border-radius:999px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}
.prose .ax-lp-showcase__tag--type{background:#fffcf1;color:rgb(178.5, 127.4, 0)}
.prose .ax-lp-showcase__footer{text-align:center;margin-top:20px}
.prose .ax-lp-showcase__all-link{font-size:0.9375rem;color:#410099;font-weight:500;text-decoration:none;transition:color 0.2s ease}
.prose .ax-lp-showcase__all-link:hover{color:#8a1a9b}
/* ==== hand additions for the post layout ==== */
.post-hero.plain{--straddle:0px}
.post-hero.plain .hero-top{padding-bottom:64px}
.article.notoc{grid-template-columns:minmax(0,1fr)}
.article.notoc .toc{display:none}
.article.notoc .prose{max-width:760px;margin:0 auto}
.prose>[class^=ax-],.prose>[class*=" ax-"]{margin:28px 0}
.prose .ax-key-takeaway{padding-left:28px}
.prose .ax-key-takeaway::before{content:none}
.prose .rn{margin:24px 0}
.prose .rn .readnext{margin:0}
.keynote .k{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:8px}
.keynote.labelled::before{content:none}
.keynote .h{display:block;font-family:var(--display);font-weight:600;font-size:17px;line-height:1.3;color:var(--ink);margin-bottom:6px}
.keynote p+p,.ax-warning p+p{margin-top:10px}
.prose .video{margin:32px 0;padding:0}
.prose .video h3{margin:0 0 6px}
.prose .video p{margin:0 0 14px}
.prose .video lite-youtube{max-width:none;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.offerform .row{flex-wrap:wrap}
.offerform .cf-turnstile{flex:1 1 100%;margin:0 0 4px!important}
.offerform .apx-form-error{flex:1 1 100%;margin:0!important}
.prose .cs-inc h3{margin:6px 0 10px;font-size:21px}
.prose .cs-inc>img{width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:4px 0 16px;display:block}
.prose .cs-inc ul{margin:0 0 14px;max-width:none}
.prose .cs-inc .more{font-weight:600;color:var(--purple);text-decoration:none}
.prose .cs-inc .more::after{content:" →"}
.prose .faq .qa img{width:100%;height:auto;border-radius:12px;margin-top:12px}
.exs{padding:0 0 72px}
.exs .listhead{margin-bottom:24px}
.exs .listhead .sub{font-size:15px;color:var(--ink-2);margin-top:10px;max-width:60ch}
.exs .wk b{font-size:13.5px}
.next{padding:0 0 80px}
@media(max-width:640px){.exs{padding-bottom:56px}.next{padding-bottom:64px}.post-hero.plain .hero-top{padding-bottom:48px}}
/* sources bar: the mono bar from d.css, count and meta as plain text in it */
.ax-sources-count{color:var(--ink)}
.ax-sources-meta{margin-left:auto;display:flex;gap:16px}
.ax-sources-list li img{display:none}
/* an image at the start of a paragraph that carries text too (a missing blank line in the markdown) */
.prose p>img:first-child:not(:only-child){display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);margin:8px 0 18px}

/* batch migration, 6 Sep 2026: long strings and tables on phones */
.prose{overflow-wrap:break-word}
.prose div.ax-table{min-width:0;width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.prose div.ax-table>table{min-width:600px;width:100%;border-collapse:collapse}
.prose .tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:28px 0}
.prose .tscroll>table{margin:0}
.donext li,.donext li>*{min-width:0}
.prose pre,.prose .highlight{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
