/* Reference composition: copy + QR on the left, cropped phone + lifestyle photo on the right. */
.pro-pocket-promo{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;min-height:545px;overflow:hidden;background:rgba(0,174,239,.12);border-radius:20px;margin:52px 0 70px;color:var(--navy)}
.pro-pocket-copy{padding:62px 0 60px 56px;position:relative;z-index:2;max-width:555px}
.pro-pocket-copy h2{font-size:clamp(30px,3.2vw,41px);line-height:1.22;font-weight:600;letter-spacing:-.045em;margin:0 0 22px}
.pro-pocket-copy>p{font-size:15px;line-height:1.8;max-width:440px;margin:0 0 29px}
.pro-pocket-qr{display:flex;align-items:center;gap:20px;background:#fff;border-radius:10px;padding:20px 23px;text-align:left;max-width:386px;min-height:136px;box-shadow:0 1px 2px rgba(31,31,84,.025)}
.pro-pocket-qr:hover{box-shadow:0 5px 18px rgba(31,31,84,.1)}
.pro-pocket-qr>img{width:92px;height:92px;flex:none;object-fit:contain}
.pro-pocket-qr>span{display:grid;gap:13px;min-width:0}
.pro-pocket-qr strong{font-size:12px;line-height:1.6;font-weight:500}
.pro-pocket-qr>span>span{font-size:11px;line-height:1.7;color:var(--sub)}
.pro-pocket-mobile-link{display:none}
.pro-pocket-visual{position:relative;min-width:0;align-self:stretch}
.pro-pocket-phone{position:absolute;left:8%;top:36%;width:255px;height:470px;background:var(--cyan);border:8px solid var(--navy);border-radius:35px;box-shadow:0 7px 14px rgba(31,31,84,.06);z-index:2;overflow:hidden;color:#fff}
.pro-pocket-status{display:flex;justify-content:space-between;padding:13px 24px;font-size:10px;line-height:1}
.pro-pocket-brand{display:flex;align-items:center;justify-content:center;gap:10px;height:252px;font-size:27px;letter-spacing:-.04em;font-weight:600;white-space:nowrap}
.pro-pocket-brand img{width:26px;height:37px;object-fit:contain;filter:brightness(0) invert(1)}
.pro-pocket-home-indicator{position:absolute;width:90px;height:4px;border-radius:5px;background:#fff;bottom:10px;left:50%;transform:translateX(-50%)}
.pro-pocket-memory{position:absolute;width:240px;height:335px;right:9%;top:46%;transform:rotate(9deg);border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(31,31,84,.09)}
.pro-pocket-memory img{width:100%;height:100%;object-fit:cover;object-position:54% 50%}
.pro-pocket-hearts{position:absolute;right:10%;top:33%;width:91px;height:97px;z-index:3;color:var(--navy)}
.pro-pocket-hearts span{position:absolute;font-size:59px;line-height:1;font-family:Arial,sans-serif;font-weight:bold;-webkit-text-stroke:2px #fff;text-shadow:0 1px 1px var(--navy);transform:rotate(12deg)}
.pro-pocket-hearts span:nth-child(2){font-size:47px;top:41px;left:-15px;color:var(--cyan);transform:rotate(-13deg)}
.pro-pocket-hearts span:nth-child(3){font-size:31px;right:-3px;bottom:7px;transform:rotate(11deg)}
@media(max-width:1000px){.pro-pocket-copy{padding:45px 0 45px 35px}.pro-pocket-copy h2{font-size:33px}.pro-pocket-copy>p{font-size:14px}.pro-pocket-phone{left:6%;width:226px;height:440px}.pro-pocket-brand{font-size:25px;gap:8px}.pro-pocket-memory{right:4%;width:208px;height:317px}.pro-pocket-promo{min-height:535px}.pro-pocket-qr{gap:15px;padding:18px;max-width:355px}.pro-pocket-qr>img{width:78px;height:78px}}
@media(max-width:760px){.pro-pocket-promo{grid-template-columns:1fr;min-height:0;margin:34px 0 48px;border-radius:16px}.pro-pocket-copy{padding:34px 28px 0;max-width:none}.pro-pocket-copy h2{font-size:29px;max-width:420px}.pro-pocket-copy>p{font-size:13px;max-width:450px;margin-bottom:19px}.pro-pocket-qr{display:none}.pro-pocket-mobile-link{display:inline-flex;font-size:12px;min-height:44px}.pro-pocket-visual{height:300px;width:min(100%,450px);justify-self:center}.pro-pocket-phone{left:15%;top:27px;width:197px;height:366px;border-width:6px;border-radius:28px}.pro-pocket-status{padding:12px 16px;font-size:8px}.pro-pocket-brand{font-size:23px;gap:8px;height:212px}.pro-pocket-brand img{width:21px;height:30px}.pro-pocket-memory{right:10%;top:73px;width:177px;height:257px;border-radius:14px}.pro-pocket-hearts{top:40px;right:11%;transform:scale(.76);transform-origin:top right}}
@media(max-width:390px){.pro-pocket-copy{padding:29px 22px 0}.pro-pocket-copy h2{font-size:26px}.pro-pocket-visual{height:277px}.pro-pocket-phone{left:10%;width:185px}.pro-pocket-memory{right:7%;width:165px}.pro-pocket-hearts{right:7%}}