@layer components{.agent-preview{--open-paper:#faf8f4;--open-ink:#24251f;--open-muted:#62625d;--open-line:#d8d2c8;color:var(--open-ink)}.agent-preview-controls{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem}.agent-provider-tabs{display:flex;padding:4px;background:#dcd6ca;border-radius:5px;gap:3px}.agent-provider-tabs button{display:flex;align-items:center;justify-content:center;gap:.625rem;min-height:2.75rem;padding-inline:1.25rem;font-size:.8125rem;border-radius:3px;color:#585548;transition:background-color .15s,color .15s}.agent-provider-tabs svg{width:1rem;height:1rem}.agent-provider-tabs button[aria-selected=true]{background:#faf8f3;color:#24251f;box-shadow:0 1px 4px #5c4f3312}.agent-provider-tabs button:hover{color:#24251f}.agent-development-label{color:#6b6559;font-size:.6875rem}.agent-replay{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;margin-left:auto;font-size:.6875rem;color:#615e52}.agent-replay>span:first-child{font-size:1.125rem}.agent-replay:hover{color:#885330}.agent-journey-line{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem;font-size:.625rem;color:#645d50}.agent-journey-line>span{display:inline-flex;gap:.75rem;align-items:center;white-space:nowrap;transition:color .2s}.agent-journey-line>span[data-active=true]{color:#754328}.agent-journey-line i{font-size:.5625rem;font-style:normal}.agent-journey-line>b{height:1px;background:#cfc6b6;flex:1}.agent-stage{display:grid;grid-template-columns:minmax(0,1fr) 4rem minmax(0,1.12fr);align-items:start;perspective:2000px}.agent-chat{background:var(--open-paper);color:var(--open-ink);border:1px solid #c7beae;border-radius:8px;overflow:hidden;box-shadow:0 20px 50px -35px #62563c66}.agent-chat-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #ded8cd}.agent-chat-header>span:first-child{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:500}.agent-chat-header svg{width:1.375rem;height:1.375rem}.agent-chat-header>span:last-child{font-size:.5625rem;color:#6c6659}[data-provider=Claude] .agent-chat-header>span:first-child{font-family:Georgia,serif;font-size:1.25rem}[data-provider=Claude] .agent-assistant-mark,[data-provider=Claude] .agent-chat-header svg{color:#ae6648}.agent-chat-body{padding:1.75rem 1.5rem;min-height:20rem}.agent-user-message{margin-left:2.5rem;padding:1rem 1.25rem;background:#e9e5dd;border-radius:16px 16px 3px 16px;font-size:.8125rem;line-height:1.7;animation:agent-message-in .55s var(--marketing-ease) both}.agent-assistant{display:flex;align-items:start;gap:.75rem;margin-top:1.5rem;opacity:1;transform:none;transition:transform .5s var(--marketing-ease),opacity .25s}.agent-assistant.is-pending{opacity:0;transform:translateY(10px);visibility:hidden}.agent-assistant-mark{flex:none;display:block;padding-top:2px}.agent-assistant-mark>svg{width:1.25rem;height:1.25rem}.agent-assistant>div{min-width:0;flex:1}.agent-assistant p{font-size:.8125rem;line-height:1.75}.agent-tool-call{display:flex;gap:.75rem;align-items:center;padding:1rem;margin-top:1.25rem;border:1px solid #d0c6b5;border-radius:5px;background:#f3eee5;transition:background-color .2s}.agent-tool-mark{width:1.375rem;height:1.375rem;flex:none;border:1px solid #b8a68c;display:grid;place-items:center;border-radius:3px;font:400 1rem Georgia,serif;color:#885330}.agent-tool-call>div{flex:1;min-width:0}.agent-tool-call strong{display:block;font-size:.6875rem;font-weight:500}.agent-tool-call div>span{display:block;font-size:.625rem;color:#6a6255;margin-top:.375rem;line-height:1.5}.agent-tool-tick{color:#885330;font-size:.875rem}.agent-tool-call[data-complete=true]{background:#ebe6d9}.agent-review-link{display:inline-flex;gap:1rem;align-items:center;min-height:2.75rem;font-size:.6875rem;color:#885330;margin-top:.25rem;text-decoration:underline;text-underline-offset:4px}.agent-thinking{display:flex;gap:4px;height:1rem;padding-left:2rem;margin-top:-1rem}.agent-thinking>span:not(.sr-only){width:4px;height:4px;background:#8f8370;border-radius:50%;animation:agent-thinking 1s 1 both}.agent-thinking>span:nth-child(2){animation-delay:.15s}.agent-thinking>span:nth-child(3){animation-delay:.3s}.agent-prompt-options{padding:0 1.5rem 1.25rem}.agent-prompt-options>span{display:block;font-size:.5625rem;color:#6a6255;margin-bottom:.625rem}.agent-prompt-options>div{display:flex;gap:.5rem;flex-wrap:wrap}.agent-prompt-options button{display:flex;gap:.75rem;align-items:center;min-height:2.25rem;border:1px solid #d6cfc1;border-radius:4px;padding:.5rem .75rem;font-size:.625rem}.agent-prompt-options button:hover,.agent-prompt-options button[aria-pressed=true]{border-color:#aa967a;background:#f1ece1}.agent-composer{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin:0 1.5rem 1.5rem;border:1px solid #d8d2c8;border-radius:10px;color:#6a6255;font-size:.75rem}.agent-composer>span:last-child{width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:#e8e2d6;font-size:1rem}.agent-bridge{display:flex;align-items:center;justify-content:center;position:relative;margin-top:16rem;color:#936d49}.agent-bridge>span{height:1px;background:#b4a58d;flex:1}.agent-bridge i{width:1.75rem;height:1.75rem;display:grid;place-items:center;border:1px solid #c8b99f;border-radius:50%;font-style:normal;font-size:.75rem}.agent-bridge:after{content:"";position:absolute;height:2px;width:1.5rem;top:calc(50% - 1px);left:0;background:#885330;opacity:0}[data-step="1"] .agent-bridge:after{animation:agent-transfer 1s var(--marketing-carry) both}[data-step="3"] .agent-bridge:after{animation:agent-transfer-back .9s var(--marketing-carry) both}.agent-firmary{min-width:0;transform:perspective(1800px) rotateY(-4deg);transform-origin:left center;transition:transform .7s var(--marketing-ease)}[data-step="2"] .agent-firmary,[data-step="3"] .agent-firmary,[data-step="4"] .agent-firmary,[data-step="5"] .agent-firmary{transform:none}.agent-firmary-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.5rem;min-height:3.9375rem;border:1px solid #c5bba9;border-bottom:0;border-radius:8px 8px 0 0;background:#f9f6ef}.agent-firmary-header>span:first-child{display:flex;gap:.75rem;align-items:center;font-size:.875rem}.agent-firmary-header>span:last-child{font-size:.6875rem;color:#62625d}.agent-mini-mark{width:1.375rem;height:1.375rem;display:grid;place-items:center;font:400 1rem Georgia,serif;border:1px solid #b19d80;border-radius:3px;color:#885330}.agent-work-surface{padding:1rem 1.5rem 1.5rem;min-height:29rem;border:1px solid #c5bba9;background:#eee9e1;border-radius:0 0 8px 8px;box-shadow:0 30px 50px -35px #62563c70}.agent-native-breadcrumb{display:flex;gap:.625rem;align-items:center;color:#62625d;font-size:.5625rem;margin-bottom:1.75rem}.agent-approval{animation:agent-sheet-in .5s var(--marketing-ease) both}.agent-approval-overline{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.625rem;margin-bottom:1rem;color:#62625d}.agent-approval-overline>span:last-child{background:#e3d9c8;color:#6f4a2b;padding:.375rem .625rem;border-radius:12px}.agent-approval h3{font:500 1.625rem/1.3 Georgia,serif;letter-spacing:-.025em}.agent-native-subtitle{color:#62625d;font-size:.75rem;line-height:1.65;margin-top:.75rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.agent-approval-details{margin-top:1.75rem;padding:.375rem 1rem;background:#fff;border:1px solid #d8d2c8;border-radius:6px}.agent-approval-details>div,.agent-task-details dl>div{display:flex;align-items:center;gap:.75rem;min-height:2.875rem;border-bottom:1px solid #e9e4da;font-size:.75rem}.agent-approval-details>div:last-child,.agent-task-details dl>div:last-child{border:0}.agent-approval-details dt{color:#62625d;width:4rem;flex:none}.agent-approval-details dd,.agent-task-details dd{display:flex;align-items:center;gap:.5rem;min-width:0}.agent-approval-details i,.agent-task-details i{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:#eee9e1;color:#6c5846;font-style:normal;font-size:.5rem;flex:none}.agent-approval-actions{display:flex;align-items:center;gap:1rem;min-height:4.25rem;padding-top:1.5rem}.agent-approve-button{display:flex;justify-content:center;align-items:center;gap:1.5rem;padding:.625rem .875rem;min-height:2.75rem;font-size:.75rem;background:#905a36;color:#fff;border-radius:4px;transition:background-color .15s}.agent-approve-button:hover{background:#754328}.agent-decline-button{min-height:2.75rem;font-size:.75rem;padding:.5rem;text-decoration:underline;text-underline-offset:4px}.agent-decline-button:hover{color:#754328}.agent-approval-actions>p{font-size:.75rem;color:#62625d}.agent-approval-note{font-size:.625rem;color:#6a6255;line-height:1.7;margin-top:1rem;max-width:58ch}.agent-request-kicker{font-size:.5625rem;color:#62625d;letter-spacing:.08em;margin-top:1.5rem}.agent-publication-details{margin-top:.625rem}.agent-publication-details dt{width:6rem;font-size:.6875rem}.agent-publication-details dd{font-size:.6875rem}.agent-publication-details code{font-family:var(--font-inter),sans-serif}.agent-exact-request{margin-top:.75rem;color:#62625d}.agent-exact-request>summary{cursor:pointer;font-size:.625rem;min-height:2rem;padding-block:.5rem}.agent-exact-request pre{padding:.75rem;background:#fff;border:1px solid #d8d2c8;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere;font:400 .5625rem/1.7 monospace;color:#343431}.agent-publication-context{margin-top:.5rem;color:#62625d;font-size:.625rem;line-height:1.7}.agent-run-table{margin-top:1.75rem;border:1px solid #d8d2c8;border-radius:6px;overflow:hidden;background:#fff}.agent-run-table-head,.agent-run-table-row{display:grid;grid-template-columns:.85fr 1fr 1.35fr;gap:.75rem;align-items:center;padding:.875rem;font-size:.6875rem}.agent-run-table-head{background:#f3efe7;color:#62625d;font-size:.5625rem;text-transform:uppercase;letter-spacing:.05em}.agent-run-table-row{min-height:5rem}.agent-run-table-row>button{display:inline-flex;align-items:center;gap:.375rem;text-align:left;color:#754328;font-size:.6875rem;line-height:1.5;text-decoration:underline;text-underline-offset:4px;min-height:2.75rem}.agent-run-status{font-size:.625rem}.agent-workflow-proof{margin-top:1.75rem}.agent-workflow-proof>div{display:flex;align-items:start;gap:.875rem;padding-block:.75rem}.agent-workflow-proof>div>span{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;color:#805531;background:#e4dac8;font-size:.625rem;flex:none}.agent-workflow-proof p{font-size:.75rem}.agent-workflow-proof small{display:block;font-size:.625rem;color:#62625d;line-height:1.7;margin-top:.375rem}.agent-open-task{display:inline-flex;align-items:center;gap:1.5rem;min-height:2.75rem;font-size:.75rem;color:#754328;padding:.5rem .875rem;background:#fff;border:1px solid #d8d2c8;border-radius:4px;margin-top:1.5rem}.agent-open-task:hover{background:#f5f0e7;border-color:#aa967a}.agent-firmary-bottom{display:flex;align-items:center;gap:.625rem;padding:1rem 0;font-size:.625rem;color:#615e52}.agent-access-indicator{width:5px;height:5px;border:1px solid #885330;border-radius:50%}.agent-result-kicker{display:flex;align-items:center;gap:.625rem;font-size:.5625rem;letter-spacing:.1em;color:#885330;margin-bottom:1rem}.agent-result-kicker>span{width:1.25rem;height:1.25rem;background:#e0d6c5;border-radius:50%;display:grid;place-items:center}.agent-open-pill{padding:.125rem .5rem;border:1px solid #d1c9bb;background:#f3efe7;border-radius:12px;font-size:.625rem}.agent-task-details{background:#fff;border:1px solid #d8d2c8;border-radius:6px;margin-top:1.25rem;padding:1rem}.agent-task-details>strong{display:block;font-size:.8125rem;font-weight:600;padding-bottom:.75rem}.agent-task-details dl>div{justify-content:space-between;min-height:2.5rem;font-size:.6875rem}.agent-task-details dt{color:#62625d}.agent-task-context{margin-top:1rem}.agent-task-context>strong{font-size:.6875rem;font-weight:500}.agent-task-context>p{font-size:.625rem;color:#62625d;line-height:1.6;margin-top:.375rem}.agent-preview-footer{display:flex;justify-content:space-between;gap:2rem;margin-top:1.75rem}.open-demo-disclosure{max-width:88ch;font-size:.625rem;color:#6c6559;line-height:1.8}.agent-preview-footer button{font-size:.625rem;color:#754328;align-self:start;white-space:nowrap;min-height:2rem;text-decoration:underline;text-underline-offset:4px}[data-paused=true] :is(.agent-thinking>span,.agent-bridge:after,.agent-user-message){animation-play-state:paused}@keyframes agent-message-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes agent-sheet-in{0%{opacity:.3;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes agent-thinking{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes agent-transfer{0%{opacity:0;transform:translateX(0)}20%,80%{opacity:1}to{opacity:0;transform:translateX(3rem)}}@keyframes agent-transfer-back{0%{opacity:0;transform:translateX(3rem)}20%,80%{opacity:1}to{opacity:0;transform:translateX(0)}}@media (max-width:1099px){.agent-stage{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1.1fr)}.agent-preview-controls{gap:1rem}.agent-development-label{font-size:.5625rem}.agent-chat-body,.agent-chat-header{padding-inline:1rem}.agent-chat-body{min-height:22rem}.agent-user-message{margin-left:1rem;padding-inline:1rem}.agent-chat-header>span:last-child{display:none}.agent-firmary-header,.agent-prompt-options,.agent-work-surface{padding-inline:1rem}.agent-approval h3{font-size:1.375rem}.agent-approval-actions{gap:.5rem}.agent-approve-button{gap:.5rem;font-size:.6875rem}.agent-approval-details{padding-inline:.75rem}.agent-approval-details>div{font-size:.6875rem}.agent-bridge i{width:1.5rem;height:1.5rem}}@media (max-width:699px){.agent-preview-controls{flex-wrap:wrap;row-gap:.5rem;margin-bottom:1.5rem}.agent-development-label{order:3;width:100%;padding-top:.375rem}.agent-provider-tabs button{padding-inline:1rem;font-size:.75rem}.agent-journey-line{gap:.5rem;font-size:.5rem}.agent-journey-line>span{gap:.375rem;white-space:normal}.agent-journey-line i{display:none}.agent-journey-line>b{flex:none;width:.75rem}.agent-stage{grid-template-columns:1fr}.agent-chat-body{min-height:19rem;padding:1.25rem}.agent-assistant p,.agent-user-message{font-size:.75rem}.agent-tool-call{padding:.875rem}.agent-chat-header>span:last-child{display:inline}.agent-prompt-options{padding-inline:1.25rem}.agent-bridge{margin:.75rem auto;height:2.5rem;transform:rotate(90deg);width:3.5rem}.agent-firmary{transform:none}.agent-firmary-header{min-height:3.5rem}.agent-work-surface{padding:1rem 1.25rem 1.5rem;min-height:28rem}.agent-approval-details>div{font-size:.6875rem;min-height:2.875rem}.agent-approval h3{font-size:1.5rem}.agent-approve-button{font-size:.6875rem;gap:.75rem}.agent-preview-footer{margin-top:.75rem;gap:1rem}.open-demo-disclosure{font-size:.5625rem}}}@layer components{.automation-preview{--automation-line:#d8d2c8;--automation-muted:#62625d;color:#171716}.automation-builder{border:1px solid var(--automation-line);background:#eee9e1;border-radius:.75rem;overflow:hidden;box-shadow:0 1.5rem 4rem -3rem #40382d66}.automation-builder-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-bottom:1px solid var(--automation-line)}.automation-builder-header>div>span{font-size:.6875rem;color:var(--automation-muted)}.automation-builder-header h3{margin-top:.375rem;font:500 1.5rem/1.35 Georgia,serif}.automation-published{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.75rem;background:#f3efe7;border-radius:.375rem}.automation-builder-body{display:grid;grid-template-columns:13.5rem minmax(0,1fr) 18rem;gap:.75rem;padding:.75rem}.automation-palette{background:#fff;border:1px solid var(--automation-line);border-radius:.5rem;padding:1.25rem .75rem}.automation-palette>strong{display:block;font-size:.875rem;font-weight:600;padding-inline:.25rem}.automation-palette>span{display:block;margin:1.5rem .25rem .5rem;font-size:.6875rem;font-weight:600;color:var(--automation-muted)}.automation-palette>p{display:flex;align-items:center;gap:.625rem;padding:.625rem;font-size:.75rem}.automation-palette>p>i{font-style:normal;font-size:1rem;color:#9a603a}.automation-palette>.is-selected{border-radius:.375rem;background:#f3efe7}.automation-canvas{min-height:24rem;padding:3.75rem 1rem 1.5rem;flex-direction:column;justify-content:center;background-color:#faf8f3;background-image:radial-gradient(#cfc7bb .7px,transparent 0);background-size:18px 18px}.automation-canvas,.automation-node{display:flex;align-items:center;border:1px solid var(--automation-line);border-radius:.5rem}.automation-node{width:min(100%,15.5rem);gap:.75rem;background:#fff;border-left:4px solid #9a603a;padding:1rem;box-shadow:0 .5rem 1rem -.75rem #40382d55;transition:transform .6s var(--marketing-ease)}.automation-node-icon{font-size:1.25rem;color:#9a603a}.automation-node small{display:block;color:var(--automation-muted);font-size:.6875rem;margin-bottom:.25rem}.automation-node strong{display:block;font-size:.875rem;font-weight:500}.automation-node{text-align:left}.automation-node:hover{border-color:#9a603a}.automation-node[aria-pressed=true]{outline:1px solid #9a603a;outline-offset:3px}.automation-node-summary{display:block;font-size:.625rem;color:#62625d;margin-top:.5rem}.automation-trigger-detail{grid-column:1/-1}.automation-inspector-kicker{display:block;font-size:.5625rem;color:#905a36;letter-spacing:.1em;margin-bottom:1rem}.automation-trigger-detail>p{font-size:.75rem;color:#62625d;line-height:1.7;margin-top:1rem}.automation-trigger-detail dl{margin-top:2rem}.automation-trigger-detail dl>div{padding-block:1rem;border-top:1px solid #d8d2c8}.automation-trigger-detail dt{font-size:.625rem;color:#62625d;margin-bottom:.5rem}.automation-trigger-detail dd{font-size:.75rem}.automation-trigger-detail>button{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;font-size:.6875rem;color:#754328;margin-top:1rem;width:100%}.automation-node-check{margin-left:auto;color:#716047;opacity:0;transform:scale(.6);transition:opacity .2s,transform .4s var(--marketing-ease)}.automation-node.is-complete .automation-node-check{opacity:1;transform:scale(1)}[data-stage="1"] .automation-trigger,[data-stage="2"] .automation-action{transform:translateY(-4px)}.automation-wire{position:relative;width:1px;height:4.5rem;background:#b7a38c}.automation-wire>span{position:absolute;left:-2px;top:0;width:5px;height:1rem;background:#9a603a;opacity:0;border-radius:3px}[data-stage="1"] .automation-wire>span{animation:automation-pass .8s var(--ease-carry)}.automation-canvas-note{margin-top:2rem;color:var(--automation-muted);font-size:.75rem;text-align:center}.automation-inspector{padding:1.25rem;background:#fff;border:1px solid var(--automation-line);border-radius:.5rem}.automation-inspector h4{font-size:.9375rem;font-weight:600}.automation-inspector>p{font-size:.75rem;line-height:1.5;color:var(--automation-muted);margin-top:.375rem}.automation-field{display:flex;flex-direction:column;gap:.5rem;margin-top:1.125rem;font-size:.75rem}.automation-field>span{color:#343431;font-weight:500}.automation-field>:is(div,select){display:flex;align-items:center;width:100%;min-height:2.75rem;padding:.625rem .75rem;border:1px solid var(--automation-line);border-radius:.375rem;background:#fff;font-size:.8125rem}.automation-field select{cursor:pointer;color:#171716}.automation-field select:hover:not(:disabled){border-color:#9a603a}.automation-field select:disabled{opacity:.7;cursor:default}.automation-run{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding-top:1.5rem}.automation-run-start{justify-content:space-between}.automation-run-start,.automation-run-start>div{display:flex;align-items:center;gap:1rem}.automation-run-icon{color:#9a603a;font-size:1.75rem}.automation-run-start p{font-size:.8125rem;line-height:1.65}.automation-run-start p>span{color:var(--automation-muted)}.automation-run-start button{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:2.75rem;padding:.625rem 1rem;border-radius:.375rem;background:#171715;color:#faf8f3;font-size:.8125rem;cursor:pointer;white-space:nowrap}.automation-run-start button:disabled{cursor:default}.automation-run-start button:hover:not(:disabled){background:#40382d}.automation-result{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border:1px solid var(--automation-line);border-radius:.5rem;background:#fff}.automation-result-symbol{color:#9a603a;font-size:1.25rem}.automation-result>div{flex:1}.automation-result strong{display:block;font-size:.8125rem;font-weight:500}.automation-result p{margin-top:.375rem}.automation-result p,.automation-result-status{font-size:.6875rem;color:var(--automation-muted)}.automation-result-status{padding:.25rem .625rem;border-radius:2rem;background:#f3efe7}.automation-disclosure{margin-top:1.25rem;color:var(--automation-muted);font-size:.75rem;line-height:1.7}.automation-builder{border-radius:8px;box-shadow:0 2rem 4rem #0003}.automation-builder-header{padding:1.5rem 2rem}.automation-builder-body{grid-template-columns:15rem minmax(0,1fr) 18rem}.automation-canvas{min-height:28rem}.automation-node{min-height:5.5rem}.automation-run{color:#f4eee3;margin-top:1rem}.automation-run-start p>span{color:#bbb5a7}.automation-run-icon{color:#dfb68f}.automation-run-start button{background:#e7c39f;color:#24251f;border-radius:3px}.automation-run-start button:hover:not(:disabled){background:#f1d5b8}.automation-result{background:#eee9e1;color:#24251f;border:1px solid #b39d80;transition:transform .5s var(--marketing-ease)}[data-stage="3"] .automation-result{transform:translateY(-5px)}.automation-disclosure{color:#bbb5a7;font-size:.625rem}@media (max-width:1099px){.automation-builder-body{grid-template-columns:minmax(0,1fr) 18rem}.automation-palette{display:none}.automation-run{grid-template-columns:1fr;gap:1rem}.automation-run-start{justify-content:space-between;gap:2rem}}@media (max-width:699px){.automation-builder-header{padding:1rem;align-items:start}.automation-builder-header h3{font-size:1.25rem}.automation-published{padding:.375rem .5rem;font-size:.625rem}.automation-builder-body{grid-template-columns:1fr}.automation-canvas{min-height:21rem;padding-top:1.5rem}.automation-inspector{display:grid;grid-template-columns:1fr 1fr;column-gap:.75rem}.automation-inspector>.automation-field:nth-of-type(-n+2),.automation-inspector>:is(h4,p){grid-column:1/-1}.automation-field>:is(div,select){font-size:.75rem;padding-inline:.5rem}.automation-run-start{flex-direction:column;align-items:stretch;gap:1rem}.automation-run-start>div{gap:.75rem}.automation-result{padding:1rem;gap:.625rem;min-height:5.75rem}.automation-result-status{display:none}}@keyframes automation-pass{0%{opacity:0;transform:translateY(0)}25%,75%{opacity:1}to{opacity:0;transform:translateY(3.5rem)}}}@layer components{.practice-app,.practice-flow,.practice-payoff{pointer-events:none}.practice-story{position:relative;display:grid;grid-template-columns:17rem minmax(0,1fr);column-gap:3rem;padding-top:2rem}.practice-narrative{position:relative;z-index:3;padding-top:2rem}.practice-chapter-count{display:flex;align-items:baseline;gap:.5rem;margin-bottom:2rem;color:#969687;font-size:.6875rem}.practice-chapter-count>span:first-child{font:400 3rem/1 var(--font-lora),Georgia,serif;color:#dfb68f;letter-spacing:-.06em}.practice-chapter-copy{min-height:12rem;animation:practice-copy-in .45s var(--marketing-ease) both}.practice-chapter-copy h3{font-size:1.375rem;line-height:1.3;font-weight:400;letter-spacing:-.03em;margin-bottom:1rem;max-width:18ch}.practice-chapter-copy p{font-size:.875rem;line-height:1.8;color:#bbb5a7;max-width:30ch}.practice-chapters{display:flex;flex-direction:column;gap:.125rem;margin-top:1rem}.practice-chapters>button{display:flex;align-items:center;gap:.875rem;color:#bab4a5;text-align:left;min-height:2.75rem;font-size:.75rem;transition:color .15s}.practice-chapters>button[aria-selected=true]{color:#f4eee3}.practice-chapter-dot{width:5px;height:5px;border-radius:50%;background:#616257;transition:background-color .15s}[aria-selected=true] .practice-chapter-dot{background:#dfb68f;box-shadow:0 0 0 4px #dfb68f12}.practice-play{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;color:#dfb68f;margin-top:1.5rem;font-size:.6875rem}.practice-play>span{width:1rem;font-size:1rem}.practice-stage{min-width:0;height:38rem;position:relative;perspective:2000px}.practice-world{position:relative;width:1000px;height:740px;transform:scale(var(--practice-scale,.85));transform-origin:top left}.practice-app{position:absolute;top:75px;left:20px;width:1120px;height:640px;border:1px solid #d0c4b1;border-radius:8px;overflow:hidden;background:#eee9e1;transform:perspective(1800px) rotateY(-9deg) rotateX(3deg) scale(.78);transform-origin:top left;box-shadow:0 45px 65px #0005;transition:transform .75s var(--marketing-ease)}.practice-app .fm-preview{min-height:100%}.practice-client{position:absolute;z-index:2;top:8px;left:-18px;width:375px;background:#faf8f3;color:#24251f;border-radius:8px;border:1px solid #d9cebe;box-shadow:8px 30px 70px #0005;overflow:hidden;transform:perspective(1800px) rotateY(7deg) rotateX(2deg);transform-origin:right center;transition:transform .7s var(--marketing-ease),opacity .45s}.practice-client-header{display:flex;align-items:center;gap:8px;min-height:60px;padding-inline:24px;border-bottom:1px solid #ded8ce;background:#f3eee5}.practice-firm-symbol{width:28px;height:28px;border:1px solid #ac967c;color:#745030;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:23px}.practice-client-header strong{font-size:13px;font-weight:500}.practice-client-header>span:last-child{margin-left:auto;color:#6f695d;font-size:10px}.practice-client-body{padding:24px}.practice-client-breadcrumb{display:flex;gap:10px;color:#6a655a;font-size:10px;margin-bottom:30px}.practice-client-kicker{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:9px;color:#74664f}.practice-client-kicker>span:first-child{letter-spacing:.08em}.practice-client-body h4{font:400 36px/1.1 Georgia,serif;letter-spacing:-.04em}.practice-client-body>p:not(.practice-client-breadcrumb){color:#6a655a;font-size:12px;margin-top:14px;line-height:1.6}.practice-client-fields{display:flex;flex-direction:column;gap:17px;margin-block:24px}.practice-client-fields dt{font-size:10px;color:#6a655a;margin-bottom:7px}.practice-client-fields dd{padding:11px 12px;border:1px solid #d8d2c8;border-radius:4px;color:#29281f;background:#fff;font-size:11px}.practice-client-body>button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding-inline:14px;font-size:11px;background:#905a36;color:#fff;border-radius:4px;transition:background-color .15s}.practice-client-body>button:hover{background:#754328}.practice-client-body>button:disabled{background:#ded8cb;color:#514e3f}.practice-flow{position:absolute;z-index:3;top:25px;left:270px;width:500px;background:#eee9e1;color:#24251f;border-radius:8px;border:1px solid #d0c4b1;overflow:hidden;opacity:0;pointer-events:none;transform:perspective(1600px) rotateX(8deg) rotateY(-14deg) translate3d(120px,120px,-150px);box-shadow:0 40px 70px #0006;transition:transform .75s var(--marketing-ease),opacity .35s}.practice-flow-header{display:flex;align-items:center;gap:12px;padding:22px;background:#fff;border-bottom:1px solid #d8d2c8}.practice-flow-symbol{width:32px;height:32px;display:grid;place-items:center;background:#f1e6d8;color:#905a36;border-radius:6px;font-size:24px}.practice-flow-header small{display:block;font-size:10px;color:#62625d;margin-bottom:3px}.practice-flow-header strong{display:block;font-size:13px;font-weight:500}.practice-flow-state{font-size:10px;margin-left:auto;background:#eee9e1;border-radius:12px;padding:5px 8px}.practice-flow-canvas{padding:40px;background-image:radial-gradient(#b6ad9c80 .7px,transparent 0);background-size:18px 18px}.practice-flow-node{display:flex;align-items:center;gap:12px;min-height:100px;background:#fff;border:1px solid #c5b59e;border-left:4px solid #9a603a;padding:16px;border-radius:6px;box-shadow:0 4px 12px #4a3e2908}.practice-node-symbol{width:30px;height:30px;background:#f3efe7;display:grid;place-items:center;border-radius:4px;color:#905a36;font-size:22px}.practice-flow-node small{display:block;font-size:8px;color:#62625d;letter-spacing:.08em}.practice-flow-node strong{display:block;font-size:14px;font-weight:500;margin-top:4px}.practice-flow-node p{font-size:10px;color:#62625d;margin-top:6px}.practice-node-tick{margin-left:auto;color:#9a603a}.practice-flow-wire{height:52px;position:relative;width:1px;margin-inline:auto;background:#ac9e85}.practice-flow-wire i{position:absolute;top:0;left:-1px;width:3px;height:20px;background:#9a603a;transform:scaleY(0);transform-origin:top}[data-stage="2"] .practice-flow-wire i{animation:practice-signal 1s .35s var(--marketing-carry) both}.practice-flow-parameters{margin-top:20px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.practice-flow-parameters small{display:block;color:#62625d;font-size:8px;letter-spacing:.06em;margin-bottom:6px}.practice-flow-footer{padding:16px 22px;border-top:1px solid #d8d2c8;font-size:10px;display:flex;align-items:center;gap:8px;background:#faf8f3}.practice-status-dot{width:5px;height:5px;border-radius:50%;background:#9a603a}.practice-payoff{position:absolute;z-index:3;top:493px;left:200px;width:710px;display:flex;align-items:center;gap:20px;border:1px solid #ad997f;border-radius:6px;padding:24px;color:#24251f;background:#f8f2e7;box-shadow:0 25px 60px #0005;opacity:0;transform:translate3d(0,40px,60px);transition:transform .65s var(--marketing-ease),opacity .4s}.practice-payoff-tick{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e7ddcb;color:#815835;font-size:20px}.practice-payoff div>small{display:block;font-size:8px;letter-spacing:.1em;color:#815835;margin-bottom:7px}.practice-payoff strong{display:block;font:400 24px/1.2 Georgia,serif;letter-spacing:-.025em}.practice-payoff p{font-size:10px;color:#6a655a;margin-top:8px}.practice-payoff p>span{padding-inline:4px}.practice-owner{display:flex;align-items:center;gap:8px;font-size:11px;margin-left:auto}.practice-owner i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e4dbc9;font-style:normal;font-size:9px}.practice-owner small{display:block;font-size:9px;margin-top:4px;color:#6a655a}[data-stage="2"] .practice-client,[data-stage="3"] .practice-client,[data-stage="4"] .practice-client{opacity:0;transform:perspective(1800px) translate3d(-90px,-40px,-150px) rotateY(28deg);pointer-events:none}[data-stage="2"] .practice-flow,[data-stage="3"] .practice-flow{opacity:1;transform:perspective(1600px) rotateX(0deg) rotateY(-3deg) translateZ(0)}[data-stage="4"] .practice-flow{transform:perspective(1600px) rotateY(-6deg) translate3d(0,-70px,-100px)}[data-stage="4"] .practice-app{transform:perspective(1800px) rotateY(0deg) rotateX(0deg) scale(.8)}[data-stage="4"] .practice-payoff{opacity:1;transform:translateZ(60px);transition-delay:.2s}[data-playing=false] .practice-flow-wire i{animation-play-state:paused}.practice-caption{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;padding-top:2rem;margin-top:1rem;border-top:1px solid #3e3e36;font-size:.625rem;line-height:1.6;color:#aaa594}.practice-caption>span:first-child{color:#dfb68f}@keyframes practice-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes practice-signal{0%{transform:translateY(0) scaleY(0)}30%{transform:translateY(0) scaleY(1)}to{transform:translateY(42px) scaleY(.5)}}@media (max-width:1100px){.practice-story{grid-template-columns:14rem minmax(0,1fr);gap:1.5rem}.practice-stage{height:31rem}.practice-narrative{padding-top:0}.practice-chapter-copy{min-height:12rem}}@media (max-width:899px){.practice-story{grid-template-columns:1fr;padding-top:0}.practice-narrative{display:grid;grid-template-columns:2.75rem 1fr;column-gap:1rem}.practice-chapter-count{margin:0;display:block}.practice-chapter-count>span:first-child{display:block;font-size:2.25rem;margin-bottom:.375rem}.practice-chapter-copy{min-height:7.5rem}.practice-chapter-copy h3{max-width:none;margin-bottom:.75rem}.practice-chapter-copy p{max-width:65ch}.practice-chapters{flex-direction:row;gap:1.5rem}.practice-chapters,.practice-play{grid-column:1/-1;margin-top:.5rem}.practice-stage{height:32rem}.practice-world{margin-top:1rem}.practice-caption{margin-top:0}}@media (max-width:699px){.practice-chapter-copy{min-height:11rem}.practice-chapter-copy h3{font-size:1.25rem}.practice-chapter-copy p{font-size:.8125rem;line-height:1.75}.practice-chapters{gap:.5rem;justify-content:space-between}.practice-chapters>button{font-size:.5625rem;gap:.375rem;max-width:32%;line-height:1.5}.practice-stage{height:27rem;overflow:hidden;margin-inline:-1.25rem}.practice-world{width:100%;transform:none;margin:0}.practice-app{left:20px;top:20px;transform:scale(.4);width:1000px;opacity:1}.practice-client{width:325px;left:50%;top:0;transform:translateX(-50%) scale(.76);transform-origin:top center}.practice-client-body{padding:20px}.practice-client-breadcrumb{margin-bottom:20px}.practice-client-fields{gap:12px;margin-block:18px}.practice-flow{left:50%;top:15px;width:440px;transform:translateX(-50%) scale(.72) translateY(80px);transform-origin:top center}.practice-flow-canvas{padding:28px}[data-stage="2"] .practice-flow,[data-stage="3"] .practice-flow{transform:translateX(-50%) scale(.72)}[data-stage="4"] .practice-flow{transform:translateX(-50%) scale(.7) translateY(-70px)}[data-stage="2"] .practice-client,[data-stage="3"] .practice-client,[data-stage="4"] .practice-client{transform:translateX(-65%) scale(.7)}[data-stage="4"] .practice-app{transform:scale(.4);opacity:1}.practice-payoff{left:20px;right:20px;width:auto;top:260px;flex-wrap:wrap;gap:12px;padding:20px}.practice-payoff strong{font-size:21px}.practice-payoff-tick{width:28px;height:28px;font-size:16px}.practice-owner{margin-left:40px}.practice-caption{display:block;padding-top:1.5rem;font-size:.5625rem}.practice-caption>span{display:block}.practice-caption>span+span{margin-top:.5rem}}}