.pm-section{padding:18px 0 70px;background:#fff}.pm-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;border-radius:30px;background:linear-gradient(180deg,#f8fafc 0%,#fff 42%,#f2f2f2 70%,#d1d1d1 100%);padding:58px 46px 0;min-height:640px}.pm-copy{padding-bottom:54px;position:relative;z-index:1}.pm-copy h2{font-size:42px;line-height:1.13;letter-spacing:-1.5px;margin:18px 0 24px;max-width:550px;color:#1d1d1d}.pm-copy h2>span{color:#535353}.pm-copy>p:not(.eyebrow){color:#444444;font-size:16px;line-height:1.6;max-width:540px}.pm-copy ul{padding:0;list-style:none;margin:28px 0 34px;display:grid;gap:23px}.pm-copy li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.65;color:#393939}.pm-copy li>span{border:1px solid #dcdcdc;border-radius:50%;width:21px;height:21px;line-height:20px;flex-shrink:0;text-align:center;background:#ffffff77;color:#1d1d1d}.pm-copy .button{background:#1d1d1d;border-color:#1d1d1d;padding:18px 28px;box-shadow:none;gap:20px}.pm-copy .button:hover{background:#353535}.pm-visual{position:relative;margin:0;align-self:end;min-width:0;padding:62px 10px 47px}.pm-phone{width:292px;margin:auto;border-radius:44px;background:linear-gradient(120deg,#a7a7a7,#edf3f5 32%,#959595);padding:5px;transform:rotate(10deg) translateY(42px);box-shadow:18px 23px 45px #3e3e3e32}.pm-screen{background:#f8fafc;border:7px solid #20262a;border-radius:39px;padding:10px 13px 20px;overflow:hidden}.pm-status{display:flex;justify-content:space-between;align-items:center;padding:0 5px;font-size:10px;color:#1c1c1c}.pm-status i{height:21px;width:79px;background:#20262a;border-radius:14px}.pm-status span{font-size:9px}.pm-brand{display:flex;align-items:center;gap:7px;padding:20px 0 14px;border-bottom:1px solid #e7e7e7}.pm-brand img{width:99px}.pm-brand small{font-size:6px;letter-spacing:1px;color:#727272}.pm-brand>span{margin-left:auto;color:#606060}.pm-greeting h3{font-size:17px;letter-spacing:-.5px;margin:18px 0 4px;color:#1d1d1d}.pm-greeting p{font-size:9px;color:#727272;margin:0 0 16px}.pm-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pm-stats>div{position:relative;background:white;border:1px solid #e7e7e7;border-radius:10px;padding:12px 10px}.pm-stats small{font-size:8px;color:#727272;display:block;margin:7px 0}.pm-stats b{font-size:24px;color:#1d1d1d}.pm-stats span{position:absolute;right:8px;top:8px;font-size:10px;border-radius:50%;padding:3px 6px}.pm-blue{background:#e8e8e8;color:#606060}.pm-green{background:#d1fae5;color:#059669}.pm-purple{background:#ebebeb;color:#555555}.pm-orange{background:#fef3c7;color:#d97706}.pm-next,.pm-actions{background:#fff;border:1px solid #e7e7e7;border-radius:9px;margin-top:10px;padding:12px 10px}.pm-screen h4{font-size:9px;color:#535353;margin:0 0 12px}.pm-next>div{display:flex;gap:10px;font-size:10px;align-items:center}.pm-next>div>b{background:#f5f5f5;color:#606060;border-radius:6px;padding:10px 5px}.pm-next small{display:block;font-size:7px;color:#727272;margin-top:5px}.pm-actions>div{display:flex;justify-content:space-between;text-align:center;color:#606060;font-size:20px}.pm-actions small{display:block;font-size:7px;color:#727272;margin-top:4px}.pm-note{display:flex;align-items:center;gap:8px;background:#eafaf2;padding:12px 10px;border:1px solid #c3efdc;border-radius:9px;margin-top:10px;color:#059669}.pm-note>span{background:white;border-radius:50%;padding:3px 6px}.pm-note b{font-size:9px}.pm-note small{display:block;font-size:7px;margin-top:4px;color:#727272}.pm-bottom{display:flex;justify-content:space-around;border-top:1px solid #e7e7e7;margin-top:15px;padding-top:12px;color:#727272;font-size:15px}.pm-visual figcaption{position:relative;z-index:2;text-align:center;background:#f3f3f3ed;padding:9px 6px;border-radius:8px;color:#606060;font-size:9px;line-height:1.5;margin-top:45px}@media(max-width:950px){.pm-card{padding:38px 28px 0;grid-template-columns:1fr .85fr}.pm-copy h2{font-size:34px}.pm-phone{width:260px}.pm-copy li{font-size:13px}.pm-visual{padding-left:0;padding-right:0}}@media(max-width:680px){.pm-section{padding:0 0 40px}.pm-card{grid-template-columns:1fr;padding:28px 23px 0;border-radius:23px;gap:0}.pm-copy{padding-bottom:0}.pm-copy h2{font-size:32px}.pm-copy>p:not(.eyebrow){font-size:14px}.pm-copy ul{gap:18px;margin:23px 0}.pm-visual{padding-top:0}.pm-phone{width:260px;transform:rotate(8deg) translateY(33px)}.pm-visual figcaption{margin-top:40px}.pm-copy .eyebrow{font-size:9px}}
/* Keep the showcase close to the reference's compact banner proportions. */
.pm-visual{height:610px;padding-top:24px;padding-bottom:0}.pm-phone{transform:rotate(10deg) scale(.84);transform-origin:top center}.pm-visual figcaption{position:absolute;bottom:20px;left:0;right:0;margin:0}.pm-card{align-items:center}.pm-copy{padding-bottom:44px}.pm-copy h2{font-size:38px}@media(max-width:680px){.pm-visual{height:580px;margin-top:28px}.pm-phone{transform:rotate(8deg) scale(.84)}.pm-copy{padding-bottom:0}.pm-copy h2{font-size:32px}}