/* Match ecommerce v4's composition; retain all phone demo behavior. */
.phone-feature-page .hv-hero{max-width:900px;margin:auto;text-align:left;padding:72px 24px 0 80px;background:none}.phone-feature-page .hv-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.08;letter-spacing:-.045em;max-width:720px;margin:0}.phone-feature-page .hv-hero>p{font-size:18px;line-height:1.6;max-width:600px;margin:24px 0 0}.phone-feature-page .hv-hero .hv-actions{justify-content:flex-start;margin-top:32px;gap:12px}.phone-feature-page .hv-version{justify-content:flex-start;margin-bottom:24px}.phone-feature-page .mv-path{display:none}.phone-feature-page .mv-switcher{justify-content:flex-start;margin-top:24px}.phone-feature-page .phone-hero-proof .bc-ratings{justify-content:flex-start;margin:24px 0 0}.phone-feature-page .phone-hero-proof .bc-customer-logos{max-width:none;margin:32px 0 0;padding:24px 0 0;border-top:1px solid var(--ui-divider)}.phone-feature-page .hv-main{max-width:900px;padding:0 24px 72px;margin:56px auto 0}
.phone-stage{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:24px;margin-bottom:56px;scroll-margin-top:100px}.phone-rail{display:flex;align-items:center;flex-direction:column}.phone-rail>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cfe3ff;border-radius:50%;font:400 12px var(--ui-mono);color:var(--ui-link);background:white;flex-shrink:0}.phone-rail i{flex:1;border-left:1px dashed #cbd5e1;margin-top:12px}.phone-stage-content{min-width:0}.phone-stage-heading{padding-top:4px;margin-bottom:24px}.phone-stage-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin-bottom:8px}.phone-stage-heading p{font-size:16px;line-height:1.6;color:var(--ui-text);max-width:620px}.phone-demo-card{padding:8px;border-radius:24px;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-card);background:white}.phone-feature-page .hv-demo{padding:24px;border-radius:16px;background:var(--ui-demo-blue)}.phone-feature-page #example-2 .hv-demo{background:var(--ui-demo-amber)}.phone-feature-page #example-3 .hv-demo{background:linear-gradient(145deg,#edf7f1,#e0f0e7)}
.phone-benefits{padding:24px;display:flex;flex-direction:column;gap:20px}.phone-benefit{display:block;padding:0}.phone-benefit+.phone-benefit{border-top:1px solid var(--ui-divider);padding-top:20px}.phone-benefit>span{display:none}.phone-benefit h3{font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:600;margin:0 0 4px}.phone-benefit p{font-size:16px;line-height:1.65;color:var(--ui-text);max-width:65ch;margin:0}
.phone-feature-page .hv-platform-flow{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)}.phone-feature-page .hv-window-body{padding:16px}.phone-feature-page .hv-window-head{padding:12px 16px}.phone-feature-page .hv-window-body h3{font-size:18px;gap:6px}.phone-feature-page .hv-field{padding:8px 10px}.phone-feature-page .hv-status{padding:12px;gap:8px}.phone-feature-page .hv-status-icon{width:20px;height:20px;flex-basis:20px}.phone-feature-page .hv-row{font-size:13px;gap:8px}.phone-feature-page .hv-code{letter-spacing:.15em;font-size:24px;padding:12px 6px;min-height:56px}.phone-feature-page .hv-sms{padding:10px;gap:8px}.phone-feature-page .hv-sms .hv-message-icon{display:none}.phone-feature-page .hv-window-body>.hv-button{padding:12px 8px}.phone-feature-page .pr-split{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.phone-feature-page .pr-window-body{padding:24px}.phone-feature-page .pr-window,.phone-feature-page .hv-window{box-shadow:0 8px 20px -14px #163e7830}.phone-feature-page #example-3 .pr-customer h3{font-size:24px}.phone-feature-page #example-3 .pr-icon{width:48px;height:48px;border-radius:12px}.phone-feature-page #example-3 .pr-window{max-width:560px;margin:auto}.phone-feature-page #example-3 .pr-window-body{padding:24px}.phone-feature-page #example-3 .pr-customer{padding:8px 0 0}.phone-fill{font-size:12px;padding:8px 0}.phone-code-title{font-size:24px;margin-bottom:8px}.phone-code-copy{line-height:1.6;margin-bottom:20px}.phone-feature-page .pr-sms{padding:20px}.phone-feature-page .pr-sms strong{font-size:28px;letter-spacing:2px;margin:8px 0}.phone-feature-page .hv-section,.phone-feature-page .hv-proof-line,.phone-feature-page .hv-final,.phone-feature-page .hv-main>.hv-small{margin-left:56px}.phone-feature-page .hv-section h2{font-size:24px}.phone-feature-page .hv-trust{gap:32px}.phone-feature-page .hv-final{padding:24px;align-items:flex-start;flex-direction:column}
@media(max-width:780px){.phone-feature-page .hv-hero{padding:40px 20px 0}.phone-feature-page .hv-hero h1{font-size:36px}.phone-feature-page .hv-hero>p{font-size:16px}.phone-feature-page .hv-main{padding:0 16px 48px;margin-top:40px}.phone-stage{grid-template-columns:24px minmax(0,1fr);gap:12px;margin-bottom:40px}.phone-rail>span{width:24px;height:24px}.phone-stage-heading{padding:0;margin-bottom:20px}.phone-stage-heading h2{font-size:24px}.phone-feature-page .hv-demo{padding:16px}.phone-feature-page .hv-platform-flow,.phone-feature-page .pr-split{grid-template-columns:minmax(0,1fr);gap:12px}.phone-feature-page .hv-arrow,.phone-feature-page .pr-arrow{transform:rotate(90deg);height:24px;line-height:1}.phone-feature-page .pr-window-body,.phone-feature-page #example-3 .pr-window-body{padding:16px}.phone-benefits{padding:24px 16px}.phone-feature-page .hv-section,.phone-feature-page .hv-proof-line,.phone-feature-page .hv-final,.phone-feature-page .hv-main>.hv-small{margin-left:36px}.phone-feature-page .hv-demo-toolbar label{width:100%;flex-wrap:wrap}.phone-feature-page .hv-demo-toolbar select{min-width:0;max-width:100%}.phone-feature-page .hv-trust{grid-template-columns:1fr}.phone-feature-page .pr-sms{padding:16px}.phone-feature-page .hv-code{letter-spacing:.2em}.phone-feature-page .hv-window-body h3{font-size:20px}}