.auto-page button{font:inherit}
.auto-page [hidden]{display:none!important}
.auto-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.auto-hero{grid-template-columns:1.08fr 1fr;gap:48px;padding:86px 0 74px}
.auto-hero h1{font-size:clamp(48px,5.15vw,74px);letter-spacing:-3.8px}
.auto-hero .intro{max-width:490px}
.conversation-demo{min-width:0;background:radial-gradient(ellipse at top right,#34452d66,transparent 70%),#191e18;border:1px solid #45533c;border-radius:18px;box-shadow:0 28px 90px #0003;padding:24px;transform:rotate(1deg)}
.demo-top,.board-heading,.example-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.demo-switch{display:flex;padding:5px;background:#11160f;border:1px solid var(--line);border-radius:9px;margin:24px 0 0;gap:3px}
.demo-switch button{flex:1;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:6px;font-size:10px;min-height:40px;padding:6px 4px;cursor:pointer;white-space:nowrap}
.demo-switch button[aria-pressed="true"]{background:#313e28;border-color:#526245;color:var(--accent)}
.demo-switch button:hover{color:var(--ink)}
.demo-body{min-height:352px;padding-top:24px}
.demo-state{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:10px;letter-spacing:.2px;margin-bottom:20px}
.demo-state>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}
.paused{color:#edcf9f}.paused .dot{background:#edcf9f}
.bubble{padding:14px 17px;font-size:13px;line-height:1.75;border:1px solid var(--line);margin-bottom:16px;max-width:90%}
.speaker{display:block;font-size:9px;letter-spacing:.4px;color:var(--muted);margin-bottom:7px}
.bubble.customer{border-radius:11px 11px 11px 2px;background:#232923;margin-right:25px}
.bubble.assistant{border-radius:11px 11px 2px 11px;background:#303d28;border-color:#4b5c3f;margin-left:auto}
.bubble.assistant .speaker{color:#bfd2ae}
.instruction-note{display:flex;gap:10px;font-size:11px;color:var(--muted);line-height:1.75;margin-top:22px}
.instruction-note>span{font-size:19px;color:#91a77f}
.demo-caption{border-top:1px solid var(--line);padding-top:15px;margin-top:12px;color:var(--muted);font-size:9px;line-height:1.7}
.owner-notice{border:1px solid #675a42;background:#302b20;border-radius:10px;padding:16px}
.owner-notice h3{font-size:15px;margin-bottom:6px}.owner-notice p{font-size:12px;color:#d6c8af;line-height:1.7}
.mock-actions{display:flex;gap:7px;margin-top:16px}.mock-actions span{font-size:10px;border:1px solid #71634a;padding:7px 12px;border-radius:6px;color:#ebd8b5}
.resume-note{display:flex;gap:15px;align-items:flex-start;margin:24px 0}.clock-mark{font:36px/1 var(--serif);color:var(--accent)}
.resume-note h3{font-size:16px;margin-bottom:8px}.resume-note p{color:var(--muted);font-size:12px;line-height:1.8}
.scope-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid var(--line);padding:25px 0;color:#c0cabb;font-size:12px}
.scope-strip span{display:flex;gap:16px;align-items:center}.scope-strip i{font:italic 19px var(--serif);color:#859a74}
.controls-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.workflow-example{border:1px solid #46533e;background:linear-gradient(150deg,#222c1e,#191d17);padding:30px;border-radius:12px;align-self:start}
.workflow-example blockquote{margin:26px 0;font:italic 24px/1.6 var(--serif);color:#e1ead8;letter-spacing:-.3px}
.workflow-example>p{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid #3e4a36;padding-top:18px}
.control-list{margin:0}.control-list>div{padding:20px 0;border-bottom:1px solid var(--line)}.control-list>div:first-child{padding-top:0}.control-list>div:last-child{border:0;padding-bottom:0}
.control-list dt{font-size:18px;margin-bottom:9px;letter-spacing:-.4px}.control-list dd{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}.control-list strong{color:var(--ink)}
.handoff-section{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.handoff-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:22px;line-height:1.85;max-width:490px}.handoff-copy strong{color:var(--ink)}.handoff-copy>p.fine{font-size:11px}
.handoff-board{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.waiting-title{font-size:25px;letter-spacing:-.8px;margin:30px 0 20px;display:flex;align-items:center;gap:12px}.waiting-title>span{font-size:13px;background:#38472c;color:var(--accent);border-radius:6px;padding:2px 9px;letter-spacing:0}
.waiting-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-block:1px solid var(--line)}.customer-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;background:#484538;color:#ebe0c4;border-radius:50%;font:italic 19px var(--serif)}
.waiting-row h3{font-size:12px}.waiting-row p{color:var(--muted);font-size:10px;margin-top:3px}.pause-symbol{margin-left:auto;color:#d6b783;font-size:21px}
.handoff-path{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);margin:24px 0}.handoff-path .current{color:#ecd7b4;background:#342e23;padding:7px 10px;border:1px solid #66583f;border-radius:6px}.handoff-board>.fine{font-size:10px}
.auto-setup .history p{margin-bottom:0}
.auto-plan{display:grid;grid-template-columns:1.5fr 1fr;gap:28px 60px;background:radial-gradient(ellipse at top left,#394d2b88,transparent 75%),#1b2318;border:1px solid #4a5f3c;border-radius:14px;padding:44px 48px;margin-top:80px}
.auto-plan h2{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.5px;margin:17px 0}.auto-plan>div>p:not(.eyebrow):not(.plan-price):not(.plan-period):not(.fine){font-size:13px;color:#b7c3ad;max-width:450px;line-height:1.8;margin-bottom:20px}
.auto-plan-price{padding-left:40px;border-left:1px solid #46583a;align-self:center}.auto-plan-price .plan-price{font-size:56px;margin:0 0 5px}.auto-plan-price .button{margin:22px 0 14px;width:100%}.auto-plan-terms{grid-column:1/-1;font-size:10px;color:var(--muted);padding-top:20px;border-top:1px solid #3e4d34}
.auto-faq .pricing-faq{max-width:none;columns:2;column-gap:64px}.auto-faq details{break-inside:avoid}.auto-faq summary{font-size:15px}.auto-faq details p{font-size:13px}
.auto-page .closing h2{max-width:650px}
@media(min-width:1440px){.auto-hero h1{font-size:74px}}
@media(max-width:1100px){.auto-hero{gap:28px}.auto-hero h1{font-size:56px;letter-spacing:-2.8px}.conversation-demo{padding:19px}.controls-layout,.handoff-section{gap:36px}.workflow-example{padding:24px}.workflow-example blockquote{font-size:22px}.handoff-board{padding:22px}.auto-plan{padding:36px;gap:28px 36px}}
@media(max-width:780px){.auto-hero{grid-template-columns:1fr;padding:48px 0;gap:40px}.auto-hero h1{font-size:clamp(46px,9vw,66px)}.conversation-demo{transform:none;width:100%;max-width:530px;justify-self:center}.demo-body{min-height:340px}.controls-layout,.handoff-section{grid-template-columns:1fr;gap:30px}.scope-strip{gap:18px;font-size:11px}.scope-strip span{gap:10px}.workflow-example blockquote{font-size:25px}.handoff-board{max-width:530px;width:100%}.auto-plan{grid-template-columns:1fr;margin-top:55px;padding:30px}.auto-plan-price{padding:25px 0 0;border-left:0;border-top:1px solid #46583a}.auto-plan-price .button{max-width:350px}.auto-faq .pricing-faq{columns:auto}.auto-page .closing h2{max-width:550px}}
@media(max-width:480px){.auto-hero h1{font-size:46px;letter-spacing:-2.7px}.auto-hero .eyebrow{font-size:9px}.conversation-demo{padding:16px}.demo-top .mini-brand{font-size:8px}.demo-switch button{font-size:9px}.demo-body{min-height:365px}.bubble{font-size:12px}.scope-strip{grid-template-columns:1fr;gap:14px;padding:22px 0}.scope-strip span{font-size:12px;gap:16px}.workflow-example{padding:22px}.workflow-example blockquote{font-size:23px}.handoff-board{padding:20px}.handoff-path{font-size:9px;gap:5px}.handoff-path .current{padding:6px}.auto-plan{padding:26px}.auto-plan h2{font-size:33px}.auto-page .top .nav-cta{display:block}.auto-page .top .pricing-nav-link{display:none}}