.hero-phone-stage{isolation:isolate;perspective:1200px;font-variant-numeric:tabular-nums;width:min(100%,580px);min-height:724px;position:relative}.hero-phone-shadow{z-index:-1;background:color-mix(in srgb,var(--foreground) 18%,transparent);filter:blur(34px);opacity:.46;border-radius:50%;width:62%;height:15%;position:absolute;bottom:3%;right:8%;transform:rotate(-7deg)translateZ(0)}.hero-phone-device{color:#123b46;width:332px;height:620px;transform-style:preserve-3d;transform-origin:50% 52%;background:#10272b;border:1px solid #d6ddd947;border-radius:44px;margin:0;padding:10px;position:absolute;top:34px;left:50%;transform:translate(-50%)rotateY(-12deg)rotateX(7deg);box-shadow:inset -8px 0 #0a191c,inset 2px 0 #ffffff1f,16px 26px 36px #06171938}.hero-phone-device:after,.hero-phone-device:before{content:"";background:#284044;border-radius:3px 0 0 3px;width:3px;position:absolute;left:-4px}.hero-phone-device:before{height:54px;top:112px}.hero-phone-device:after{height:82px;top:184px}.hero-phone-device figcaption{z-index:3;color:#52656b;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#e7ebe6;border-radius:8px;padding:4px 9px;font-size:9px;font-weight:750;line-height:1.2;position:absolute;top:19px;left:50%;transform:translate(-50%)translateZ(4px)}.hero-phone-screen{background:#f6f7f4;border-radius:34px;height:100%;position:relative;overflow:hidden;transform:translateZ(2px);box-shadow:inset 0 0 0 1px #d6ddd9e0}.hero-phone-statusbar{color:#123b46;justify-content:space-between;align-items:center;height:46px;padding:0 22px;font-size:11px;font-weight:750;display:flex}.hero-phone-signal{align-items:end;gap:3px;display:flex}.hero-phone-signal i{background:#7f9490;border-radius:2px;width:3px;height:7px}.hero-phone-signal i:nth-child(2){height:9px}.hero-phone-signal i:nth-child(3){height:11px}.hero-phone-appbar{background:#fff;border-bottom:1px solid #d6ddd9;justify-content:space-between;align-items:center;padding:9px 22px 14px;display:flex}.hero-phone-brand{color:#0b625e;letter-spacing:-.035em;font-size:20px;font-weight:750}.hero-phone-screen-badge{color:#52656b;background:#e7ebe6;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:750}.hero-phone-content{gap:10px;padding:15px 17px 19px;display:grid}.hero-phone-heading h2,.hero-phone-heading p,.hero-phone-heading span{margin:0}.hero-phone-heading p{color:#52656b;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:650}.hero-phone-heading h2{color:#123b46;letter-spacing:-.025em;margin-top:3px;font-size:19px;font-weight:750;line-height:1.15}.hero-phone-heading span{color:#52656b;margin-top:4px;font-size:12px;display:block}.hero-phone-summary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hero-phone-summary>div{background:#fff;border:1px solid #d6ddd9;border-radius:12px;padding:11px 12px}.hero-phone-summary span,.hero-phone-summary strong{display:block}.hero-phone-summary span{color:#52656b;font-size:9px}.hero-phone-summary strong{color:#123b46;margin-top:2px;font-size:14px}.hero-phone-lines{background:#fff;border:1px solid #d6ddd9;border-radius:14px;overflow:hidden}.hero-phone-line{border-bottom:1px solid #d6ddd9;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:51px;padding:8px 11px;display:grid}.hero-phone-line:last-child{border-bottom:0}.hero-phone-line-icon{color:#0b625e;background:#edf0ec;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.hero-phone-line-icon svg{stroke-width:2px;width:14px;height:14px}.hero-phone-line small,.hero-phone-line strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hero-phone-line b,.hero-phone-line strong{color:#123b46;font-size:11px;font-weight:750}.hero-phone-line small{color:#52656b;margin-top:1px;font-size:9px}.hero-phone-line b{white-space:nowrap}.hero-phone-total{color:#123b46;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:750;display:flex}.hero-phone-total strong{letter-spacing:-.025em;font-size:20px}.hero-phone-action{color:#fff;background:#0b625e;border-radius:12px;place-items:center;min-height:45px;font-size:12px;font-weight:750;display:grid}.hero-phone-home-indicator{opacity:.34;background:#123b46;border-radius:999px;width:78px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.hero-phone-float{z-index:4;font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:flex;position:absolute;box-shadow:0 16px 34px #06171924}.hero-phone-float svg{flex:none;width:17px;height:17px}.hero-phone-float small,.hero-phone-float span,.hero-phone-float strong{display:block}.hero-phone-float-status{color:#fff;background:#0b625e;border-radius:999px;padding:10px 14px;top:164px;right:8px}.hero-phone-float-status small{color:#ffffffc7;font-size:9px}.hero-phone-float-status strong{font-size:12px}.hero-phone-float-confirmation{color:#123b46;background:#fff;border:1px solid #d6ddd9;border-radius:14px;padding:11px 14px;bottom:6px;left:8px}.hero-phone-confirmation-icon{color:#237a3c;background:#e5f4ec;border-radius:50%;place-items:center;width:28px;height:28px;display:grid!important}.hero-phone-confirmation-icon svg{width:15px;height:15px}.hero-phone-float-confirmation strong{font-size:12px}.hero-phone-float-confirmation small{color:#52656b;margin-top:2px;font-size:9px}@media (max-width:1023px){.hero-phone-stage{width:min(100%,600px);min-height:724px}.hero-phone-float-status{right:8%}.hero-phone-float-confirmation{left:8%}}@media (max-width:620px){.hero-phone-stage{width:100%;min-height:670px}.hero-phone-device{border-radius:39px;width:290px;height:552px;top:28px;left:50%;transform:translate(-50%)rotateY(-12deg)rotateX(7deg)}.hero-phone-screen{border-radius:30px}.hero-phone-content{gap:8px;padding:12px 14px 16px}.hero-phone-heading h2{font-size:17px}.hero-phone-line{min-height:45px;padding:5px 9px}.hero-phone-summary>div{padding:8px 10px}.hero-phone-action{min-height:40px}.hero-phone-float-status{top:118px;right:4px}.hero-phone-float-confirmation{bottom:14px;left:4px}}@media (max-width:390px){.hero-phone-stage{min-height:642px}.hero-phone-device{width:276px;height:534px;top:24px}.hero-phone-statusbar{height:41px}.hero-phone-appbar{padding-block:7px 10px}.hero-phone-float-status{padding-inline:11px;top:108px;right:3px}.hero-phone-float-confirmation{max-width:210px;padding:9px 11px;bottom:12px;left:3px}}@media (prefers-reduced-motion:reduce){.hero-phone-stage *,.hero-phone-stage:after,.hero-phone-stage:before{transition:none!important;animation:none!important}.hero-phone-device,.hero-phone-float,.hero-phone-shadow{will-change:auto}}