/* Preview only: preserve approved card geometry. */
.phone-feature-page {--card-line:#dce4ef;--card-shadow:0 2px 4px #14243c04,0 12px 32px -20px #14243c30}
.phone-feature-page .phone-demo-card {border-color:var(--card-line);box-shadow:var(--card-shadow)}
.phone-feature-page .pa-panel,.phone-feature-page .phone-review-panel {border-color:var(--card-line);box-shadow:0 2px 4px #14243c05,0 8px 20px -16px #14243c30}
.phone-feature-page .pa-panel-head {background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e8edf4}
.phone-feature-page .pa-field {background:linear-gradient(#fafbfd,#fff);border:1px solid #e0e6ee;box-shadow:inset 0 1px 2px #14243c03;border-radius:8px}
.phone-feature-page .pa-field>span {color:#64748b}
.phone-feature-page .pa-field>strong {font-weight:500;color:#1c2b41}
.phone-feature-page .pa-action-static {border:1px solid #d6e8df;background:#f2faf6;color:#27634a;border-radius:8px}
.phone-feature-page .pa-event {border-color:#e8edf4}
.phone-feature-page .pa-event-icon,.phone-feature-page .pa-route-marker {font-size:12px;box-shadow:inset 0 0 0 1px #14243c08}
.phone-feature-page .pa-access,.phone-feature-page .pa-fallback-status {border-radius:8px;box-shadow:inset 0 1px 0 #ffffff90}
.phone-feature-page .pa-access.approved,.phone-feature-page .pa-fallback-status.approved {background:#edf8f2;border-color:#cde8da;color:#235d44}
.phone-feature-page .phone-benefit>span {display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;background:#f2f6fb;border:1px solid #e2e9f2;border-radius:7px;color:#4b6484;font-size:12px;margin-top:1px}
.phone-feature-page .phone-benefit h3 {font-weight:600;letter-spacing:-.015em}
.phone-feature-page .phone-benefit p {line-height:1.65}
.phone-feature-page .phone-coverage-panel {background:linear-gradient(145deg,#162e4c,#0d1b30);border-color:#243b56;box-shadow:inset 0 1px 0 #ffffff15,0 8px 20px -12px #0d1b3040}
.phone-feature-page .phone-hit-rate>strong {font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.phone-feature-page .phone-coverage-row {display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:#ffffff16}
.phone-feature-page .phone-coverage-row span {margin:0;font-size:13px}
.phone-feature-page .phone-coverage-row strong {font-size:12px;padding:4px 8px;border:1px solid #ffffff20;background:#ffffff09;border-radius:6px;text-align:right}
.phone-feature-page .phone-coverage-note {background:#ffffff06;border-color:#ffffff14}
.phone-feature-page .phone-review-panel {background:linear-gradient(145deg,#fff,#fafbfd)}
.phone-feature-page .phone-review-label {color:#52647b}
.phone-feature-page .phone-review-panel blockquote {font-weight:500;line-height:1.55;letter-spacing:-.02em}
.phone-feature-page .phone-sf-stars {color:#aa771f;letter-spacing:1px}
.phone-feature-page .pa-route-choice {background:#ffffffb0;border:1px solid #dce6e2;border-radius:10px;box-shadow:0 1px 2px #14243c03}
.phone-feature-page .pa-route-choice.selected {background:#fff;border-color:#91bfa9;box-shadow:0 0 0 3px #2f855a08,0 2px 4px #14243c05}
.phone-feature-page .pa-route-choice>svg {padding:5px;width:30px;height:30px;border:1px solid #e3ebe6;border-radius:7px;background:#f6faf8;flex-shrink:0}
.phone-feature-page .pa-fallback-panel .pa-code>span {background:linear-gradient(#fff,#f6f8fc);border-color:#cad5e4;box-shadow:0 2px 3px #12244208,inset 0 1px 0 white;border-radius:8px}
.phone-feature-page .hv-faq details {border-color:#e5eaf1}
.phone-feature-page .hv-faq summary {letter-spacing:-.015em}
.phone-feature-page .hv-faq details[open] summary {color:#115cc3}
.phone-feature-page .phone-cta-strip {border-color:var(--card-line);background:linear-gradient(#fff,#fbfcfe);box-shadow:var(--card-shadow)}
.phone-feature-page .hv-button {box-shadow:inset 0 1px 0 #ffffff20,0 2px 3px #14243c08}
.phone-feature-page .hv-button.outline {box-shadow:0 1px 2px #14243c04}
.phone-feature-page a:focus-visible,.phone-feature-page summary:focus-visible {outline:2px solid #3675ec;outline-offset:4px}
.phone-feature-page .phone-footer a:hover {color:#115cc3}
@media(max-width:420px){.phone-feature-page .phone-coverage-row {align-items:flex-start;flex-direction:column;gap:8px}}
[data-phone-preview] .pa-code {gap:8px}
[data-phone-preview] .pa-code>span {display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff,#f6f8fc);border:1px solid #cad5e4;box-shadow:0 2px 3px #12244208,inset 0 1px 0 #fff;color:#14243c;transition:border-color .2s,box-shadow .2s,background .2s;animation:none}
[data-phone-preview] .pa-code>span.active {border-color:#3675ec;box-shadow:0 0 0 3px #2563eb12,0 2px 3px #12244208}
[data-phone-preview] .pa-code>span.active:empty:after {content:"";height:20px;width:2px;background:#2563eb}
[data-phone-preview] .pa-code.complete>span {background:#fff;border-color:#a8cfbd}
.phone-feature-page .pa-panel-head>span {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;height:24px;border:1px solid #dce5ef;border-radius:6px;background:#f8fafc;padding:0 7px;font-size:12px;line-height:1;font-weight:500;box-sizing:border-box}
[data-phone-preview] .pa-event-icon {transition:background .3s,color .3s}
[data-phone-preview] .pa-event.working .pa-event-icon {background:#eaf1ff;color:#2563eb}
[data-phone-preview] .pa-event.working .pa-event-icon:after {content:"";height:11px;width:11px;border:1.5px solid #bcd0f5;border-top-color:#2563eb;border-radius:50%;animation:preview-spin 1s linear infinite}
[data-phone-preview] .pa-access {transition:background .3s,border-color .3s}
@keyframes preview-spin {to {transform:rotate(360deg)}}
/* Shared geometry for both verification forms. */
.phone-feature-page .pa-panel-head,
.phone-feature-page .pa-fallback-panel .pa-panel-head {min-height:56px;padding:14px 20px;box-sizing:border-box}
.phone-feature-page .pa-panel-body,
.phone-feature-page .pa-fallback-panel .pa-panel-body {padding:20px}
.phone-feature-page .pa-code>span,
.phone-feature-page .pa-fallback-panel .pa-code>span {display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:1 1 0;max-width:44px;height:44px;padding:0;line-height:1;font-size:20px;text-align:center;font-variant-numeric:tabular-nums}
.phone-feature-page .pa-field {box-sizing:border-box;padding:10px 12px}
.phone-feature-page .pa-field>span {margin-bottom:4px;line-height:20px}
.phone-feature-page .pa-field>strong {line-height:20px}
.phone-feature-page .pa-route-choice {min-height:64px;box-sizing:border-box;align-items:center;gap:12px}
.phone-feature-page .pa-route-choice>span {width:20px;height:20px;flex:0 0 20px}
.phone-feature-page .pa-fallback-status {align-items:center}
.phone-feature-page .pa-fallback-status>span {display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;line-height:1}
@media(max-width:780px){.phone-feature-page .pa-panel-head,.phone-feature-page .pa-fallback-panel .pa-panel-head {padding:14px 16px}.phone-feature-page .pa-panel-body,.phone-feature-page .pa-fallback-panel .pa-panel-body {padding:16px}}

/* Quiet icon system: no decorative tiles, consistent optical weight. */
.phone-feature-page .phone-benefit>span {display:none}
.phone-feature-page .phone-benefit {grid-template-columns:minmax(0,1fr)}
.phone-feature-page .pa-route-choice>svg {width:20px;height:20px;flex:0 0 20px;padding:0;border:0;border-radius:0;background:none;color:#526b60;stroke-width:1.75}
.phone-feature-page .pa-event-icon,.phone-feature-page .pa-route-marker {box-shadow:none;background:transparent;border-color:#d3ded8}
.phone-feature-page .pa-route-choice>span,
.phone-feature-page .pa-event.done .pa-event-icon,
.phone-feature-page .pa-route-step.complete .pa-route-marker,
.phone-feature-page .pa-fallback-status.approved>span,
.phone-feature-page .pa-action-static>span {font-size:0;display:grid;place-items:center;flex-shrink:0;color:#287252}
.phone-feature-page .pa-route-choice>span:after,
.phone-feature-page .pa-event.done .pa-event-icon:after,
.phone-feature-page .pa-route-step.complete .pa-route-marker:after,
.phone-feature-page .pa-fallback-status.approved>span:after,
.phone-feature-page .pa-action-static>span:after {content:"";width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.phone-feature-page .pa-route-step.complete .pa-route-marker {background:#edf8f2;border-color:#cde8da}
.phone-feature-page .pa-fallback-status>span {line-height:22px}
.phone-feature-page .pa-connector svg {width:16px;height:16px;stroke-width:1.75}
/* Compact SSN demo; do not stretch the form to the route's height. */
.phone-feature-page .pa-fallback-flow {align-items:start}
.phone-feature-page .pa-route {padding:0}
.phone-feature-page .pa-route-step {display:block;padding-bottom:20px}
.phone-feature-page #example-3 .pa-route-step>.pa-route-marker,.phone-feature-page .pa-route-step:before {display:none}
.phone-feature-page .pa-route-step:last-child {padding-bottom:0}
.phone-feature-page .pa-route-step p {min-height:0;line-height:1.5}
.phone-feature-page .pa-route-choice {margin-top:8px;padding:10px 12px}
.phone-feature-page .pa-route-choice div>span {margin-top:2px}
.phone-feature-page .pa-fallback-panel .pa-panel-head {padding:14px 20px}
.phone-feature-page .pa-fallback-panel .pa-panel-body {padding:20px}
.phone-feature-page .pa-fallback-panel h3,
.phone-feature-page .pa-fallback-panel .pa-copy {display:none}
.phone-feature-page .pa-fallback-panel .pa-field {margin-bottom:12px}
.phone-feature-page .pa-fallback-panel .pa-code {margin:8px 0 16px;max-width:200px}
.phone-feature-page .pa-fallback-panel .pa-code>span {height:44px;font-size:20px}
.phone-feature-page .pa-fallback-status {min-height:76px;padding:12px;margin-bottom:0;align-items:flex-start}
.phone-feature-page .pa-fallback-status p {font-size:13px;line-height:1.5}
@media(max-width:780px){.phone-feature-page .pa-fallback-panel .pa-panel-body {padding:16px}.phone-feature-page .pa-fallback-panel .pa-panel-head {padding:14px 16px}}
@media(prefers-reduced-motion:reduce){[data-phone-preview] * {animation:none!important;transition:none!important}}

/* Official lucide-static 1.46.0 assets. Brand marks remain original. */
.phone-feature-page .pa-route-choice>span:after,
.phone-feature-page .pa-event.done .pa-event-icon:after,
.phone-feature-page .pa-route-step.complete .pa-route-marker:after,
.phone-feature-page .pa-fallback-status.approved>span:after,
.phone-feature-page .pa-action-static>span:after {mask-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E")}
.phone-feature-page .pa-route-choice>svg,
.phone-feature-page .pa-connector svg {background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E")}
.phone-feature-page .pa-route-choice>svg>*,
.phone-feature-page .pa-connector svg>* {display:none}
.phone-feature-page .pa-route-choice.selected>svg {mask-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2216%22%20r%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%2010V7a5%205%200%200%201%2010%200v3%22%2F%3E%3C%2Fsvg%3E")}
.phone-feature-page .pa-route-choice:not(.selected)>svg {mask-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010h2%22%2F%3E%3Cpath%20d%3D%22M16%2014h2%22%2F%3E%3Cpath%20d%3D%22M6.17%2015a3%203%200%200%201%205.66%200%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%222%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
[data-phone-preview] .pa-event.working .pa-event-icon:after {width:16px;height:16px;border:0;border-radius:0;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a9%209%200%201%201-6.219-8.56%22%2F%3E%3C%2Fsvg%3E")}