/* Device visuals are complete compositions, not cropped screenshots. */
.hero-art.device-art{margin:0;max-width:none}
.device-stage{aspect-ratio:1.35;align-items:center;padding:0;transform:none!important;gap:1%;container-type:inline-size}
.laptop-device{width:77%;margin:0;transform:none;flex-shrink:0}
.laptop-lid{margin:0 3%;padding:12px 6px 7px;border-radius:12px 12px 3px 3px}
.laptop-display{aspect-ratio:16/10;border:0;container-type:inline-size}
.laptop-base{height:11px}
.mobile-device{position:relative;right:auto;bottom:auto;width:22%;margin:40px 0 0;padding:10px 3px 11px;transform:none;border-radius:18px;flex-shrink:0}
.mobile-display{aspect-ratio:9/19.5;container-type:inline-size;background:#edf0f7;border-radius:10px}
.device-caption{font-size:10px;margin:8px 0 0}
.dashboard-art{height:100%;font-size:1.221cqw;line-height:1.45;color:#21364f;background:#edf0f7;letter-spacing:0}
.screen-header{height:9%;padding:0 2%;display:flex;align-items:center;justify-content:space-between;background:#fff}
.screen-brand{display:flex;align-items:center;gap:0.74cqw;width:23%}
.screen-brand img{position:static!important;max-width:none!important;filter:none!important;height:auto!important;object-fit:contain}
.screen-brand img:first-child{width:21%!important}.screen-brand img:last-child{width:75%!important}
.dashboard-body{display:flex;height:91%}.dashboard-body aside{width:20%;background:#fff;display:flex;flex-direction:column;gap:2.22cqw;padding:2.96cqw 1.036cqw;color:#60758f;font-size:1.11cqw}.dashboard-body aside b{color:#1880df;background:#e9f3ff;padding:0.74cqw 0.222cqw;white-space:nowrap}
.dashboard-main{width:80%;padding:1.85cqw}.dashboard-main h3{font-size:2.22cqw;line-height:1.4;margin:0 0 1.48cqw;font-weight:800}
.screen-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:0.74cqw;margin-bottom:1.48cqw}.screen-metrics>div{background:white;border-radius:1.11cqw;padding:0.962cqw 0.74cqw}.screen-metrics span{font-size:1.036cqw;display:block;white-space:nowrap}.screen-metrics b{font-family:'Roboto Price',sans-serif;font-size:2.59cqw;line-height:1.3;display:block}
.screen-panels{display:grid;grid-template-columns:1fr 1.1fr;gap:1.11cqw;margin-bottom:1.184cqw}.screen-panel{padding:1.332cqw;background:#fff;border-radius:1.11cqw}.screen-panel h4{margin:0 0 1.258cqw;font-size:1.369cqw;line-height:1.4}.opinion{background:#f6f8fb;border:1px solid #e8eef5;padding:0.444cqw 0.74cqw;border-radius:0.74cqw;margin-top:0.592cqw;font-size:1.11cqw}.opinion em{font-style:normal;color:#d35468;background:#fff0f2;padding:0 0.37cqw;margin-right:0.74cqw}.opinion em.idea{color:#1875d1;background:#eaf4ff}.opinion p{margin:0.37cqw 0;line-height:1.4;font-size:1.221cqw}
.chart-row{display:flex;gap:1.11cqw;align-items:center;padding-top:1.48cqw}.screen-donut{width:13.32cqw;height:13.32cqw;border-radius:50%;background:conic-gradient(#205d99 0 22%,#2279cd 22% 40%,#3995e5 40% 62%,#72abe5 62% 80%,#bed8f4 80%);position:relative;flex-shrink:0;display:grid;place-items:center}.screen-donut:before{content:'';position:absolute;inset:2.96cqw;background:#fff;border-radius:50%}.screen-donut span{position:relative;font-size:0.962cqw;text-align:center}.screen-donut b{font-size:2.96cqw}.chart-legend{display:flex;flex-direction:column;gap:0.74cqw;font-size:0.999cqw}.chart-legend span:before{content:'';display:inline-block;width:0.74cqw;height:0.74cqw;background:#3b8edb;margin-right:0.444cqw;border-radius:0.148cqw}.trend-panel{padding-bottom:0.74cqw}.trend-panel h4{margin-bottom:0.37cqw}.trend-panel svg{display:block;width:100%;height:9.62cqw}.chart-dates{display:flex;justify-content:space-between;color:#8ba0b5;font-size:0.962cqw}
.submission-art{height:100%;padding:5.92cqw 5.18cqw 3.7cqw;color:#16324e;font-size:3.7cqw;line-height:1.5;letter-spacing:0;background:#eef1f7}.submission-art .screen-brand{width:77%;margin:0 auto 3.7cqw;gap:2.22cqw}.anonymous-pill{font-size:3.922cqw;color:#187dde;text-align:center;font-weight:700}.sample-company{font-size:3.33cqw;text-align:center;margin:3.7cqw 0 2.96cqw}.submission-art h3{font-size:8.88cqw;line-height:1.4;text-align:center;margin:0 0 3.7cqw;font-weight:800;letter-spacing:0}.submission-intro{font-size:3.7cqw;text-align:center;line-height:1.8;margin:0 0 5.18cqw}.submission-card{background:#fff;border-radius:5.18cqw;padding:5.18cqw}.submission-card h4{font-size:4.07cqw;margin:0 0 2.96cqw;line-height:1.5}.submission-card h4 span{font-size:2.96cqw;color:#2473bf;background:#eaf3ff;padding:0.74cqw 1.48cqw;margin-left:1.48cqw;border-radius:0.74cqw}.submission-options{display:grid;grid-template-columns:1fr 1fr;gap:2.22cqw;margin-bottom:4.44cqw}.submission-options>div{border:1px solid #cbd7e3;border-radius:2.96cqw;padding:2.22cqw 0;text-align:center;font-size:3.33cqw;font-weight:600}.submission-options i{display:block;font-size:10.36cqw;line-height:1.3;font-style:normal;color:#2377bd}.submission-options .chosen{background:#eff7ff;border-color:#2485df}.submission-input{padding:2.96cqw;border:1px solid #d9e1eb;border-radius:2.22cqw;color:#94a4b6;font-size:3.33cqw;height:17.02cqw}.submission-send{margin-top:3.7cqw;background:#1a82df;color:white;text-align:center;border-radius:2.22cqw;padding:2.96cqw 0.74cqw;font-size:3.922cqw;font-weight:700}.submission-note{font-size:2.96cqw;text-align:center;margin:3.7cqw 0 0}
@media(max-width:800px){.hero-art.device-art{width:100%;max-width:620px;margin:0 auto}.device-stage{aspect-ratio:1.55}.laptop-device{width:77%;margin:0}.mobile-device{width:22%;right:auto;bottom:auto;margin-top:25px}.device-caption{margin-top:12px}}
@media(max-width:560px){.device-stage{aspect-ratio:1.45}.laptop-lid{padding:8px 3px 4px;border-radius:7px 7px 2px 2px}.laptop-base{height:7px}.laptop-camera{top:3px;width:2px;height:2px}.mobile-device{border-radius:11px;padding:7px 2px 8px;border-width:1px}.mobile-display{border-radius:5px}.mobile-speaker{top:3px;height:1px}.mobile-home{bottom:3px;height:1px}.device-caption{font-size:8px}}