.phone-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:9%;align-items:center;padding:96px 0 84px}.phone-showcase-copy h2{font-size:clamp(2rem,3.5vw,3.15rem);letter-spacing:-1.8px;line-height:1.15;margin:0 0 20px}.phone-showcase-copy h2 span{color:#718199}.phone-showcase-copy>p:not(.eyebrow){color:var(--muted);font-size:1rem;max-width:510px}.phone-showcase-copy ul{list-style:none;padding:0;margin:26px 0 12px;display:grid;gap:12px;color:#4f6578;font-size:.9rem}.phone-showcase-copy li:before{content:"✓";display:inline-grid;place-items:center;margin-right:10px;width:19px;height:19px;border-radius:50%;color:#2072c6;background:#e9f3ff;font-size:.7rem;font-weight:700}.phone-visual{position:relative;display:grid;place-items:center;min-height:560px;isolation:isolate}.phone-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#d4eaff 0%,#eaf4fe 42%,transparent 70%);z-index:-1}.phone-device{width:284px;padding:11px;border-radius:39px;background:#172c43;box-shadow:0 38px 65px #122c462e,0 2px 0 #477ca4 inset;border:4px solid #28425d;transform:rotate(5deg)}.phone-notch{width:93px;height:19px;border-radius:0 0 14px 14px;background:#172c43;margin:-11px auto -8px;position:relative;z-index:2}.phone-screen{min-height:520px;overflow:hidden;border-radius:27px;background:#fbfcff;padding:22px 16px 12px}.phone-status{display:flex;justify-content:space-between;font-size:9px;color:#465e73;font-weight:700;padding:0 4px 25px}.phone-label{color:#2877cd;font-weight:700;letter-spacing:1.4px;font-size:9px;margin:0 0 8px}.phone-screen h3{font-size:23px;letter-spacing:-1px;margin:0 0 19px}.phone-date{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#637185;margin:0 0 13px}.phone-date b{font-weight:600;color:#2877cd}.phone-screen article{display:flex;gap:9px;align-items:center;background:#e9f3ff;border:1px solid #d8e7f6;border-radius:12px;padding:12px 9px;margin:9px 0}.phone-screen article time{font-weight:700;font-size:11px;color:#2877cd}.phone-screen article div{min-width:0;flex:1}.phone-screen article strong{font-size:11px;display:block}.phone-screen article small{font-size:9px;color:#687c90;display:block;margin-top:3px}.phone-screen article i{width:8px;height:8px;border-radius:50%;background:#5aa17d}.phone-card-soft{background:#f0edfa!important;border-color:#e0daf4!important}.phone-card-soft time{color:#7966a3!important}.phone-card-slate{background:#edf2f5!important;border-color:#dce5eb!important}.phone-card-slate time{color:#547089!important}.phone-nav{display:flex;justify-content:space-around;border-top:1px solid #e8edf2;margin:22px -16px -12px;padding:14px 5px 9px;color:#8495a4}.phone-nav span{font-size:16px;display:grid;justify-items:center;gap:3px}.phone-nav small{font-size:8px}.phone-nav .active{color:#2877cd}@media(max-width:820px){.phone-showcase{grid-template-columns:1fr;gap:25px;padding:65px 0}.phone-showcase-copy{max-width:620px}.phone-visual{min-height:500px}.phone-device{transform:rotate(3deg)}}@media(max-width:520px){.phone-showcase{padding:55px 0}.phone-visual{min-height:465px}.phone-glow{width:330px;height:330px}.phone-device{width:258px}.phone-screen{min-height:470px}.phone-showcase-copy h2{font-size:2rem}}