.ai-detail-visual{height:690px;flex:1 1 620px;padding:0;border:0;border-radius:0;background:radial-gradient(ellipse at 45% 48%,#dae5fc 0%,#e8eef680 42%,transparent 72%);box-shadow:none}
.detail-phone{position:absolute;left:0;top:0;width:315px;height:630px;z-index:2;border:0;padding:0;background:transparent;cursor:zoom-in;filter:drop-shadow(0 20px 25px #172c4930)}
.detail-phone img{width:100%;height:100%;object-fit:contain}
.subsana-conversation .detail-phone{width:292px;height:auto;border:6px solid #26313d;border-radius:28px;overflow:hidden;background:#075e54}
.subsana-conversation .detail-phone img{display:block;width:100%;height:auto;aspect-ratio:390/844}
.detail-phone:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:44px}
.ai-detail-visual .detail-results{position:absolute;right:0;top:115px;width:74%;box-shadow:0 18px 44px #182c4926}
.detail-results .screen-button:after{display:none}
.detail-results .screen-button>img{aspect-ratio:1512/900;object-fit:cover;object-position:top}
.detail-dashboard-link{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;color:#e7efff;background:#142132;font-size:11px;text-align:left}
.ai-detail-visual figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:5px;margin:0;padding:12px 0 0;border-top:1px solid var(--line);font-size:10px}
.ai-detail-visual figcaption strong{font-size:12px;font-weight:500;color:var(--ink)}
@media(min-width:901px) and (max-width:1200px){.ai-detail-visual{height:625px}.detail-phone{width:275px;height:550px}.ai-detail-visual .detail-results{top:130px;width:75%}.detail-dashboard-link{font-size:10px;padding:12px}}
@media(max-width:900px){.ai-detail-visual{flex-basis:100%;height:680px}.detail-phone{left:4%;width:305px;height:610px}.ai-detail-visual .detail-results{top:105px;width:72%}}
@media(max-width:600px){.ai-detail-visual{height:700px}.detail-phone{left:50%;transform:translateX(-50%);width:280px;height:560px}.ai-detail-visual .detail-results{top:575px;width:100%;box-shadow:none;border-color:#34445d}.detail-results .window-bar,.detail-results .screen-button>img{display:none}.detail-dashboard-link{padding:16px;font-size:12px}.ai-detail-visual figcaption{font-size:9px;padding-top:12px;bottom:5px}.ai-detail-visual figcaption strong{font-size:11px}}
@media(max-width:600px){.subsana-conversation .detail-phone{width:258px}.subsana-conversation .detail-results .screen-button>img{display:none!important}.subsana-conversation .detail-results button[data-preview="subsana"][data-detail]{aspect-ratio:auto}}
.subsana-phone-showcase .phone-visual-button{border:6px solid #26313d;border-radius:30px;overflow:hidden;background:#075e54;width:auto;aspect-ratio:390/844}
.subsana-phone-showcase .phone-visual-button img{width:100%;height:100%;object-fit:fill}