/* Device presentation only: preserve the blue V13 website and its interactions. */
.blue-devices .hero-art{padding:8px 16px 12px 0;isolation:isolate}
.blue-devices .hero-art .hero-laptop{position:relative;z-index:1;transform:rotate(-1deg);margin:0 12px 0 8px;padding-bottom:31px;filter:drop-shadow(0 20px 24px #0005);transition:filter .3s,transform .3s}
.blue-devices .hero-art .laptop-lid{border:1px solid #a6b9d253;border-radius:15px 15px 5px 5px;padding:13px 8px 9px;background:linear-gradient(135deg,#314057,#101826 50%,#263348);box-shadow:inset 0 1px 0 #d9e8ff21}
.blue-devices .hero-art .hero-browser{border-radius:7px 7px 2px 2px;overflow:hidden;box-shadow:none;transform:none}
.blue-devices .hero-art .browser-bar{height:26px;background:#152133;color:#adbed6;font-size:8px;letter-spacing:.02em}
.blue-devices .hero-art .hero-screen{aspect-ratio:16/10;height:auto;overflow:hidden;background:#111611}
.blue-devices .hero-art .hero-screen img{display:block;width:100%;max-width:100%;height:auto;transform:none;opacity:1;filter:none}
.blue-devices .hero-art .laptop-deck{left:-3%;width:106%;height:20px;bottom:9px;border-radius:2px 2px 10px 10px;box-shadow:0 3px 3px #0005}
.blue-devices .hero-art .laptop-edge{left:-3%;width:106%;bottom:2px;height:9px;border-radius:0 0 45% 45%}
.blue-devices .hero-art .phone{z-index:3;right:36px;bottom:42px;width:clamp(112px,10.5vw,155px);height:auto;aspect-ratio:auto;padding:7px 5px 9px;border:2px solid #8498b5;border-radius:27px;transform:rotate(3deg);background:linear-gradient(145deg,#263448,#070c15 50%,#24334a);box-shadow:0 22px 45px #0009,inset 0 0 0 1px #c8ddff14;transition:filter .3s,transform .3s}
.blue-devices .hero-art .phone-screen{height:auto;aspect-ratio:365/844;width:100%;border-radius:19px;overflow:hidden;border:0;background:#13170e}
.blue-devices .hero-art .phone-screen img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover;object-position:top;transform:none;filter:none;opacity:1}
.blue-devices .hero-art .phone-notch{top:3px;height:6px;width:32%;left:50%;transform:translateX(-50%);background:#070c15;z-index:2}
.blue-devices .hero-art .phone-home{bottom:4px;left:50%;width:29%;height:2px;transform:translateX(-50%);background:#b2c4df}
.blue-devices .hero-art .art-caption{margin-top:33px;padding-right:155px;min-height:45px}
.blue-devices .hero-art .device-hint{position:relative;display:block;margin:17px 0 0 13px;font-size:9px;color:#aec6ea;letter-spacing:.08em;line-height:1.7;padding-right:150px}
.blue-devices .hero-art .orbit{opacity:.4;pointer-events:none}
.blue-devices .hero-art .vertical-note{display:none}
.blue-devices .hero-art [data-device]:focus-visible{outline:2px solid #adcaff;outline-offset:7px}
@media(hover:hover){.blue-devices .hero-art [data-device]:hover{filter:drop-shadow(0 15px 22px #7da7f51a) brightness(1.06)}.blue-devices .hero-art .hero-laptop:hover{transform:rotate(0)}.blue-devices .hero-art .phone:hover{transform:rotate(0) translateY(-3px)}}
.blue-devices .device-dialog{border-radius:24px;background:radial-gradient(ellipse at 50% 35%,#1d34533d,transparent 70%),#070e19;border-color:#8eadd348}
.blue-devices .device-dialog .device-close{border-radius:50%;min-width:44px;min-height:44px;background:#21385442;border:1px solid #90aed43a}
.blue-devices .device-stage .phone{border-radius:30px;border-color:#8ea7c9;padding:9px 5px 10px;width:min(305px,calc((100dvh - 205px)*.4325 + 14px))}
.blue-devices .device-stage .phone-screen{height:min(620px,calc(100dvh - 205px));border-radius:21px;scrollbar-width:thin;scrollbar-color:#7d94b155 #0b121c}
.blue-devices .device-stage .hero-screen{height:min(520px,57dvh);scrollbar-width:thin;scrollbar-color:#7d94b155 #0b121c}
.blue-devices .device-stage .hero-laptop{transform:none;width:min(900px,100%)}
.blue-devices .device-stage .laptop-lid{border:1px solid #a6b9d253;background:linear-gradient(135deg,#314057,#101826 50%,#263348)}
.blue-devices .device-stage img{width:100%;height:auto;max-width:100%;transform:none;object-fit:initial}
.blue-devices .device-description{font-size:12px;line-height:1.7;color:#9ab0ce}
@media(max-width:1050px){.blue-devices .hero-art .phone{width:116px;right:28px;bottom:37px}.blue-devices .hero-art .art-caption{padding-right:115px}.blue-devices .hero-art .device-hint{padding-right:100px;font-size:8px}}
@media(max-width:760px){.blue-devices .hero-art{padding:0 16px 20px 6px;margin-top:45px;max-width:570px;margin-inline:auto}.blue-devices .hero-art .hero-laptop{margin:0 12px 0 8px;transform:none;padding-bottom:28px}.blue-devices .hero-art .laptop-lid{padding:11px 5px 7px;border-radius:12px 12px 4px 4px}.blue-devices .hero-art .browser-bar{height:20px;font-size:6px}.blue-devices .hero-art .phone{width:clamp(92px,25vw,135px);right:22px;bottom:45px;padding:6px 4px 8px;border-radius:21px;transform:rotate(2deg)}.blue-devices .hero-art .phone-screen{border-radius:15px}.blue-devices .hero-art .art-caption{padding-right:100px;margin-top:25px}.blue-devices .hero-art .device-hint{font-size:8px;padding-right:90px;margin-left:7px}.blue-devices .device-dialog{border-radius:18px}.blue-devices .device-description{font-size:11px}.blue-devices .device-stage .phone{width:min(290px,calc((100dvh - 190px)*.4325 + 14px))}.blue-devices .device-stage .phone-screen{height:min(580px,calc(100dvh - 190px))}.blue-devices .device-stage .hero-screen{height:min(470px,55dvh)}}
@media(prefers-reduced-motion:reduce){.blue-devices .hero-art [data-device]{transition:none}.blue-devices .hero-art [data-device]:hover{transform:none}}