/* Shared production footer and accessibility refinements. */
.site-footer{display:block;font-size:13px;padding-top:34px;padding-bottom:30px}.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:26px}.footer-bottom{margin-top:30px;padding-top:23px;border-top:1px solid #cccdc0}.site-footer small{font-size:12px;color:#555e50;white-space:nowrap}.policy-links{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.site-footer .foot-links{flex-wrap:wrap}.site-footer a{display:inline-flex;align-items:center;min-height:28px}.site-footer .site-brand{min-height:36px}.policy-links a[aria-current=page]{text-decoration:underline}.enquiry .contact-top>p{color:#e2e7ff}.workshop-menu small,.workshop-menu .menu-number,.sample-type{color:#555e50}.bench-nav a span{opacity:1}.w-hero-copy h1 em{color:#ed5628}.receptionist-next:hover:not(:disabled),.automation-next:hover:not(:disabled){color:#141413}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #214df3;outline-offset:4px}.on-blue a:focus-visible,.enquiry a:focus-visible,.enquiry input:focus-visible,.enquiry select:focus-visible,.enquiry textarea:focus-visible{outline-color:#fff}.dark .section-copy a:focus-visible{outline-color:#e0e69b}.workshop-contact a:focus-visible,.bench-nav a:focus-visible,.workshop-door:focus-visible{outline-color:#141413}.example-cta{min-height:36px}.workshop-contact a,.email-draft{min-height:44px}@media(max-width:700px){.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column;gap:20px}.site-footer .foot-links,.policy-links{gap:10px 20px;font-size:12px}.site-footer small{width:auto;font-size:12px}.footer-bottom{margin-top:24px}.site-footer{padding:28px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep supporting copy readable on each demo's existing light surfaces. */
.workshop-menu a>span:first-child,
.home-sample-links .sample-type,
.work-section:not(.dark) .example-footnote,
.receptionist-start-note,
.receptionist-fields dt,
.receptionist-fields dd.receptionist-empty,
.receptionist-boundary,
.receptionist-footer>span,
.automation-track-item:not(.automation-current):not(.automation-complete),
.automation-source dt,
.automation-stage-count,
.automation-output-fields dt,
.automation-draft>span,
.automation-activity span,
.automation-footer>span,
.systems-overline,
.systems-job-code,
.systems-job-tag,
.systems-project-strip>div>span,
.systems-milestone small,
.systems-milestone-icon,
.systems-lesson small,
.systems-lesson-icon,
.systems-app-bottom,
.creative-plan-step .creative-label,
.creative-timeline>button>span:last-child{color:#5b634f}
.systems-job p,.systems-inline-note{color:#5b634f!important}
.systems-milestone-icon.systems-milestone-done,
.systems-lesson-icon.systems-is-complete{background:#5b634f;border-color:#5b634f;color:#fffdf6}
.creative-plan-stamp,
.example-cta:hover,
.websites-demo .example-cta:hover,
.systems-demo .example-cta:hover,
.leads-demo .example-cta:hover,
.creative-demo .example-cta:hover{color:#bd3a15}
.websites-frame[data-websites-theme=restaurant]{--websites-art:#a34e34}

/* These focus rings sit outside controls, against the surrounding light surface. */
.websites-demo button:focus-visible,
.websites-demo a:focus-visible,
.systems-demo button:focus-visible,
.systems-demo a:focus-visible{outline-color:#214df3}
.enquiry-field input,.enquiry-field select,.enquiry-field textarea{border-color:#b8c6f7}
.leads-filter-label select{border-color:#717766}
.workshop-contact .w-contact-button:focus-visible{outline-color:#141413}

/* Supporting text on tinted workbenches and the automation source panel. */
.work-section:not(.dark) .bench-caption,
.automation-source>.automation-panel-label{color:#5b634f}
.systems-demo-footer p{color:#5b634f!important}
.automation-demo .automation-result h4{color:#24251f}
.automation-demo .automation-result>p{color:#5b634f}
/* Preserve the small arrival movement without temporarily fading readable text. */
.automation-result.automation-result-enter{animation-name:automation-arrive-readable}
@keyframes automation-arrive-readable{from{transform:translateY(4px)}to{transform:translateY(0)}}
.workshop-demo-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* On-site enquiries keep the studio's cobalt palette and generous controls. */
.enquiry-fields fieldset{border:0;padding:0;margin:0;min-width:0}
.enquiry-visually-hidden,.enquiry-honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.enquiry-submit{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:55px;gap:25px;padding:15px 20px;border:0;border-radius:0;background:#f4f2e9;color:#24251f;font:500 13px/1.5 'DM Sans',Arial,sans-serif;text-align:left;cursor:pointer}
.enquiry-submit>span:last-child{font-size:23px;line-height:1}
.enquiry-submit:hover:not(:disabled){background:#e4e5d5}
.enquiry-fields fieldset:disabled .enquiry-submit{cursor:wait}
.enquiry-fields fieldset:disabled input,.enquiry-fields fieldset:disabled select,.enquiry-fields fieldset:disabled textarea{opacity:1;-webkit-text-fill-color:#f4f2e9}
.enquiry-status{margin:18px 0 0;padding:16px 18px;border:1px solid #b8c6f7;font-size:14px;line-height:1.65;color:#f4f2e9;scroll-margin-block:35px}
.enquiry-status[data-state=success]{background:#f4f2e9;border-color:#f4f2e9;color:#24251f}
.enquiry-status[data-state=error]{background:#123ccd}
.enquiry-another{display:flex;justify-content:space-between;align-items:center;width:100%;gap:25px;margin-top:16px;padding:13px 18px;min-height:48px;border:1px solid #b8c6f7;border-radius:0;background:transparent;color:#f4f2e9;font:500 13px/1.5 'DM Sans',Arial,sans-serif;cursor:pointer}
.enquiry-another:hover{background:#163fd0}
.enquiry-fields button:focus-visible,.enquiry-status:focus-visible{outline-color:#fff}
.enquiry-fields [hidden]{display:none!important}
@media(max-width:700px){.enquiry-field input,.enquiry-field select,.enquiry-field textarea{font-size:16px}.enquiry-status{font-size:13px}}