.product-preview-section{padding:90px 0 110px;background:linear-gradient(155deg,var(--tint,#f4f5ff),#fff 60%);overflow:hidden}
.preview-heading{max-width:780px;margin:0 auto 50px;text-align:center}.preview-heading h2{font-size:clamp(32px,4vw,60px);line-height:1.12;letter-spacing:-.045em;margin:18px 0;color:var(--product-dark,#263143)}.preview-heading p{font-size:18px;line-height:1.6}
.product-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.preview-card{min-width:0;margin:0}.preview-device{padding:20px 10px 12px;border-radius:20px;background:linear-gradient(140deg,#303b4b,#101725);box-shadow:0 24px 65px #1b294322;position:relative;border:1px solid #546071;transition:transform .3s ease,box-shadow .3s ease}
.preview-camera{position:absolute;width:5px;height:5px;border-radius:50%;background:#8494a7;top:7px;left:calc(50% - 2px)}
.preview-open{display:block;background:#faf7ff;border-radius:7px;overflow:hidden;cursor:zoom-in}.preview-open img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top}
.preview-device:after{content:"";display:block;height:10px;width:105%;position:absolute;left:-2.5%;bottom:-8px;border-radius:2px 2px 60% 60%;background:linear-gradient(#c2cbd7,#82909f);box-shadow:0 7px 8px #18223515}
.preview-card figcaption{display:flex;gap:16px;margin-top:32px}.preview-number{font-size:14px;padding-top:6px;font-weight:800;color:var(--product-dark)}.preview-card h3{font-size:23px;letter-spacing:-.025em;line-height:1.3;margin:0 0 8px}.preview-card figcaption p{font-size:16px;line-height:1.6;margin:0 0 12px}.preview-enlarge{color:var(--product-dark);font-weight:750;text-underline-offset:5px;display:inline-block;padding:8px 0}
.preview-open:focus-visible,.preview-enlarge:focus-visible{outline:3px solid var(--product-dark);outline-offset:5px}
.preview-dialog{border:0;padding:0;width:min(1200px,95vw);max-width:95vw;max-height:92vh;border-radius:18px;background:#fff;box-shadow:0 20px 100px #0006}.preview-dialog::backdrop{background:#101725dd;backdrop-filter:blur(6px)}.preview-dialog-bar{position:sticky;top:0;background:#fff;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #e4e7ec;z-index:1}.preview-dialog-bar strong{font-size:16px}.preview-dialog-close{border:1px solid #d2d9e3;border-radius:30px;padding:10px 20px;background:#f3f5f8;font:inherit;cursor:pointer;min-height:44px}.preview-dialog img{display:block;width:100%;height:auto}.preview-modal-open{overflow:hidden}
@media(hover:hover){.preview-device:hover{transform:translateY(-5px);box-shadow:0 32px 65px #1b294333}}
@media(min-width:651px) and (max-width:1024px){.product-preview-grid{gap:30px}.preview-device{border-radius:26px;padding:23px 13px 16px}.preview-device:after{display:none}.preview-open{border-radius:12px}.preview-camera{top:9px}.preview-card h3{font-size:21px}}
@media(max-width:650px){.product-preview-section{padding:60px 0}.preview-heading{margin-bottom:32px}.product-preview-grid{grid-template-columns:minmax(0,1fr);gap:38px}.preview-device{max-width:440px;margin:auto;border-radius:22px;padding:18px 9px 12px}.preview-device:after{display:none}.preview-open{border-radius:10px}.preview-card figcaption{margin:24px auto 0;max-width:440px}.preview-dialog-bar{padding:10px 12px}.preview-dialog-bar strong{font-size:14px}.preview-dialog-close{padding:9px 14px}}
@media(prefers-reduced-motion:reduce){.preview-device{transition:none}.preview-device:hover{transform:none}}

.preview-open{aspect-ratio:4/3;overflow:auto;scrollbar-width:thin;scrollbar-color:#b4bfcb #edf0f4}
@media(max-width:1024px){.preview-open{aspect-ratio:3/4}}