.workflow-link{font-weight:800;font-size:19px;color:var(--blue);text-decoration:none;padding:10px 4px}.book-demo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);gap:70px;align-items:center;background:#000000}.demo-intro p{color:var(--muted);font-size:17px;line-height:1.6}.demo-intro ul{padding-left:22px;line-height:2;color:#ffffff;font-weight:600}.demo-form{background:#000000;color:#ffffff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 24px 60px #15261e18}.demo-form label{display:block;font-weight:800;font-size:13px;margin-bottom:16px}.demo-form label span{color:var(--muted);font-weight:500}.demo-form input,.demo-form select,.demo-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #cfcac0;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{outline:3px solid rgba(0,102,255,.45);border-color:var(--blue)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo-form .button{width:100%;font-family:Inter,sans-serif;font-weight:800;font-size:16px;color:#000000;cursor:pointer}.demo-form .button:disabled{opacity:.65;cursor:wait}.form-status{margin:12px 0 0;color:var(--muted);font-size:13px}.form-status.success{color:#ffffff;font-weight:700}.form-status.error{color:#FF6600;font-weight:700}.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.cta-demo{background:#ffffff;color:#000000;border-color:#ffffff}.header-demo{white-space:nowrap}@media(max-width:900px){.book-demo{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.site-header .header-actions .header-demo{display:none}}@media(max-width:700px){.form-two{grid-template-columns:1fr}.demo-form{padding:22px}.book-demo{padding-left:24px;padding-right:24px}.hero-actions .workflow-link{text-align:center}.cta-demo{width:100%}}
.demo-steps{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;border:0!important;margin:12px 0 18px}.demo-steps b{padding:8px 5px;border-radius:7px;background:#000000;color:#ffffff;border:1px solid rgba(255,255,255,.32);text-align:center;font-size:11px}.demo-steps b.active{background:#0066FF;color:#ffffff}.daily-card blockquote{margin:8px 0 18px;padding:14px;border-left:4px solid #FF6600;background:#000000;color:#ffffff;font-style:normal;line-height:1.5}.daily-card [hidden]{display:none!important}.demo-result{min-height:44px;margin:14px 0;color:var(--muted);line-height:1.45}.implementation-details{max-width:1100px;margin:24px auto 0;border:1px solid var(--line);border-radius:14px;background:#000000;color:#ffffff}.implementation-details>summary{padding:18px 22px;font-weight:800;font-size:19px;line-height:1.3;cursor:pointer;color:var(--blue)}.implementation-details>.pricing{padding:0 22px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}.onboarding-secondary{background:#000000}@media(max-width:700px){.demo-steps{grid-template-columns:1fr}.implementation-details>.pricing{grid-template-columns:1fr;padding:0 14px 14px}}
.daily-card #workflow-example-next{color:var(--ink);font-family:Inter,sans-serif;font-weight:800;font-size:16px;-webkit-appearance:none;appearance:none}.daily-card #workflow-example-next:hover{background:#FF6600}.daily-card #workflow-example-next:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
/* Workflow sample stats: dedicated card grid, overriding the generic .daily-card>div row rule */
.daily-card #workflow-example-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:0!important;padding:4px 0 10px!important;justify-content:stretch}
.daily-card #workflow-example-fields>div{display:flex!important;flex-direction:column;justify-content:flex-start;gap:5px;background:#000000;border:1px solid var(--line);border-radius:10px;padding:12px 14px!important}
.daily-card #workflow-example-fields>div>span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.daily-card #workflow-example-fields>div>b{font-size:17px;font-weight:800;color:var(--ink);line-height:1.25}
.daily-card #workflow-example-fields>div>b.pending{color:#FF6600}
@media(max-width:640px){.daily-card #workflow-example-fields{grid-template-columns:1fr!important}}
.dark .features article p{color:#ffffff}.dark .features article h3{color:#fff}.dark .features article{border-color:rgba(255,255,255,.32)}
/* UX upgrade 2026: readable eyebrow contrast on light backgrounds; bright orange kept on dark sections */
.eyebrow{color:#FF6600}
.dark .eyebrow,.cta .eyebrow{color:var(--orange)}
/* UX upgrade 2026: keep navigation reachable on small screens (no hamburger needed) */
@media(max-width:820px){.site-header{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:0;gap:8px 14px}.site-header nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:20px;padding:2px 2px 10px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header .header-actions{margin-left:auto}}

button,input,select,textarea{font-family:Inter,sans-serif;color:#000000}button{font-weight:800}.demo-form label,.demo-intro,.implementation-details,summary{color:#ffffff}.demo-form input,.demo-form select,.demo-form textarea{background:#ffffff;color:#000000}.demo-form input::placeholder,.demo-form textarea::placeholder{color:#3a3a3a;opacity:1}.daily-card #workflow-example-fields>div>b{color:#ffffff}.daily-card #workflow-example-next{color:#000000}