/* Campaign ROI tool and guides only. */
.smt-roi-page h1,.smt-roi-page h2,.smt-roi-page h3,.smt-roi-page .smt-hub-actions { text-align:center;letter-spacing:0; }
.smt-roi-page .smt-tool-hero { padding-top:145px;padding-bottom:64px; }
.smt-roi-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-roi-page .smt-hub-kicker { text-align:center;margin-inline:auto; }
.smt-roi-page .smt-tool-hero-visual { border-radius:8px; }
.smt-roi-page .smt-tool-hero-visual h2 { font-size:26px;line-height:1.35;margin:0 0 24px; }
.smt-roi-hero-metrics { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.smt-roi-hero-metrics>div { padding:18px 12px;background:#edf7ff;border:1px solid #d5e7f7;border-radius:6px;text-align:center;min-width:0; }
.smt-roi-hero-metrics>div:nth-child(2) { background:#f4edff;border-color:#e0d3fa; }
.smt-roi-hero-metrics>div:nth-child(3) { background:#eaf9f4;border-color:#c3e8d8; }
.smt-roi-hero-metrics>div:nth-child(4) { background:#fff5ed;border-color:#f2dfc6; }
.smt-roi-hero-metrics span { display:block;color:#62677a;font-size:13px;margin-bottom:7px; }
.smt-roi-hero-metrics strong { display:block;color:#29213e;font-size:26px;line-height:1.3; }
.smt-roi-hero-note { font-size:14px!important;text-align:center;line-height:1.65;margin:20px 0 0!important; }
.smt-roi-page #roi-tool { scroll-margin-top:100px; }
.smt-roi-page .smt-hub-head { margin-bottom:30px; }
.smt-roi-workspace { background:#fff;border:1px solid #e5def7;border-radius:8px;padding:22px; }
.smt-roi-layout { display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch; }
.smt-roi-input,.smt-roi-result { min-width:0;padding:22px;border:1px solid #d5e7f7;background:#f1f8ff;border-radius:8px;display:flex;flex-direction:column; }
.smt-roi-result { background:#f7f3ff;border-color:#e0d3fa; }
.smt-roi-input>h3,.smt-roi-result>h3 { font-size:22px;line-height:1.4;margin:0 0 22px; }
.smt-roi-fields { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px; }
.smt-roi-field { min-width:0;display:flex;flex-direction:column;gap:8px;margin:0!important; }
.smt-roi-field>span { font-size:13px;font-weight:700;line-height:1.5; }
.smt-roi-page .smt-roi-field input,.smt-roi-page .smt-roi-field select { width:100%;min-width:0;box-sizing:border-box;border:1px solid #cbd2e2;border-radius:6px;background:#fff;color:#151523;font-family:inherit;font-size:14px;line-height:1.5;min-height:44px;padding:10px 11px; }
.smt-roi-page .smt-roi-field select { padding-right:28px; }
.smt-roi-group { min-width:0;margin:0 0 18px;padding:16px;border:1px solid #d5e7f7;border-radius:6px;background:#f4f9ff; }
.smt-roi-group:nth-of-type(2) { background:#f2fbf7;border-color:#c3e8d8; }
.smt-roi-group legend { padding-inline:8px;font-size:16px;font-weight:700;text-align:center;color:#5325bc;margin:auto; }
.smt-roi-group .smt-roi-fields:last-child { margin-bottom:0; }
.smt-roi-input-note,.smt-roi-result-note { font-size:12px!important;line-height:1.65;margin:8px 0 18px!important;color:#62677a!important; }
.smt-roi-result-note { margin-top:auto!important;padding-top:18px; }
.smt-roi-row-actions,.smt-roi-export-actions { display:flex;justify-content:center;flex-wrap:wrap;gap:10px; }
.smt-roi-row-actions { margin-top:auto;padding-top:12px; }
.smt-roi-page button { cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:0;border:1px solid #d6c8f4;border-radius:6px;background:#fff;color:#5325bc;padding:10px 15px; }
.smt-roi-row-actions button:first-child,.smt-roi-export-actions button:last-child { background:#7138e8;color:#fff;border-color:#7138e8; }
.smt-roi-export-actions { margin-top:22px; }
.smt-roi-page button:disabled { opacity:.5;cursor:not-allowed; }
.smt-roi-page button:focus-visible,.smt-roi-page input:focus-visible,.smt-roi-page select:focus-visible { outline:3px solid #b9a2f5;outline-offset:2px; }
.smt-roi-status { margin:22px 0 0!important;min-height:24px;font-size:14px!important;line-height:1.6;text-align:center;color:#08785d!important; }
.smt-roi-status[data-error=true],.smt-roi-error { color:#a62b3a!important; }
.smt-roi-error { font-size:14px!important;margin:18px 0!important;line-height:1.6; }
.smt-roi-error:empty { display:none; }
.smt-roi-privacy { font-size:12px!important;line-height:1.6;text-align:center;color:#62677a!important;max-width:850px;margin:12px auto 0!important; }
.smt-roi-kpis { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px; }
.smt-roi-kpis>div { padding:15px 12px;border:1px solid #e0d3fa;background:#fff;border-radius:6px;min-width:0;text-align:center; }
.smt-roi-kpis dt { font-size:12px;line-height:1.5;color:#62677a;margin-bottom:7px; }
.smt-roi-kpis dd { font-size:21px;line-height:1.35;font-weight:700;color:#29213e;margin:0;overflow-wrap:anywhere; }
.smt-roi-kpis dd[data-positive=true] { color:#08785d; }
.smt-roi-kpis dd[data-positive=false] { color:#a62b3a; }
.smt-roi-verdict { background:#eaf9f4;border:1px solid #c3e8d8;border-radius:6px;padding:14px;text-align:center;margin-bottom:20px; }
.smt-roi-verdict strong { font-size:14px;line-height:1.6;color:#08785d; }
.smt-roi-verdict p { margin:8px 0 0!important;font-size:13px!important;line-height:1.6;color:#62677a!important; }
.smt-roi-chart { width:100%;height:230px;display:block;margin:0 0 22px; }
.smt-roi-result h4 { font-size:16px;line-height:1.5;text-align:center;margin:20px 0 14px;color:#29213e; }
.smt-roi-table-wrap { width:100%;overflow-x:auto; }
.smt-roi-page .smt-roi-table { width:100%;font-size:12px;border-collapse:collapse;margin:0;table-layout:fixed; }
.smt-roi-page .smt-roi-table th,.smt-roi-page .smt-roi-table td { border:1px solid #d9ccef;padding:10px 7px;text-align:center;overflow-wrap:anywhere; }
.smt-roi-page .smt-roi-table th { background:#eee5ff;color:#5325bc; }
.smt-roi-page .smt-roi-table td { background:#fff; }
.smt-roi-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-roi-method-grid>article { min-width:0;display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid #e5def7;border-radius:8px; }
.smt-roi-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-roi-method-grid p { font-size:16px;line-height:1.65; }
.smt-roi-method-grid code { margin-top:auto;padding:12px;border-radius:6px;background:#f5f0ff;color:#5325bc;text-align:center;font-family:inherit;font-size:14px;line-height:1.6;font-weight:400; }
.smt-roi-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-roi-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-roi-page .smt-tool-guide-card h3 { font-size:21px;margin-top:0; }
.smt-roi-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-roi-page .smt-tool-guide-card>a { display:block;text-align:center;margin-top:auto;padding-top:18px; }
.smt-roi-page .smt-tool-cta { display:block;text-align:center;background:#f5f0ff;border:1px solid #e5def7;border-radius:8px;color:#151523;margin-top:42px; }
.smt-roi-page .smt-tool-cta h2 { color:#151523;margin:18px auto; }
.smt-roi-page .smt-tool-cta p:not(.smt-hub-kicker) { color:#62677a;max-width:850px;margin:0 auto; }
.smt-roi-page .smt-tool-cta .smt-hub-actions { margin:24px 0 0; }
.smt-roi-page .smt-hub-article-body>h2 { margin:54px 0 22px;scroll-margin-top:110px; }
.smt-roi-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-roi-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-roi-page .smt-tool-guide-nav { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;margin:0 0 38px;border-radius:8px;counter-reset:roi-guide; }
.smt-roi-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-roi-page .smt-tool-guide-nav>a { counter-increment:roi-guide;display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.45;font-weight:600;padding:12px;border:1px solid #e5def7;border-radius:6px;min-width:0; }
.smt-roi-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-roi-page .smt-tool-guide-nav>a::before { content:counter(roi-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0; }.smt-roi-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-roi-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-roi-page .smt-tool-guide-links>a { display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px;height:100%;padding:16px;border-radius:6px;margin:0;box-sizing:border-box;font-size:16px; }
.smt-roi-guide .smt-tool-hero { padding-bottom:36px; }
.smt-roi-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-roi-guide .smt-hub-article-body { max-width:1080px; }
.smt-roi-guide .smt-hub-section { padding-top:30px; }
.smt-roi-page .smt-roi-guides-section { padding-bottom:28px; }
.smt-roi-page .smt-roi-next-section { padding-top:30px; }
@media(max-width:1000px) {
 .smt-roi-page .smt-tool-guide-grid,.smt-roi-page .smt-tool-guide-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .smt-roi-page .smt-tool-hero-grid { grid-template-columns:1fr;gap:32px; }
 .smt-roi-page .smt-tool-hero-visual { max-width:650px;width:100%;margin:0 auto;box-sizing:border-box; }
 .smt-roi-input,.smt-roi-result { padding:16px; }
 .smt-roi-fields { gap:10px; }
}
@media(max-width:800px) {
 .smt-roi-layout { grid-template-columns:1fr!important; }
 .smt-roi-method-grid { grid-template-columns:1fr!important; }
 .smt-roi-page .smt-tool-hero { padding-top:112px; }
 .smt-roi-workspace { padding:14px; }
 .smt-roi-page .smt-tool-guide-nav { padding:16px; }
}
@media(max-width:560px) {
 .smt-roi-page .smt-tool-guide-grid,.smt-roi-page .smt-tool-guide-links,.smt-roi-page .smt-tool-guide-nav { grid-template-columns:1fr; }
 .smt-roi-input,.smt-roi-result { padding:14px; }
 .smt-roi-group { padding:12px; }
 .smt-roi-field>span { min-height:39px; }
 .smt-roi-kpis dd { font-size:18px; }
 .smt-roi-export-actions { gap:8px; }
 .smt-roi-page .smt-roi-export-actions button { font-size:12px;padding:10px; }
}
@media(prefers-reduced-motion:reduce) { .smt-roi-page * { scroll-behavior:auto!important; } }