.home-page{background:#fcfbfe}.home-wrap{width:min(1240px,calc(100% - 80px));margin:auto}.home-header{background:#fff}.home-header>.home-wrap{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.home-header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.sign-in{font-size:14px}.sign-in span{color:#705df2;margin-left:10px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;padding:10px}.skip:focus{top:10px}.home-hero{position:relative;isolation:isolate;background:#231c32;color:white;overflow:hidden}.home-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;z-index:-3}.home-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#21192ff5 0%,#21192fe8 32%,#21192f32 75%),linear-gradient(0deg,#21192f77,transparent)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:640px;padding-block:48px}.home-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#8c74bb}.hero-message .home-eyebrow{color:#d0c0ee;margin-bottom:24px}.hero-message h1{font-size:clamp(66px,7.8vw,108px);font-weight:750;line-height:.96;letter-spacing:-.065em}.hero-message h1 em{color:#c8b9ff;font-style:normal}.home-lead{font-size:24px;letter-spacing:-.025em;margin:24px 0}.home-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;background:#705df2;color:white;min-height:52px;padding:14px 23px;border-radius:8px;font-size:16px;font-weight:650;box-shadow:0 6px 20px #1c123522}.home-primary:hover{background:#604bdf}.home-primary span{font-size:24px;line-height:1}.private-note{font-size:12px;color:#c7bbd9;margin-top:17px}.hero-example{margin-top:30px;max-width:505px}.chat-fragment{background:#efe9fff2;color:#3b2c50;border:1px solid #fff9;border-radius:14px 14px 3px 14px;padding:15px 20px;max-width:88%;margin:0 0 18px auto;box-shadow:0 8px 40px #140e2722}.chat-fragment>span{font-size:9px;letter-spacing:.12em;color:#77628e;font-weight:650}.chat-fragment p{margin-top:4px;font-size:16px}.hero-example .proof h2{font-size:34px}.hero-example .proof .brand{font-size:19px}.hero-example .proof .brand img{width:25px;height:25px}.hero-example .proof-body{padding:22px 25px}.hero-example .metric strong{font-size:26px}.hero-example .metric small{font-size:11px}.hero-example .confirmation strong{font-size:13px}.hero-example .confirmation small{font-size:11px}.example-foot{display:flex;align-items:center;justify-content:space-between;margin:10px 3px 0}.example-foot>span{font-size:10px;color:#d0c4e0}.watch-film{display:flex;gap:14px;align-items:center;border:0;background:transparent;color:white;min-height:44px;font-size:13px;font-weight:650}.watch-film span{font-size:23px}.home-start{padding-block:64px 70px;scroll-margin-top:24px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:46px;margin-top:13px}.use-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.use-case{display:block;border-bottom:1px solid #ded7e9;padding-bottom:22px}.case-art{position:relative;overflow:hidden;border-radius:13px;aspect-ratio:1.45;background:#21192f}.case-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#21192fcc)}.case-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.use-case:hover .case-art img{transform:scale(1.035)}.art-label{position:absolute;bottom:18px;left:18px;right:16px;z-index:1;font-size:13px;font-weight:600;color:white}.case-copy h3{font-size:28px;display:flex;justify-content:space-between;margin:20px 0 10px}.case-copy h3 span{font-size:26px;color:#705df2}.case-copy p{font-size:15px;line-height:1.5;color:#726b80;max-width:27ch}.home-how{background:#eee9fa;padding:46px 0 48px;text-align:center}.home-how h2{font-size:42px;margin:16px 0}.home-how h2 em{font-style:normal;color:#7050ba}.home-how p:not(.home-eyebrow){color:#6c607e;font-size:16px}.home-how .home-primary{margin-top:24px}.home-footer{padding-block:22px 28px}.home-footer details{max-width:none;border-bottom:1px solid #e4ddea}.home-footer summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-size:14px;list-style:none;font-weight:600}.home-footer summary::-webkit-details-marker{display:none}.home-footer summary span{font-size:24px;color:#705df2}.home-footer details[open] summary span{transform:rotate(45deg)}.answers{max-width:650px;padding:8px 0 24px}.answers h3{font-size:17px;margin-top:16px}.answers p{font-size:14px;color:#726b80}.footer-line{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#8c8199;margin-top:25px}.footer-line>span:first-child{font-weight:700;color:#514261}.bottom-nav{display:none}
@media(prefers-reduced-motion:no-preference){.chat-fragment{animation:chat-arrive .65s both}.hero-example .proof{animation:chat-arrive .65s .25s both}@keyframes chat-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.home-wrap{width:calc(100% - 48px)}.hero-layout{gap:35px}.home-header nav{gap:20px}.hero-example .metric strong{font-size:21px}.hero-example .proof .brand{font-size:17px}.case-copy h3{font-size:24px}.hero-message h1{font-size:80px}}
@media(max-width:760px){.home-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.home-wrap{width:calc(100% - 40px)}.home-header>.home-wrap{height:68px;gap:10px}.home-header .brand{font-size:23px;gap:5px}.home-header .brand img{width:29px;height:29px}.home-header nav{display:none}.sign-in{font-size:13px}.hero-layout{display:block;padding-block:30px 17px;min-height:0}.hero-message .home-eyebrow{font-size:9px;margin-bottom:17px}.hero-message h1{font-size:68px;line-height:.96}.home-lead{font-size:20px;margin:17px 0 19px}.home-primary{min-height:50px;padding:12px 20px;font-size:15px}.private-note{font-size:11px;margin-top:12px}.home-scene{object-position:61% center}.home-hero:before{background:linear-gradient(90deg,#21192fee,#21192f6b),linear-gradient(0deg,#21192fee,transparent 75%)}.hero-example{margin-top:25px;max-width:450px}.chat-fragment{padding:10px 13px;margin-bottom:12px;max-width:90%}.chat-fragment>span{font-size:8px}.chat-fragment p{font-size:13px;margin-top:3px}.hero-example .proof-top{padding:11px 16px}.hero-example .proof .brand{font-size:17px}.hero-example .proof .brand img{width:22px;height:22px}.hero-example .proof-body{padding:15px 17px 17px}.hero-example .proof h2{font-size:27px}.hero-example .proof h2 br{display:none}.hero-example .proof-kicker{font-size:9px;margin-bottom:8px}.hero-example .metrics{margin:15px 0 13px;gap:8px}.hero-example .metric strong{font-size:22px;letter-spacing:-.06em}.hero-example .metric small{font-size:10px}.hero-example .confirmation{padding-top:12px;gap:8px}.hero-example .confirmation .avatar{display:none}.hero-example .confirmation strong{font-size:12px}.hero-example .confirmation small{font-size:10px}.example-foot{margin-top:4px}.example-foot>span{font-size:9px}.watch-film{font-size:12px}.home-start{padding-block:33px 35px}.section-heading{margin-bottom:22px}.section-heading .home-eyebrow{font-size:9px}.section-heading h2{font-size:33px;line-height:1.06;margin-top:11px}.use-cases{grid-template-columns:1fr;gap:20px}.use-case{display:grid;grid-template-columns:124px 1fr;gap:17px;align-items:center;padding-bottom:20px}.case-art{aspect-ratio:auto;height:134px;border-radius:10px}.art-label{display:none}.case-art:after{display:none}.case-art img{object-position:58% center}.case-copy h3{font-size:24px;margin:0 0 9px;align-items:center}.case-copy h3 span{font-size:22px}.case-copy p{font-size:14px;line-height:1.5}.home-how{padding:30px 0}.home-how .home-eyebrow{font-size:8px;letter-spacing:.1em}.home-how h2{font-size:30px;max-width:290px;margin:14px auto;line-height:1.14}.home-how p:not(.home-eyebrow){font-size:14px}.home-how .home-primary{margin-top:20px}.home-footer{padding-block:12px 22px}.footer-line{font-size:10px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #e5dfef;z-index:20;min-height:72px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #24113905}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#7a7086;font-size:10px;font-weight:600;min-height:48px}.bottom-nav a svg{width:22px;height:22px;stroke-width:1.6}.bottom-nav a[aria-current]{color:#705df2}.bottom-nav a[aria-current] svg{background:#eee9ff;border-radius:7px;box-shadow:0 0 0 5px #eee9ff}}
@media(max-width:390px){.use-case{grid-template-columns:112px 1fr;gap:14px}.case-copy h3{font-size:22px}.hero-example .proof h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-art img{transition:none}}
/* A concrete explanation and a short, explorable example. */
.home-lead{font-size:21px;line-height:1.5;max-width:34ch}.demo-intro{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-bottom:16px}.demo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}.demo-steps button{background:#ffffff10;border:1px solid #ffffff28;border-radius:8px;color:#e4d9f2;min-height:48px;padding:9px 6px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px}.demo-steps button[aria-pressed=true]{background:#eee7ff;color:#513a82;border-color:#eee7ff;font-weight:700}.demo-steps button>span{font-size:10px;opacity:.8}.demo-stage{background:#fffffff5;color:#221b35;border:1px solid #ffffff9e;border-radius:15px;box-shadow:0 25px 70px #110a2840;overflow:hidden}.demo-panel{padding:22px 24px;min-height:305px;display:flex;flex-direction:column}.demo-panel[hidden]{display:none}.demo-panel-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:19px;font-size:10px;color:#766783;flex-wrap:wrap}.demo-label-text{font-size:9px;letter-spacing:.08em;font-weight:650}.demo-panel h2{font-size:28px;margin-bottom:19px}.demo-chat{font-size:15px;line-height:1.5;padding:13px 16px;border-radius:4px 12px 12px;background:#eee7f8;max-width:95%}.demo-chat.reply-chat{background:#e9f2ed;margin:10px 0 0 auto}.demo-next{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;border-top:1px solid #e2dbea;background:none;color:#6749a5;padding:12px 0 0;margin-top:auto;font-size:13px;font-weight:650}.demo-chat.reply-chat+.demo-next{margin-top:18px}.demo-terms{font-size:13px;line-height:1.5;color:#726b80;margin:0 0 18px}.demo-panel .metrics{margin:0 0 18px}.demo-panel .metric strong{font-size:26px}.draft-state{color:#84612a}.agreed-state{color:#246b54}.demo-panel .reply{margin-bottom:17px}.demo-panel .reply blockquote{font-size:17px}.case-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:15px}.case-start{display:inline-flex;gap:15px;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;color:white;background:#705df2;border-radius:6px;padding:10px 14px;min-height:44px}.case-start:hover{background:#604bdf}.case-example{display:flex;gap:10px;align-items:center;font-size:13px;color:#695582;min-height:44px}.case-example:hover{text-decoration:underline}.use-case:hover .case-art img{transform:none}.case-copy p{min-height:45px}.hero-layout{min-height:620px}.hero-example{margin-top:0}
@media(max-width:760px){.home-lead{font-size:17px;line-height:1.5;max-width:33ch;margin:18px 0}.hero-message h1{font-size:62px}.hero-example{margin-top:28px}.demo-intro{font-size:18px;margin-bottom:12px}.demo-steps{gap:4px;margin-bottom:10px}.demo-steps button{font-size:11px;gap:5px;padding:8px 4px;min-height:44px}.demo-panel{padding:17px;min-height:298px}.demo-panel-top{font-size:9px;margin-bottom:15px;gap:8px}.demo-label-text{font-size:8px}.demo-panel h2{font-size:24px;margin-bottom:16px}.demo-chat{font-size:14px;padding:11px 13px}.demo-panel .metric strong{font-size:24px}.demo-panel .metric small{font-size:10px}.demo-terms{font-size:13px}.example-foot{gap:10px}.example-foot>span{font-size:8px}.watch-film{font-size:11px;gap:7px}.use-case{align-items:stretch;grid-template-columns:112px minmax(0,1fr);gap:16px;padding-bottom:20px}.case-art{height:100%;min-height:184px}.case-copy h3{font-size:24px;margin-bottom:8px}.case-copy p{font-size:14px;min-height:0}.case-actions{margin-top:12px;gap:0}.case-start{font-size:12px;gap:10px;padding:9px 11px}.case-example{font-size:12px}.home-how{padding-block:26px}}
@media(max-width:390px){.use-case{grid-template-columns:100px minmax(0,1fr);gap:15px}.case-copy h3{font-size:23px}.demo-panel h2{font-size:23px}}
@media(prefers-reduced-motion:no-preference){.demo-panel:not([hidden]){animation:panel-in .22s ease-out}@keyframes panel-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}}
.skip:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Lead with forwarding and the agreement that comes back. */
.forwarded-chat{background:#e3f2e9;border:1px solid #cde3d5;border-radius:4px 13px 13px;max-width:100%;font-size:16px}.forwarded-label{display:block;font-size:11px;font-style:italic;color:#657d6e;margin-bottom:6px}.forward-caption{font-size:12px;color:#726b80;margin:12px 0 17px}.private-note a{display:inline-block;text-decoration:underline;text-underline-offset:3px}.demo-panel-top:has(+ #conversation-title) .demo-label-text{color:#25754e}.case-copy .channel-note{font-size:12px;line-height:1.5;color:#776583;margin-top:7px;min-height:0}.case-copy:has(.channel-note) .case-actions{margin-top:8px}.home-how h2{font-size:38px;line-height:1.12}.home-how h2 br{display:none}.home-how h2 em:before{content:' '}
@media(max-width:760px){.forwarded-chat{font-size:14px}.forward-caption{font-size:11px}.demo-panel h2{font-size:24px}.demo-panel{min-height:303px}.home-how h2{font-size:29px;max-width:340px}.home-how h2 br{display:initial}.home-how h2 em:before{content:none}.case-art{min-height:200px}.case-copy .channel-note{font-size:11px}.hero-message .home-lead{max-width:31ch}}
/* One product across messaging channels; one agreement that can evolve. */
.hero-message h1{font-size:clamp(48px,5.3vw,76px);line-height:1.03}.change-promise{display:block;margin-top:12px}.supported-channels{display:flex;gap:8px;margin:-6px 0 20px;color:#e0d5ef;font-size:12px}.supported-channels span{border:1px solid #ffffff40;border-radius:30px;padding:5px 12px;background:#ffffff0b}.baseline-receipt{background:#f5f1fc;border:1px solid #e6dcef;border-radius:9px;margin:14px 0;padding:13px 15px}.receipt-eyebrow{display:block;font-size:8px;letter-spacing:.07em;color:#79658d;margin-bottom:6px;font-weight:650}.baseline-receipt>div{display:flex;gap:14px;align-items:center}.baseline-receipt strong{font-size:27px;letter-spacing:-.05em}.baseline-receipt>div>span{font-size:13px;color:#6d607d}.baseline-receipt p{font-size:12px;margin:5px 0}.baseline-receipt>.agreed-state{font-size:11px;font-weight:600}.demo-panel{min-height:365px}.demo-panel-top{margin-bottom:14px}.demo-panel h2{font-size:27px;margin-bottom:15px}.change-lines{margin:14px 0;font-size:13px}.change-lines>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;border-bottom:1px solid #e6dfee}.change-lines strong{white-space:nowrap}.change-lines .record-total{border:0;font-weight:700;font-size:16px;color:#58407d;padding-bottom:0}.record-followthrough{border-top:1px solid #e6dfee;margin-bottom:12px}.record-followthrough summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px;font-weight:600;color:#6749a5;list-style:none}.record-followthrough summary::-webkit-details-marker{display:none}.record-followthrough summary>span{font-size:20px}.record-followthrough[open] summary>span{transform:rotate(45deg)}.followthrough-content{display:grid;gap:10px;padding:0 0 13px}.followthrough-reminder,.followthrough-complete{padding:12px;border-radius:8px;background:#edf5ef;border:1px solid #d6e6db}.followthrough-complete{background:#f4effb;border-color:#e4daef}.followthrough-content span{font-size:9px;letter-spacing:.06em;color:#6a6472}.followthrough-content p{font-size:13px;margin-top:5px;line-height:1.5}.followthrough-note{color:#726b80}.hero-layout{padding-block:45px;min-height:650px}.demo-panel .reply{margin-bottom:0}.channel-picker{width:calc(100% - 32px);max-width:450px;border:1px solid #ded5ee;border-radius:18px;padding:0;color:#221b35;background:#fff;max-height:calc(100dvh - 40px);overflow:auto}.channel-picker::backdrop{background:#21142ab0;backdrop-filter:blur(5px)}.channel-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #e8e1ef}.channel-top .brand{font-size:20px;gap:6px}.channel-top .brand img{width:26px;height:26px}.channel-close{width:44px;height:44px;border:0;background:#f4effb;border-radius:50%;font-size:26px}.channel-body{padding:23px}.channel-body h2{font-size:30px;margin-bottom:12px}.channel-body>p{font-size:15px;line-height:1.6;color:#726b80}.channel-options{display:grid;gap:12px;margin-top:22px}.channel-options>a{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #e0d7ed;border-radius:10px;background:#f9f6fd}.channel-options>a:hover{border-color:#705df2;background:#f0ebff}.channel-options strong,.channel-options small{display:block}.channel-options strong{font-size:18px}.channel-options small{font-size:12px;color:#726b80;margin-top:4px}.channel-options>a>span:last-child{font-size:23px;color:#705df2}.channel-website{display:flex;justify-content:space-between;align-items:center;min-height:48px;font-size:14px;color:#6c4d9b;margin-top:12px}.home-primary{font-family:inherit;cursor:pointer}
@media(max-width:760px){.hero-message h1{font-size:clamp(41px,10.4vw,48px);line-height:1.06;letter-spacing:-.06em}.hero-message .home-lead{font-size:16px;max-width:35ch}.change-promise{margin-top:8px}.supported-channels{font-size:11px;margin:0 0 17px;gap:7px}.supported-channels span{padding:4px 10px}.hero-layout{padding-block:27px 15px;min-height:0}.demo-intro{font-size:17px}.demo-steps button{font-size:10px;gap:4px}.demo-panel{padding:16px;min-height:365px}.demo-panel h2{font-size:25px}.demo-panel-top{font-size:9px}.forwarded-chat{font-size:13px;padding:10px 12px}.baseline-receipt{padding:11px 13px;margin:12px 0}.baseline-receipt strong{font-size:25px}.baseline-receipt p{font-size:11px}.baseline-receipt>.agreed-state{font-size:10px}.demo-panel .reply blockquote{font-size:15px}.change-lines{margin:10px 0}.record-followthrough{margin-bottom:7px}.channel-body{padding:21px}.channel-body h2{font-size:28px}}

.business-home{padding-bottom:0}.business-home .home-hero h1{font-size:clamp(44px,4.5vw,72px);line-height:1.04}.business-home .home-lead{max-width:540px}.business-home .home-scene{object-position:62% center}.business-journey{padding-top:64px;padding-bottom:52px}.business-journey h2{font-size:clamp(27px,3vw,40px);letter-spacing:-.04em}.business-journey ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:32px;margin:28px 0}.business-journey li{display:flex;align-items:flex-start;gap:14px}.business-journey li>span{display:grid;place-items:center;background:#eee8ff;color:#7052c4;border-radius:50%;min-width:32px;height:32px;font-weight:700}.business-journey h3{margin:2px 0 8px;font-size:20px}.business-journey p{margin:0;line-height:1.6;color:#686174}.business-quiet{font-size:14px}.business-home .case-copy details{font-size:14px;line-height:1.6;margin-top:16px}.business-home summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:650;color:#6842a6}.business-home .case-copy details[open]{padding-bottom:12px}.business-home .case-copy details p{font-size:14px;margin:8px 0}.business-price{font-size:15px!important;opacity:.85;margin-top:18px!important}.business-footer-links{display:flex;gap:24px;padding:20px 0;flex-wrap:wrap}.business-footer-links a{font-size:14px;color:#655a75}.business-home .home-footer{padding-bottom:24px}.business-home .demo-chat{animation:business-appear .6s ease both}.business-home .baseline-receipt{animation:business-appear .8s .15s ease both}@keyframes business-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:700px){.business-home .home-hero h1{font-size:40px;letter-spacing:-.055em}.business-home .home-lead{font-size:17px;line-height:1.5}.business-home .hero-message{padding-bottom:20px}.business-home .home-hero{min-height:0}.business-home .home-scene{object-position:64% top}.business-home .hero-example{margin-top:10px}.business-home .demo-intro{font-size:16px}.business-journey{padding-top:36px;padding-bottom:28px}.business-journey ol{grid-template-columns:1fr;gap:20px}.business-journey h3{font-size:18px}.business-journey p{font-size:15px}.business-home .use-case{display:block}.business-home .case-art{height:190px!important;display:block!important}.business-home .case-copy{padding:18px 0 24px}.business-home .case-copy h3{font-size:25px}.business-home .home-start{padding-top:28px}.business-home .use-cases{gap:20px}.business-home .home-how{padding:44px 0}.business-home .home-how h2{font-size:38px}.business-home .home-how .home-eyebrow{line-height:1.7}.business-home .home-footer{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.business-home *{animation:none!important;scroll-behavior:auto!important}}
/* Conversation-first story. Keep every slide in the same intrinsic grid track:
   the tallest slide reserves space, so switching never resizes the hero. */
.business-home .demo-stage{display:grid;overflow:visible;overflow-anchor:none}
.business-home .demo-stage>.demo-panel{grid-area:1/1;display:flex!important;flex-direction:column;min-height:0;margin:0;width:100%;box-sizing:border-box}
.business-home .demo-stage>.demo-panel[hidden]{visibility:hidden;pointer-events:none}
.business-home .demo-next{margin-top:auto;padding-top:16px;min-height:48px}
.business-home .demo-panel h2{font-size:clamp(23px,2.2vw,31px);line-height:1.12;letter-spacing:-.045em}
.business-home .demo-intro{max-width:32ch;line-height:1.3}
.business-home .example-foot{gap:12px;color:#e2d9eb;font-size:10px;padding-top:8px}
.business-home .example-foot>span{font-size:10px}
.business-home .demo-chat{font-size:16px;line-height:1.55;padding:16px;font-style:normal}
.effort-note{display:flex;gap:14px;align-items:center;padding:20px 0;color:#655374;font-size:14px;line-height:1.6}
.effort-note>span{font-size:30px;color:#8662cb}.effort-note strong{font-weight:550;color:#362945}
.agreement-slip{background:#f4effb;border:1px solid #e4d9f1;border-radius:12px;padding:18px;margin:0 0 12px}
.slip-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:700;color:#312342;font-size:18px}
.agreement-slip .slip-heading>strong{font-size:27px;letter-spacing:-.04em;white-space:nowrap}
.agreement-slip dl,.scenario-result dl{margin:14px 0 0}
.agreement-slip dl>div,.scenario-result dl>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-top:1px solid #e2d9eb;font-size:13px;line-height:1.45}
.agreement-slip dt,.scenario-result dt{color:#796c85}.agreement-slip dd,.scenario-result dd{margin:0;text-align:right;font-weight:550;color:#352943}
.business-home .demo-terms{font-size:14px;line-height:1.55;margin:8px 0 18px}
.customer-response{display:flex;align-items:flex-start;gap:14px;padding:20px 16px;background:#edf6f0;border-radius:12px;margin:0 0 16px}
.customer-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;color:#fff;background:#52846d}
.customer-response strong{font-size:14px}.customer-response p{font-size:17px;line-height:1.4;margin:8px 0 12px}.customer-response .agreed-state{font-size:12px}
.record-summary{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 0 12px;border-bottom:1px solid #e6deed;font-size:16px}.record-summary>span:last-child{grid-column:1/-1;font-size:12px;color:#766a82}
.business-home .home-start{padding-top:56px;padding-bottom:60px}
.business-home button:focus-visible,.business-home summary:focus-visible,.business-home a:focus-visible{outline:3px solid #b59af1;outline-offset:4px}
.after-agreement{padding:56px 0 64px;background:#f2edf8}.after-agreement .section-heading h2{font-size:44px;letter-spacing:-.045em;line-height:1.1}.followup-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.followup-card{background:#fff;border:1px solid #e1d8eb;border-radius:18px;padding:30px}.followup-kicker{font-size:10px;letter-spacing:.1em;font-weight:650;color:#8a749c;margin:0 0 14px}.followup-card h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;max-width:18ch;margin:0 0 24px}.extra-message{border-radius:12px 12px 12px 3px;background:#e8f3ed;padding:15px 18px;max-width:90%;margin-bottom:16px}.extra-message>span{font-size:11px;color:#5d7b69}.extra-message p{font-size:17px;margin:6px 0 0;line-height:1.4}.extra-proposal>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e9e0f1;padding:12px 0;font-size:14px}.extra-proposal>div:last-child strong{color:#7650b4}.followup-explainer{font-size:15px;line-height:1.6;color:#71627d;margin:20px 0 12px;max-width:47ch}.followup-card summary{justify-content:space-between;font-size:13px;border-top:1px solid #e6deee;gap:12px}.followup-card summary>span{font-size:20px}.extra-outcome>div{background:#f2edf9;padding:16px;border-radius:9px;margin-top:8px}.extra-outcome p{display:flex;justify-content:space-between;margin:14px 0 8px;font-size:15px}.extra-outcome small{font-size:12px;color:#776783}.extra-outcome .agreed-state{font-size:13px}.reminder-notification{border:1px solid #e6ddec;border-radius:14px;background:#fcfaff;padding:20px;box-shadow:0 8px 20px #41255a08}.reminder-sender{display:flex;gap:7px;align-items:center;font-size:12px}.reminder-sender img{width:23px;height:23px}.reminder-sender>span{font-size:10px;color:#8a7b95;margin-left:auto}.reminder-notification h4{font-size:19px;margin:20px 0 8px;letter-spacing:-.025em}.reminder-notification>p{font-size:15px;color:#6e607a;margin:0}.reminder-visit{display:grid;grid-template-columns:45px 1fr;gap:2px 16px;margin:18px 0}.reminder-visit>span{font-size:10px;text-align:center;color:#7050aa}.reminder-visit>strong{grid-column:1;font-size:30px;line-height:1;text-align:center;color:#7050aa}.reminder-visit>div{grid-column:2;grid-row:1/3;font-size:13px;color:#756584;align-self:center}.reminder-review{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5dcec;padding-top:12px;font-size:12px;color:#7050aa;font-weight:600}.reminder-details p{font-size:13px;line-height:1.6;color:#776783;margin:8px 0}.business-home .home-how h2{max-width:900px;margin-inline:auto}
@media(max-width:760px){.business-home .demo-panel h2{font-size:26px}.business-home .demo-chat{font-size:15px;padding:14px}.business-home .demo-panel{padding:20px}.business-home .demo-steps button{font-size:11px;padding:12px 5px}.business-home .home-start{padding-top:34px;padding-bottom:34px}.business-home .section-heading{margin-bottom:22px}.business-home .section-heading h2{font-size:32px}.scenario-tabs{gap:6px;margin-bottom:16px}.scenario-tabs button{flex:1;font-size:13px;padding:10px 8px}.scenario-panel{grid-template-columns:1fr}.scenario-scene{min-height:210px}.scenario-caption{left:20px;bottom:20px}.scenario-caption strong{font-size:27px}.scenario-content{padding:20px;gap:14px}.scenario-input{padding:18px}.scenario-input p{font-size:17px}.scenario-result{padding:18px}.scenario-result .slip-heading{font-size:17px}.scenario-result .slip-heading>strong:last-child{font-size:24px}.scenario-result dl>div{font-size:13px}.scenario-transform{font-size:14px}.after-agreement{padding:34px 0}.followup-grid{grid-template-columns:1fr;gap:18px}.followup-card{padding:24px}.followup-card h3{font-size:27px;margin-bottom:20px}.followup-explainer{font-size:14px}.reminder-notification{padding:18px}.business-home .home-how h2{font-size:32px}.agreement-slip{padding:14px}.business-home .hero-message .home-lead{font-size:17px}.business-home .example-foot>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.business-home .demo-chat,.business-home .baseline-receipt{animation:none}}

.business-home .channel-options>a:first-child{background:#7052bd;border-color:#7052bd;color:#fff}.business-home .channel-options>a:first-child small,.business-home .channel-options>a:first-child>span:last-child{color:#f0e9ff}.business-home .channel-body .channel-review-note{font-size:12px;line-height:1.6;margin:18px 0 0;color:#796c85}.business-home .channel-options a:focus-visible{outline:3px solid #b59af1;outline-offset:4px}

/* Rich business scenes tell the next chapter, rather than repeat the hero. */
.business-stories-intro{font-size:18px;color:#766880;margin-top:14px}
.business-stories{display:flex;gap:16px;min-height:440px}
.work-story{position:relative;isolation:isolate;flex:1;min-width:0;min-height:440px;overflow:hidden;border-radius:20px;background:#291d39;color:#fff;transition:flex .45s ease,box-shadow .35s ease}
.work-story.is-active{flex:1.65;box-shadow:0 18px 40px #281a3320}
.work-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s ease}
.work-story.is-active>img{transform:scale(1.055)}
.work-story-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#21152a00 5%,#21152a70 35%,#21152af5 100%)}
.work-story-copy{position:absolute;bottom:0;left:0;right:0;padding:26px}
.work-story-select{position:relative;text-align:left;width:100%;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:12px 28px 12px 0;min-height:100px}
.work-story-select>span:first-child{font-size:13px;color:#dfd3f0}
.work-story-select h3{font-size:clamp(25px,2.3vw,33px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 0;max-width:15ch}
.story-open{position:absolute;right:0;top:12px;font-size:25px;color:#d2b9ff;transition:transform .35s}.is-active .story-open{transform:rotate(90deg)}
.work-story-detail p{font-size:15px;line-height:1.5;margin:4px 0 16px;color:#ece4f5;max-width:32ch}
.work-story-detail dl{padding:12px 14px;background:#ffffff12;border:1px solid #ffffff30;border-radius:10px;margin:0}
.work-story-detail dl>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;padding:7px 0}
.work-story-detail dl>div+div{border-top:1px solid #ffffff25}.work-story-detail dd{margin:0;text-align:right;font-weight:650;color:#e3ceff}
.work-story-note{display:block;font-size:10px;color:#c1b1d0;margin-top:10px}
.stories-hint{font-size:12px;color:#796c85;margin-top:18px}.stories-hint span{margin-left:7px}
.followup-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;transform-origin:center;position:relative}
.followup-card:focus-within{transform:translateY(-5px);box-shadow:0 18px 45px #44236015;border-color:#c8b4e7;z-index:1}
@media(hover:hover) and (pointer:fine){.followup-card:hover{transform:translateY(-7px) scale(1.02);box-shadow:0 22px 48px #44236020;border-color:#baa0df;z-index:1}}
@media(max-width:760px){
.business-stories{overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 0 12px;min-height:410px}
.work-story,.work-story.is-active{flex:0 0 88%;min-height:410px;scroll-snap-align:center;box-shadow:none}
.work-story-copy{padding:22px}.work-story-select h3{font-size:30px}.business-stories-intro{font-size:16px}
.work-story-select{min-height:90px}.work-story-detail p{font-size:14px}.work-story-detail dl>div{font-size:12px}
.stories-hint{margin-top:8px}.stories-hint:before{content:'Swipe to explore · '}
.followup-card{transform:scale(.98);transition:transform .45s ease,box-shadow .45s ease}
.followup-card.in-view,.followup-card:focus-within{transform:scale(1);box-shadow:0 14px 35px #44236012}
}
@media(prefers-reduced-motion:reduce){.work-story,.work-story>img,.story-open,.followup-card{transition:none!important;transform:none!important}}
/* A full agreement preview, opened on demand rather than lengthening the hero. */
.open-rich-example{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 4px 8px;background:none;border:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;text-align:left}.open-rich-example span{font-size:23px;color:#d8caff}
body.example-is-open{overflow:hidden}
.agreement-example{width:min(1100px,calc(100% - 48px));height:min(840px,calc(100dvh - 48px));max-width:none;max-height:none;border:1px solid #e5dced;border-radius:22px;padding:0;background:#fcfafe;color:#291e39;overflow:hidden;box-shadow:0 30px 100px #140c3850}
.agreement-example::backdrop{background:#1c122cc9;backdrop-filter:blur(8px)}
.example-toolbar{height:72px;display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid #e6dfee;background:#fff}.example-toolbar .brand{font-size:21px}.example-toolbar .brand img{width:27px;height:27px}.example-badge{font-size:11px;color:#785998;background:#f0eafa;border-radius:20px;padding:6px 10px;margin-left:auto}.example-close{flex-shrink:0;width:44px;height:44px;background:#f1ebf8;border:0;border-radius:50%;font-size:27px;color:#52346f;cursor:pointer}
.example-layout{height:calc(100% - 72px);display:grid;grid-template-columns:290px minmax(0,1fr)}
.example-overview{position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#261936}.example-overview>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:48% center}.example-overview:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#25193445,#251934ed 55%,#251934)}.example-overview-copy{padding:30px 26px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.example-eyebrow{font-size:10px;letter-spacing:.08em;font-weight:650;color:#8b70a4}.example-overview .example-eyebrow{color:#dcc7f9}.example-overview h2{font-size:40px;line-height:1.05;letter-spacing:-.04em;margin:14px 0}.example-overview p{font-size:15px;line-height:1.6;color:#e3d7ef}.example-total{display:flex;flex-direction:column;gap:5px;margin-top:28px;border-top:1px solid #ffffff30;padding-top:20px}.example-total>span{font-size:12px;color:#cebadf}.example-total strong{font-size:42px;letter-spacing:-.04em}.example-progress{display:grid;gap:13px;margin-top:25px;font-size:13px;color:#e2d5f2}
.example-workspace{display:flex;flex-direction:column;min-width:0;min-height:0}.example-nav{flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);padding:14px 20px;gap:6px;border-bottom:1px solid #e6dfee;background:#fff}.example-nav button{display:flex;gap:7px;align-items:center;justify-content:center;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;padding:12px 6px;min-height:44px;border:0;border-radius:8px;background:#f5f1fa;color:#806b94;cursor:pointer}.example-nav button[aria-pressed=true]{background:#7052bd;color:white}
.example-content{flex:1;overflow:auto;overscroll-behavior:contain;padding:26px 30px;min-height:0;scrollbar-gutter:stable}.example-page[hidden]{display:none}.example-section-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.example-pill{font-size:11px;padding:5px 9px;border-radius:15px;background:#f0e9f9;color:#7e5b9b;white-space:nowrap}.example-page h3{font-size:30px;letter-spacing:-.04em;line-height:1.1;margin:0 0 20px}.example-source{margin-bottom:18px;background:#eaf4ee;border-radius:10px;padding:0 15px}.business-home .example-source summary{font-size:13px;color:#43725b}.example-source p{font-size:14px;line-height:1.6;padding:0 0 16px;color:#3b5b4a}
.example-document,.example-review-card{background:#fff;border:1px solid #e4dced;border-radius:14px;padding:22px}.example-document-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6deef;padding-bottom:18px}.example-document-heading span{font-size:10px;letter-spacing:.08em;color:#8a759d}.example-document-heading h4{font-size:19px;margin-top:7px;line-height:1.2}.example-document-heading>strong{font-size:29px;white-space:nowrap;letter-spacing:-.04em}.example-people{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}.example-people span,.example-people strong{display:block;font-size:12px;line-height:1.5}.example-people span{color:#8b7b98;margin-bottom:4px}.example-terms{margin:0}.example-terms>div{display:grid;grid-template-columns:105px 1fr;gap:16px;border-top:1px solid #eee7f3;padding:13px 0;font-size:13px;line-height:1.6}.example-terms dt{color:#83718f}.example-terms dd{margin:0}.example-document-note{font-size:12px;line-height:1.6;background:#f5f0fc;border-radius:8px;padding:13px;margin-top:12px;color:#735e86}.example-caption{font-size:12px;line-height:1.6;color:#84728f;margin:14px 0 20px}
.example-action,.example-secondary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:0;border-radius:8px;padding:12px 16px;background:#7052bd;color:white;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.example-action:disabled{opacity:.5;cursor:default}.example-secondary{background:#eee7f7;color:#654887;border:1px solid #ded2ec}.example-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.example-message{background:#e8f3ed;border:1px solid #cfe3d6;border-radius:4px 15px 15px;padding:20px;margin:0 0 20px}.example-message>span{font-size:11px;color:#668571}.example-message p{font-size:16px;line-height:1.6;margin:10px 0}.example-message button:not(.example-secondary),.example-result button{background:none;border:0;color:#67459c;padding:8px 0;min-height:44px;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;text-align:left}.example-price-line{display:flex;align-items:center;justify-content:space-between;margin:14px 0;font-size:14px}.example-price-line strong{font-size:34px;letter-spacing:-.04em}.example-review-card>p{font-size:14px;line-height:1.6;color:#796984}.example-question{background:#f6f1fb;border-radius:10px;padding:16px;margin-top:18px}.example-question p{font-size:14px;line-height:1.6;margin-bottom:12px}.example-question small{font-size:12px;color:#7f6b91}.example-result{border:1px solid #c8dfd1;background:#edf6f0;border-radius:10px;padding:16px;margin-top:18px;color:#35654b}.example-result p{font-size:14px;line-height:1.6;margin-top:8px}.example-result>strong{font-size:15px}.example-change-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;font-size:14px}.example-change-row>strong{white-space:nowrap;font-size:20px}.example-extra{border-block:1px solid #e5d8f2;color:#7650ab}.example-extra p{font-size:13px;line-height:1.6;margin-top:7px;color:#81708e}.example-reminder h4,.example-review-card h4{font-size:22px;line-height:1.2;margin:14px 0}.example-footer{flex-shrink:0;display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #e6dfee;background:#fff;padding:12px 24px}.example-footer p{font-size:11px;line-height:1.4;color:#8a7896;max-width:32ch}.example-reset{flex-shrink:0;border:0;background:none;color:#71528f;min-height:44px;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:760px){.agreement-example{width:100%;height:100dvh;margin:0;border:0;border-radius:0}.example-toolbar{height:64px;padding:10px 16px;gap:9px}.example-toolbar .brand{font-size:18px;gap:5px}.example-toolbar .brand img{width:24px;height:24px}.example-badge{font-size:9px;padding:5px 8px}.example-close{width:40px;height:40px}.example-layout{height:calc(100% - 64px);display:flex;flex-direction:column}.example-overview{flex-shrink:0;height:102px}.example-overview>img{object-position:60% 45%}.example-overview:after{background:linear-gradient(90deg,#251934ee,#2519348c)}.example-overview-copy{padding:17px 20px;display:grid;grid-template-columns:1fr auto;gap:0 20px;align-content:center}.example-overview h2{font-size:27px;margin:5px 0}.example-overview .example-eyebrow{font-size:8px;grid-column:1}.example-overview p,.example-progress{display:none}.example-total{grid-column:2;grid-row:1/3;margin:0;padding:0;border:0;align-self:center}.example-total>span{font-size:10px}.example-total strong{font-size:29px}.example-workspace{flex:1}.example-nav{padding:10px 12px;gap:4px}.example-nav button{font-size:11px;flex-direction:column;gap:2px;padding:6px 3px}.example-content{padding:20px 18px;scrollbar-gutter:auto}.example-page h3{font-size:27px}.example-section-top{gap:6px}.example-eyebrow{font-size:9px}.example-document,.example-review-card{padding:17px}.example-document-heading h4{font-size:17px}.example-document-heading>strong{font-size:26px}.example-terms>div{grid-template-columns:1fr;gap:3px;padding:12px 0}.example-terms dt{font-weight:650}.example-message{padding:17px}.example-footer{padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:12px}.example-footer p{font-size:10px}.example-reset{font-size:11px}.example-actions>*{flex:1;justify-content:center}.example-people{gap:10px}}

/* A fourth hero step shows the reminder without adding another section. */
.business-home .demo-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.business-home .demo-steps button{min-width:0;gap:5px;font-size:11px}
.hero-reminder-message{background:#edf5f0;border:1px solid #cfe3d7;border-radius:5px 14px 14px;padding:18px;margin-bottom:12px}
.hero-reminder-message .hero-reminder-title{font-size:21px;font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:18px 0 8px;color:#2b4537}
.hero-reminder-message>p:not(.hero-reminder-title){font-size:13px;color:#607868;line-height:1.5}
.hero-reminder-replies{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #cee0d5;padding-top:12px;margin-top:16px;font-size:11px;font-weight:600;color:#4e715e}
.hero-reminder-replies span{padding:7px 9px;background:#fff9;border-radius:6px}
@media(max-width:760px){.business-home .demo-steps button{flex-direction:column;gap:3px;min-height:52px;padding:7px 3px;font-size:11px}.hero-reminder-message{padding:15px}.hero-reminder-message .hero-reminder-title{font-size:21px}}
/* Agreement detail and changes belong directly beside the agreed terms. */
.hero-agreement-details{border-block:1px solid #e5dbee;margin:2px 0 10px;color:#31243e}
.business-home .hero-agreement-details summary{justify-content:space-between;gap:12px;min-height:48px;font-size:14px;color:#6847a0;list-style:none}
.hero-agreement-details summary>span{font-size:22px}.hero-agreement-details[open] summary>span{transform:rotate(45deg)}
.hero-terms-body{padding-bottom:12px}.hero-terms-note{font-size:11px;color:#8c789b;margin-bottom:10px}
.hero-terms-body dl{margin:0}.hero-terms-body dl>div{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:10px 0;border-top:1px solid #eee7f3;font-size:13px;line-height:1.55}.hero-terms-body dt{color:#816d90}.hero-terms-body dd{margin:0}.hero-document-link{border:0;background:none;color:#7052bd;padding:12px 0;font-family:inherit;font-weight:650;font-size:13px;cursor:pointer}
.hero-add-change{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;border:1px solid #cab4eb;border-radius:10px;background:#eee5fc;color:#5b368c;font-family:inherit;font-weight:700;font-size:15px;padding:12px 15px;margin:0 0 16px;cursor:pointer;text-align:left}.hero-add-change>span{font-size:23px;line-height:1}.hero-add-change small{flex-basis:100%;font-size:11px;font-weight:500;padding-left:33px;color:#806398}.hero-add-change:hover{background:#e3d5f7}.example-add-change{border-color:#b99bdf;background:#ede2fc;color:#60398e}
.reminder-setting{display:flex;align-items:center;gap:9px;border:1px solid #ddd1e9;border-radius:10px;padding:12px 13px;background:#f8f4fc;margin:0 0 14px;cursor:pointer;position:relative;color:#4b345f}
.reminder-setting>span:first-child{flex:1}.reminder-setting strong,.reminder-setting small{display:block}.reminder-setting strong{font-size:12px;line-height:1.4}.reminder-setting small{font-size:10px;color:#8b7699;margin-top:3px}.reminder-setting input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:38px;height:23px;background:#bdb2c8;border-radius:20px;padding:3px;flex-shrink:0;transition:background .2s}.toggle-track:before{content:'';display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #27143730;transition:transform .2s}.reminder-setting input:checked+.toggle-track{background:#7754bd}.reminder-setting input:checked+.toggle-track:before{transform:translateX(15px)}.reminder-setting input:focus-visible+.toggle-track{outline:3px solid #ad8add;outline-offset:4px}.toggle-state{font-size:11px;min-width:18px}.hero-reminder-replies [hidden],.example-actions>[hidden]{display:none!important}
/* Distinct steps, clearer hierarchy, and a stronger active treatment. */
.business-home .demo-steps{gap:7px}.business-home .demo-steps button{border-radius:12px;min-height:62px;flex-direction:column;gap:5px;background:#ffffff12;border-color:#ffffff3b;font-size:12px;box-shadow:inset 0 1px 0 #ffffff12}.business-home .demo-steps button>span{font-size:10px;letter-spacing:.1em}.business-home .demo-steps button[aria-pressed=true]{background:linear-gradient(140deg,#f3eaff,#d7c4fc);border-color:#e4d4ff;color:#4f2e7a;box-shadow:0 5px 16px #170c362b,inset 0 -3px 0 #b795ef}.business-home .demo-steps button:hover:not([aria-pressed=true]){background:#ffffff24}
.example-nav{padding:12px;gap:8px;background:#f5f0fa}.example-nav button{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:12px;border:1px solid #e6ddef;background:#fff;border-radius:12px;transition:background .2s,box-shadow .2s}.nav-step-number{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eee7f7;color:#8b6ba4;font-size:10px;font-weight:700}.nav-step-copy{display:flex;flex-direction:column;text-align:left;gap:4px}.nav-step-copy strong{font-size:13px;line-height:1.2}.nav-step-copy small{font-size:10px;font-weight:400;color:#9a86aa}.example-nav button[aria-pressed=true]{background:linear-gradient(135deg,#8965d3,#614098);color:white;border-color:#7050ab;box-shadow:0 5px 14px #68409d30}.example-nav button[aria-pressed=true] .nav-step-number{background:#ffffff25;color:#fff}.example-nav button[aria-pressed=true] small{color:#eee3fc}.example-nav button:hover:not([aria-pressed=true]){background:#eee5fa;border-color:#cfb9e7}
@media(max-width:760px){.business-home .demo-steps button{font-size:10px;min-height:58px;padding:7px 2px}.business-home .demo-steps{gap:5px}.hero-terms-body dl>div{grid-template-columns:1fr;gap:3px}.hero-terms-body dt{font-weight:650}.example-nav{gap:5px;padding:8px 10px}.example-nav button{padding:8px 6px;gap:5px}.nav-step-number{width:21px;height:21px;font-size:9px}.nav-step-copy strong{font-size:10px}.nav-step-copy small{display:none}}
@media(prefers-reduced-motion:reduce){.toggle-track,.toggle-track:before,.example-nav button{transition:none}}
/* One clear action, with the channel label kept outside the button. */
.whatsapp-entry-label{font-size:12px!important;font-weight:500;color:#ded2eb!important;margin:0 0 9px!important;line-height:1.4}
.home-primary.whatsapp-start{gap:28px;justify-content:space-between;padding:15px 20px;min-height:54px;border:1px solid #a58bea;background:#7350cb;box-shadow:none;max-width:100%;margin-top:0}
.home-primary.whatsapp-start:hover{background:#805cdb}
.home-primary.whatsapp-start:focus-visible{outline:3px solid #fff;outline-offset:4px}
.home-primary .whatsapp-start-copy{font-size:17px;font-weight:450;line-height:1.3;letter-spacing:0}
.whatsapp-start-copy strong{font-weight:650}
.home-primary .whatsapp-start-arrow{font-size:23px;line-height:1}
.whatsapp-onboarding{color:#ded2eb;font-size:14px;line-height:1.6;max-width:40ch;margin:14px 0 4px}
.website-start{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:#d8c7eb;text-decoration:underline;text-underline-offset:4px}
.hero-message .website-start+.private-note{margin-top:5px}
.home-how .whatsapp-entry-label{margin-top:22px!important;color:#6c607e!important}
.home-how .website-start{display:flex;width:fit-content;margin:8px auto 0;color:#795592}
@media(max-width:760px){.home-primary.whatsapp-start{gap:24px;padding:14px 18px}.home-primary .whatsapp-start-copy{font-size:17px}.whatsapp-onboarding{font-size:13px;max-width:36ch}.website-start{font-size:12px}}
/* One bounded example frame: the reading area changes, the controls stay put. */
.business-home .hero-layout{min-height:0;padding-block:36px;gap:70px}
.business-home .hero-example{min-width:0;scroll-margin-block:12px}
.business-home .demo-stage{display:block;height:380px;height:min(380px,calc(100dvh - 200px));overflow:hidden}
.business-home .demo-stage>.demo-panel{display:flex!important;height:100%;padding:18px 20px;min-height:0;overflow:hidden}
.business-home .demo-stage>.demo-panel[hidden]{display:none!important}
.business-home .demo-panel-top{flex-shrink:0;margin-bottom:10px}
.business-home .demo-panel h2{flex-shrink:0;font-size:25px;margin-bottom:12px}
.demo-panel-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px;scrollbar-gutter:stable}
.demo-panel-content:focus-visible{outline:2px solid #bfa5e7;outline-offset:-2px;border-radius:5px}
.business-home .demo-next{flex-shrink:0;margin:8px 0 0;padding:8px 0 0;min-height:44px}
.business-home .demo-chat{font-size:15px;line-height:1.5;padding:12px}
.business-home .effort-note{font-size:13px;padding:12px 0;line-height:1.5}
.business-home .demo-panel .demo-terms{font-size:13px;margin:8px 0 12px}
.business-home .demo-intro{font-size:18px;margin-bottom:12px}
.business-home .demo-steps button{min-height:50px}
.business-home .open-rich-example{padding-top:12px;font-size:13px;min-height:44px}
.business-home .example-foot{padding-top:0;margin-top:4px}.business-home .example-foot>span{font-size:9px}
.business-home .hero-add-change{padding:9px 12px;margin-bottom:10px;min-height:44px;font-size:14px}
.business-home .hero-add-change small{display:none}
.business-home .hero-reminder-message{padding:12px;margin-bottom:10px}
.business-home .hero-reminder-message .hero-reminder-title{font-size:19px;margin:12px 0 6px}
.business-home .hero-reminder-replies{padding-top:8px;margin-top:10px}
.business-home .reminder-setting{padding:9px 11px;margin-bottom:10px}
.business-home .agreement-slip{padding:13px;margin-bottom:8px}
.business-home .agreement-slip dl>div{padding:6px 0}
.business-home .hero-agreement-details summary{font-size:13px;min-height:44px}
.agreement-example{height:min(820px,calc(100dvh - 24px))}
.example-toolbar{height:58px;padding:7px 20px}.example-layout{height:calc(100% - 58px)}
.example-nav{padding:9px;gap:6px}.example-nav button{flex-direction:row;align-items:center;padding:10px;gap:8px}.nav-step-copy small{font-size:9px}.nav-step-number{flex-shrink:0}
.example-content{padding:20px 24px}
.example-actionbar{flex-shrink:0;background:#fff;border-top:1px solid #e3d9ed;padding:10px 20px;box-shadow:0 -5px 15px #35214605}
.example-pinned-actions{display:flex;gap:10px;align-items:center}.example-pinned-actions[hidden]{display:none}.example-pinned-actions>button{flex:1;justify-content:center}
.example-footer{padding:6px 20px;gap:10px}.example-footer p{max-width:none;font-size:10px}.example-footer .example-reset{min-height:32px}
.example-page h3{font-size:27px;margin-bottom:16px}.example-section-top{margin-bottom:12px}
@media(max-width:760px){
.business-home .hero-layout{padding-block:26px 18px}.business-home .hero-example{margin-top:20px}
.business-home .demo-stage{height:min(360px,calc(100dvh - 170px))}
.business-home .demo-stage>.demo-panel{padding:15px}
.business-home .demo-panel h2{font-size:23px;margin-bottom:10px}
.business-home .demo-intro{font-size:16px;margin-bottom:10px}
.business-home .demo-steps button{min-height:48px}.business-home .demo-panel-top{font-size:8px}
.business-home .example-foot>span{font-size:8px}
.agreement-example{height:100dvh}.example-toolbar{height:54px;padding:5px 13px}.example-layout{height:calc(100% - 54px)}
.example-overview{height:64px}.example-overview-copy{padding:10px 16px}.example-overview h2{font-size:23px;margin:0}.example-overview .example-eyebrow{display:none}.example-total{grid-row:1}.example-total strong{font-size:24px}.example-total>span{font-size:9px}
.example-nav{padding:7px 8px;gap:4px}.example-nav button{flex-direction:column;gap:4px;padding:6px 3px;min-height:51px}.nav-step-number{width:18px;height:18px;font-size:8px;border-radius:5px}.nav-step-copy strong{font-size:10px}
.example-content{padding:16px}.example-page h3{font-size:24px;margin-bottom:14px}.example-section-top{margin-bottom:10px}.example-pill{font-size:10px}
.example-actionbar{padding:8px 12px}.example-pinned-actions{gap:7px}.example-pinned-actions>button{font-size:12px;padding:10px;min-height:44px}
.example-footer{padding:5px 12px calc(5px + env(safe-area-inset-bottom))}.example-footer p{font-size:9px;max-width:29ch}.example-footer .example-reset{font-size:10px;min-height:32px}
}
.hero-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex-shrink:0;border-top:1px solid #e5dbee;padding-top:10px;margin-top:8px;align-items:stretch}
.business-home .hero-panel-actions .hero-add-change{margin:0;justify-content:center;gap:6px;font-size:12px;padding:7px}.business-home .hero-panel-actions .hero-add-change>span{font-size:19px}.business-home .hero-panel-actions .demo-next{margin:0;padding:4px 0;border:0;font-size:12px;min-height:44px}
.business-home #demo-original .effort-note{padding-block:8px}

/* Give the example its natural height: the page owns scrolling. */
.business-home .hero-message h1{font-size:clamp(40px,4.8vw,68px);line-height:1.06;letter-spacing:-.045em}
.business-home .demo-stage{height:auto;overflow:visible}
.business-home .demo-stage>.demo-panel{height:auto;overflow:visible}
.business-home .demo-panel-content{overflow:visible;max-height:none;padding-right:0;scrollbar-gutter:auto}
.business-home .voice-start{margin-bottom:16px;gap:24px}
.business-home .demo-steps button{font-size:14px;min-height:48px}
@media(max-width:760px){.business-home .hero-message h1{font-size:42px}.business-home .demo-stage{height:auto}.business-home .demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.business-home .demo-steps button{font-size:14px;padding:12px 8px}.business-home .voice-start{width:100%;box-sizing:border-box;font-size:16px}}

.business-home .hero-message .whatsapp-start{background:#ffffff10;border:1px solid #bda7de;box-shadow:none}.business-home .hero-message .whatsapp-start:hover{background:#ffffff20}