/* Real application captures in a shared desktop-and-mobile showcase. */
.premium .product-preview { width:100%; min-width:0; margin:0; position:relative; z-index:2; align-self:center; }
.premium .product-preview-label { display:flex; align-items:center; gap:9px; color:#eef1ff; font-size:12px; font-weight:700; letter-spacing:.04em; margin:0 0 24px; }
.premium .product-preview-label>span { width:7px; height:7px; border-radius:50%; background:#ff2bbd; box-shadow:0 0 18px #ff2bbd66; }
.premium .product-preview-label small { margin-left:auto; color:#aebbd7; font-size:11px; font-weight:500; }
.premium .product-preview-devices { position:relative; padding:0 13% 20% 0; isolation:isolate; }
.premium .product-preview-devices::before { content:""; position:absolute; inset:20% -3% -5%; z-index:-1; background:radial-gradient(ellipse at 40% 65%,#5267f03b,transparent 65%); filter:blur(24px); }
.premium .product-preview-desktop { position:relative; padding:clamp(5px,1vw,10px) clamp(5px,1vw,10px) 0; background:linear-gradient(130deg,#6d7690,#1a2236 24%,#343c53); border:1px solid #8995b366; border-radius:18px; box-shadow:0 24px 50px #03071466,0 1px 0 #ffffff30 inset; }
.premium .product-preview-chrome { display:flex; align-items:center; justify-content:space-between; height:24px; padding:0 10px; color:#7788ac; border-radius:9px 9px 0 0; background:#0a1022; }
.premium .product-preview-chrome span { font-size:7px; letter-spacing:2px; }
.premium .product-preview-chrome small { font-size:8px; color:#a3afc8; font-weight:500; letter-spacing:.04em; }
.premium .product-preview-desktop img { display:block; width:100%; height:auto; border-radius:0 0 3px 3px; }
.premium .product-preview-desktop::before { content:""; position:absolute; top:100%; left:40%; width:20%; height:13%; background:linear-gradient(90deg,#273046,#707b96 50%,#30394d); clip-path:polygon(20% 0,80% 0,100% 100%,0 100%); z-index:-1; }
.premium .product-preview-desktop::after { content:""; position:absolute; top:112%; left:26%; width:48%; height:3%; border-radius:50% 50% 4px 4px; background:linear-gradient(#727e98,#323c52); border-bottom:2px solid #172034; box-shadow:0 12px 18px #0005; }
.premium .product-preview-chin { display:flex; justify-content:center; align-items:center; height:clamp(15px,2vw,27px); color:#cbd3e5; font-size:clamp(6px,.65vw,9px); letter-spacing:.18em; font-weight:600; }
.premium .product-preview-mobile { position:absolute; width:29%; right:0; bottom:0; padding:5px; border:1px solid #a0acc377; border-radius:clamp(14px,2vw,28px); background:linear-gradient(150deg,#8b95aa,#1a2338 30%,#536079); box-shadow:0 18px 40px #02061588,0 0 0 2px #0c1324; overflow:hidden; }
.premium .product-preview-mobile img { display:block; width:100%; height:auto; border-radius:clamp(10px,1.6vw,23px); }
.premium .product-preview-links { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:24px; }
.premium .product-preview-links a { color:#dfe7ff; font-size:12px; font-weight:600; text-decoration:none; padding:10px 0; border-bottom:1px solid #8290b455; }
.premium .product-preview-links a:hover { color:#ff8ddd; border-color:#ff2bbd; }
.premium .product-preview-links a:focus-visible { outline:2px solid #ff7fd4; outline-offset:5px; border-radius:3px; }
.premium .product-preview figcaption { padding:14px 0 0; font-size:11px; line-height:1.7; color:#a8b5cf; max-width:60ch; }
.premium .product-preview figcaption strong { color:#d3dbec; font-weight:600; }
.premium.founding .hero:has(.product-preview) { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:clamp(28px,4vw,80px); }
@media(min-width:1800px) { .premium .product-preview-label { font-size:14px; }.premium .product-preview figcaption {font-size:13px;} }
@media(max-width:1100px) { .premium.founding .hero:has(.product-preview) { grid-template-columns:1fr; }.premium .product-preview { max-width:780px; justify-self:center; margin-top:24px; text-align:left; } }
@media(max-width:640px) {
 .premium .product-preview-label { margin-bottom:20px; font-size:11px; gap:7px; }
 .premium .product-preview-label small { font-size:10px; }
 .premium .product-preview-devices { padding:0 10% 28% 0; }
 .premium .product-preview-desktop { border-radius:10px; padding:4px 4px 0; }
 .premium .product-preview-chrome { height:15px; padding-inline:5px; border-radius:6px 6px 0 0; }
 .premium .product-preview-chrome small { font-size:5px; }
 .premium .product-preview-chrome span { font-size:4px; letter-spacing:1px; }
 .premium .product-preview-mobile { width:34%; padding:3px; border-radius:14px; }
 .premium .product-preview-mobile img { border-radius:10px; }
 .premium .product-preview-links { gap:8px 20px; margin-top:16px; }
 .premium .product-preview-links a { font-size:11px; }
 .premium .product-preview figcaption { padding-top:12px; font-size:10px; }
}