
/* Release 303: consistent phone presentation. */
.device-frame,.phone-shot,.shot-card,.pricing-shot{box-sizing:border-box;position:relative;border:3px solid #63716f;padding:30px 7px 17px;background:#080c0d;border-radius:35px;box-shadow:0 18px 38px #0005;overflow:hidden;}
.device-frame::before,.phone-shot::before,.shot-card::before,.pricing-shot::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:28%;height:10px;border-radius:20px;background:#252b2d;}
.device-frame::after,.phone-shot::after,.shot-card::after,.pricing-shot::after{content:"";position:absolute;bottom:6px;left:35%;width:30%;height:3px;background:#c2ccca;border-radius:4px;}
.device-frame img,.phone-shot img,.shot-card img,.pricing-shot img{display:block;width:100%;height:auto;border-radius:8px;}
.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:860px;margin:30px auto;align-items:start;}
.screenshot-grid figure{margin:0;min-width:0;}
.screenshot-grid .device-frame{max-width:250px;margin:auto;}
@media(max-width:640px){.screenshot-grid{grid-template-columns:1fr;gap:30px}.screenshot-grid .device-frame{width:230px;max-width:100%}}

.release-hero-phones{max-width:860px;padding:28px;border-radius:28px;background:#14282b;}.release-hero-phones .device-frame{width:100%;max-width:250px;margin:auto;}

.mockup-slot{min-height:450px;border:1px dashed #8a9d95;background:#e8eee9;border-radius:18px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#345346}.mockup-slot span{font-size:12px;letter-spacing:2px}.mockup-slot strong{font-size:26px;margin-top:20px}.mockup-slot p{font-size:15px}.screenshot-grid{max-width:1050px}.screenshot-grid .mockup-slot{min-height:500px}

/* Supplied Apple bezel exports: preserve the image without drawing another frame. */
.release-phone-image{display:block!important;width:min(100%,340px)!important;max-width:100%!important;height:auto!important;object-fit:contain;border:0!important;border-radius:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;margin:0 auto;}
.screenshot-grid{max-width:1100px;gap:36px;align-items:start;}
.screenshot-grid figure{border:0;background:transparent;overflow:visible;}
.screenshot-grid .release-phone-image{width:100%!important;max-width:340px!important;}
.shot-grid--duo .release-phone-image{max-width:245px!important;}
.release-hero-art{box-sizing:border-box;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;width:100%;padding:34px;background:radial-gradient(ellipse at 75% 50%,#a4ded0 0,transparent 62%),#e1efe9;border:1px solid #b7d5c9;border-radius:30px;overflow:hidden;}
.release-hero-story{position:relative;z-index:1;color:#183c36;min-width:0;}
.release-art-eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:750;margin-bottom:18px;}
.release-hero-story strong{display:block;font-size:clamp(23px,2.5vw,36px);line-height:1.12;letter-spacing:-.7px;}
.release-hero-story ul{list-style:none;padding:0;margin:24px 0 0;font-size:14px;line-height:1.6;}
.release-hero-story li{padding:10px 0;border-top:1px solid #b5cec3;}
.release-hero-art .release-phone-image{width:100%!important;max-width:310px!important;filter:drop-shadow(0 12px 15px #163c3528);}
.hero-visual.planned-hero{min-height:0;align-self:center;}
.card-reader-showcase{align-items:center;}
@media(max-width:640px){.release-hero-art{padding:22px 16px;gap:12px;border-radius:22px}.release-hero-story strong{font-size:23px}.release-hero-story ul{font-size:12px;margin-top:14px}.release-art-eyebrow{font-size:9px;letter-spacing:1px}.screenshot-grid{grid-template-columns:1fr;gap:36px}.screenshot-grid .release-phone-image{max-width:310px!important}.release-phone-image{max-width:310px!important}.shot-grid--duo{gap:16px}}
