.product-story{--story-accent:#7060d8}.workspace-shell{border:1px solid #dedbe9;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 90px #3b286b10}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;border-bottom:1px solid #e9e6ef;font-size:16px;letter-spacing:-.4px}.workspace-top>span:first-child{display:flex;align-items:center;gap:9px;font-weight:650}.workspace-logo{background:#6c5bd3;color:white;border-radius:8px;width:28px;height:28px;text-align:center;font-size:25px}.workspace-sub{font-size:12px;color:#777;font-weight:400;margin-left:12px}.example-chip{font-size:10px;letter-spacing:1.2px;color:#6a6280;padding:7px 9px;background:#f2f0f7;border-radius:5px}.workspace-layout{display:grid;grid-template-columns:210px 1fr;min-height:400px}.story-controls{padding:26px 16px;background:#faf9fc;border-right:1px solid #eeeaf4}.story-tab{display:flex;align-items:center;gap:9px;width:100%;padding:15px 10px;min-height:52px;border:1px solid transparent;background:none;border-radius:9px;text-align:left;color:#666171;font-size:13px;margin-bottom:8px;transition:background .3s,color .3s,border-color .3s}.story-tab>span{font-size:10px;color:#8f87a1}.story-tab i{font-style:normal;margin-left:auto}.story-tab[aria-pressed=true]{background:#eee9fb;color:#514090;border-color:#dfd7f4;font-weight:650}.story-play{margin-top:42px;padding:12px 8px;min-height:44px;width:100%;border:1px solid #ddd6ed;background:white;border-radius:8px;font-size:12px;color:#5b478e}.story-controls>p{font-size:11px;line-height:1.7;color:#71697e;padding:0 8px}.story-stage{padding:28px;min-width:0}.story-view[hidden]{display:none!important}.story-view-head{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.2px;color:#635a76;margin-bottom:25px}.status-dot{width:6px;height:6px;border-radius:50%;background:#52a384;box-shadow:0 0 0 4px #52a38410}.inbox-layout,.qualification-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.chat-person{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:20px}.chat-person small,.chat-attachment small{display:block;font-size:11px;color:#77717f;margin-top:4px}.chat-bubble{font-size:13px;line-height:1.6;padding:12px 15px;border-radius:12px;max-width:94%;margin:10px 0;background:#f1eff5;transform-origin:bottom left}.chat-bubble.outgoing{background:#eee8fb;margin-left:auto;border-bottom-right-radius:3px}.chat-bubble.incoming{border-bottom-left-radius:3px}.chat-attachment{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e3dcef;border-radius:9px;font-size:12px;margin-top:16px}.chat-attachment>span{background:#ede7f7;color:#6c4fa8;padding:10px;border-radius:6px}.micro-label{display:block;font-size:10px;font-weight:650;letter-spacing:1px;color:#716581}.contact-preview{padding:24px;background:#faf9fc;border:1px solid #eeebf2;border-radius:13px;align-self:center}.contact-preview h3,.summary-preview h3{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin:15px 0 20px}.contact-preview dl{font-size:12px}.contact-preview dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e9e5ef}.contact-preview dt{color:#746b80}.contact-preview dd{margin:0;text-align:right}.saved-state{display:block;font-size:11px;color:#35765b;margin-top:16px}.answer-card{padding:16px 0;border-bottom:1px solid #ebe7f2}.answer-card small{font-size:11px;color:#756b82}.answer-card p{font-size:14px;line-height:1.6;margin:7px 0 0}.summary-preview{background:linear-gradient(135deg,#f0eafb,#f0f6f3);border:1px solid #e4ddee;padding:24px;border-radius:14px;position:relative}.summary-star{font-size:36px;color:#7660ab;display:block;margin-bottom:15px}.summary-preview p{font-size:13px;line-height:1.7;color:#5d5569}.summary-preview>small{display:block;font-size:10px;line-height:1.6;color:#746b80;margin-top:20px}.context-tags{display:flex;flex-wrap:wrap;gap:6px}.context-tags span{background:#ffffffa6;padding:6px 8px;border-radius:5px;font-size:10px;color:#66567e}.pipeline-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pipeline-column{min-height:235px;padding:12px;background:#f7f6fa;border-radius:10px;border:1px solid #efebf4}.pipeline-title{display:flex;align-items:center;gap:6px;font-size:11px;color:#6d637c;line-height:1.5}.pipeline-title i{width:5px;height:5px;background:#baadd5;border-radius:50%;flex-shrink:0}.pipeline-column:last-child{background:#f0f7f3}.pipeline-column:last-child .pipeline-title i{background:#47916b}.pipeline-contact{background:#fff;border:1px solid #d8e9df;border-radius:8px;padding:14px;margin-top:15px;box-shadow:0 8px 18px #32513908}.pipeline-contact>b{display:block;font-size:12px;margin-top:10px}.pipeline-contact>small{display:block;font-size:10px;color:#706b78;margin-top:5px}.calendar-ticket{margin-top:15px;padding-top:12px;border-top:1px solid #eeebf0}.calendar-ticket strong{font-size:23px;font-weight:550;letter-spacing:-1px}.calendar-ticket span{display:block;font-size:9px;color:#71677d;margin-top:3px}.pipeline-ghost{padding:16px;background:#eeebf280;border:1px dashed #ded8e8;border-radius:8px;margin-top:15px;opacity:.6}.pipeline-ghost i{display:block;background:#ded9e7;height:6px;width:80%;margin-bottom:12px;border-radius:4px}.pipeline-ghost i:nth-child(2){width:55%}.handoff-note{display:flex;align-items:center;gap:14px;padding:16px;margin-top:20px;border-radius:9px;background:#f5f2fa}.handoff-note>span{font-size:25px;color:#7857ad}.handoff-note p{font-size:12px;line-height:1.7;margin:0;color:#6b5f7c}.handoff-note b{display:block;color:#3a3049}.story-bottom{display:flex;align-items:center;gap:22px;padding:17px 25px;border-top:1px solid #eee9f3}.story-caption{font-size:11px;color:#6d627c;flex:1}.story-progress{width:90px;height:3px;background:#eee9f5;border-radius:5px;overflow:hidden}.story-progress i{display:block;width:33.333%;height:100%;background:#8c76c4;transition:width .6s}.story-next{border:0;background:none;color:#685197;min-height:44px;font-size:12px;padding:8px}.workflow-ribbon{display:flex;align-items:center;justify-content:center;max-width:960px;margin:50px auto 0}.workflow-ribbon>div{display:flex;align-items:center;gap:9px;white-space:nowrap}.workflow-ribbon b{font-size:11px;font-weight:500;color:#685d78}.workflow-ribbon span{width:34px;height:34px;border:1px solid #ddd5eb;border-radius:10px;display:grid;place-items:center;color:#7f64af;background:#f0ecf7;font-size:19px}.workflow-ribbon>i{flex:1;height:1px;margin:0 13px;background:#ddd5e9;min-width:15px;position:relative;overflow:visible}.workflow-ribbon>i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#977ac6;top:-2px;left:0;opacity:0}.product-story.visual-in-view .workflow-ribbon>i:after{animation:workflow-pass 4s ease-in-out infinite}.workflow-ribbon>i:nth-of-type(2):after{animation-delay:.5s}.workflow-ribbon>i:nth-of-type(3):after{animation-delay:1s}.workflow-ribbon>i:nth-of-type(4):after{animation-delay:1.5s}@keyframes workflow-pass{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:850px){.workspace-layout{grid-template-columns:1fr}.story-controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-right:0;border-bottom:1px solid #eeeaf4;align-items:center}.story-tab{width:auto;flex:1;margin:0;justify-content:center;padding:12px 8px}.story-tab i{display:none}.story-play{margin:0;width:auto;padding:10px 14px}.story-controls>p{flex:1;margin:0}.workflow-ribbon>div{flex-direction:column;gap:7px}.workflow-ribbon>i{margin:0 8px}.story-stage{padding:23px}.workspace-sub{display:none}}
@media(max-width:600px){.workspace-shell{border-radius:16px}.workspace-top{padding:16px}.example-chip{font-size:8px}.story-tab{font-size:10px;gap:5px;min-height:46px}.story-tab>span{font-size:9px}.story-controls{gap:5px;padding:10px}.story-controls>p{font-size:10px}.story-play{font-size:11px;margin-top:6px}.story-stage{padding:18px}.inbox-layout,.qualification-layout{grid-template-columns:1fr;gap:18px}.contact-preview{padding:18px}.contact-preview h3{font-size:21px}.contact-preview dl>div{padding:9px 0}.story-view-head{font-size:9px;line-height:1.5;margin-bottom:18px}.story-bottom{padding:10px 14px;flex-wrap:wrap;gap:6px}.story-caption{flex-basis:100%;font-size:10px}.story-progress{flex:1}.story-next{margin-left:auto}.pipeline-preview{grid-template-columns:1fr;gap:10px}.pipeline-column{min-height:0;padding:12px}.pipeline-ghost{display:none}.pipeline-contact{display:grid;grid-template-columns:34px 1fr;column-gap:10px;padding:13px;margin-top:12px}.pipeline-contact>.avatar{grid-row:1/3}.pipeline-contact>b{margin-top:2px}.pipeline-contact>small{margin-top:3px}.calendar-ticket,.pipeline-contact>.saved-state{grid-column:1/3}.workflow-ribbon{flex-wrap:wrap;gap:10px;margin-top:30px}.workflow-ribbon>div{flex-direction:row;min-width:40%;flex:1}.workflow-ribbon>i{display:none}.workflow-ribbon>div:last-of-type{flex-grow:0;flex-basis:45%}.summary-preview h3{font-size:22px}.chat-bubble{font-size:13px}.summary-preview{padding:20px}}
@media(prefers-reduced-motion:reduce){.workflow-ribbon>i:after{animation:none!important}.story-progress i{transition:none}}

.post-preview,.booking-preview{background:white;border:1px solid #e7dfef;border-radius:16px;padding:20px}.post-cover{background:linear-gradient(125deg,#3c2b56,#9d7eb7);color:white;border-radius:12px;padding:24px;margin:16px 0;min-height:170px;position:relative;overflow:hidden}.post-cover>span{font-size:9px;letter-spacing:1.5px}.post-cover strong{display:block;font-size:27px;line-height:1.15;margin-top:20px;position:relative;z-index:1;max-width:250px}.post-cover>i{position:absolute;right:0;bottom:-30px;font-size:180px;color:#ffffff15;font-style:normal}.post-reactions{color:#8f6ab5;font-size:20px}.post-preview>p,.contact-preview>p{font-size:13px;line-height:1.7;color:#786a84}.post-preview .answer-card b{display:block;font-size:14px;margin-top:6px}.booking-week{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:24px 0}.booking-week>div{border:1px solid #e9e3ee;border-radius:10px;padding:12px 4px;display:grid;gap:10px;text-align:center}.booking-week small{font-size:10px}.booking-week b{font-size:19px}.booking-week .selected{background:#8560b0;color:white;border-color:#8560b0}.booking-times{display:flex;gap:8px}.booking-times span{flex:1;border:1px solid #ddd2eb;border-radius:8px;padding:12px 5px;text-align:center;font-size:13px}.booking-times .selected{background:#e9f4e9;border-color:#91bb98;color:#457151}.booking-confirm{padding:16px 0;color:#598365;font-size:13px;font-weight:600}.booking-preview>small{font-size:10px;color:#8c8097}.story-progress i{width:20%}@media(max-width:700px){.story-controls{flex-wrap:wrap}.post-cover strong{font-size:24px}.booking-week{gap:4px}.booking-preview,.post-preview{padding:15px}}

/* Portrait reel preview */
.post-preview{max-width:315px;width:100%;justify-self:center}.post-cover.reel-cover{aspect-ratio:9/16;min-height:0;padding:0;max-height:440px;isolation:isolate;background:#655648 url('/template-editorial.png') left center/300% 100%;border-radius:16px;color:white;box-shadow:0 12px 28px #2e203a24}.reel-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#17122050,transparent 30%,#17122025 45%,#171220e8)}.reel-top{position:absolute;left:16px;right:16px;top:15px;display:flex;justify-content:space-between;font-size:14px}.reel-content{position:absolute;left:17px;right:43px;bottom:80px}.reel-content>span{font-size:7px;letter-spacing:1.2px;display:inline-block;background:#ffffff22;border:1px solid #ffffff40;padding:5px 7px;border-radius:5px;backdrop-filter:blur(5px)}.post-cover .reel-content strong{font-size:clamp(22px,2.2vw,30px);line-height:1.05;margin-top:10px;color:#fff;text-shadow:0 2px 12px #0003;letter-spacing:-.8px}.reel-content>small{display:block;font-size:10px;line-height:1.5;margin-top:10px;max-width:175px;color:#f7f3fb}.reel-actions{position:absolute;right:10px;bottom:86px;display:grid;gap:14px;text-align:center}.reel-actions>span{font-size:23px;line-height:1}.reel-actions small{display:block;font-size:7px;margin-top:4px}.reel-bottom{position:absolute;left:17px;right:17px;bottom:16px}.reel-bottom>b{font-size:11px}.reel-bottom>small{display:block;font-size:9px;margin-top:6px;color:#e5dfeb}.reel-progress{height:2px;background:#ffffff45;margin-top:13px;border-radius:2px;overflow:hidden}.reel-progress i{display:block;width:100%;height:100%;background:#fff;transform-origin:left;animation:reel-play 8s linear infinite}.reel-cover .reel-actions>span:first-child{animation:reel-heart 4s ease-in-out infinite}.post-preview>.chat-person{margin-bottom:10px}.post-preview .answer-card{margin-bottom:0}@keyframes reel-play{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes reel-heart{0%,80%,100%{transform:scale(1)}85%{transform:scale(1.18)}}@media(max-width:700px){.post-preview{max-width:300px}.post-cover .reel-content strong{font-size:28px}}@media(prefers-reduced-motion:reduce){.reel-cover *{animation:none!important}}
/* Half-size reel, with proportionally scaled overlays */
.post-cover.reel-cover{width:50%;max-height:220px;margin:16px auto;border-radius:8px}.reel-cover .reel-top{left:8px;right:8px;top:7px;font-size:7px}.reel-cover .reel-content{left:8px;right:21px;bottom:40px}.reel-cover .reel-content>span{font-size:3.5px;letter-spacing:.6px;padding:2.5px 3.5px;border-radius:3px}.post-cover.reel-cover .reel-content strong{font-size:15px;line-height:1.05;letter-spacing:-.4px;margin-top:5px}.reel-cover .reel-content>small{font-size:5px;margin-top:5px;max-width:88px}.reel-cover .reel-actions{right:5px;bottom:43px;gap:7px}.reel-cover .reel-actions>span{font-size:12px}.reel-cover .reel-actions small{font-size:3.5px;margin-top:2px}.reel-cover .reel-bottom{left:8px;right:8px;bottom:8px}.reel-cover .reel-bottom>b{font-size:5.5px}.reel-cover .reel-bottom>small{font-size:4.5px;margin-top:3px}.reel-cover .reel-progress{height:1px;margin-top:6px}@media(max-width:700px){.post-cover.reel-cover .reel-content strong{font-size:14px}}
/* Compact five-step walkthrough */
#workspace-demo{padding-top:45px;padding-bottom:45px}#workspace-demo .section-heading{margin-bottom:26px}#workspace-demo .section-heading h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin-bottom:14px}.workspace-shell{max-width:1040px;margin-inline:auto}.workspace-top{padding:12px 20px;font-size:14px}.workspace-logo{width:24px;height:24px;font-size:21px}.workspace-layout{grid-template-columns:175px 1fr;min-height:280px}.story-controls{padding:16px 12px}.story-tab{padding:10px 8px;min-height:40px;margin-bottom:5px;font-size:12px}.story-play{margin-top:18px;padding:8px;min-height:38px;font-size:11px}.story-controls>p{font-size:10px;line-height:1.5}.story-stage{padding:19px}.story-view-head{margin-bottom:16px;font-size:9px}.inbox-layout,.qualification-layout{gap:20px}.chat-person{margin-bottom:12px}.chat-bubble{padding:8px 11px;margin:7px 0;font-size:12px;line-height:1.5}.chat-attachment{padding:8px;margin-top:10px}.contact-preview,.summary-preview{padding:16px}.contact-preview h3,.summary-preview h3{font-size:19px;margin:10px 0 13px}.contact-preview>p,.summary-preview p{font-size:12px;line-height:1.5}.contact-preview dl>div{padding:8px 0}.saved-state{margin-top:10px;font-size:10px}.answer-card{padding:10px 0}.answer-card p{font-size:12px;line-height:1.5;margin-top:5px}.summary-star{font-size:27px;margin-bottom:8px}.post-preview,.booking-preview{padding:13px}.post-preview{max-width:265px}.post-cover.reel-cover{margin:10px auto;max-height:185px}.post-preview>p{font-size:11px;line-height:1.5}.booking-week{margin:16px 0}.booking-week>div{padding:8px 4px;gap:6px}.booking-times span{padding:8px 4px}.booking-confirm{padding:10px 0;font-size:11px}.pipeline-column{min-height:190px;padding:12px}.pipeline-contact{padding:12px}.handoff-note{margin-top:14px;padding:12px}.story-bottom{padding:9px 18px;gap:14px}.workflow-ribbon{margin-top:25px;max-width:850px}.workflow-ribbon span{width:27px;height:27px;font-size:16px}#workspace-demo .sample-note{margin-top:14px;font-size:10px}@media(max-width:850px){.workspace-layout{grid-template-columns:1fr}.story-controls{padding:10px;gap:5px}.story-tab{margin:0;min-height:40px}.story-play{margin:0;min-height:40px}.story-stage{padding:16px}}@media(max-width:600px){#workspace-demo{padding-top:30px;padding-bottom:30px}.story-stage{padding:13px}.story-tab{font-size:10px;min-height:40px;padding:8px 6px}.inbox-layout,.qualification-layout{gap:12px}.contact-preview,.summary-preview{padding:13px}.contact-preview h3,.summary-preview h3{font-size:18px}.post-preview{max-width:245px}.story-bottom{padding:8px 12px;gap:5px}.pipeline-column{min-height:0;padding:10px}.workflow-ribbon{margin-top:20px}.workspace-top{padding:11px 14px}.story-controls>p{display:none}}
/* Additional compact walkthrough refinement */
#workspace-demo{padding-top:38px;padding-bottom:38px}#workspace-demo .section-heading{margin-bottom:22px}#workspace-demo .section-heading h2{font-size:clamp(26px,3vw,36px);margin-bottom:12px}#workspace-demo .workspace-shell{max-width:920px}.workspace-top{padding:10px 17px}.workspace-layout{grid-template-columns:155px 1fr;min-height:240px}.story-controls{padding:12px 10px}.story-tab{min-height:36px;padding:8px 7px;margin-bottom:4px;font-size:11px}.story-play{margin-top:12px;min-height:36px;padding:7px}.story-controls>p{line-height:1.4;font-size:9px}.story-stage{padding:16px}.story-view-head{margin-bottom:13px}.inbox-layout,.qualification-layout{gap:16px}.contact-preview,.summary-preview{padding:13px}.contact-preview h3,.summary-preview h3{font-size:17px;margin:8px 0 10px}.post-preview,.booking-preview{padding:11px}.post-preview{max-width:230px}.post-cover.reel-cover{max-height:158px;margin:8px auto}.post-preview>.chat-person{margin-bottom:7px}.post-preview>p{font-size:10px;margin:7px 0}.post-preview .answer-card{padding:7px 0}.post-preview .chat-person{font-size:11px}.post-preview .chat-person small{font-size:9px}.story-bottom{padding:7px 15px}.workflow-ribbon{margin-top:21px}#workspace-demo .sample-note{margin-top:11px}.chat-bubble{padding:7px 9px;margin:6px 0}.answer-card{padding:8px 0}.booking-week{margin:12px 0}.booking-week>div{padding:6px 3px}.handoff-note{padding:10px;margin-top:11px}@media(max-width:850px){.workspace-layout{grid-template-columns:1fr}.story-controls{padding:8px;gap:4px}.story-tab{margin:0;min-height:40px}.story-play{margin:0;min-height:40px}.story-stage{padding:14px}}@media(max-width:600px){#workspace-demo{padding-top:25px;padding-bottom:25px}.story-tab{font-size:10px;padding:7px 5px}.inbox-layout,.qualification-layout{gap:10px}.story-stage{padding:11px}.contact-preview,.summary-preview{padding:11px}.post-preview{max-width:220px}.story-bottom{padding:7px 10px}.workspace-top{padding:9px 12px}}
#workspace-demo .section-heading{max-width:920px;margin-left:auto;margin-right:auto;text-align:center}#workspace-demo .section-heading p{margin-left:auto;margin-right:auto}#workspace-demo .section-heading .section-eyebrow{justify-content:center}

.story-overview .machine{margin:0;width:100%;box-shadow:none;border-radius:12px}.story-overview .machine-canvas{padding:18px 12px;gap:12px}.story-overview .machine-top{padding:12px;font-size:10px}.story-overview .machine-footer{padding:12px;font-size:10px}.story-overview .social-card,.story-overview .result-card{padding:10px}.story-overview .reel{min-height:100px}.story-overview .reel strong{font-size:18px}.story-overview .engine{min-height:100px}.story-overview .revenue strong{font-size:24px}.story-overview .node-label{font-size:8px}.story-progress i{width:16.6667%}@media(max-width:600px){.story-overview .machine-canvas{display:flex;flex-direction:column}.story-overview .machine-node{width:100%;max-width:280px;margin:auto}.story-overview .machine-track{display:none}}
/* Match the process heading to the product section heading */
#workspace-demo .section-heading h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1}