:root{--ink:#333b32;--rust:#a44328;--paper:#eceee4;--sage:#dce3cc;--rust-hover:#8f3d31;--muted:#5c665e;--line:#d6d6c8;--wash:#eceadf;--white:#fcfaf4;--sage-deep:#5f7058;--success:#42583b;--brand-ink:var(--ink);--brand-paper:var(--paper);--brand-coral:var(--rust);--brand-eucalyptus:var(--sage);--brand-eucalyptus-ink:var(--sage-deep);--brand-navy:var(--ink);--brand-teal:var(--sage-deep);--brand-line:var(--line);--brand-surface:var(--white);--font-studio-sans:"Manrope";--font-studio-serif:"Fraunces";--font-studio-handwritten:"Vibes";--radius-sm:4px;--radius-md:5px;--radius-lg:12px;--radius-full:9999px;--radius:var(--radius-lg);--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:80px}h1 em,h2 em,.image-seal{font-family:var(--font-studio-serif), Georgia, serif;font-variation-settings:"SOFT" 100, "WONK" 1;font-style:italic}.button{border:1px solid color-mix(in srgb, var(--rust) 85%, var(--ink));border-radius:var(--radius-full);background:linear-gradient(180deg, var(--rust), var(--rust-hover));min-height:46px;color:var(--paper);white-space:nowrap;box-shadow:inset 0 1px #ffffff30, 0 5px 0 color-mix(in srgb, var(--rust) 65%, var(--ink)), 0 10px 20px -10px color-mix(in srgb, var(--ink) 33%, transparent);justify-content:center;align-items:center;gap:16px;padding:7px 9px 7px 20px;font-size:13px;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative}.button>svg{box-sizing:content-box;background:var(--paper);width:14px;height:14px;color:var(--rust);border-radius:50%;padding:6px;transition:transform .25s}.button-small{gap:16px;min-height:46px;padding:7px 9px 7px 20px;font-size:13px}.button-small>svg{width:14px;height:14px;padding:6px}.button-lg{gap:18px;min-height:52px;padding:9px 11px 9px 24px;font-size:14px}.button-lg>svg{width:16px;height:16px;padding:7px}.button:active{box-shadow:inset 0 1px #ffffff20, 0 1px 0 var(--rust-hover);transform:translateY(4px)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--rust-hover);transform:translateY(-2px)}.button:hover>svg{transform:rotate(45deg)}.button:active{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.button,.button>svg{transition:none}.button:hover,.button:active,.button:hover>svg{transform:none}}
.header-phone{font-variant-numeric:tabular-nums}.phone-caption{color:var(--muted);font-size:10px;font-weight:400}.footer-phone{text-underline-offset:4px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}.voice-phone,.contact-phone{flex-direction:column;align-items:flex-start;gap:5px;padding-block:12px;display:flex}.voice-phone{margin-bottom:18px}.voice-phone span,.contact-phone span{color:var(--muted);font-size:12px}.voice-phone strong,.contact-phone strong{letter-spacing:-.03em;text-underline-offset:6px;font-size:clamp(24px,3vw,34px);font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.contact-phone{margin-top:20px}.voice-phone:hover strong,.voice-phone:focus-visible strong,.contact-phone:hover strong,.contact-phone:focus-visible strong,.footer-phone:hover,.footer-phone:focus-visible,.header-phone:hover,.header-phone:focus-visible{color:var(--rust)}.service-row{transition:background-color .25s}.service-symbol,.service-arrow svg,.text-link svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.faq summary svg{transition:transform .25s}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.service-row:hover .service-symbol{transform:rotate(-8deg)scale(1.08)}.service-row:hover .service-arrow svg,.text-link:hover svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.service-symbol,.service-arrow svg,.text-link svg,.faq summary svg{transition:none}}.button{border:1px solid color-mix(in srgb, var(--rust) 85%, var(--ink));background:linear-gradient(180deg, var(--rust), var(--rust-hover));min-height:46px;color:var(--paper);white-space:nowrap;box-shadow:inset 0 1px #ffffff30, 0 5px 0 color-mix(in srgb, var(--rust) 65%, var(--ink)), 0 10px 20px -10px color-mix(in srgb, var(--ink) 33%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:16px;padding:7px 9px 7px 20px;font-size:13px;font-weight:600;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;position:relative}.button>svg{box-sizing:content-box;background:var(--paper);width:14px;height:14px;color:var(--rust);border-radius:50%;padding:6px;transition:transform .25s}.button-small{gap:16px;min-height:46px;padding:7px 9px 7px 20px;font-size:13px}.button-small>svg{width:14px;height:14px;padding:6px}.button-lg{gap:18px;min-height:52px;padding:9px 11px 9px 24px;font-size:14px}.button-lg>svg{width:16px;height:16px;padding:7px}.button:active{box-shadow:inset 0 1px #ffffff20, 0 1px 0 var(--rust-hover);transform:translateY(4px)}.demo-run{border:1px solid var(--ink);background:linear-gradient(180deg, var(--success), var(--ink));min-height:44px;box-shadow:inset 0 1px #ffffff35, 0 4px 0 color-mix(in srgb, var(--ink) 75%, black), 0 8px 12px -7px color-mix(in srgb, var(--ink) 40%, transparent);border-radius:999px;gap:14px;padding:6px 8px 6px 18px;transition:transform .15s,box-shadow .15s;position:relative}.demo-run>svg{box-sizing:content-box;background:var(--paper);width:13px;height:13px;color:var(--ink);border-radius:50%;padding:5px;transition:transform .25s}.demo-run:active{box-shadow:inset 0 1px #ffffff25, 0 1px 0 var(--ink);transform:translateY(3px)}.workflow-preview{border:1px solid var(--line);background:linear-gradient(155deg, var(--white), var(--paper));box-shadow:inset 0 1px white, 0 6px 0 color-mix(in srgb, var(--line) 60%, var(--paper)), 0 24px 45px -30px color-mix(in srgb, var(--ink) 38%, transparent);border-radius:20px}.scenario-switch{border:1px solid var(--line);background:var(--wash);box-shadow:inset 0 2px 4px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:12px;gap:5px;padding:5px}.scenario-switch button{border-radius:8px;min-width:0}.scenario-switch button[aria-pressed=true]{background:var(--white);color:var(--rust);box-shadow:0 1px 2px color-mix(in srgb, var(--ink) 13%, transparent), 0 3px 8px color-mix(in srgb, var(--ink) 6%, transparent), inset 0 1px white}.example-label{border:1px solid var(--line);background:var(--wash);white-space:nowrap;border-radius:999px;padding:4px 8px}.service-arrow,.hero-bottom>a{background:linear-gradient(145deg, var(--white), var(--wash));box-shadow:inset 0 1px white, 0 3px 0 var(--line)}.contact-link{border:6px solid var(--ink);background:linear-gradient(145deg, var(--success), var(--ink));box-shadow:inset 0 1px 2px #fff5, 0 0 0 1px #ffffff80, 0 8px 0 color-mix(in srgb, var(--ink) 85%, black), 0 20px 28px -16px color-mix(in srgb, var(--ink) 44%, transparent)}.button:focus-visible,.demo-run:focus-visible,.scenario-switch button:focus-visible,.contact-link:focus-visible,.service-row:focus-visible{outline:2px solid var(--rust);outline-offset:6px}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--rust-hover);transform:translateY(-2px)}.button:hover>svg{transform:rotate(45deg)}.button:active{transform:translateY(4px)}.demo-run:hover{transform:translateY(-1px)}.demo-run:active{transform:translateY(3px)}.service-row:hover .service-arrow,.service-row:focus-visible .service-arrow{background:var(--rust);color:var(--paper)}}@media (max-width:760px){.header-cta{gap:10px;padding:7px 8px 7px 15px}.hero-button{gap:12px;max-width:100%;padding:10px 10px 10px 20px}.workflow-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.button,.button>svg,.demo-run,.scenario-switch button,.contact-link{transition:none}.button:hover,.button:active,.button:hover>svg,.demo-run:hover,.demo-run:active,.contact-link:hover{transform:none}}.pen-underline:after{content:"";transform-origin:0;background:currentColor;height:.5rem;transition:transform .18s ease-out;position:absolute;bottom:.15rem;left:.75rem;right:.75rem;transform:scaleX(0)rotate(-1deg);-webkit-mask:url(/images/drawings/pen-underline.svg) 50%/100% 100% no-repeat;mask:url(/images/drawings/pen-underline.svg) 50%/100% 100% no-repeat}.pen-underline:hover:after,.pen-underline:focus-visible:after{transform:scaleX(1)rotate(-1deg)}@media (prefers-reduced-motion:reduce){.pen-underline:after{transition:none}}