/* ===== Oct 2026 design upgrade ===== */
.phero .lede-in{font-size:19px;line-height:1.6;color:#e4def0;max-width:600px;margin-bottom:28px}
.proof2{display:flex;flex-wrap:wrap;gap:28px 40px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);max-width:600px}
.proof2 b{display:block;font-family:Urbanist,sans-serif;font-weight:800;font-size:26px;color:#fff;line-height:1.1}
.proof2 small{font-size:13px;color:#b6b9ce}
.logos2 .row{flex-wrap:nowrap!important;justify-content:space-between;gap:24px!important}
.logos2 .row img{opacity:.78!important;max-width:118px!important}
@media(max-width:900px){.logos2 .row{flex-wrap:wrap!important;justify-content:center;gap:18px 30px!important}}
.qa{background:linear-gradient(135deg,#f6f0ff,#fbf9ff);border:1px solid #e6dcf8;border-radius:16px;padding:24px 28px;margin:0 0 36px}
.qa .qa-k{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8e2dff;margin-bottom:8px}
.art .body .qa h2.qa-q{font-size:22px;margin:0 0 10px;line-height:1.3}
.qa p{margin:0!important;font-size:16.5px;line-height:1.65;color:#2a1d3a}
.intro p{font-size:17px}
.art .body ul{list-style:none;padding-left:0}
.art .body ul li{position:relative;padding-left:30px;margin-bottom:10px}
.art .body ul li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:#f0e6ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.8' fill='none' stroke='%238e2dff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.art .body figure.quote{margin:32px 0;background:#fff;border:1px solid #ece6f6;border-left:0;border-radius:16px;padding:24px 26px;box-shadow:0 10px 30px rgba(24,5,34,.06)}
.quote .qstars{display:block;color:#8e2dff;letter-spacing:3px;font-size:14px;margin-bottom:10px}
.quote blockquote{margin:0 0 16px;font-size:17px;line-height:1.6;color:#180522;font-style:normal}
.quote figcaption{display:flex;align-items:center;gap:12px;font-size:14px;color:#4a3d5c;font-weight:600}
.quote .qav{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#8e2dff,#5e2e96);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:Urbanist,sans-serif;font-weight:800;font-size:14px;flex:none}
.midcta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#180522;color:#fff;border-radius:18px;padding:26px 30px;margin:40px 0}
.midcta b{display:block;font-family:Urbanist,sans-serif;font-size:22px;margin-bottom:4px}
.midcta span{color:#cfc8de;font-size:15px;line-height:1.5}
.midbtns{display:flex;gap:10px;flex:none}
.art .body .midcta a.btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
@media(max-width:800px){.midcta{flex-direction:column;align-items:flex-start}.midbtns{flex-wrap:wrap}}
@media(min-width:901px){.art .side{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}}
.toc{border:1px solid #ece6f6;border-radius:14px;padding:18px 20px;margin-bottom:18px;background:#fff}
.toc h5{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8e2dff;margin:0 0 10px}
.toc a{display:block;font-size:13.5px;line-height:1.4;color:#4a3d5c;text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid #ece6f6}
.toc a:hover,.toc a.on{color:#5e2e96;border-left-color:#8e2dff;font-weight:600}
@media(max-width:900px){.toc{display:none}}
.art h2[id]{scroll-margin-top:24px}
.cmp-wrap{overflow-x:auto;margin:20px 0 32px;border:1px solid #ece6f6;border-radius:14px}
table.cmp{width:100%;border-collapse:collapse;font-size:14.5px}
table.cmp th{background:#180522;color:#fff;text-align:left;padding:12px 16px;font-weight:600}
table.cmp td{padding:12px 16px;border-top:1px solid #ece6f6;vertical-align:top;color:#2a1d3a}
table.cmp tr:nth-child(even) td{background:#faf8fd}
table.cmp td:first-child{font-weight:700;white-space:nowrap}
.related{margin:40px 0 0;padding:24px 26px;border-radius:16px;background:#f6f3fb}
.art .body .related h2{font-size:20px;margin:0 0 12px}
.related a{display:block;padding:8px 0;font-weight:600}
.srcnote{font-size:12px;color:#8f86a3;margin-top:14px}
@media(max-width:640px){.proof2{display:grid;grid-template-columns:1fr 1fr;gap:20px}}