.sf1-app-preview{--canvas:#f6f6f8;--surface:#fff;--line:#e9e9ee;--ink:#1b1c22;--ink-2:#565863;--ink-3:#8f919d;--accent:#3280ee;--accent-tint:#eaf2fd;--green:#22a06b;color:var(--ink);font-size:13px}.sf1-app-metrics{background:var(--surface);border-radius:14px;box-shadow:0 0 0 1px #0418300f,0 1px 2px #0418300d}.sf1-olivia{object-fit:cover;object-position:50% 22%;border-radius:50%;flex-shrink:0;width:64px;height:64px;box-shadow:0 0 0 1px #04183014}.sf1-app-preview{background:var(--canvas);flex-direction:column;height:100%;min-height:0;padding:14px 20px 12px;display:flex}.sf1-app-bar{flex:none;justify-content:space-between;align-items:center;padding:12px 4px;display:flex}.sf1-app-bar img{width:86px}.sf1-app-bar>span{color:var(--ink-3);font-size:14px}.sf1-app-preview .sf1-app-main{flex-direction:column;flex:1;min-height:0;display:flex}.sf1-app-preview .sf1-app-metrics{flex:none;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;padding:24px 18px;animation:.45s .2s both sf1-app-arrive;display:grid}.sf1-app-metrics>div+div{border-left:1px solid var(--line);padding-left:16px}.sf1-app-metrics span{min-height:2.5em;color:var(--ink-2);font-size:17px;line-height:1.25;display:block}.sf1-app-metrics strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:49px;font-weight:800;line-height:1.15;display:block}.sf1-app-revenue strong{color:var(--green)}.sf1-app-thread{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;flex:1;margin-top:22px;padding:20px 16px 16px;display:flex}.sf1-app-ai{align-items:center;gap:14px;margin-bottom:22px;animation:.45s .65s both sf1-app-arrive;display:flex}.sf1-app-ai>strong{flex-wrap:wrap;align-items:center;gap:10px;font-size:29px;font-weight:700;display:flex}.sf1-app-ai strong>span{background:var(--accent);color:#fff;border-radius:99px;padding:4px 10px;font-size:17px}.sf1-app-introduction,.sf1-app-lead-reply{animation:.45s 1s both sf1-app-arrive}.sf1-app-lead-reply>span{color:var(--ink-3);margin:24px 0 8px;font-size:19px;display:block}.sf1-app-introduction>p,.sf1-app-lead-reply>p{background:var(--accent-tint);border-radius:20px;padding:18px;font-size:32px;line-height:1.3}.sf1-app-lead-reply{animation-delay:1.8s}.sf1-app-lead-reply>p{background:#e9f8f0}.sf1-app-composer{border:1px solid #e2e3e9;border-radius:99px;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:8px 10px 8px 16px;display:flex}.sf1-app-composer>span{color:#8f919d;font-size:21px}.sf1-app-composer>b{color:#fff;background:#3280ee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:25px;display:grid}@keyframes sf1-app-arrive{0%{transform:translateY(8px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sf1-app-preview *{animation:none!important}}.sf1-preview-content,.sf1-website-preview{width:100%;height:100%;min-height:0}.sf1-website-page{height:100%;animation:.18s ease-out sf1-preview-page-enter}.sf1-website-page :is(.animate-fade-up,.animate-fade-up-1,.animate-fade-up-2,.animate-fade-up-3){animation:none}@keyframes sf1-preview-page-enter{0%{opacity:.65}to{opacity:1}}.sf1-preview-frame{font-size:16px;line-height:1.5;overflow:hidden}.sf1-standalone-preview{height:100dvh;overflow:hidden}.sf1-custom-site,.sf1-custom-site *{transition:background-color .6s,color .6s,border-color .6s,box-shadow .6s}.sf1-preview-review{margin-top:20px;position:relative}.sf1-preview-review>span{z-index:1;color:#f5a623;letter-spacing:3px;font-size:19px;position:absolute;top:13px;left:20px}.sf1-preview-review figure{padding-top:40px;padding-bottom:16px}.sf1-preview-review blockquote{font-size:16px;line-height:1.45}.sf1-preview-review figcaption{margin-top:10px;font-size:12px}.sf1-custom-site [data-name-confirmed=true] input{color:#047857;background:#ecfdf5;border-color:#10b981}.sf1-name-success{color:#059669;flex-direction:column;align-items:center;gap:14px;padding-top:36px;animation:.35s both sf1-confirm-name;display:flex}.sf1-name-success>span{background:#d1fae5;border-radius:50%;place-items:center;width:70px;height:70px;font-size:40px;font-weight:800;display:grid}.sf1-name-success strong{font-size:20px}@keyframes sf1-confirm-name{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sf1-inbox{height:100%}.sf1-inbox>div{width:100%;height:100%;max-height:none;box-shadow:none;background:#fff;border-radius:0;padding:0}.sf1-inbox>div>div{border-radius:0}.sf1-inbox>div>div>div:first-child{display:none}.sf1-inbox>div>div>div:nth-child(2){padding:16px 20px}.sf1-inbox>div>div>div:nth-child(2)>p:first-of-type{font-size:21px}.sf1-inbox>div>div>div:nth-child(2)>p:last-child{font-size:14px}.sf1-inbox>div>div>div:nth-child(3){gap:14px;padding:22px 18px}.sf1-inbox .rounded-2xl{padding:12px 16px;font-size:20px;line-height:1.4}.sf1-inbox .items-end>span{width:28px;height:28px;font-size:10px}.sf1-inbox>div>div>div:last-child{gap:10px;padding:12px 18px;display:flex}.sf1-inbox>div>div>div:last-child>div{font-size:18px}@media (prefers-reduced-motion:reduce){.sf1-website-page,.sf1-custom-site,.sf1-custom-site *{transition:none;animation:none}}.sf1-website-preview{container-type:inline-size}