.real-showcase{padding:25px 32px 19px;border:1px solid #dce1d5;border-radius:16px;background:linear-gradient(125deg,#e9ede2,#e1e7d9);overflow:hidden}.showcase-top{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px;color:#68785f}.showcase-top>span:first-child{display:flex;align-items:center;gap:7px}.screen-tabs{display:flex;justify-content:center;gap:8px;margin:22px 0 25px}.screen-tabs button{border:1px solid transparent;border-radius:30px;padding:9px 16px;background:transparent;font-size:9px;color:#738069;display:flex;align-items:center;gap:8px}.screen-tabs button span{font-size:11px}.screen-tabs button.selected{background:#fafbf7;border-color:#d0d9c7;color:#253e2a;box-shadow:0 3px 10px #33442509}.screen-tabs button:hover{border-color:#b7c6aa}.device-stage{position:relative;padding:0 67px 12px 0;min-height:360px}.desktop-frame{border:6px solid #28352d;border-radius:13px;overflow:hidden;box-shadow:0 20px 40px #26332222;background:#f5f7fa}.window-bar{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;background:#28352d;color:#cad4c9;font-size:9px}.window-bar b{font-weight:400;margin:0 8px;color:#7b8c7e}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#6a796c}.window-dots i:first-child{background:#ce8969}.window-mark{font-weight:700;font-size:15px;letter-spacing:-1px}.screen-surface{aspect-ratio:1360/650;display:flex;align-items:center;justify-content:center;background:#f7f9fc;overflow:hidden}.screen-surface img{width:100%;height:100%;object-fit:contain;display:block}.screen-surface.payment-view img{width:68%}.phone-frame{position:absolute;right:0;bottom:0;width:18.6%;border:5px solid #28352d;border-radius:25px;background:#28352d;box-shadow:0 16px 28px #20302125;overflow:hidden}.phone-frame img{display:block;width:100%;height:auto}.phone-speaker{height:15px;background:#28352d;position:relative}.phone-speaker:after{content:'';width:32%;height:4px;background:#111a14;border-radius:10px;position:absolute;top:3px;left:34%}.phone-home{height:13px;position:relative}.phone-home:after{content:'';width:36%;height:3px;background:#9eada1;border-radius:6px;position:absolute;top:5px;left:32%}.device-note{position:absolute;bottom:-5px;left:30px;background:#fffdf7;border:1px solid #e2e4d9;box-shadow:0 7px 22px #1f351a13;border-radius:9px;padding:13px 17px;display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.5;color:#7c8571}.device-note strong{font-size:11px;color:#374a35;font-weight:600}.showcase-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:27px}.showcase-caption p{font-size:11px;color:#55684a}.showcase-caption>span{font-size:8px;color:#7a8771}.screen-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.screen-feature-grid article{border:1px solid var(--line);background:#f0f2eb;border-radius:12px;overflow:hidden}.feature-copy{padding:33px 32px 25px}.feature-copy .feature-icon{font-size:10px;margin-bottom:23px}.feature-copy h3{font-size:28px}.feature-copy p{font-size:13px;margin-top:18px;max-width:365px}.feature-screen{height:210px;padding:0 0 0 30px;overflow:hidden}.feature-screen img{display:block;width:calc(100% + 110px);height:auto;max-width:none;border:5px solid #3e4c3d;border-radius:10px 0 0 0;box-shadow:0 10px 30px #20331914}.screen-disclosure{font-size:10px;color:#7d8775;margin-top:15px}.real-payment-card{padding:29px 0 22px;border:1px solid #dbe1d1;border-radius:14px;background:#f8faf5;box-shadow:0 18px 40px #3443280b;overflow:hidden}.payment-card-heading{padding:0 27px}.payment-card-heading .eyebrow{font-size:8px;margin-bottom:14px;color:#7b896d}.payment-card-heading strong{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px}.payment-card-heading p{font-size:11px;margin:12px 0 21px}.real-payment-card img{display:block;width:100%;height:auto}.real-payment-card .sample-label{font-size:7px;margin-top:18px;text-align:center}.pending-layout{gap:65px}.real-showcase img{color:#4d664a}.hero-top{margin-bottom:43px}
@media(max-width:1000px){.device-stage{min-height:0;padding-right:45px}.phone-frame{width:21%}.real-showcase{padding:20px 20px 17px}.feature-screen{height:155px}.showcase-caption p{font-size:10px}.showcase-caption>span{font-size:7px}.feature-copy{padding:27px}.pending-layout{gap:35px}}
@media(max-width:720px){.real-showcase{padding:15px 12px 14px;border-radius:11px}.showcase-top{font-size:6px;letter-spacing:.8px}.showcase-top>span:last-child{display:none}.screen-tabs{gap:2px;margin:17px 0}.screen-tabs button{padding:7px 10px;font-size:7px;gap:5px}.screen-tabs button span{font-size:9px}.device-stage{padding-right:22px;padding-bottom:45px}.desktop-frame{border-width:3px;border-radius:8px}.window-bar{height:24px;font-size:6px;padding:0 8px}.window-dots{gap:3px}.window-dots i{height:4px;width:4px}.window-mark{font-size:11px}.phone-frame{width:25%;border-width:3px;border-radius:13px;bottom:12px}.phone-speaker{height:8px}.phone-speaker:after{height:2px;top:2px}.phone-home{height:7px}.phone-home:after{height:2px;top:2px}.device-note{bottom:13px;left:6px;padding:8px 11px;font-size:8px;gap:7px}.device-note strong{font-size:9px}.device-note .note-icon{width:20px;height:20px;line-height:20px}.showcase-caption{display:block;margin-top:9px}.showcase-caption p{font-size:10px;max-width:260px}.showcase-caption>span{display:block;font-size:7px;margin-top:8px}.screen-feature-grid{grid-template-columns:1fr;gap:20px}.feature-copy{padding:27px}.feature-copy h3{font-size:26px}.feature-screen{height:180px;padding-left:22px}.screen-disclosure{font-size:9px}.real-payment-card{order:2;max-width:430px}.pending-layout{gap:30px}.payment-card-heading strong{font-size:24px}.hero-top{margin-bottom:30px}}