.sf-phone-preview{position:relative;background:var(--surface);color:var(--ink);overflow:clip}
.sf-phone-preview .sf-phone-preview__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(36px,7vw,110px)}
.sf-phone-preview__copy{max-width:620px;min-width:0}
.sf-phone-preview__badge{display:inline-flex;margin:0 0 26px;padding:9px 15px;border:1px solid var(--line-strong);border-radius:99px;font-size:.98rem;font-weight:650;color:var(--ink)}
.sf-phone-preview h2{margin:0 0 25px;font-size:clamp(2.25rem,4.7vw,4.6rem);font-weight:600;line-height:1.07;letter-spacing:-.045em;overflow-wrap:anywhere}
.sf-phone-preview__lead{margin:0 0 17px;max-width:29em;font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.6;color:var(--ink)}
.sf-phone-preview__note{margin:0;font-size:1rem;line-height:1.6;color:var(--muted)}
.sf-phone-preview__stage{position:relative;display:grid;place-items:center;min-width:0;padding:24px 0}
.sf-phone-preview__stage:before{content:"";position:absolute;width:min(440px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(245,57,0,.12),rgba(245,57,0,0) 69%);pointer-events:none}
.sf-phone-preview__phone{position:relative;width:min(100%,340px);box-sizing:border-box;padding:25px 23px 24px;border:1px solid var(--line-strong);border-radius:42px;background:var(--surface-raised);box-shadow:0 0 0 5px var(--surface-soft),var(--shadow-card);text-align:center}
.sf-phone-preview__speaker{width:58px;height:5px;border-radius:9px;background:var(--line-strong);margin:0 auto 25px}
.sf-phone-preview__type{margin:0 0 18px;color:var(--muted);font-size:.98rem}
.sf-phone-preview__avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:23px;background:rgba(245,57,0,.09);color:#f53900;margin:0 auto 14px}
.sf-phone-preview__avatar svg{width:44px;height:44px}
.sf-phone-preview h3{margin:0 0 6px;font-size:1.35rem;font-weight:650;line-height:1.3;color:var(--ink)}
.sf-phone-preview__status{margin:0;font-size:.98rem;color:var(--muted)}
.sf-phone-preview__wave{height:55px;display:flex;justify-content:center;align-items:center;gap:5px;margin:8px 0 12px}
.sf-phone-preview__wave i{width:3px;height:9px;border-radius:4px;background:#f53900;transform-origin:center}
.sf-phone-preview__wave i:nth-child(3n){height:24px}.sf-phone-preview__wave i:nth-child(2n){height:17px}.sf-phone-preview__wave i:nth-child(6){height:33px}
.sf-phone-preview[data-playing="true"] .sf-phone-preview__wave i{animation:sf-phone-wave 1.5s ease-in-out 6 alternate}
.sf-phone-preview__wave i:nth-child(2n){animation-delay:-.4s!important}.sf-phone-preview__wave i:nth-child(3n){animation-delay:-.8s!important}
.sf-phone-preview__transcript{display:grid;gap:9px;text-align:left;min-height:268px;align-content:start}
.sf-phone-preview__line{margin:0;padding:10px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:.98rem;line-height:1.45;overflow-wrap:anywhere}
.sf-phone-preview__line span{display:block;font-size:.98rem;font-weight:650;margin-bottom:3px;color:var(--muted)}
.sf-phone-preview__line:nth-child(2n){margin-left:13px;border-left:2px solid #f53900}
.sf-phone-preview[data-enhanced="true"] .sf-phone-preview__line{transition:border-color .55s ease,box-shadow .55s ease}
.sf-phone-preview[data-enhanced="true"] .sf-phone-preview__line.is-shown{border-color:var(--line-strong);box-shadow:inset 2px 0 #f53900}
.sf-phone-preview__controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:17px}
.sf-phone-preview__controls[hidden]{display:none}
.sf-phone-preview__controls button{min-height:44px;padding:8px 10px;font:inherit;font-size:.98rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;cursor:pointer}
.sf-phone-preview__controls button:hover{border-color:#f53900}
.sf-phone-preview__controls button:focus-visible{outline:3px solid #f53900;outline-offset:3px}
.sf-phone-preview__disclaimer{margin:19px 0 0;color:var(--muted);font-size:.98rem;line-height:1.5}
@keyframes sf-phone-wave{from{transform:scaleY(.65)}to{transform:scaleY(1.2)}}
@media(max-width:760px){.sf-phone-preview .sf-phone-preview__layout{grid-template-columns:minmax(0,1fr);gap:30px}.sf-phone-preview__copy{max-width:570px}.sf-phone-preview__stage{padding:14px 5px}.sf-phone-preview__phone{padding-inline:18px}.sf-phone-preview h2{font-size:clamp(2.2rem,8vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.sf-phone-preview *{animation:none!important;transition:none!important}.sf-phone-preview[data-enhanced="true"] .sf-phone-preview__line{opacity:1}}

/* Static generated raster artwork. The previous DOM player is no longer loaded. */
.sf-phone-preview__stage:before{display:none}
.sf-phone-preview__art{width:min(100%,380px);max-width:100%;margin:0;text-align:center}
.sf-phone-preview__image{display:block;width:100%;height:auto;max-width:100%;border:0}
.sf-phone-preview__art:after{content:"";display:block;block-size:3em;margin-block-start:12px;font-size:.98rem;line-height:1.5}

.sf-phone-preview__accent{color:#f53900}