
.storefront-showcase{overflow:hidden;background:linear-gradient(180deg,#fff,#f0f7ff)}
.storefront-showcase .section-head{max-width:790px}.storefront-showcase .section-head p{max-width:690px}
.storefront-benefits{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 28px;padding:0;list-style:none}.storefront-benefits li{padding:7px 12px;border:1px solid #c9dcec;border-radius:99px;background:white;color:#29445b;font-size:13px;font-weight:650}.storefront-benefits li::before{content:'✓';color:#087b58;margin-right:7px}
.storefront-devices{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.storefront-device{min-width:0;margin:0}.storefront-browser{border:1px solid #ccd7e3;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #10244314}.storefront-browser-bar{height:35px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#edf2f7;border-bottom:1px solid #dbe4ed}.storefront-dot{width:7px;height:7px;border-radius:50%;background:#b6c4d3}.storefront-browser-bar strong{font-size:10px;color:#516176;font-weight:600;text-align:center;flex:1;margin-right:25px}.storefront-screen{position:relative;width:100%;aspect-ratio:1280/1100;overflow:hidden;background:#f8fafc}.storefront-screen iframe{position:absolute;left:0;top:0;width:1280px;height:1100px;max-width:none;border:0;transform-origin:0 0;pointer-events:none}.storefront-reference img{display:block;width:100%;height:auto}.storefront-reference a{display:block}.storefront-phone{border:7px solid #152339;border-radius:29px;overflow:hidden;background:#152339;box-shadow:0 20px 45px #10244320}.storefront-phone-bar{height:18px;display:flex;align-items:center;justify-content:center}.storefront-phone-bar::after{content:'';height:4px;width:46px;background:#52627b;border-radius:5px}.storefront-phone .storefront-screen{aspect-ratio:390/1100}.storefront-phone iframe{width:390px;height:1100px}.storefront-device figcaption{font-size:12px;color:#64748b;margin:12px 0 0;text-align:center}.storefront-caption{font-size:12px!important;line-height:1.7;margin:22px 0 0!important;max-width:780px;color:#64748b!important}.storefront-links{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:24px}.storefront-links>a:not(.button){font-size:14px;color:#087b58;text-decoration:underline;text-underline-offset:4px;font-weight:650}
@media(max-width:800px){.storefront-devices{grid-template-columns:minmax(0,1fr) 200px;gap:16px}.storefront-benefits{gap:7px}.storefront-benefits li{font-size:12px}}
@media(max-width:600px){.storefront-devices{grid-template-columns:1fr;gap:22px}.storefront-device-mobile{width:min(310px,100%);margin:0 auto}.storefront-benefits{margin:18px 0 24px}.storefront-showcase .section-head h2{font-size:2rem}.storefront-links{gap:16px}.storefront-links .button{width:100%}}

.storefront-showcase>.wrap{width:min(1480px,calc(100% - 48px))}.storefront-devices{grid-template-columns:minmax(0,1fr) 440px;gap:28px}.storefront-device-mobile{width:440px;max-width:100%;justify-self:center}.storefront-phone{box-sizing:border-box;position:relative;aspect-ratio:78/163.4;width:100%;padding:13px;border:0;border-radius:48px;background:#111827}.storefront-phone .storefront-screen{height:100%;width:100%;aspect-ratio:auto;border-radius:35px;background:#0f172a}.storefront-phone iframe{width:440px;height:956px;pointer-events:auto}.storefront-phone-bar{position:absolute;z-index:2;top:22px;left:50%;transform:translateX(-50%);width:96px;height:20px;pointer-events:none}.storefront-phone-bar::after{width:96px;height:20px;background:#070b12;border-radius:16px}
@media(max-width:1100px){.storefront-devices{grid-template-columns:1fr}.storefront-device-mobile{width:min(440px,100%)}.storefront-showcase>.wrap{width:min(1180px,calc(100% - 32px))}}

/* Smaller iPhone 13 body (71.5:146.7), with a 390x844 logical screen. */
.storefront-devices{grid-template-columns:minmax(0,1fr) 280px;gap:28px}.storefront-device-mobile{width:280px;max-width:100%}.storefront-phone{aspect-ratio:71.5/146.7;padding:9px;border-radius:34px}.storefront-phone .storefront-screen{border-radius:25px}.storefront-phone iframe{width:390px;height:844px;pointer-events:auto}.storefront-phone-bar{top:12px;width:90px;height:15px}.storefront-phone-bar::after{width:90px;height:15px;border-radius:0 0 10px 10px}
.storefront-browser .storefront-screen{aspect-ratio:1280/900}.storefront-browser iframe{height:900px;pointer-events:auto}
@media(max-width:1100px){.storefront-devices{grid-template-columns:1fr}.storefront-device-mobile{width:260px}}
@media(max-width:600px){.storefront-device-mobile{width:min(200px,70%)}.storefront-phone{padding:7px;border-radius:27px}.storefront-phone .storefront-screen{border-radius:20px}.storefront-phone-bar{top:9px;width:65px;height:11px}.storefront-phone-bar::after{width:65px;height:11px}}

.storefront-phone{padding:4.82%}@media(max-width:600px){.storefront-phone{padding:4.82%}}

.storefront-showcase{background:linear-gradient(180deg,#fff,#f2f7f4)}.storefront-benefits li{border-color:#dee8e3;color:#075e4a}.storefront-browser{border-color:#dee8e3}.storefront-browser-bar{background:#f2f7f4;border-color:#dee8e3}.storefront-browser-bar strong{color:#52616d}.storefront-dot{background:#a8bdb0}.storefront-booking-details{margin-top:32px;gap:32px;padding:24px;border:1px solid #dee8e3;border-radius:16px;background:#fff}.storefront-booking-details .panel{background:#f5f8f7}.storefront-anchor{display:block;scroll-margin-top:100px}

/* The consolidated panel has a pale surface, so it must use dark readable text. */
.storefront-booking-details .panel{background:#f5f8f7;color:#172b37}
.storefront-booking-details .panel h3{color:#172b37}
.storefront-booking-details .panel p{color:#334155;font-size:16px;line-height:1.7}
