.phone-preview{position:relative;display:grid;place-items:center;padding:clamp(1rem,3vw,2.75rem);overflow:clip}.phone-preview:before{content:"";position:absolute;z-index:0;width:min(115%,26rem);aspect-ratio:1;border-radius:var(--radius-full);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rose-300) 45%,transparent) 0,color-mix(in srgb,var(--gold-300) 22%,transparent) 42%,transparent 68%);filter:blur(14px);opacity:.75}.phone{--phone-w:clamp(15rem,23vw,18rem);z-index:1;width:var(--phone-w);--ui-phone-frame-shadow:0 42px 60px -28px rgba(43,36,32,.6),0 18px 34px -22px rgba(43,36,32,.45)}.phone__screen{position:absolute;inset:0;background:var(--color-bg)}.phone__frame{display:block;width:100%;height:100%;border:0;background:var(--color-bg);pointer-events:none}.phone__frame--live{pointer-events:auto}.phone__frame--live:focus-visible{outline:none;box-shadow:var(--focus-ring)}.phone-preview__affordances{position:relative;z-index:1;margin:var(--space-4) 0 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4);text-align:center}.phone-preview__hint{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-muted)}.phone-preview__hint svg{width:1em;height:1em}.phone-preview__link{font-family:var(--font-sans);font-size:var(--text-sm)}.phone-preview__link:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}@media(max-width:40rem){.phone{--phone-w:clamp(15rem,68vw,17rem)}}