.FlowDemo-module__rFaffq__stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative}.FlowDemo-module__rFaffq__stage:before{content:"";z-index:-1;filter:blur(40px);pointer-events:none;background:radial-gradient(at 60%,#24c6b726,#0000 65%);position:absolute;inset:10% 5%}.FlowDemo-module__rFaffq__left{flex-direction:column;gap:1rem;min-width:0;display:flex}.FlowDemo-module__rFaffq__contact{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.9rem;min-height:4.6rem;padding:.9rem 1rem;display:flex}.FlowDemo-module__rFaffq__avatar{color:#24c6b7;width:40px;height:40px;font-family:var(--font-mono);background:#24c6b726;border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.FlowDemo-module__rFaffq__contactText{flex-direction:column;gap:.35rem;min-width:0;display:flex}.FlowDemo-module__rFaffq__contactName{font-family:var(--font-display);color:#f5f5f5;font-weight:600}.FlowDemo-module__rFaffq__tags{flex-wrap:wrap;gap:.35rem;display:flex}.FlowDemo-module__rFaffq__tag{font-family:var(--font-mono);color:#d4d4d4;border:1px solid #24c6b773;border-radius:999px;padding:.18rem .5rem;font-size:.62rem;animation:.45s cubic-bezier(.22,1,.36,1) both FlowDemo-module__rFaffq__tagIn}@keyframes FlowDemo-module__rFaffq__tagIn{0%{opacity:0;transform:translateY(4px)scale(.9)}}.FlowDemo-module__rFaffq__flow{padding:.4rem 0;list-style:none;position:relative}.FlowDemo-module__rFaffq__flow:before{content:"";border-left:1px dashed #24c6b780;position:absolute;top:1.2rem;bottom:1.2rem;left:15px}.FlowDemo-module__rFaffq__step{opacity:.4;border-radius:6px;grid-template-columns:32px 4.4rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .8rem .55rem 0;transition:opacity .4s,background .4s;display:grid;position:relative}.FlowDemo-module__rFaffq__stepDone{opacity:1}.FlowDemo-module__rFaffq__stepLive{background:#24c6b714}.FlowDemo-module__rFaffq__node{z-index:1;background:#0a0a0a;border:1.5px solid #ffffff80;border-radius:50%;justify-self:center;width:12px;height:12px;transition:background .3s,border-color .3s,box-shadow .3s;position:relative}.FlowDemo-module__rFaffq__stepDone .FlowDemo-module__rFaffq__node{background:#24c6b7;border-color:#24c6b7}.FlowDemo-module__rFaffq__stepLive .FlowDemo-module__rFaffq__node{box-shadow:0 0 0 6px #24c6b733}.FlowDemo-module__rFaffq__kindWait .FlowDemo-module__rFaffq__node{border-radius:3px}.FlowDemo-module__rFaffq__stepKind{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;font-size:.6rem}.FlowDemo-module__rFaffq__kindEmail .FlowDemo-module__rFaffq__stepKind{color:#24c6b7}.FlowDemo-module__rFaffq__stepLabel{color:#f5f5f5;font-size:.95rem}.FlowDemo-module__rFaffq__sent{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#7ee29a;font-size:.6rem}.FlowDemo-module__rFaffq__inbox{color:#1a1a1a;background:#f6f3ee;border-radius:8px;flex-direction:column;min-width:0;min-height:32rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 30px 80px #0009,0 0 120px #24c6b71f}.FlowDemo-module__rFaffq__inboxBar{background:#e9e5de;border-bottom:1px solid #00000014;align-items:center;gap:1rem;height:42px;padding:0 1rem;display:flex}.FlowDemo-module__rFaffq__lights{gap:6px;display:inline-flex}.FlowDemo-module__rFaffq__lights i{background:#00000024;border-radius:50%;width:10px;height:10px}.FlowDemo-module__rFaffq__subject{font-family:var(--font-mono);color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.FlowDemo-module__rFaffq__email{text-align:center;flex-direction:column;align-items:center;gap:.9rem;padding:1.4rem 1.6rem 1.8rem;animation:.6s cubic-bezier(.22,1,.36,1) both FlowDemo-module__rFaffq__emailIn;display:flex}@keyframes FlowDemo-module__rFaffq__emailIn{0%{opacity:0;transform:translateY(12px)}}.FlowDemo-module__rFaffq__logo{background:#1a1a1a;border-radius:2px;width:84px;height:10px}.FlowDemo-module__rFaffq__hero{aspect-ratio:16/10;border-radius:4px;width:100%;position:relative;overflow:hidden}.FlowDemo-module__rFaffq__heroImg{object-fit:cover}.FlowDemo-module__rFaffq__stars{gap:6px;margin:1.2rem 0 .2rem;display:flex}.FlowDemo-module__rFaffq__stars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#24c6b7;width:26px;height:26px}.FlowDemo-module__rFaffq__headline{font-family:var(--font-display);letter-spacing:-.02em;max-width:22ch;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;line-height:1.15}.FlowDemo-module__rFaffq__lines{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.FlowDemo-module__rFaffq__lines i{background:#0000001a;border-radius:4px;width:80%;height:7px}.FlowDemo-module__rFaffq__lines i:nth-child(2){width:60%}.FlowDemo-module__rFaffq__cta{color:#f6f3ee;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#1a1a1a;border-radius:2px;padding:.7rem 1.2rem;font-size:.7rem}.FlowDemo-module__rFaffq__empty{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#8a8a8a;flex:1;place-items:center;font-size:.72rem;display:grid}@media (max-width:900px){.FlowDemo-module__rFaffq__stage{grid-template-columns:1fr}.FlowDemo-module__rFaffq__inbox{min-height:0}}@media (max-width:480px){.FlowDemo-module__rFaffq__step{grid-template-columns:28px minmax(0,1fr) auto}.FlowDemo-module__rFaffq__stepKind{display:none}}@media (prefers-reduced-motion:reduce){.FlowDemo-module__rFaffq__step,.FlowDemo-module__rFaffq__node{transition:none}.FlowDemo-module__rFaffq__tag,.FlowDemo-module__rFaffq__email{animation:none}}
