.home-email-demo { color:#173053; }
.home-email-demo__toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--story-secondary);font-size:13px;margin-bottom:12px; }
.home-email-demo__toolbar>div { display:flex;gap:8px; }
.home-email-demo__toolbar button { display:grid;place-items:center;width:44px;height:44px;border:1px solid #c9d8f4;border-radius:50%;background:#f5f8ff;color:#2f6ee9;cursor:pointer; }
.home-email-demo svg { width:18px;height:18px;flex:none; }
.home-email-demo__workspace { padding:18px;background:#f6f9ff;border:1px solid #ccdcf4;border-radius:16px; }
.home-email-demo__workspace-head { display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px; }
.home-email-demo__workspace-head strong { display:flex;align-items:center;gap:8px; }
.home-email-demo__workspace-head>span { color:#42617f;font-size:11px; }
.home-email-demo__brief { display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;margin-top:16px; }
.home-email-demo__brief>span,.home-email-demo__brief>p { grid-column:1; }
.home-email-demo__brief>button { grid-column:2;grid-row:1 / 3; }
.home-email-demo__brief>span { color:#536b88;font-size:11px; }
.home-email-demo__brief p { font-size:16px;line-height:1.5;margin:6px 0 0;max-width:42ch; }
.home-email-demo__brief button { display:inline-flex;align-items:center;gap:12px;padding:10px 14px;min-height:44px;border:0;border-radius:8px;background:#2f6ee9;color:white;font:inherit;font-size:12px;cursor:pointer; }
.home-email-demo__brief button:disabled { opacity:.65;cursor:wait; }
.home-email-demo__progress { height:2px;background:#dbe5f5;margin:12px 0;overflow:hidden; }
.home-email-demo__progress span { display:block;width:100%;height:100%;background:#2f6ee9;transform:scaleX(0);transform-origin:left; }
.home-email-demo[data-phase="generating"] .home-email-demo__progress span { animation:home-email-generate 1.1s cubic-bezier(.22,1,.36,1) both; }
.home-email-demo[data-phase="draft"] .home-email-demo__progress span { transform:scaleX(1); }
.home-email-demo__mail { overflow:hidden;background:white;border:1px solid #d8e2f0;border-radius:12px; }
.home-email-demo__mail>header { display:flex;justify-content:space-between;gap:10px;padding:9px 14px;background:#edf3fc;font-size:11px; }
.home-email-demo__mail>header span { color:#536b88; }
.home-email-demo__address { padding:9px 14px;border-bottom:1px solid #e2e9f3;font-size:11px;line-height:1.6; }
.home-email-demo__address p { display:flex;gap:12px;margin:0; }
.home-email-demo__address p:first-child { display:none; }
.home-email-demo__address p+p { margin-top:0; }
.home-email-demo__address p>span { flex:none;min-width:34px;color:#536b88; }
.home-email-demo__address b { font-weight:500; }
.home-email-demo__body { min-height:190px;padding:16px 20px;opacity:.15;transition:opacity .35s; }
.home-email-demo__brand { color:#365a83;font-size:10px;letter-spacing:.12em; }
.home-email-demo__body h3 { font-size:clamp(23px,2.1vw,30px);line-height:1.15;letter-spacing:-.025em;margin:10px 0 8px;color:#122c50; }
.home-email-demo__body p { font-size:12px;line-height:1.7;margin:0;color:#4d6480;max-width:47ch; }
.home-email-demo__mail-action { display:inline-flex;gap:18px;padding:9px 12px;margin-top:12px;background:#2f6ee9;color:#fff;border-radius:6px;font-size:11px; }
.home-email-demo[data-phase="draft"] .home-email-demo__body { opacity:1;animation:home-email-draft .55s cubic-bezier(.22,1,.36,1) both; }
.home-email-demo__mail>footer { display:flex;align-items:center;gap:7px;padding:9px 14px;border-top:1px solid #e2e9f3;color:#27654e;font-size:10px; }
.home-email-demo__mail>footer svg { width:14px;height:14px; }
.home-email-demo__note { color:var(--story-secondary);font-size:11px;line-height:1.6;text-align:center;margin:12px 0 0; }
.home-email-demo.is-paused * { animation-play-state:paused!important; }
.home-email-demo button:focus-visible { outline:2px solid #86aef7;outline-offset:4px; }
@keyframes home-email-generate { from {transform:scaleX(0)}to{transform:scaleX(1)} }
@keyframes home-email-draft { from {opacity:.15;transform:translateY(10px);clip-path:inset(0 0 8% 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)} }
@media(max-width:700px){.home-email-demo__workspace{padding:16px}.home-email-demo__workspace-head{align-items:flex-start}.home-email-demo__workspace-head>span{max-width:95px;text-align:right}.home-email-demo__body{padding:16px;min-height:210px}.home-email-demo__brief{display:block}.home-email-demo__brief p{margin:6px 0 12px}.home-email-demo__brief p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.home-email-demo *{animation:none!important;transition:none!important}.home-email-demo__body{opacity:1}}
.home-email-demo.is-paused[data-phase="draft"] .home-email-demo__body { animation:none;opacity:1; }