body.request-demo{color:#111;background:white;font-size:1rem;line-height:1.6}.demo-layout{max-width:1440px;margin:auto;padding:48px;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(48px,7vw,112px);align-items:start}.demo-eyebrow{font-size:.875rem;letter-spacing:.08em;font-weight:500;margin:0 0 24px}.demo-story h1{font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:0 0 24px}.demo-story h1 strong,.demo-request h2 strong{font-weight:700}.demo-intro{font-size:1.125rem;line-height:1.6;margin-bottom:32px}.demo-fashion{position:relative;overflow:hidden;margin:0;aspect-ratio:1.35;background:#4e7f7c}.demo-fashion img{width:100%;height:100%;object-fit:cover;object-position:48% center}.demo-fashion:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111b)}.demo-fashion figcaption{position:absolute;z-index:1;left:32px;bottom:32px;color:#fff;font-size:1.75rem;letter-spacing:-.025em;line-height:1.2}.demo-request{padding-top:0}.demo-request h2{font-size:2.5rem;line-height:1.12;letter-spacing:-.03em;font-weight:400;margin:0 0 16px}.form-intro{max-width:40ch;font-size:1rem;margin:0 0 24px}.required-note{font-size:.875rem;color:#555;margin:0 0 16px}.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.demo-fields label{display:flex;flex-direction:column;gap:8px;font-size:1rem;min-width:0}.demo-fields input{appearance:none;min-width:0;width:100%;min-height:48px;height:auto;border:1px solid #9a9a9a;border-radius:0;background:white;padding:10px 12px;color:#111;font:inherit;transition:border-color 180ms ease}.demo-fields input:hover{border-color:#111}.demo-consent{display:flex;align-items:flex-start;gap:12px;margin-top:24px;font-size:.875rem;line-height:1.6;cursor:pointer}.demo-consent input{flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:#111}.demo-consent a,.demo-existing a{text-decoration:underline;text-underline-offset:3px}.demo-preview-note{font-size:.875rem;color:#555;margin:24px 0 12px}#request-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:16px 24px;min-height:56px;background:#e9ee65;font-size:1rem;font-weight:600;transition:background 220ms ease}#request-submit span{font-size:1.75rem;line-height:1;transition:transform 220ms cubic-bezier(.16,1,.3,1)}#request-submit:hover{background:#f1f49a}#request-submit:hover span{transform:translate(2px,-2px)}.demo-existing{margin-top:20px;font-size:.875rem}#demo-feedback{padding:20px;margin-top:16px;background:#f4f4f4;border-left:3px solid #111;font-size:1rem}#demo-feedback a{display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.request-demo :is(a,button,input):focus-visible{outline:3px solid #111;outline-offset:4px}.demo-skip{position:fixed;top:-200px;left:16px;background:#e9ee65;padding:12px;z-index:50}.demo-skip:focus{top:12px}#demo-form{scroll-margin-top:calc(var(--site-header-height,88px) + 24px)}
@media(max-width:1000px){.demo-layout{gap:40px;padding:40px 32px}.demo-story h1{font-size:3.5rem}.demo-fields{grid-template-columns:1fr;gap:16px}.demo-fashion{aspect-ratio:.9}}
@media(max-width:700px){.demo-layout{display:block;padding:32px 24px 48px}.demo-story h1{font-size:2.5rem}.demo-eyebrow{margin-bottom:16px}.demo-intro{margin-bottom:24px}.demo-fashion{aspect-ratio:2;max-height:240px;margin-bottom:40px}.demo-fashion figcaption{left:20px;bottom:20px;font-size:1.125rem}.demo-request h2{font-size:2rem}.demo-fields{grid-template-columns:1fr}.demo-consent{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.demo-story,.demo-request{animation:demo-arrive 500ms cubic-bezier(.16,1,.3,1) both}.demo-request{animation-delay:80ms}@keyframes demo-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.request-demo *, .request-demo *:before,.request-demo *:after{animation:none!important;transition:none!important}}

@media(max-width:700px){.demo-layout{display:flex;flex-direction:column;gap:0}.demo-story{display:contents}.demo-request{order:1}.demo-fashion{order:2;width:100%;margin:32px 0 0}}
/* Form guidance stays beside the field; errors never depend on color alone. */
.demo-fields .field-wide{grid-column:1/-1}.demo-fields label{display:block}.demo-fields input{display:block;margin-top:8px}.field-optional,.field-hint{font-size:.875rem;font-weight:400;color:#555}.field-hint{display:block;margin-top:6px}.field-error{display:block;font-size:.875rem;line-height:1.5;color:#a12d36;margin-top:6px}.demo-fields input[aria-invalid=true]{border-color:#a12d36;box-shadow:inset 0 0 0 1px #a12d36}.form-error-summary{border-left:3px solid #a12d36;padding:8px 12px;margin:0 0 20px;font-size:.875rem;color:#a12d36;background:#fff5f5}.demo-consent{min-height:44px;padding-block:4px}.request-demo input,.request-demo button,.request-demo #demo-feedback{scroll-margin-block:calc(var(--site-header-height,88px) + 24px)}#demo-feedback:focus{outline:2px solid #111;outline-offset:4px}.demo-fields{gap:16px 24px}