.automation-demo{z-index:1;color:#263b35;background:#f8f8ef;border:1px solid #80917b55;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;margin:0;font:14px/1.5 Arial,sans-serif;display:grid;position:relative;box-shadow:8px 8px #344d3410;container-type:inline-size}.service-landing.melown-refined .service-hero-visual:has(.automation-demo){align-items:center;min-height:0;padding:32px clamp(18px,3vw,40px);display:flex}.automation-demo>figcaption,.automation-source,.automation-receipt,.automation-demo-note{grid-column:1/-1}.automation-demo>figcaption{color:#ecf0e3;background:#223a32;justify-content:space-between;gap:12px;padding:13px 18px;font-size:12px;display:flex}.automation-demo>figcaption>span:last-child{color:#bcccb0}.automation-source,.automation-receipt{padding:20px}.automation-surface-heading{align-items:center;gap:12px;display:flex}.automation-surface-heading>span{color:#6c7f68;font-size:10px}.automation-surface-heading>strong{font-size:13px;font-weight:500}.automation-demo .automation-request{letter-spacing:-.025em;margin:20px 0 12px;font-size:23px}.automation-contact{border-block:1px solid #243c321c;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.automation-contact>span{color:#6a7766;font-size:12px}.automation-contact>strong{white-space:nowrap;font-size:14px;font-weight:400}.automation-demo fieldset{border:0;min-width:0;margin:18px 0;padding:0}.automation-demo legend{color:#63715d;margin-bottom:8px;padding:0;font-size:12px}.automation-demo fieldset>div{gap:6px;display:flex}.automation-demo button{cursor:pointer;min-height:44px;font:12px/1.4 Arial,sans-serif}.automation-demo fieldset button{color:#3c4b35;background:0 0;border:1px solid #afbaa5;flex:1;min-width:0;padding:9px 6px}.automation-demo fieldset button[aria-pressed=true]{background:#e0eccb;border-color:#577043}.automation-trigger{color:#f7f7ee;background:#175b53;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.automation-trigger>span{font-size:20px;transition:transform .18s}.automation-receipt{background:#e8eee0;border-top:1px solid #80917b40}.automation-message{background:#fffef8;border-radius:3px 12px 12px;margin-top:16px;padding:18px;box-shadow:0 3px 8px #2c49230b}.automation-message-heading{align-items:center;gap:10px;display:flex}.automation-avatar{color:#435d31;background:#d5e2be;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.automation-message-heading strong,.automation-message-heading div>span{display:block}.automation-message-heading strong{color:#1d6458;font-size:12px;font-weight:600}.automation-message-heading div>span{color:#778270;font-size:10px}.automation-demo .automation-message h3{letter-spacing:-.02em;margin:17px 0 14px;font-size:16px;font-weight:600;line-height:1.4}.automation-message dl{margin:0;font-size:12px}.automation-message dl>div{justify-content:space-between;gap:10px;padding:5px 0;display:flex}.automation-message dt{color:#697764}.automation-message dd{text-align:right;margin:0}.automation-message-state{color:#68765f;border-top:1px solid #263b3515;margin-top:16px;padding-top:10px;font-size:10px;display:block}.automation-receipt[data-ready=true] .automation-message-state{color:#245b46}.automation-demo .automation-demo-note{color:#5e7055;border-top:1px solid #80917b40;min-height:61px;margin:0;padding:14px 20px;font-size:11px;line-height:1.5}.automation-demo button:focus-visible{outline-offset:3px;outline:3px solid #6a823d}@container (width>=550px){.automation-source{grid-column:1}.automation-receipt{grid-column:2}.automation-source,.automation-receipt{padding:22px 18px}.automation-receipt{border-top:0;border-left:1px solid #80917b40}.automation-message{padding:15px 12px}.automation-demo .automation-request{font-size:21px}.automation-message dl>div{padding:5px 0;display:block}.automation-message dd{text-align:left}.automation-demo .automation-demo-note{min-height:47px}}@media (hover:hover){.automation-trigger:hover{background:#104c45}.automation-trigger:hover>span{transform:translate(2px,2px)}}@media (prefers-reduced-motion:no-preference){.automation-receipt[data-ready=true] .automation-message{animation:.24s ease-out automation-received}@keyframes automation-received{0%{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.automation-demo *{transition:none!important;animation:none!important}}