.duel-preview{overflow:hidden}
.duel-preview-top{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:60px}
.duel-preview-copy{position:relative;z-index:1}
.duel-showcase{min-width:0;position:relative}
.duel-showcase-visual{position:relative;isolation:isolate;padding:22px 5px 20px}
.duel-showcase-visual::before{position:absolute;z-index:-2;inset:0 -25px -15px;content:'';background:radial-gradient(ellipse at 30% 45%,#ff902d35,transparent 47%),radial-gradient(ellipse at 80% 50%,#53e6ee45,transparent 50%);filter:blur(18px)}
.duel-device{position:relative;display:block;padding:8px 15px;border:1px solid #91a4ae;border-radius:30px;background:linear-gradient(145deg,#576670,#0b131c 14%,#1e2c37 70%,#65747c);box-shadow:0 25px 45px #0009,0 0 0 3px #061019,0 0 0 4px #46596270;transform:rotate(-2deg);transition:transform .3s,box-shadow .3s}
.duel-device::before{position:absolute;top:-5px;left:20%;width:15%;height:4px;content:'';border-radius:3px;background:linear-gradient(90deg,#375564,#a4b1a7,#375564)}
.duel-device::after{position:absolute;top:-5px;left:39%;width:9%;height:4px;content:'';border-radius:3px;background:#7b8e8c}
.duel-device:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 30px 50px #0009,0 0 0 3px #07121f,0 0 30px #64e4dc22}
.duel-device-screen{position:relative;display:block;overflow:hidden;border:2px solid #020b14;border-radius:22px;background:#111924;aspect-ratio:2/1}
.duel-device-screen>img{display:block;width:100%;height:100%;object-fit:cover}
.duel-device-camera{position:absolute;top:40%;left:4px;width:13px;height:20%;border-radius:10px;background:#030b12;box-shadow:1px 0 3px #ffffff19}
.duel-device-camera::after{position:absolute;top:5px;left:4px;width:5px;height:5px;border-radius:50%;content:'';background:#152c43;box-shadow:inset 0 0 0 1px #213957}
.duel-device-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 18px 25px;background:linear-gradient(#061320e8,transparent);color:#f0d291;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.15em}
.duel-device-top>span{display:flex;align-items:center;gap:5px;color:#baf6ec;font-size:7px;letter-spacing:.1em}
.duel-device-top i{width:5px;height:5px;border-radius:50%;background:#7de8cf;box-shadow:0 0 7px #7de8cf}
.duel-device-hud{position:absolute;right:16px;bottom:17px;left:22px;display:flex;justify-content:space-between;gap:20px;color:#fff4da;font:700 9px/1.4 Arial,sans-serif;letter-spacing:.03em}
.duel-device-hud>span{display:grid;grid-template-columns:1fr auto;gap:4px 12px;width:44%;padding:7px 8px;border:1px solid #ddb46955;border-radius:7px;background:#071623e8}
.duel-device-hud b{font-size:8px;white-space:nowrap;color:#c7dcd9}
.duel-device-hud i{grid-column:1/-1;display:block;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff8c45,#ffda85)}
.duel-device-hud>span:last-child{border-color:#bc9ae05c}
.duel-device-hud>span:last-child i{background:linear-gradient(90deg,#895ad1,#d4b1f0)}
.duel-device-home{position:absolute;bottom:5px;left:40%;width:20%;height:3px;border-radius:4px;background:#ffffff85}
.duel-showcase-caption{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0 0;color:#d7dfd4;font:italic 19px/1.4 Georgia,serif}
.duel-showcase-caption>span{color:#e8bd77;font-style:normal}
.duel-showcase-connect{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:center;margin:7px 14px 0;padding:20px;border:1px solid #a68c5b70;border-radius:17px;background:linear-gradient(135deg,#142d3cba,#071925e6);box-shadow:0 15px 35px #0004,inset 0 1px #f3d69d12}
.duel-showcase-qr{display:block;border-radius:10px;background:white;overflow:hidden}
.duel-showcase-qr img{display:block;width:100%;height:auto}
.duel-showcase-connect h3{margin:8px 0 0;color:#fff0cf;font:700 24px/1.15 Georgia,serif}
.duel-showcase-connect .duel-preview-qr-label{font-size:8px;letter-spacing:.12em}
.duel-showcase-connect .duel-preview-url{margin:10px 0 0;color:#8de5dd;font-size:15px}
.duel-showcase-connect p{margin:8px 0 0;color:#a9c5cd;font:11px/1.6 Arial,sans-serif}
@media(max-width:1200px){.duel-preview-top{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:35px}.duel-showcase-connect{margin-inline:8px;gap:18px;grid-template-columns:125px minmax(0,1fr);padding:18px}}
@media(max-width:990px){.duel-preview-top{grid-template-columns:1fr;gap:15px}.duel-preview-copy{display:contents}.duel-preview-copy>.duel-preview-eyebrow{order:0}.duel-preview-copy>h2{order:1;margin:0}.duel-preview-copy>.duel-preview-lead{order:2}.duel-showcase{order:3;width:min(100%,570px);justify-self:center}.duel-preview-steps{order:4;margin:8px 0}.duel-preview-cta{order:5;justify-self:start}.duel-preview-single{order:6;margin:0}.duel-showcase-visual{padding-top:22px}.duel-showcase-connect{grid-template-columns:140px minmax(0,1fr);margin-inline:14px}}
@media(max-width:650px){.duel-preview-top{gap:15px}.duel-showcase-visual{padding:16px 4px 18px}.duel-device{padding:7px 13px;border-radius:25px}.duel-device-screen{border-width:2px;border-radius:16px}.duel-device-camera{width:9px;left:3px}.duel-device-camera::after{left:2px}.duel-device-top{padding:9px 12px 18px;font-size:7px}.duel-device-top>span{font-size:6px}.duel-device-hud{left:15px;right:10px;bottom:12px;gap:10px;font-size:6px}.duel-device-hud>span{width:46%;padding:4px 5px;gap:2px 4px}.duel-device-hud b{font-size:5px}.duel-device-home{bottom:3px;height:2px}.duel-showcase-caption{margin-top:22px;font-size:17px}.duel-showcase-connect{grid-template-columns:118px minmax(0,1fr);gap:15px;margin-inline:0;padding:16px}.duel-showcase-connect h3{font-size:21px}.duel-showcase-connect .duel-preview-url{font-size:13px}.duel-showcase-connect p{font-size:10px}}
@media(max-width:360px){.duel-showcase-connect{grid-template-columns:105px minmax(0,1fr);gap:12px;padding:12px}.duel-showcase-connect h3{font-size:19px}.duel-showcase-connect .duel-preview-qr-label{font-size:7px}.duel-showcase-connect .duel-preview-url{font-size:12px}}
@media(prefers-reduced-motion:reduce){.duel-device{transition:none}}