.dashboard-phone{position:relative;width:100%;aspect-ratio:703/810}
.dashboard-phone>img{display:block;width:100%;height:100%}
.dashboard-screen{position:absolute;left:53.35%;top:1.85%;width:36.3%;height:65.4%;border-radius:10% / 5%;overflow:hidden;background:#f1f5fa;color:#19334e;container-type:inline-size;font-family:var(--font-sans,Arial,sans-serif);isolation:isolate}
.dashboard-screen::before{content:"";position:absolute;top:0;left:22%;width:56%;height:4.2%;border-radius:0 0 10px 10px;background:#080b0d;z-index:5}
.dashboard-screen::after{content:"";position:absolute;bottom:1.2%;left:33%;width:34%;height:.65%;border-radius:10px;background:#19334e;z-index:5}
.dashboard-slide{position:absolute;inset:0;padding:14% 6% 9%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s cubic-bezier(.4,0,.2,1),visibility 0s linear .65s;font-size:4.7cqw;line-height:1.4}
.dashboard-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}
.dashboard-brand{font-size:5cqw;font-weight:800;letter-spacing:.13em;color:#327ac3;padding-bottom:7%;border-bottom:1px solid #d9e3ee}
.dashboard-slide h3{font-size:8.4cqw;line-height:1.14;margin:8% 0 3%;letter-spacing:-.025em}
.dashboard-subtitle{font-size:4.5cqw;color:#62768b;margin:0 0 7%}
.dashboard-card{background:#fff;border:1px solid #dce6ef;border-radius:9px;padding:6%;margin:0 0 5%}
.dashboard-card strong{display:block;font-size:5.4cqw;margin-bottom:3%}
.dashboard-card p{margin:0;color:#51677c;font-size:4.7cqw;line-height:1.45}
.dashboard-card.green{border-left:3px solid #41aa88}.dashboard-card.gold{border-left:3px solid #d5a54b}
.dashboard-kicker{color:#398a72;font-size:4cqw;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4%;font-weight:700}
.dashboard-row{display:flex;justify-content:space-between;gap:4%;padding:5% 0;border-bottom:1px solid #e3ebf2;font-size:4.7cqw}.dashboard-row:last-child{border-bottom:0}.dashboard-row span:last-child{color:#53836f}
.dashboard-heatmap{display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:4px;align-items:center;font-size:3.9cqw;text-align:center;margin:8% 0}
.dashboard-heatmap i{height:10cqw;border-radius:3px;background:#e2e9f0}.dashboard-heatmap .low{background:#c2e6de}.dashboard-heatmap .mid{background:#7ab8da}.dashboard-heatmap .high{background:#367ab9}
.dashboard-sample{position:absolute;bottom:5%;left:6%;right:6%;font-size:3.8cqw;letter-spacing:.03em;color:#6d8193;text-align:center}
.dashboard-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 8px;flex-wrap:wrap}
.dashboard-dot{width:30px;height:30px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;padding:0}.dashboard-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:#bccbd8}.dashboard-dot[aria-pressed="true"]::after{background:#3d7fd9;width:19px;border-radius:5px}
.dashboard-pause{font:12px var(--font-mono,monospace);min-height:36px;padding:5px 10px;color:#38556f}.dashboard-help{text-align:center;font-size:11px;color:#667b8e;margin:0 0 8px}.dashboard-controls button:focus-visible{outline:2px solid #3d7fd9;outline-offset:2px}
.dashboard-dot::after{transition:width .35s ease,background-color .35s ease}
@media(prefers-reduced-motion:reduce){.dashboard-slide,.dashboard-dot::after{transition:none}}
/* Faithful product views inside the existing phone, with no live connection. */
.dashboard-slide{padding:5% 0 3%;overflow:auto;scrollbar-width:none;background:white}
.dashboard-slide::-webkit-scrollbar{display:none}
.dashboard-slide .product-page{min-height:100%}
.dashboard-slide .product-nav{padding-top:7%}
.dashboard-expand{position:relative;z-index:2;display:block;text-align:center;color:#2877bb;font-size:13px;padding:8px 12px;margin-bottom:4px;text-decoration:underline}

.dashboard-slide .product-heading h3{font:700 4.6cqw/1.15 Arial,sans-serif;margin:0 0 2%;letter-spacing:normal}
/* A closer photographic crop gives the actual product more screen space. */
.dashboard-photo-crop{width:100%;aspect-ratio:1/1.3;overflow:hidden}
.dashboard-photo-crop .dashboard-phone{width:155%;margin-left:-48%}
.dashboard-slide{overflow:hidden}
.dashboard-slide .product-nav,.dashboard-slide .product-brand{display:none}
.dashboard-slide .product-body{padding:10% 5% 5%}
.dashboard-slide .product-demo{font-size:3cqw;margin-bottom:5%}
.dashboard-slide .product-heading{display:block;padding:0 0 5%;margin-bottom:6%}
.dashboard-slide .product-heading h3{font-size:7cqw;line-height:1.15;margin-bottom:4%}
.dashboard-slide .product-heading p{font-size:4cqw}
.dashboard-slide .product-heading>strong{display:block;font-size:3.6cqw;color:#71839b;margin-top:3%}
.dashboard-slide .product-grid{grid-template-columns:1fr;gap:5cqw}
.dashboard-slide .product-card{padding:5cqw;border-radius:3cqw}
.dashboard-slide .product-card:nth-child(n+3){display:none}
.dashboard-slide .product-card h4{font-size:5.5cqw;min-height:0;margin-bottom:4cqw}
.dashboard-slide .product-card h4>span{font-size:7cqw}
.dashboard-slide .product-card p{font-size:4.5cqw;line-height:1.45;margin:3cqw 0}
.dashboard-slide .product-card h4 small{font-size:2.6cqw}
.dashboard-slide .product-card dl{font-size:3.7cqw;gap:3cqw 2cqw}
.dashboard-slide .product-card dt{font-size:3cqw}
.dashboard-slide .product-stats{font-size:3cqw;padding:4cqw;margin:4cqw 0 5cqw}
.dashboard-slide .product-stats b{font-size:6cqw}
.dashboard-slide .product-update{display:none}
.dashboard-slide .product-email-head{font-size:4cqw;padding:4cqw}
.dashboard-slide .product-email-head h4{font-size:5.5cqw}
.dashboard-slide .product-email-summary{padding:5cqw;font-size:5cqw}
.dashboard-slide .product-email-summary p{font-size:4cqw;margin:3cqw 0}
.dashboard-slide .product-email-table{font-size:3.6cqw;table-layout:fixed}
.dashboard-slide .product-email-table th:first-child{width:40%}
.dashboard-slide .product-email-table th,.dashboard-slide .product-email-table td{padding:2.5cqw 1cqw}
.dashboard-slide .product-email-table thead th{font-size:2.7cqw}
.dashboard-slide .product-email-table small{font-size:2.8cqw}
.dashboard-slide .product-email-insights{display:none}
.preview-heat{display:grid;grid-template-columns:1.3fr repeat(5,minmax(0,1fr));gap:1.5cqw;align-items:center;font-size:3cqw;text-align:center}
.preview-heat .heat-room{font-size:2.8cqw;color:#64748b;min-width:0}
.preview-heat .heat-room span{display:block;font-size:5cqw}
.preview-heat .heat-time{font-size:2.8cqw;color:#64748b;text-align:right;padding-right:1cqw}
.preview-heat .heat-cell{aspect-ratio:1;display:grid;place-items:center;border:.5cqw solid #cbd5e1;border-radius:1.5cqw;font-size:3.6cqw;font-weight:700;background:#f1f5f9}
.preview-heat .low{background:#dcfce7;border-color:#22c55e}.preview-heat .medium{background:#fef9c3;border-color:#eab308}.preview-heat .high{background:#fed7aa;border-color:#f97316}.preview-heat .peak{background:#fecaca;border-color:#ef4444}
.dashboard-slide .product-legend{display:flex;flex-wrap:wrap;justify-content:center;font-size:3cqw;gap:2cqw;padding-top:5cqw;margin-top:5cqw}
.dashboard-preview-caption{margin:12px 16px 0;text-align:center;font-size:14px;line-height:1.5;color:#38556f;min-height:42px;display:grid;place-items:center}
.dashboard-slide:nth-child(3) .product-card:nth-child(n+2){display:none}
.dashboard-slide .product-email-table tbody tr:nth-child(n+3){display:none}
