/* Illustrations scale with their own card, independently of the viewport. */
.remarkably-features .shot { position:relative; container-type:inline-size; width:100%; flex-shrink:0; text-align:left; background:#171c22; }
.remarkably-features .fv { position:absolute; inset:0; overflow:hidden; padding:4.8cqw; background:radial-gradient(ellipse at 40% 0%,#202932,#101416 90%); color:#f7fafb; font-family:Arial,sans-serif; font-size:1.4cqw; line-height:1.4; font-weight:400; letter-spacing:normal; }
.remarkably-features .fv * { box-sizing:border-box; }
.remarkably-features .fv b,.remarkably-features .fv strong { font-weight:700; }
.remarkably-features .fv small { display:block; font-size:.8em; font-weight:400; }
.remarkably-features .fv sup { font-size:.4em; vertical-align:super; }
.remarkably-features .fv-pill { display:inline-flex; align-items:center; padding:.45cqw 1.2cqw; border:1px solid; border-radius:5cqw; font-size:1.35cqw; font-weight:600; }
.remarkably-features .fv-blue { color:#97c2ff; background:#1d334c; border-color:#325e91; }
.remarkably-features .fv-purple { color:#c7a7f6; background:#302942; border-color:#5f4684; }
.remarkably-features .fv-red { color:#ffaaaa; background:#472426; border-color:#9d494b; }
.remarkably-features .fv-title { font-size:3.1cqw; line-height:1.16; font-weight:700; margin:1cqw 0; }
.remarkably-features .fv-muted { color:#9aa9b3; font-size:1.4cqw; }
.remarkably-features .fv-legend { display:flex; align-items:center; gap:2cqw; margin:1.4cqw 0; color:#c0cad0; font-size:1.2cqw; }
.remarkably-features .fv-legend span { display:inline-flex; align-items:center; gap:.55cqw; white-space:nowrap; }
.remarkably-features .fv-legend i { display:inline-block; width:1.6cqw; height:.85cqw; background:var(--series); border-radius:.15cqw; }
/* Integrated sources diagram. */
.remarkably-features .fv-integrated-dashboards { background:#1e272d; padding:4.5cqw 5.5cqw; }
.remarkably-features .fv-integrated-dashboards .fv-title { margin-top:.3cqw; }
.remarkably-features .fv-orbit { position:absolute; width:44cqw; height:42cqw; top:9.4cqw; left:28cqw; }
.remarkably-features .fv-hub { position:absolute; left:26%; top:27%; width:47%; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; color:#222; font-size:2.45cqw; letter-spacing:-.08cqw; }
.remarkably-features .fv-bubble { position:absolute; width:29%; aspect-ratio:1; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; line-height:1.15; font-size:1.5cqw; font-weight:700; }
.remarkably-features .fv-bubble-blue { background:#006effee; color:#fff; }
.remarkably-features .fv-bubble-green { background:#00d700ee; color:#08221b; }
.remarkably-features .fv-bubble-teal { background:#5cf6ddde; color:#08221b; }
.remarkably-features .fv-bubble-gray { background:#bfd4dbeb; color:#08221b; }
.remarkably-features .fv-bubble-0 { left:35.5%; top:0; }
.remarkably-features .fv-bubble-1 { left:62%; top:13.5%; }
.remarkably-features .fv-bubble-2 { left:69%; top:44%; }
.remarkably-features .fv-bubble-3 { left:50.5%; top:68%; }
.remarkably-features .fv-bubble-4 { left:21%; top:68%; }
.remarkably-features .fv-bubble-5 { left:2.5%; top:44%; }
.remarkably-features .fv-bubble-6 { left:9%; top:13.5%; }
/* Shared labels and alert tables. */
.remarkably-features .fv-app-title { font-size:1.75cqw; margin:0 0 .6cqw; }
.remarkably-features .fv-table { border:0; border-collapse:collapse; width:100%; table-layout:auto; margin:0; font-size:1cqw; line-height:1.4; color:#eef1f3; background:transparent; }
.remarkably-features .fv-table th,.remarkably-features .fv-table td { border:0; border-bottom:1px solid #19232b; padding:.65cqw .8cqw; text-align:right; vertical-align:middle; background:transparent; }
.remarkably-features .fv-table th { font-weight:600; }
.remarkably-features .fv-table tbody th { font-weight:400; }
.remarkably-features .fv-table th:first-child { text-align:left; }
.remarkably-features .fv-table tbody tr:first-child { font-weight:700; }
.remarkably-features .fv-table small { color:#a3aeb6; }
.remarkably-features .fv-table em { color:#f7cb4d; font-style:normal; }
.remarkably-features .fv-search { padding:.7cqw; border:1px solid #323e48; border-radius:.4cqw; color:#b0bbc3; font-size:1.2cqw; }
/* AI recommendations. */
.remarkably-features .fv-ai-analyst { padding-top:7.7cqw; }
.remarkably-features .fv-ai-analyst .fv-title { font-size:3.3cqw; margin:.8cqw 0 2.5cqw; }
.remarkably-features .fv-recommend-labels { display:flex; justify-content:space-between; padding-right:5cqw; font-weight:600; font-size:1.7cqw; margin-bottom:1cqw; }
.remarkably-features .fv-recommend-labels span:first-child { width:66%; }
.remarkably-features .fv-recommendations { display:grid; grid-template-columns:1fr 1fr 1.08fr; gap:1.2cqw; align-items:start; }
.remarkably-features .fv-recommendation { border:1px solid #2e3941; border-top:.35cqw solid #31d45f; background:#1e272d; border-radius:.8cqw; padding:1.6cqw; min-height:23.5cqw; }
.remarkably-features .fv-recommendation>b { display:block; font-size:1.65cqw; white-space:nowrap; }
.remarkably-features .fv-roi { color:#32df64; font-size:4.6cqw; font-weight:700; margin:.6cqw 0; letter-spacing:-.13cqw; white-space:nowrap; }
.remarkably-features .fv-roi span { color:#a9b5bd; font-size:1.15cqw; font-weight:400; letter-spacing:normal; }
.remarkably-features .fv-recommend-cost { display:flex; gap:2cqw; border-top:1px solid #30393f; padding:.7cqw 0 1cqw; }
.remarkably-features .fv-recommend-cost b { font-size:1.8cqw; }
.remarkably-features .fv-recommend-cost small { color:#8c9ca7; letter-spacing:.08cqw; font-size:1cqw; }
.remarkably-features .fv-recommend-description { color:#c0ccd3; font-size:1.4cqw; line-height:1.45; }
.remarkably-features .fv-warning { border-top-color:#f8bd44; }
.remarkably-features .fv-warning .fv-roi { color:#f8bd44; }
/* Shared vector chart styles. */
.remarkably-features .fv-plot-panel { background:#222a2e; border-radius:.5cqw; padding:1.2cqw 1.7cqw; margin:.6cqw 0 1.5cqw; }
.remarkably-features .fv-plot-panel .fv-legend { justify-content:center; font-size:.85cqw; gap:1.2cqw; margin:.2cqw 0 1cqw; }
.remarkably-features .fv-chart { position:relative; }
.remarkably-features .fv-chart svg { width:100%; height:14cqw; display:block; overflow:visible; }
.remarkably-features .fv-axis { display:flex; justify-content:space-between; padding-left:3.5%; color:#aeb8be; font-size:.8cqw; }
.remarkably-features .fv-annotation { position:absolute; left:68%; top:40%; border:1px solid #35414a; background:#080c0f; padding:.3cqw .6cqw; font-size:1cqw; color:#fff; white-space:nowrap; }
/* Annotation chart with a code-built magnifying lens. */
.remarkably-features .fv-chart-annotations { padding:1.8cqw; background:#111619; }
.remarkably-features .fv-annotation-backdrop { opacity:.42; }
.remarkably-features .fv-annotation-backdrop .fv-app-title { font-size:2.1cqw; font-weight:600; }
.remarkably-features .fv-annotation-backdrop .fv-search { margin:3cqw 0 2.3cqw; }
.remarkably-features .fv-annotation-backdrop .fv-plot-panel { padding-top:3.5cqw; }
.remarkably-features .fv-annotation-backdrop .fv-chart svg { height:26cqw; }
.remarkably-features .fv-magnifier-beam { position:absolute; inset:8cqw 20cqw 10cqw 17cqw; background:#006eff44; clip-path:polygon(15% 0,100% 65%,100% 97%,0 100%); }
.remarkably-features .fv-magnifier { position:absolute; top:7cqw; left:11cqw; width:39.5cqw; height:39.5cqw; border:.4cqw solid #006eff; border-radius:50%; background:#222b30; overflow:hidden; display:flex; align-items:center; }
.remarkably-features .fv-magnifier .fv-chart { flex:none; width:74cqw; transform:translateX(-30cqw); }
.remarkably-features .fv-magnifier .fv-chart svg { height:38cqw; }
.remarkably-features .fv-magnifier .fv-axis { display:none; }
.remarkably-features .fv-magnifier .fv-annotation { left:49%; top:42%; font-size:2.2cqw; padding:.3cqw .8cqw; }
.remarkably-features .fv-small-magnifier { position:absolute; width:13cqw; height:13cqw; border:.2cqw solid #006eff; border-radius:50%; top:28cqw; left:66cqw; }
/* Cohort heatmap made of HTML cells. */
.remarkably-features .fv-cohort-analysis { padding:6cqw 5cqw; }
.remarkably-features .fv-cohort-analysis .fv-title { font-size:2.9cqw; white-space:nowrap; margin:1cqw 0 2cqw; }
.remarkably-features .fv-cohort-layout { display:grid; grid-template-columns:52% 1fr; gap:3cqw; }
.remarkably-features .fv-months { display:flex; justify-content:space-between; margin-left:30%; margin-bottom:.5cqw; padding-right:13%; color:#8c9da7; font-size:1.2cqw; }
.remarkably-features .fv-heat-row { display:grid; grid-template-columns:28% 1fr; gap:1cqw; align-items:center; margin-bottom:.5cqw; }
.remarkably-features .fv-heat-row>b { text-align:right; font-size:1.3cqw; color:#ced7dd; }
.remarkably-features .fv-heat-cells { display:grid; grid-template-columns:repeat(14,1fr); gap:.2cqw; padding:.4cqw; background:#141c21; border:1px solid #303a43; border-radius:.6cqw; }
.remarkably-features .fv-heat-cells i { height:.6cqw; border-radius:.08cqw; background:#222d34; }
.remarkably-features .fv-heat-cells .fv-lit { background:#246d40; }
.remarkably-features .fv-heat-row:nth-child(2) .fv-lit { background:#31d85e; }
.remarkably-features .fv-cohort-summary { padding-top:4.5cqw; }
.remarkably-features .fv-days { border:1px solid #4bd16f; border-radius:1cqw; background:#16302566; padding:1.7cqw 2cqw; }
.remarkably-features .fv-days>b { font-size:1.5cqw; }
.remarkably-features .fv-days>div { font-size:2cqw; font-weight:600; line-height:1.2; }
.remarkably-features .fv-days strong { color:#32df63; font-size:7.3cqw; font-weight:400; }
.remarkably-features .fv-days>span { color:#b1bfc6; font-size:1.2cqw; }
.remarkably-features .fv-cohort-stat { display:flex; justify-content:space-between; border-top:1px solid #303d45; padding:.7cqw .3cqw; color:#c4cfd5; font-size:1.3cqw; }
.remarkably-features .fv-cohort-stat:first-of-type { margin-top:1cqw; }
.remarkably-features .fv-cohort-stat b { color:#fff; }
/* Alert notification email. */
.remarkably-features .fv-configured-alerts { padding:7.2cqw 12.5cqw; }
.remarkably-features .fv-email { background:#fff; border-radius:1.1cqw; color:#20282d; box-shadow:0 2cqw 3cqw #0005; overflow:hidden; }
.remarkably-features .fv-email-brand { padding:1.4cqw 2.8cqw; border-bottom:1px solid #e2e4e6; font-size:2.4cqw; letter-spacing:-.1cqw; color:#222; }
.remarkably-features .fv-email-body { padding:2.3cqw 3cqw 2.7cqw; }
.remarkably-features .fv-email .fv-pill { font-size:1.1cqw; padding:.35cqw 1cqw; letter-spacing:.08cqw; color:#b42c24; background:#fcecea; border:0; }
.remarkably-features .fv-email .fv-title { font-size:2.6cqw; margin:1cqw 0 .4cqw; }
.remarkably-features .fv-email .fv-muted { font-size:1.4cqw; color:#596974; }
.remarkably-features .fv-email .fv-muted b { color:#20282d; }
.remarkably-features .fv-email-columns { display:grid; grid-template-columns:1.1fr 1fr; gap:2cqw; margin-top:1.6cqw; }
.remarkably-features .fv-email-columns>div>b { display:block; font-size:1.4cqw; margin-bottom:.6cqw; }
.remarkably-features .fv-email .fv-table { color:#121212; border:1px solid #dfe3e6; border-radius:.7cqw; border-collapse:separate; border-spacing:0; overflow:hidden; font-size:1.3cqw; }
.remarkably-features .fv-email .fv-table thead { display:none; }
.remarkably-features .fv-email .fv-table th,.remarkably-features .fv-email .fv-table td { border-bottom:1px solid #e5e8ea; padding:.8cqw 1.2cqw; text-align:left; font-weight:700; }
.remarkably-features .fv-email .fv-table tr:last-child>* { border-bottom:0; }
.remarkably-features .fv-email-columns>div:first-child td { color:#b42c24; }
.remarkably-features .fv-email-columns>div:last-child th { color:#5a6a74; font-weight:400; }
.remarkably-features .fv-email-link { display:table; margin:1.7cqw auto 0; padding:.9cqw 2.6cqw; background:#326aff; color:#fff; border-radius:.5cqw; font-size:1.3cqw; font-weight:600; }
/* Exposure totals and stacked bars. */
.remarkably-features .fv-exposure-analysis { background:radial-gradient(ellipse at 25% 40%,#3a1719,#131719 80%); padding:12.5cqw 5.5cqw; }
.remarkably-features .fv-exposure-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:2.5cqw; align-items:center; }
.remarkably-features .fv-cash { color:#ff686b; font-size:8.6cqw; letter-spacing:-.3cqw; line-height:1.25; font-weight:700; margin:1.6cqw 0 0; white-space:nowrap; }
.remarkably-features .fv-cash span { font-size:3cqw; letter-spacing:normal; color:#ffa0a2; }
.remarkably-features .fv-exposure-summary>b { font-size:1.85cqw; }
.remarkably-features .fv-exposure-summary .fv-muted { margin:.5cqw 0 2cqw; font-size:1.5cqw; }
.remarkably-features .fv-statuses { display:flex; gap:.6cqw; color:#cad1d5; font-size:1.2cqw; }
.remarkably-features .fv-statuses span { border:1px solid #44474e; border-radius:.4cqw; padding:.4cqw .8cqw; background:#ffffff08; }
.remarkably-features .fv-exposure-chart { background:#101518; border:1px solid #303940; border-radius:1cqw; padding:2cqw 2.3cqw; }
.remarkably-features .fv-exposure-chart>b { display:block; font-size:1.5cqw; }
.remarkably-features .fv-exposure-chart .fv-legend { margin:.7cqw 0; justify-content:flex-end; gap:1.2cqw; }
.remarkably-features .fv-exposure-chart .fv-legend i { width:1cqw; height:1cqw; }
.remarkably-features .fv-columns { height:21cqw; display:flex; align-items:flex-end; justify-content:space-between; gap:2.1cqw; border-bottom:1px solid #48535d; padding:2.5cqw 1cqw 0; margin-bottom:2cqw; }
.remarkably-features .fv-column { width:22%; height:100%; position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; }
.remarkably-features .fv-column>b { font-size:1.6cqw; margin-bottom:.5cqw; }
.remarkably-features .fv-stack { display:flex; flex-direction:column; width:100%; border-radius:.5cqw .5cqw 0 0; overflow:hidden; flex-shrink:0; }
.remarkably-features .fv-stack i { background:#bdd654; }
.remarkably-features .fv-stack i:last-child { background:#5c73ec; }
.remarkably-features .fv-column>span { position:absolute; top:calc(100% + .7cqw); color:#aab6be; font-size:1.1cqw; white-space:nowrap; }
/* Original supplied report artwork preserves both brand logos exactly. */
.remarkably-features .fv-report-artwork {padding:0;background:#fff}
.remarkably-features .fv-report-artwork img {display:block;width:100%;height:100%;object-fit:contain}
.remarkably-features .fv-feature-artwork {padding:0;background:#0e1215}
.remarkably-features .fv-feature-artwork img {display:block;width:100%;height:100%;object-fit:contain}
