/* Featured prospecting story: the opportunity itself is the visual centerpiece. */
#featured-experience{--prospect-ink:#f3f6fb;--prospect-ground:#06101e;--prospect-accent:#3274ed;--prospect-paper:#eaf1fa;--prospect-dark:#112139}
#featured-experience .stage-sticky{padding:100px 0 72px;background:var(--prospect-ground)}
#featured-experience #stage-canvas{opacity:.24;pointer-events:none}
.prospecting-wrap{position:relative}
.prospecting-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:52px;align-items:end;margin-bottom:52px}
#featured-experience .prospecting-intro h2{font-size:clamp(36px,4.3vw,64px);line-height:1.04;letter-spacing:-.045em;font-weight:600;background:none;color:var(--prospect-ink);padding:0}
.prospecting-promise{font-size:21px;line-height:1.45;max-width:33ch;margin-top:22px;color:#c7d8ed}
.prospecting-pitch>p{font-size:17px;line-height:1.7;color:#d8e3f2;margin-bottom:24px}
#featured-experience .button{background:var(--prospect-accent);box-shadow:none;border:0;transform:none;font-size:16px;letter-spacing:0;min-height:50px}
#featured-experience .button:hover{background:#2463d2;box-shadow:none;transform:translateY(-2px)}
#featured-experience .button::before{display:none}
.prospecting-demo{background:#101f34;border-radius:24px;overflow:hidden}
.prospecting-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;background:#172b47}
.prospecting-toolbar strong{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.02em}
.prospecting-toolbar p{color:#bbcee5;font-size:14px;line-height:1.5;margin-top:5px}
.prospecting-playback{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#featured-experience .motion-btn{background:#233c5d;box-shadow:none;backdrop-filter:none;border:0;letter-spacing:0;font-size:13px;min-height:44px}
#walkthrough-play{background:#eaf1fa!important;color:#112139;font-weight:600}
#featured-experience #workflow-panel{padding:30px 32px 28px}
#featured-experience .workflow-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 24px;padding:0}
#featured-experience .workflow-steps::before,#featured-experience .workflow-steps::after{display:none}
#featured-experience .workflow-steps button{display:flex;flex-direction:row;justify-content:center;gap:8px;min-height:54px;padding:9px 10px;border-radius:8px;background:#182d48;color:#c7d8ed;font-size:14px;line-height:1.3;transition:background .18s,color .18s}
#featured-experience .workflow-steps button span{background:none;border:0;box-shadow:none;width:22px;height:22px;font-size:19px;color:inherit;animation:none;transform:none}
#featured-experience .workflow-steps button[aria-pressed=true]{background:#eaf1fa;color:#112139}
#featured-experience .workflow-steps button.done{background:#203b5c;color:#eaf1fa}
#featured-experience .workflow-steps button:hover{background:#2c4c74;color:#fff}
#featured-experience .workflow-context{border:0;padding:0;margin:0 0 30px;font-size:15px;color:#bbcee5;max-width:none}
#featured-experience .workflow-context strong{display:inline;color:#fff;font-size:15px;text-transform:none;letter-spacing:0;margin-right:8px}
#featured-experience .workflow-detail{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;min-height:470px;align-items:start}
.prospecting-narrative{padding:26px 0 0}
#featured-experience #workflow-label{font-size:16px;text-transform:none;letter-spacing:0;color:#a8c7ee}
#featured-experience #workflow-title{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:20px 0;max-width:17ch;color:#fff;font-weight:500}
#featured-experience #workflow-copy{font-size:17px;line-height:1.7;color:#d8e3f2;max-width:37ch}
#featured-experience .prospecting-takeaway{font-size:17px;line-height:1.5;color:#fff;margin-top:30px;max-width:30ch;padding-left:18px;border-left:3px solid #73abff}
#featured-experience .workflow-record{background:var(--prospect-paper);color:var(--prospect-dark);border:0;border-radius:16px;padding:28px 30px;box-shadow:none;min-height:440px}
#featured-experience .workflow-record::after{display:none}
#featured-experience #workflow-record-label{font-size:14px;text-transform:none;letter-spacing:0;color:#425a79}
#featured-experience #workflow-message{color:#112139;font-size:18px;line-height:1.7;margin:25px 0}
#featured-experience #workflow-status{color:#4a607a;font-size:13px;line-height:1.6;margin-top:22px}
.prospect-monogram{margin-top:24px;color:#385a85;font-size:15px;font-weight:500}
#featured-experience .record-heading{font-size:30px;font-weight:500;line-height:1.1;color:#112139;letter-spacing:-.035em;margin:8px 0 6px}
.record-subtitle{font-size:15px;color:#49617e;margin-bottom:22px}
.prospect-facts{margin:22px 0 0}
.prospect-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;margin:0;padding:10px 0}
.prospect-facts dt{color:#506984;font-size:14px;line-height:1.5}
.prospect-facts dd{margin:0;color:#162e4a;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.outreach-recipient{font-size:14px;color:#49617e;margin-top:25px}
.outreach-subject{font-size:23px;font-weight:500;line-height:1.25;color:#112139;margin-top:16px;letter-spacing:-.02em}
.outreach-bubble,.reply-bubble{font-size:18px;line-height:1.6;padding:22px;border-radius:14px}
.outreach-bubble{background:#d7e4f5;color:#163553;margin:28px 36px 18px 0}
.reply-bubble{background:#214e87;color:#fff;margin:0 0 20px 36px}
.reply-next{font-size:15px;color:#294b71;margin-top:20px}
.meeting-confirmation{display:inline-block;margin:22px 0 16px;padding:8px 13px;background:#cce8de;color:#164f3c;border-radius:6px;font-size:14px}
#featured-experience .workflow-controls{border:0;margin-top:26px;padding:0}
#featured-experience .workflow-controls>span{color:#bbcee5;font-size:14px}
#featured-experience .workflow-edit label{color:#163553}
#featured-experience .workflow-edit textarea{background:#fff;border:1px solid #7894b6;color:#112139;font-size:16px}
#featured-experience .workflow-edit .text-link{color:#164c90}
#featured-experience #example-error{color:#9c2330}
.prospecting-close{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin-top:42px}
.prospecting-close>p:first-child{font-size:27px;letter-spacing:-.025em;line-height:1.3;color:#c7d8ed}
.prospecting-close strong{color:#fff;font-weight:500}
.prospecting-close>p:last-child{font-size:17px;line-height:1.7;color:#c7d8ed;max-width:44ch}
#featured-experience .simulation-note{margin-top:32px;font-size:13px;line-height:1.6;color:#a9bed8;max-width:95ch}
@media(prefers-reduced-motion:no-preference){
 #featured-experience .workflow-detail.is-changing .workflow-record{animation:prospect-arrive .4s cubic-bezier(.22,1,.36,1)}
 #featured-experience .workflow-detail.is-changing .meeting-confirmation{animation:prospect-confirm .6s ease-out}
}
@keyframes prospect-arrive{from{opacity:.5;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes prospect-confirm{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.prospecting-intro{grid-template-columns:1fr;gap:24px}.prospecting-pitch{max-width:60ch}.prospecting-toolbar{align-items:flex-start}.prospecting-playback{max-width:210px}#featured-experience .workflow-detail{gap:24px;grid-template-columns:1fr 1.2fr}.prospect-facts>div{grid-template-columns:1fr;gap:3px;padding:7px 0}}
@media(max-width:600px){
 #featured-experience .stage-sticky{padding:64px 0 48px}
 .prospecting-intro{margin-bottom:32px}
 #featured-experience .prospecting-intro h2{font-size:clamp(27px,7.4vw,40px)}
 .prospecting-promise{font-size:19px;max-width:29ch}
 .prospecting-pitch>p{font-size:16px}
 .prospecting-toolbar{padding:22px 18px;flex-direction:column;gap:18px}
 .prospecting-toolbar strong{font-size:19px}
 .prospecting-playback{max-width:none;justify-content:flex-start}
 #featured-experience #workflow-panel{padding:20px 18px}
 #featured-experience .workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 #featured-experience .workflow-steps button{flex-direction:column;font-size:11px;gap:6px;min-height:78px;padding:8px 2px}
 #featured-experience .workflow-context{font-size:14px;margin-bottom:18px}
 #featured-experience .workflow-detail{grid-template-columns:1fr;gap:24px;min-height:0}
 .prospecting-narrative{padding:0}
 #featured-experience #workflow-title{font-size:30px;max-width:20ch;margin:12px 0}
 #featured-experience #workflow-copy{font-size:16px}
 #featured-experience .prospecting-takeaway{font-size:16px;margin-top:18px}
 #featured-experience .workflow-record{padding:22px 20px;min-height:0}
 #featured-experience .record-heading{font-size:27px}
 .prospect-facts>div{grid-template-columns:92px minmax(0,1fr);gap:10px}
 #featured-experience .workflow-controls>span{margin-left:0}
 .outreach-bubble,.reply-bubble{font-size:16px;padding:16px}
 .outreach-bubble{margin-right:15px}.reply-bubble{margin-left:15px}
 .prospecting-close{grid-template-columns:1fr;gap:18px;margin-top:30px}
 .prospecting-close>p:first-child{font-size:23px}
 .prospecting-close>p:last-child{font-size:16px}
}