.billcake-widget .story-heading{display:flex;align-items:start;justify-content:space-between;gap:40px}.billcake-widget .story-heading h2{font-size:36px}.billcake-widget .story-heading p{margin:0;font-size:16px}.billcake-widget .story-layout{display:grid;grid-template-columns:42% minmax(0,1fr);gap:48px}.billcake-widget .story-tab-item{border-top:1px solid var(--line);padding:20px 0}.billcake-widget .story-tab-item:last-child{border-bottom:1px solid var(--line)}.billcake-widget .story-tabs button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;font-size:20px;font-weight:500;color:var(--muted)}.billcake-widget .story-tabs button[aria-selected=true]{color:var(--ink)}.billcake-widget .story-tabs button>span{margin-left:auto;font-size:16px}.billcake-widget .story-tab-item p{font-size:15px;line-height:1.65;margin:20px 0 18px 34px}.billcake-widget .story-tab-item .check-list{margin-left:34px;font-size:14px;gap:10px}.billcake-widget .story-stage{background:var(--panel);border-radius:20px;padding:28px;display:flex;align-items:center;min-width:0}.billcake-widget .story-card{background:#fff;border:1px solid var(--line);border-radius:12px;width:100%;overflow:hidden}.billcake-widget .story-card header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.billcake-widget .story-card header strong{font-size:16px;font-weight:500}.billcake-widget .story-card header span{font-size:13px;color:var(--muted)}.billcake-widget .story-events{list-style:none;margin:0;padding:12px 20px}.billcake-widget .story-events li{display:flex;gap:12px;align-items:center;padding:15px 0;font-size:16px;line-height:1.5;border-bottom:1px solid var(--line);transition:color .25s,background .25s}.billcake-widget .story-events li:last-child{border:0}.billcake-widget .story-events svg{color:var(--green)}.billcake-widget [data-mini-story].running [data-story-event]:not(.done){color:var(--muted)}.billcake-widget [data-mini-story].running [data-story-event]:not(.done) svg{opacity:.15}.billcake-widget [data-story-event].done{color:var(--ink)}.billcake-widget .story-card footer{padding:16px 20px;background:var(--cream);display:flex;align-items:center;gap:12px}.billcake-widget .story-card footer p{font-size:14px;line-height:1.5;color:var(--ink);flex:1}.billcake-widget .story-card footer .button{font-size:12px;padding:6px 9px;min-height:32px}.billcake-widget .story-simulation{padding:10px 20px;font-size:11px;color:var(--muted)}.billcake-widget .story-draft{margin:20px 20px 0;padding:16px;background:var(--panel);border-radius:10px}.billcake-widget .story-draft p{font-size:16px;line-height:1.6;color:var(--ink);margin:10px 0}.billcake-widget .story-draft span,.billcake-widget .story-draft small{font-size:12px;color:var(--muted)}.billcake-widget .demo-workspace .story-events{padding:0}.billcake-widget .demo-workspace .story-events li{font-size:18px}.billcake-widget .demo-workspace details{margin-top:20px;font-size:14px}.billcake-widget .demo-workspace details p{font-size:15px;line-height:1.6;margin-top:12px}.billcake-widget .demo-workspace .invoice-focus{background:var(--cream);border-radius:10px;padding:20px;margin-top:18px}.billcake-widget .invoice-focus strong{font-size:22px;display:block}.billcake-widget .invoice-focus span{font-size:16px;display:block;margin-top:6px}.billcake-widget .demo-workspace .scene-label{font-size:14px;color:var(--muted);margin-bottom:12px}.billcake-widget .demo-workspace .client-quote{background:var(--panel);padding:18px;border-radius:10px;font-size:18px;line-height:1.6;margin-top:16px}.billcake-widget .payment-confirmed{color:var(--green)}@media(max-width:760px){.billcake-widget .story-heading{display:block}.billcake-widget .story-heading h2{font-size:30px}.billcake-widget .story-heading p{margin-top:16px}.billcake-widget .story-layout{grid-template-columns:1fr;gap:24px}.billcake-widget .story-stage{padding:12px}.billcake-widget .story-tabs button{font-size:18px}.billcake-widget .story-card footer{flex-wrap:wrap}.billcake-widget .story-card header{padding:16px}.billcake-widget .story-events{padding:8px 16px}}@media(prefers-reduced-motion:reduce){.billcake-widget .story-events li{transition:none}}.billcake-widget .story-card{position:relative}.billcake-widget .story-approval{margin:0 20px 20px;padding:10px 14px;display:inline-block;background:var(--yellow);border-radius:8px;font-size:14px;color:var(--ink)}#connections a[aria-label="Clio — planned"]{outline:2px solid #d4b94f;outline-offset:3px}.billcake-widget [data-mini-story] [data-story-event]{color:var(--muted)}.billcake-widget [data-mini-story] [data-story-event] svg{opacity:.2}.billcake-widget [data-mini-story] [data-story-event].current{color:var(--ink);background:var(--cream)}.billcake-widget [data-mini-story] [data-story-event].done{color:var(--ink)}.billcake-widget [data-mini-story] [data-story-event].done svg{opacity:1}.billcake-widget .story-stage{min-height:300px}[data-sync-diagram]{position:relative;padding-bottom:58px}.sync-invoice{position:absolute;left:0;top:0;width:150px;padding:8px 10px;background:#fff5cf;border:1px solid #e2d6a5;border-radius:8px;text-align:center;font-size:12px;color:#705619;pointer-events:none;transition:transform .9s cubic-bezier(.16,1,.3,1),background-color .25s;z-index:1}.sync-invoice.is-paid{background:#e8f6ec;border-color:#b5dfc1;color:#276040}.sync-active{outline:2px solid #d4b94f;outline-offset:3px}.sync-controls{display:flex;gap:16px;align-items:center;justify-content:center;max-width:760px;margin:18px auto 0;font-size:14px;color:#20211e}.sync-controls button{border:1px solid #e5e3da;border-radius:7px;padding:6px 12px;background:#fff;cursor:pointer}.sync-controls button:focus-visible{outline:2px solid #705619;outline-offset:3px}.sync-disclaimer{text-align:center;font-size:11px;color:#686a62;margin:12px 0 0}@media(max-width:760px){.sync-controls{align-items:flex-start;font-size:13px}.sync-controls p{max-width:240px}}@media(prefers-reduced-motion:reduce){.sync-invoice{transition:none}}@media(max-width:1023px){[data-sync-diagram]{row-gap:56px}}.passive-demo button,.passive-demo textarea,.passive-demo a{pointer-events:none;cursor:default!important}[data-hero-replay],[data-story-replay],[data-sync-play],#agent-demo .demo-controls{display:none!important}.cake-queue-client button{text-decoration:none}