.inbox-demo{position:relative;margin:36px auto 0;max-width:930px;border:1px solid #dce3eb;border-radius:18px;background:#fff;box-shadow:0 24px 70px #17284012;overflow:hidden;text-align:left}.inbox-surface{position:relative;filter:blur(7px);opacity:.55;transition:filter 0.845s ease,opacity 0.845s ease;min-height:620px}.inbox-demo.active .inbox-surface{filter:none;opacity:1}.inbox-chrome{display:flex;align-items:center;gap:18px;padding:17px 24px;background:#f4f6f9;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.inbox-app{font-size:18px;font-weight:750;color:var(--navy);margin-right:auto}.inbox-avatar{display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:#e1e7ee;color:var(--navy)}.inbox-toolbar{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--line)}.inbox-toolbar button{background:transparent;border:0;color:var(--navy);font-size:14px;min-height:44px;padding:8px 0;font-weight:650}.inbox-toolbar button span{font-weight:400;color:var(--muted);margin-left:12px}.inbox-gate{position:absolute;inset:0 0 52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#ffffff30;padding:24px;text-align:center;transition:opacity 0.455s,visibility 0.455s}.inbox-demo.active .inbox-gate{opacity:0;visibility:hidden;pointer-events:none}.demo-kicker{font-size:12px;letter-spacing:1.8px;font-weight:750}.inbox-gate p{font-size:16px;color:#46566c}.inbox-gate .button{min-width:190px;min-height:62px;font-size:18px;box-shadow:0 8px 28px #ff5c1a30}.demo-glow{animation:inbox-glow 1.3s ease-in-out 1}@keyframes inbox-glow{50%{box-shadow:0 0 0 9px #ff5c1a18,0 0 48px #ff5c1a80;transform:translateY(-2px)}}.inbox-caption{min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:white;position:relative}.inbox-row{display:flex;align-items:center;gap:16px;width:100%;min-height:68px;padding:10px 24px;border:0;border-bottom:1px solid #e9edf2;background:#edf0f4;color:#647083;text-align:left;transition:background 0.325s,box-shadow 0.325s}.inbox-row:hover{background:#e5eaf0}.inbox-row.unread{background:#fff;color:#172840;box-shadow:inset 3px 0 var(--orange),0 2px 9px #17284010;position:relative;z-index:1}.inbox-row.unread:hover{background:#fffaf7}.inbox-row.unread .mail-copy>span,.inbox-row.unread .mail-time{font-weight:750;color:#172840}.inbox-row.unread .mail-time:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px;vertical-align:middle}.inbox-row.auto-click{background:#ffdfcd;box-shadow:inset 0 0 0 2px #ff5c1a}.mail-avatar{flex:0 0 34px;height:34px;border-radius:10px;background:#e9edf2;display:grid;place-items:center;font-size:14px}.mail-avatar img{width:28px;height:28px;object-fit:contain}.unread .mail-avatar{background:#fff4eb;box-shadow:0 0 0 1px #ffe0cf}.inbox-row:not(.unread) .mail-avatar{background:#e0e5ec;color:#697587}.inbox-row:not(.unread) .mail-avatar img{filter:grayscale(1);opacity:.65}.mail-copy{min-width:0;display:flex;flex-direction:column;flex:1;gap:2px}.mail-copy strong{font-size:14px;font-weight:500}.unread .mail-copy strong{font-weight:750}.mail-copy>span{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-time{font-size:12px;white-space:nowrap}.demo-pointer{position:absolute;left:75%;top:350px;opacity:0;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 3px #17284030);transition:opacity 0.26s}.demo-pointer.visible{opacity:1}.demo-pointer.moving{transition:left 2.86s cubic-bezier(.22,1,.36,1),top 2.86s cubic-bezier(.22,1,.36,1),opacity 0.26s}.inbox-demo [hidden]{display:none!important}.landing .inbox-demo .hero-visual{max-width:650px;margin:0 auto;border:0;border-radius:0;background:white;padding:42px 24px 24px;box-shadow:none}.inbox-demo .float-label{position:static;display:flex;width:max-content;max-width:100%;margin:0 0 16px;background:#f4f6f9;color:var(--navy);box-shadow:none}.inbox-demo .floating-note{display:none}.inbox-demo .brief-card{box-shadow:none}.inbox-demo #inbox-other{padding:40px;min-height:465px}.inbox-demo #inbox-other h3{font-size:26px;margin:20px 0}.inbox-demo #inbox-other p{font-size:16px;line-height:1.8}.inbox-demo #inbox-from{color:var(--muted)}
@media(max-width:600px){.inbox-demo{border-radius:12px;margin-top:24px}.inbox-chrome,.inbox-toolbar{padding:12px 16px}.inbox-chrome>span:nth-child(2){display:none}.inbox-surface{min-height:580px}.inbox-row{padding:10px 14px;gap:10px}.mail-time{font-size:12px}.mail-avatar{flex-basis:28px;height:28px}.inbox-caption{padding:12px 16px;flex-direction:column;align-items:flex-start;gap:3px}.inbox-gate{bottom:72px}.landing .inbox-demo .hero-visual{padding:20px 10px}.inbox-demo .brief-top,.inbox-demo .brief-heading{padding:16px}.inbox-demo .opportunity{margin:0 8px;padding:12px}.inbox-demo .company-row{flex-wrap:wrap}.inbox-demo .fit{margin-left:0}.inbox-demo #inbox-other{padding:24px}.inbox-demo .float-label{font-size:12px;padding:8px}.inbox-toolbar button span{margin-left:6px}}
@media(prefers-reduced-motion:reduce){.inbox-demo *{animation:none!important;transition:none!important}}
.inbox-surface{height:720px;min-height:0;display:flex;flex-direction:column}.inbox-chrome,.inbox-toolbar{flex-shrink:0}#inbox-list,#inbox-message{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}#inbox-message{animation:inbox-open 0.585s ease-out}@keyframes inbox-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.inbox-surface{height:660px;min-height:0}}

.inbox-demo .extra-opportunity{margin-top:16px}.inbox-demo .lead-draft{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.lead-draft summary{cursor:pointer;font-size:14px;font-weight:650;min-height:44px;display:list-item}.lead-draft p{font-size:15px;line-height:1.75;padding:8px 0}.inbox-subject-line{padding:22px 24px 0;max-width:650px;margin:auto}.inbox-subject-line h3{font-size:22px;line-height:1.35;margin-bottom:8px}.inbox-subject-line p{font-size:14px;color:var(--muted)}.inbox-demo .brief-convert{padding:22px;text-align:center}.inbox-demo .brief-convert p{font-size:14px;margin-bottom:14px;color:var(--muted)}

/* New arrivals are brighter than the already-read inbox rows. */
.inbox-row.unread{background:#eef5ff;box-shadow:inset 4px 0 #3678e5,0 3px 12px #3678e51c}.inbox-row.unread:hover{background:#e4efff}.inbox-row.unread .mail-time:before{background:#3678e5}.unread .mail-avatar{background:white;box-shadow:0 0 0 1px #c8dcfb}.inbox-row.arriving{animation:mail-arrival 0.715s cubic-bezier(.2,.8,.25,1) both;overflow:hidden;transform-origin:top center}.inbox-row.unread.auto-click{background:#d2e5ff;box-shadow:inset 0 0 0 2px #3678e5}
@keyframes mail-arrival{0%{min-height:0;max-height:0;padding-top:0;padding-bottom:0;opacity:0;transform:translateY(-12px) scale(.97)}65%{min-height:68px;max-height:90px;padding-top:10px;padding-bottom:10px;opacity:1;transform:translateY(2px) scale(1.008)}100%{min-height:68px;max-height:90px;opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.inbox-row.arriving{animation:none}}

.demo-pointer.clicking{animation:demo-cursor-click 0.26s ease-out}@keyframes demo-cursor-click{50%{transform:scale(.82)}100%{transform:scale(1)}}#inbox-message{scroll-behavior:auto}.mail-first-word{display:inline}
@media(prefers-reduced-motion:reduce){.demo-pointer.clicking{animation:none}}

/* Explicitly started walkthroughs keep their essential cursor visible. */
.inbox-demo.active .demo-pointer.visible{display:block;visibility:visible;opacity:1}

#inbox-autostart{position:absolute;top:50%;left:50%;width:1px;height:1px;pointer-events:none}.inbox-gate{pointer-events:none}

.inbox-demo .opportunity{transition:border-color .25s,box-shadow .25s}.inbox-demo .opportunity.demo-lead-selected{border-color:#ff8a59;box-shadow:0 0 0 3px #ff5c1a12}