html{background:#11100f}body.demo-page{--Demo-dark: color-mix(in srgb, var(--marketing-color-canvas-inverse) 62%, #050505);--Demo-dark-soft: color-mix(in srgb, var(--Demo-dark) 92%, white);--Demo-dark-border: rgb(255 255 255 / 12%);--Demo-light: #f4f3f1;--Demo-ink: #211c19;--Demo-muted: #706a66;min-block-size:100vh;background:var(--Demo-dark);color:#fff;font-family:var(--marketing-fontStack-body);font-size:1rem;line-height:1.45}.demo-skip{position:fixed;inset-block-start:var(--marketing-base-size-16);inset-inline-start:var(--marketing-base-size-16);z-index:20;padding:var(--marketing-base-size-8) var(--marketing-base-size-12);border-radius:var(--marketing-borderRadius-small);background:#fff;color:var(--Demo-ink);transform:translateY(-200%)}.demo-skip:focus{transform:translateY(0)}.demo-shell{min-block-size:100vh}.demo-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);min-block-size:100vh}.demo-page--schedule .demo-layout{display:contents}.demo-intro{grid-column:1;grid-row:2;background:var(--Demo-dark)}.demo-intro__inner{display:flex;flex-direction:column;align-items:center;padding:5rem 5rem 0}.demo-brand{inline-size:100%;max-inline-size:35.5rem;align-self:center;color:#fff}.demo-intro__copy{inline-size:100%;max-inline-size:35.5rem;margin-block-start:4.25rem}.demo-intro__copy h1{max-inline-size:var(--marketing-text-heading-1-maxWidth);font-family:var(--marketing-fontStack-display);font-size:var(--marketing-text-heading-1-size);font-weight:var(--marketing-text-heading-1-weight);letter-spacing:var(--marketing-text-heading-1-letterSpacing);line-height:var(--marketing-text-heading-1-lineHeight)}.demo-intro__copy p{max-inline-size:27em;margin-block-start:var(--marketing-base-size-24);color:rgb(255 255 255 / 78%);font-size:var(--marketing-text-lede-size);font-weight:var(--marketing-text-weight-normal);line-height:var(--marketing-text-lede-lineHeight)}.demo-intro__copy .demo-intro__eyebrow{margin-block-start:0;color:#c7a88f;font-size:var(--marketing-text-label-size);font-weight:var(--marketing-text-label-weight);letter-spacing:var(--marketing-text-label-letterSpacing);line-height:var(--marketing-text-label-lineHeight);text-transform:uppercase}.demo-intro__eyebrow+h1{margin-block-start:0.9rem}.demo-clients{display:none}.demo-details{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,6vw,5rem);background:var(--Demo-dark-soft)}.demo-details__inner{max-inline-size:72rem;margin-inline:auto}.demo-details h2{font-family:var(--marketing-fontStack-display);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}.demo-details p{max-inline-size:65ch;margin-block-start:1rem;color:rgb(255 255 255 / 78%);line-height:1.65}.demo-details__workflows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:2.5rem}.demo-details h3{font-size:1.125rem;font-weight:var(--marketing-text-weight-semibold)}.demo-details a{color:inherit;text-decoration:underline;text-underline-offset:0.2em}@media(max-width:47.999rem){.demo-details__workflows{grid-template-columns:minmax(0,1fr)}}.demo-focus{inline-size:100%;max-inline-size:35.5rem;border:1px solid var(--Demo-dark-border)}.demo-proof-side{display:flex;grid-column:1;grid-row:3;align-items:flex-start;justify-content:center;padding:4.25rem 5rem 5rem;background:var(--Demo-dark)}.demo-focus__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-end:1px solid var(--Demo-dark-border)}.demo-focus__tab{display:flex;min-block-size:3.65rem;align-items:center;justify-content:center;padding:var(--marketing-base-size-8) var(--marketing-base-size-6);border:0;border-inline-end:1px solid var(--Demo-dark-border);background:var(--Demo-dark-soft);color:rgb(255 255 255 / 48%);cursor:pointer;transition:background-color var(--marketing-motion-duration-short) ease,color var(--marketing-motion-duration-short) ease}.demo-focus__tab-label{display:flex;align-items:baseline;gap:0.3rem;line-height:1;white-space:nowrap}.demo-focus__tab-label strong{font-size:0.75rem;font-weight:var(--marketing-text-weight-semibold);letter-spacing:-0.01em}.demo-focus__tab-label small{font-size:0.56rem;font-weight:var(--marketing-text-weight-medium);letter-spacing:0.05em}.demo-focus__tab:last-child{border-inline-end:0}.demo-focus__tab:hover,.demo-focus__tab.is-active{background:var(--Demo-dark);color:#fff}.demo-focus__tab:focus-visible,.demo-focus__controls button:focus-visible{outline:2px solid #fff;outline-offset:-3px}.demo-focus__viewport{position:relative;display:grid;min-block-size:24.1rem;padding:2.75rem 2.25rem 2rem;background-color:color-mix(in srgb,var(--Demo-dark) 84%,transparent);background-image:url("../img/demo-testimonial-background-v1.618808744516.webp");background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:multiply}.demo-focus__panel{display:flex;grid-area:1 / 1;min-block-size:19.25rem;flex-direction:column;will-change:opacity,transform}.demo-focus__panel[hidden]{display:none}.demo-focus__quote{block-size:2rem;color:rgb(255 255 255 / 28%);font-family:var(--marketing-fontStack-display);font-size:4rem;font-weight:var(--marketing-text-weight-bold);line-height:0.75}.demo-focus__statement{max-inline-size:29rem;margin-block-start:var(--marketing-base-size-20);color:rgb(255 255 255 / 84%);font-size:1.25rem;font-weight:var(--marketing-text-weight-normal);line-height:1.35}.demo-focus__attribution{display:flex;align-items:center;gap:var(--marketing-base-size-16);max-inline-size:calc(100% - 5.5rem);margin-block-start:auto;font-size:1.075rem;line-height:1.25}.demo-focus__attribution-copy,.demo-focus__attribution-copy strong,.demo-focus__attribution-copy span{display:block}.demo-focus__attribution-copy strong{font-weight:var(--marketing-text-weight-bold)}.demo-focus__attribution-copy span{color:rgb(255 255 255 / 84%);font-weight:var(--marketing-text-weight-normal)}.demo-focus__footer{position:absolute;inset-inline-end:2.25rem;inset-block-end:2rem;display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--marketing-base-size-24)}.demo-focus__controls{display:flex;gap:var(--marketing-base-size-8)}.demo-focus__controls button{display:grid;inline-size:2rem;block-size:2rem;place-items:center;border:0;background:transparent;cursor:pointer}.demo-focus__controls svg{inline-size:1.25rem;block-size:1.25rem;color:#fff;opacity:0.92}.demo-form-side{position:sticky;grid-column:2;grid-row:1 / -1;inset-block-start:0;display:flex;inline-size:100%;min-block-size:100vh;align-items:center;align-self:flex-start;justify-content:center;padding-block:clamp(4.5rem,8vh,6.5rem);padding-inline:3.5rem;overflow:clip;background:var(--Demo-light);color:var(--Demo-ink)}.demo-form-stage{inline-size:min(100%,35.75rem)}.demo-form{position:relative;z-index:1;display:grid;gap:2.25rem;inline-size:100%;padding:clamp(2.5rem,4vw,3.5rem);border:0;background:transparent}.demo-form .MarketingContactForm__body{display:grid;gap:2.25rem}.demo-form .MarketingContactForm__intro{margin:-1.25rem 0 0;color:var(--Demo-muted);font-size:var(--marketing-text-body-size-large);line-height:var(--marketing-text-body-lineHeight)}.demo-form h2{font-family:var(--marketing-fontStack-display);font-size:var(--marketing-text-heading-2-size);font-weight:var(--marketing-text-heading-2-weight);letter-spacing:var(--marketing-text-heading-2-letterSpacing);line-height:var(--marketing-text-heading-2-lineHeight)}.demo-form .MarketingFormLabel span{margin-inline-start:0.08rem}.demo-form .MarketingFormInput:user-invalid{border-color:var(--marketing-color-danger-emphasis)}.demo-form .MarketingContactForm__submit{display:grid;gap:0.75rem}@media(max-width:63.999rem){.demo-layout{display:flex;flex-direction:column}.demo-intro,.demo-form-side,.demo-proof-side{inline-size:100%}.demo-intro{min-block-size:auto}.demo-intro__inner{min-block-size:auto;padding:1.5rem var(--marketing-page-paddingInline-mobile-emphasis) 2.25rem}.demo-brand{font-size:1.35rem}.demo-intro__copy{margin-block-start:2.25rem}.demo-clients{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin:1.75rem 0 0;padding:0;list-style:none}.demo-clients li{display:flex;inline-size:var(--client-width);align-items:center}.demo-clients img{display:block;inline-size:100%;block-size:auto;filter:brightness(0) invert(1);opacity:0.72}.demo-clients__timessquare{--client-width: 6.5rem}.demo-clients__gwk{--client-width: 2.5rem}.demo-clients__chicago{--client-width: 6.5rem}.demo-clients__akre{--client-width: 4.25rem}.demo-clients__bornite{--client-width: 4.25rem}.demo-clients__timessquare img{margin-inline-start:-7.2%}.demo-clients__chicago img{filter:grayscale(1) invert(1);mix-blend-mode:screen}.demo-form-side{position:static;min-block-size:auto;padding-block:2.5rem;padding-inline:var(--marketing-page-paddingInline-mobile-emphasis);overflow:clip}.demo-form{gap:1.5rem;padding:1.25rem 1.5rem}.demo-form .MarketingContactForm__body{gap:1.5rem}.demo-proof-side{padding:3rem var(--marketing-page-paddingInline-mobile-emphasis)}}@media(max-width:30rem){.demo-focus__tab img{inline-size:1.5rem;block-size:1.5rem}.demo-focus__tab{gap:var(--marketing-base-size-4)}.demo-focus__tab span{font-size:0.68rem}.demo-focus__tab small{display:none}.demo-focus__viewport{min-block-size:25rem;padding:2.25rem 1.5rem 1.5rem}.demo-focus__panel{min-block-size:20.75rem}.demo-focus__statement{font-size:1.08rem}.demo-focus__attribution{max-inline-size:calc(100% - 4.25rem);gap:var(--marketing-base-size-12);font-size:0.92rem}.demo-focus__attribution img{inline-size:3.25rem;block-size:3.25rem}.demo-focus__footer{inset-inline-end:1.25rem;inset-block-end:1.5rem}}@media(prefers-reduced-motion:reduce){.demo-focus__tab,.demo-focus__tab img,.demo-form .MarketingContactForm__submit .Button{transition-duration:0.01ms}}
