/* Styling only: all layout, spacing, font metrics and responsive grids are inherited unchanged from the wireframe. */
:root{--brand:#53622d;--brand-lime:#d8f36a;--brand-ink:#24291f;--brand-muted:#626a59;--brand-paper:#fafbf6;--brand-surface:#f0f3e7;--brand-border:#dce1d1}
html,body{background:var(--brand-paper);color:var(--brand-ink)}
.bg-scheme-background,.bg-white{background-color:var(--brand-paper)}
.bg-scheme-foreground,.bg-neutral-50,.bg-neutral-100{background-color:var(--brand-surface)}
.border-scheme-border,.border-neutral-200,.border-neutral-300{border-color:var(--brand-border)}
.bg-scheme-border{background-color:var(--brand-border)}
.text-scheme-text,.text-neutral-900,.text-neutral-950{color:var(--brand-ink)}
.text-neutral-500,.text-neutral-600{color:var(--brand-muted)}
.bg-neutral-950,.bg-neutral-900{background-color:#22281f}
.border-neutral-800,.border-neutral-700{border-color:#49513e}
[data-slot=button].bg-neutral-darkest{background:var(--brand-lime);color:var(--brand-ink);border-color:transparent}
[data-slot=button]{border-radius:6px}
[data-slot=button].bg-neutral-darkest:hover{background:#cce65e}
[data-slot=button]:not(.bg-neutral-darkest):hover{background-color:#eaf0da}
[data-slot=button][class*="p-0"]:hover{background:transparent;color:#53622d}
[data-hero]{background:#f4f6ed}
[data-closing]{background:var(--brand-lime)}
[data-closing] [data-slot=button].bg-neutral-darkest{background:var(--brand-ink);color:#fff}
[data-closing] [data-slot=button]:not(.bg-neutral-darkest){border-color:#6f7e48}
.rounded-card{border-radius:12px}.rounded-image{border-radius:10px}.rounded-form{border-radius:5px}
main [class*="size-"][class*="bg-neutral-100"]{background-color:#e4edca;color:#3f5026}
main .border-scheme-border.rounded-card{background-color:#f5f7ee}
main [data-demo]{box-shadow:0 16px 42px #202b181a;background:#22281f}
[data-demo] .text-sky-300,[data-demo] .text-sky-400{color:#d8f36a}
[data-demo] .text-emerald-300,[data-demo] .text-emerald-400{color:#cedcb4}
[data-demo] .text-amber-300{color:#e6ddb4}
[data-navigation]{background:var(--brand-paper)}
[data-navigation] a:hover{color:#53622d}
[data-navigation] a[data-slot=button]:hover{color:var(--brand-ink)}
footer{background:#f0f3e7}
footer a:hover{color:#53622d;text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid #697e31!important;outline-offset:4px}
/* Native equivalents of the source React controls, using the same dimensions. */
[hidden]{display:none!important}
[data-faq]>summary{list-style:none;cursor:pointer;display:flex}
[data-faq]>summary::-webkit-details-marker{display:none}
[data-faq][open]>summary>svg{transform:rotate(180deg)}
[data-products-toggle]{cursor:pointer}
[data-products-toggle][aria-expanded=true]>span{transform:rotate(180deg)}
.form-honeypot{display:none!important}
input[type=radio],input[type=checkbox]{appearance:auto;accent-color:#697e31;flex-shrink:0}
select[data-slot=select-trigger]{display:block;background:transparent}
html .ffx-pricing{--ffx-brand:#53622d;--ffx-brand-dark:#3e4c23;--ffx-ink:#24291f;--ffx-muted:#626a59;--ffx-line:#dce1d1;--ffx-card:#fafbf6;--ffx-check:#617a30;--ffx-current:#4e6726;--ffx-current-dark:#35491a;--ffx-pop:#d8f36a;--ffx-fill:#718d36}
.ffx-pricing .ffx-card.is-popular{border-color:#97ad5e;background:#f0f5e3}
.ffx-pricing .ffx-card.is-popular .ffx-popular-badge,.ffx-pricing .ffx-popular{color:var(--brand-ink)}
.ffx-pricing .ffx-card.is-popular .ffx-pop-bar{color:var(--brand-ink)}
.ffx-pricing .ffx-toggle-opt.is-active,.ffx-pricing .ffx-cta{background:var(--brand-lime);color:var(--brand-ink)}
.ffx-pricing .ffx-table .ffx-group td,.ffx-pricing .ffx-table code{background:#edf2e1}
@media(max-width:991px){[data-primary-menu].is-open{display:block;top:100%;left:0;right:0;height:calc(100dvh - 64px);z-index:1000}[data-primary-menu].is-open>div:first-child{align-items:stretch}[data-primary-menu].is-open>div:last-child{margin-top:24px}[data-navigation] nav{position:static}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Append after assets/brand.css. Colour-only changes preserve existing geometry. */
main [role="tablist"] [role="tab"].rounded-full {
  background-color: #edf1e3;
  border-color: #b8c39e;
  color: #46552a;
}

main [role="tablist"] [role="tab"].rounded-full:hover {
  background-color: #e5ebd6;
  border-color: #98aa77;
}

main [role="tablist"] [role="tab"].rounded-full[data-state="active"] {
  background-color: #53622d;
  border-color: #53622d;
  color: #ffffff;
}

main [role="tablist"] [role="tab"].rounded-full:focus-visible {
  outline-color: #53622d;
}

/* The small FX/WS/AI-style markers on feature cards. */
main div[aria-hidden="true"].size-12.rounded-card.font-mono {
  background-color: #e7edd9;
  border-color: #b8c39e;
  color: #46552a;
}