.phone-demo{background:#edf5f9;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:52px max(6vw,24px);color:#12364c;min-height:720px;font-family:Arial,sans-serif}.phone-demo-copy{max-width:520px}.phone-demo-eyebrow{font-size:12px;letter-spacing:.2em;font-weight:700;color:#28708d}.phone-demo-copy h1{font-size:clamp(40px,4.6vw,76px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:26px 0}.phone-demo-copy p{font-size:18px;line-height:1.7;max-width:390px;color:#526b79}.phone-demo-link{display:inline-flex;gap:48px;align-items:center;background:#007db5;color:white!important;border-radius:5px;padding:18px 24px;margin-top:24px;text-decoration:none;font-weight:600}.phone-demo-copy>small{display:block;margin-top:20px;font-size:13px;color:#526b79}.phone-demo-stage{display:flex;flex-direction:column;align-items:center}.phone-demo-device{width:300px;height:574px;padding:7px;background:#323639;border:1px solid #565b5e;border-radius:35px;box-shadow:0 24px 40px -22px #18394b55;overflow:hidden;position:relative}.phone-demo-status{height:36px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:27px 27px 0 0;font-size:12px;font-weight:600;color:#24353e}.phone-demo-status>div{display:flex;align-items:center;gap:7px}.phone-demo-app{background:#fff;height:calc(100% - 36px);border-radius:0 0 27px 27px;padding:12px 18px;position:relative;overflow:hidden}.phone-demo-brand{font-size:25px;color:#009bcb;font-style:italic;font-weight:800;letter-spacing:-1px}.phone-demo-brand span{font-size:9px;letter-spacing:1px;margin-left:8px;font-style:normal}.phone-demo-appbar{display:flex;justify-content:space-between;font-size:12px;color:#516573;margin-top:16px}.phone-demo-progress{height:3px;background:#edf1f4;margin:14px 0 23px}.phone-demo-progress i{display:block;height:100%;background:#008ac0;transition:width .4s}.phone-demo-screen{animation:phone-screen-in .35s ease}.phone-demo-screen>small{font-size:10px;letter-spacing:.12em;color:#687e89}.phone-demo-screen h2{font-size:25px;line-height:1.14;letter-spacing:-.7px;margin:12px 0;color:#18394b;font-weight:600}.phone-demo-screen p{font-size:12px;color:#687e89;line-height:1.5;margin:10px 0}.phone-demo-options{display:grid;gap:9px;margin:22px 0}.phone-demo-options>div{border:1px solid #dce4e9;padding:15px 11px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;font-size:12px;position:relative;transition:background .3s,border-color .3s}.phone-demo-options .selected{border-color:#008ac0;background:#eff9fd;color:#006f9c}.phone-demo-options span{margin-left:8px}.phone-demo-continue{display:flex;justify-content:space-between;padding:14px;border-radius:5px;background:#edf1f3;color:#80919a;font-size:12px}.phone-demo-continue.ready{background:#007eb5;color:white}.phone-demo-tap{position:absolute;right:10px;top:50%;width:24px;height:24px;border:2px solid #008ac0;border-radius:50%;animation:phone-tap .7s ease-out forwards;pointer-events:none}.phone-demo-homebar{position:absolute;width:82px;height:4px;border-radius:5px;background:#34454d;bottom:9px;left:50%;transform:translateX(-50%)}.phone-demo-product{text-align:center;margin:8px 0 16px}.phone-demo-product img{height:147px;width:100%;object-fit:contain}.phone-demo-product span,.phone-demo-product strong{display:block;font-size:14px;margin-top:4px}.phone-demo-product span{font-size:11px;color:#657a86}.phone-demo-screen .phone-demo-note{font-size:10px;line-height:1.4}.phone-demo-caption{display:flex;gap:34px;align-items:center;margin-top:22px;font-size:12px;color:#59707e}.phone-demo-caption button{border:0;background:transparent;color:#22536c;font-size:12px;padding:8px;cursor:pointer}.phone-demo-caption button:focus-visible,.phone-demo-link:focus-visible{outline:2px solid #008ac0;outline-offset:4px}@keyframes phone-screen-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-tap{0%{transform:translateY(-50%) scale(.6);opacity:.8}to{transform:translateY(-50%) scale(1.7);opacity:0}}@media(max-width:760px){.phone-demo{grid-template-columns:1fr;gap:36px;padding:42px 24px}.phone-demo-copy{max-width:440px;margin:auto}.phone-demo-copy h1{font-size:43px}.phone-demo-copy p{font-size:16px}.phone-demo-device{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.phone-demo *{animation:none!important;transition:none!important}}.phone-demo-stage{position:relative}.phone-demo-motion-control{position:absolute;bottom:16px;right:calc(50% - 138px);border:0;border-radius:50%;width:26px;height:26px;background:#edf5f9;color:#426476;font-size:12px;cursor:pointer}.phone-demo-motion-control:disabled{display:none}button.phone-demo-link{border:0;font:inherit;cursor:pointer}