/* V10.4: Pro example walkthroughs + contextual discovery + subscriber quick start. */
.pro-v104-demo{margin:28px 0 34px;padding:clamp(20px,3vw,32px);border:1px solid #d9e6f3;border-radius:22px;background:linear-gradient(135deg,#f7fbff,#fff 68%);box-shadow:0 14px 34px rgba(14,51,91,.045)}
.pro-v104-demo-intro h2{margin:9px 0;font-size:clamp(22px,2.5vw,30px);color:#113458;line-height:1.2}.pro-v104-demo-intro p{margin:0 0 18px;color:#577089;line-height:1.6;max-width:74ch}
.pro-v104-demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.pro-v104-demo-tab{border:1px solid #cbddec;background:#fff;color:#23415f;cursor:pointer;padding:10px 13px;border-radius:12px;font:inherit;font-size:13px;font-weight:750;line-height:1.3}.pro-v104-demo-tab[aria-selected=true]{border-color:#2767d8;background:#eaf3ff;color:#1654b0}.pro-v104-demo-tab:focus-visible,.pro-v104-demo-actions a:focus-visible,.pro-v104-demo-actions button:focus-visible,.pro-v104-tool-nudge a:focus-visible,.pro-v104-tool-nudge button:focus-visible,.pro-v104-subscriber a:focus-visible{outline:3px solid #5195f5;outline-offset:3px}
.pro-v104-demo-result{margin-top:13px;padding:18px;border:1px solid #deebf5;border-radius:16px;background:#fff}.pro-v104-preview-heading>span{font-size:10px;letter-spacing:.11em;font-weight:900;color:#547394}.pro-v104-preview-heading h3{margin:5px 0 4px;color:#142f4f;font-size:20px}.pro-v104-preview-heading p{margin:0 0 16px;color:#64768b;font-size:13px;line-height:1.6}.pro-v104-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro-v104-preview-columns>div{border-radius:12px;padding:14px;background:#f5f8fb;border:1px solid #e4edf4}.pro-v104-preview-columns>div.pro-v104-preview-pro{background:#ecf6ff;border-color:#bbd9fa}.pro-v104-preview-columns strong{display:block;color:#1761bd;font-size:12px;letter-spacing:.11em}.pro-v104-preview-columns p{color:#405874;margin:7px 0 0;line-height:1.55;font-size:13px}.pro-v104-preview-findings{margin-top:18px}.pro-v104-preview-findings>strong{font-size:13px;color:#193a60}.pro-v104-preview-findings ul{list-style:none;padding:0;margin:9px 0 0;border:1px solid #e0eaf3;border-radius:11px;overflow:hidden}.pro-v104-preview-findings li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 12px;font-size:12px;border-bottom:1px solid #e0eaf3}.pro-v104-preview-findings li:last-child{border:0}.pro-v104-preview-findings li span:first-child{font-weight:750;color:#284261}.pro-v104-preview-findings li span:last-child{text-align:right;color:#5b7087}.pro-v104-demo-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.pro-v104-demo-disclaimer{font-size:11px;color:#667d91;margin:11px 0 0;line-height:1.5}
.pro-v104-tool-nudge{margin:16px 0 22px;padding:18px;border:1px solid #c9dff3;border-radius:16px;background:#f4f9ff;display:flex;justify-content:space-between;align-items:center;gap:15px}.pro-v104-nudge-tag{font-size:10px;font-weight:900;letter-spacing:.10em;color:#1764b0}.pro-v104-tool-nudge h3{margin:5px 0;font-size:17px;color:#163657}.pro-v104-tool-nudge p{margin:0;color:#506980;font-size:12px;line-height:1.6}.pro-v104-nudge-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px}
.pro-v104-subscriber{padding:23px;margin:20px 0;border:1px solid #c8dceb;background:linear-gradient(120deg,#f1f8ff,#fff);border-radius:18px}.pro-v104-subscriber-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.pro-v104-subscriber-top h2{margin:6px 0;font-size:23px;color:#14395f}.pro-v104-subscriber-top p{color:#5e738b;line-height:1.55;margin:0}.pro-v104-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.pro-v104-guide-grid a{border:1px solid #dce7f1;border-radius:12px;background:#fff;padding:15px;display:flex;flex-direction:column;gap:7px;text-decoration:none}.pro-v104-guide-grid a strong{color:#1556a7;font-size:13px}.pro-v104-guide-grid a span{font-size:12px;line-height:1.55;color:#536d85}
@media(max-width:740px){.pro-v104-preview-columns,.pro-v104-guide-grid{grid-template-columns:1fr}.pro-v104-preview-findings li{flex-direction:column;align-items:flex-start;gap:3px}.pro-v104-preview-findings li span:last-child{text-align:left}.pro-v104-tool-nudge{align-items:stretch;flex-direction:column}.pro-v104-nudge-actions{flex-direction:row;flex-wrap:wrap}.pro-v104-subscriber-top{flex-direction:column}}