/* Approved BlueCheck grid, Inter, 24/16/8 radii; feature hierarchy inspired by Linear. */
.phone-benefits{padding:8px 24px}.phone-benefit{display:flex;gap:16px;padding:24px 0}.phone-benefit+.phone-benefit{border-top:1px solid var(--ui-divider)}.phone-benefit>span{color:var(--ui-success);font-size:18px;line-height:28px;flex:0 0 24px}.phone-benefit>div{max-width:880px}.phone-benefit h3{font-size:18px;line-height:1.5;letter-spacing:-.02em;font-weight:500;margin:0 0 8px}.phone-benefit p{font-size:16px;line-height:1.7;color:var(--ui-text);margin:0}@media(max-width:780px){.phone-benefits{padding:0 16px}.phone-benefit{gap:12px}.phone-benefit>span{flex-basis:20px}}
.phone-feature-page .hv-main{max-width:1200px}.phone-feature-page .hv-usecase{margin-bottom:64px;border-color:#d5dfed;box-shadow:0 12px 40px -28px #18395d30}.phone-feature-page .hv-card-heading{padding:32px 24px 32px}.phone-feature-page .hv-kicker{font-size:14px;letter-spacing:0;font-weight:500;margin-bottom:16px}.phone-feature-page .hv-card-heading h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;max-width:820px;margin-bottom:16px;text-wrap:balance}.phone-feature-page .hv-card-heading>p{font-size:17px;max-width:760px;line-height:1.65}.phone-feature-page .hv-demo{padding:32px 24px;background:linear-gradient(130deg,#eaf3ff,#dcecff)}.phone-feature-page #example-2 .hv-demo{background:linear-gradient(130deg,#edf3ff,#e4eaff)}.phone-feature-page #example-3 .hv-demo{background:var(--ui-demo-amber)}.phone-feature-page .hv-card-footer{padding:24px}.phone-feature-page .mv-caption p{font-size:16px;line-height:1.7}.phone-feature-page .hv-bits{font-size:13px;gap:16px 24px;margin-top:16px}.phone-feature-page .hv-demo-toolbar,.phone-feature-page .pr-demo-top{margin-bottom:24px}.phone-feature-page .hv-window,.phone-feature-page .pr-window{border-color:#d0dff1;box-shadow:0 12px 28px -20px #102d5338}.phone-feature-page .hv-platform-flow{gap:0;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr)}.phone-feature-page .hv-window-body{padding:24px}.phone-feature-page .hv-window-body h3{font-size:20px}.phone-feature-page .hv-status div>span{font-size:13px}.phone-feature-page .hv-window-body .hv-code-label{font-size:14px}.phone-feature-page .hv-code{letter-spacing:.25em;font-size:28px;padding:16px 8px;min-height:64px}.phone-fill{display:block;width:100%;text-align:center;margin:8px 0 0;font-size:13px;padding:8px}.phone-fill:disabled{opacity:.5;cursor:default}.phone-confirm{width:100%;margin-top:16px}.phone-code-title{font-size:24px;margin-bottom:12px}.phone-code-copy{font-size:14px;color:var(--ui-text);line-height:1.7;margin-bottom:24px}.phone-sender{display:flex;gap:12px;align-items:center}.phone-sender>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ui-navy);color:white;font-size:14px;font-weight:500}.phone-sender strong{font-size:14px;font-weight:500;display:block}.phone-sender small{display:block;font-size:12px;color:var(--ui-meta)}.phone-feature-page .pr-sms{max-width:none;padding:32px 24px;margin:24px 0;background:#f0f6ff}.phone-feature-page .pr-sms strong{font-size:36px;letter-spacing:4px;margin:8px 0}.phone-feature-page #example-3 .pr-window{max-width:780px;margin:0 auto}.phone-feature-page #example-3 .pr-window-body{padding:32px}.phone-feature-page #example-3 .pr-status{margin-top:0}.phone-feature-page #example-3 .pr-customer{padding:16px 0}.phone-feature-page #example-3 .pr-icon{width:56px;height:56px;border-radius:16px}.phone-feature-page #example-3 .pr-customer h3{font-size:28px}.phone-feature-page #example-3 .pr-customer p{font-size:16px}
@media(max-width:1000px) and (min-width:781px){.phone-feature-page .hv-window-body{padding:16px}.phone-feature-page .hv-platform-flow{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)}}
@media(max-width:780px){.phone-feature-page .hv-usecase{margin-bottom:40px}.phone-feature-page .hv-card-heading{padding:24px 16px}.phone-feature-page .hv-card-heading>p{font-size:16px}.phone-feature-page .hv-demo{padding:24px 16px}.phone-feature-page .hv-platform-flow{grid-template-columns:1fr;gap:12px}.phone-feature-page .hv-card-footer{padding:24px 16px}.phone-feature-page .hv-window-body{padding:20px}.phone-feature-page #example-3 .pr-window-body{padding:20px}.phone-feature-page .hv-bits{gap:8px 16px}.phone-feature-page .pr-sms{padding:24px}.phone-feature-page .hv-demo-toolbar label{width:100%;justify-content:space-between}}

