.demo-request-form,.demo-form-state{flex-direction:column;gap:30px;display:flex}.demo-form-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.demo-form-accepted>.demo-stage-heading{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-form-header h1,.demo-form-header h2,.demo-dry-run h3{font-family:var(--font-serif);font-size:28px;font-weight:var(--weight-regular);letter-spacing:-.012em;margin:0;line-height:30px}.demo-duration{height:28px;color:var(--secondary-700);background:var(--secondary-100);font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px;line-height:1;display:inline-flex}.demo-duration:before{background:var(--secondary-500);content:"";border-radius:50%;flex:none;width:6px;height:6px}.demo-field{flex-direction:column;gap:8px;display:flex}.demo-field label{color:var(--text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-medium);letter-spacing:.14em;text-transform:uppercase;line-height:20px}.demo-field input{box-sizing:border-box;border:1px solid var(--ov-ink-10);width:100%;height:50px;color:var(--text-primary);background:var(--demo-white-55);font-family:var(--font-sans);font-size:18px;font-weight:var(--weight-regular);border-radius:6px;outline:none;padding:0 16px;line-height:1;transition:border-color .2s linear,box-shadow .2s linear,background-color .2s linear}.demo-field input::placeholder{color:var(--border);font-family:var(--font-serif);font-size:18px;font-style:italic;font-weight:var(--weight-regular);line-height:1}.demo-field input:hover{border-color:var(--ov-ink-20)}.demo-field input:focus,.demo-field input:focus-visible{border-color:var(--accent);background:var(--surface-sunken);box-shadow:none;outline:none}.demo-submit-button:focus-visible{outline:3px solid var(--text-primary);outline-offset:4px}.demo-field input[aria-invalid=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.demo-field-error{color:var(--accent);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-regular);margin:0;line-height:20px}.demo-form-alert{border:1px solid var(--ov-ink-20);color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-regular);border-radius:6px;padding:20px;line-height:20px}.demo-form-alert strong{color:var(--text-primary);font-size:14px;font-weight:var(--weight-medium);display:block}.demo-form-alert a,.demo-scheduler-link{text-decoration:underline}.demo-submit-button{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:60px;color:var(--text-primary);background:var(--demo-white-55);font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-medium);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:0 20px;line-height:1;transition:color .2s linear,border-color .2s linear,background-color .2s linear;display:inline-flex}.demo-submit-indicator{border:1.5px solid var(--ov-ink-10);border-top-color:var(--text-secondary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite demo-submit-turn}@keyframes demo-submit-turn{to{transform:rotate(360deg)}}.demo-submit-button:hover{border-color:var(--text-primary);background:var(--surface-sunken)}.demo-submit-button:disabled{border-color:var(--ov-ink-20);color:var(--text-faint);cursor:default;background:0 0}.demo-scheduler-shell{border-radius:6px;position:relative;overflow:hidden}.demo-scheduler-shell:is([data-state=loading],[data-state=ready]) .demo-scheduler{min-height:700px;overflow:hidden}.demo-scheduler-shell:is([data-state=loading],[data-state=ready]) .demo-scheduler iframe{border:0;width:100%;min-height:700px;display:block}.demo-scheduler-shell:is([data-state=idle],[data-state=unavailable],[data-state=withheld]) .demo-scheduler{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.demo-scheduler-shell[data-state=loading] .demo-scheduler{pointer-events:none}.demo-scheduler-loading{z-index:1;color:var(--text-secondary);font:400 13px/20px var(--font-sans);pointer-events:none;align-items:center;gap:8px;margin:0;display:flex;position:absolute;top:0;left:0}.demo-scheduler-loading:before{content:"";background:var(--secondary-500);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite alternate demo-loading-breathe}@keyframes demo-loading-breathe{to{opacity:.25}}.demo-scheduler-message{box-sizing:border-box;border:1px solid var(--ov-ink-10);min-height:180px;color:var(--text-secondary);background:var(--demo-white-55);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-regular);border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:24px;line-height:20px;display:flex}.demo-scheduler-message strong{color:var(--text-primary);font-weight:var(--weight-medium)}.demo-scheduler-message span{max-width:34rem}.demo-scheduler-retry{border:1px solid var(--border);color:var(--text-primary);background:var(--demo-white-55);font:inherit;font-weight:var(--weight-medium);cursor:pointer;border-radius:6px;min-height:44px;margin-top:12px;padding:0 16px;text-decoration:none}.demo-scheduler-retry:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.demo-scheduler-link{color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-regular);line-height:20px}.demo-scheduler-link-prominent{text-underline-offset:4px;align-self:flex-start;align-items:center;min-height:44px;display:inline-flex}.demo-dry-run{box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;padding:30px;display:flex}.demo-dry-run p{color:var(--text-secondary);font-family:var(--font-sans);font-size:14px;font-weight:var(--weight-regular);margin:0;line-height:20px}@media (width<=379px){.demo-form-header{gap:10px}.demo-form-header h1,.demo-form-header h2{font-size:25px}.demo-duration{gap:6px;padding:0 9px;font-size:12px}}@media (prefers-reduced-motion:reduce){.demo-submit-indicator,.demo-scheduler-loading:before{animation:none}.demo-field input,.demo-submit-button{transition:none}}.demo-page{--demo-white-55:color-mix(in srgb, var(--white) 55%, transparent);view-transition-name:demo-journey}.demo-request{isolation:isolate;background:var(--surface);padding:100px 0 120px;position:relative}.demo-request .grid-texture{z-index:-1;-webkit-mask-image:linear-gradient(to bottom, transparent, var(--text-primary) 15%, var(--text-primary) 90%, transparent);mask-image:linear-gradient(to bottom, transparent, var(--text-primary) 15%, var(--text-primary) 90%, transparent);background-position:50% 0;background-origin:padding-box;padding:0}.demo-hero{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;column-gap:20px;scroll-margin-top:110px;display:grid}.demo-copy{flex-direction:column;grid-column:1/span 6;display:flex}.demo-copy>h1{max-width:560px;padding:var(--type-h1-pad);font-size:var(--type-h1-size);line-height:var(--type-h1-lh);letter-spacing:var(--type-h1-ls);margin:0 0 50px}.demo-callout{color:var(--accent)}.demo-quote{border-top:1px solid var(--primary-200);flex-direction:column;gap:30px;max-width:460px;margin:auto 0 0;padding-top:44px;display:flex}.demo-quote blockquote{color:var(--text-primary);font:400 24px/35px var(--font-serif);letter-spacing:-.012em;text-wrap:pretty;margin:0}.demo-quote figcaption{align-items:center;gap:20px;display:flex}.demo-quote__avatar{border-radius:50%;flex:none;width:60px;height:60px;display:block;overflow:hidden}.demo-quote__avatar img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.demo-quote__name{font:500 14px/20px var(--font-sans);margin:0}.demo-quote__role{color:var(--text-secondary);font:400 14px/20px var(--font-sans);margin:0}.demo-form-panel{box-sizing:border-box;border:1px solid var(--ov-white-60);background:var(--ov-white-40);min-height:540px;box-shadow:5px 5px 10px var(--ov-ink-5);backdrop-filter:blur(10px);border-radius:14px;grid-column:8/span 5;padding:40px}.demo-hero[data-stage=scheduling],.demo-hero[data-stage=confirmed]{grid-template-columns:minmax(0,1fr)}.demo-hero:not([data-stage=details]) .demo-form-panel{grid-column:1;width:100%;min-height:0;margin:0 auto}.demo-hero[data-stage=scheduling] .demo-form-panel{max-width:960px;padding:32px}.demo-hero[data-stage=confirmed]{align-items:center;min-height:540px}.demo-hero[data-stage=confirmed] .demo-form-panel{max-width:680px;padding:72px 48px}.demo-confirmation{text-align:center;flex-direction:column;align-items:center;display:flex}.demo-confirmation-mark{width:48px;height:48px;color:var(--secondary-700);background:var(--secondary-100);font:400 24px/1 var(--font-sans);animation:demo-confirmation-arrive .3s var(--ease-out) both;border-radius:50%;place-items:center;margin-bottom:28px;display:grid}.demo-confirmation-title{font:400 48px/1.1 var(--font-serif);letter-spacing:-.025em;margin:0}.demo-confirmation-copy{max-width:340px;color:var(--text-secondary);font:400 16px/26px var(--font-sans);text-wrap:balance;margin:20px 0 30px}.demo-confirmation-link{min-height:44px;color:var(--text-primary);font:500 14px/20px var(--font-sans);text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--border);align-items:center;transition:text-decoration-color .16s;display:inline-flex}.demo-confirmation-link:hover{text-decoration-color:currentColor}.demo-confirmation-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[data-demo-stage-heading]:focus{outline:none}@keyframes demo-confirmation-arrive{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}::view-transition-group(demo-journey){animation:none}::view-transition-old(demo-journey){animation:.16s ease-out both demo-stage-out}::view-transition-new(demo-journey){animation:demo-stage-in .24s var(--ease-out) both}html:active-view-transition-type(demo-expand) .demo-form-panel{view-transition-name:demo-panel}html:active-view-transition-type(demo-expand) .demo-panel-content{view-transition-name:demo-panel-content}html:active-view-transition-type(demo-expand) .site-header{view-transition-name:demo-navigation}::view-transition-group(demo-navigation){z-index:3;animation:none}::view-transition-old(demo-navigation),::view-transition-new(demo-navigation){mix-blend-mode:normal;animation:none}::view-transition-group(demo-panel),::view-transition-group(demo-panel-content){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(demo-panel){z-index:1}::view-transition-group(demo-panel-content){z-index:2}::view-transition-image-pair(demo-panel){border-radius:14px;overflow:clip}::view-transition-old(demo-panel),::view-transition-new(demo-panel){mix-blend-mode:normal;height:100%}::view-transition-old(demo-panel){animation:.14s ease-out both demo-content-out}::view-transition-new(demo-panel){animation:none}::view-transition-image-pair(demo-panel-content){overflow:visible}::view-transition-old(demo-panel-content),::view-transition-new(demo-panel-content){object-fit:none;object-position:left top;mix-blend-mode:normal;width:auto;height:auto}::view-transition-old(demo-panel-content){animation:90ms ease-out both demo-content-out}::view-transition-new(demo-panel-content){animation:.18s ease-out .18s both demo-content-in}@keyframes demo-content-out{to{opacity:0}}@keyframes demo-content-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(root){animation:none}::view-transition-old(root){display:none}@keyframes demo-stage-out{to{opacity:0;transform:translateY(-6px)}}@keyframes demo-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html[data-demo-motion=on] .demo-page .rv{opacity:0;transition:opacity .35s var(--ease-out), transform .35s var(--ease-out);transform:translateY(10px)}html[data-demo-motion=on] .demo-page.is-in .rv{opacity:1;transform:none}html[data-demo-motion=on] .demo-page .demo-quote{transition-delay:.1s}html[data-demo-motion=on] .demo-page .demo-form-panel{transition-delay:.2s}html[data-demo-motion=on] .demo-page .demo-callout{color:inherit;transition:color .6s .7s}html[data-demo-motion=on] .demo-page.is-in .demo-callout{color:var(--accent)}@media (width<=979px){.demo-hero{grid-template-columns:minmax(0,1fr)}.demo-copy{display:contents}.demo-copy>h1{white-space:nowrap;order:0;max-width:none;margin-bottom:0;padding:0;font-size:40px;line-height:50px}.demo-form-panel{order:1;grid-column:1;min-height:0}.demo-hero[data-stage=details] .demo-form-panel{margin-top:60px}.demo-quote{order:2;max-width:none;margin-top:60px;padding-top:40px}}@media (width<=739px){.demo-copy>h1{font-size:var(--type-h1-size);line-height:var(--type-h1-lh);padding:var(--type-h1-pad);white-space:normal;text-wrap:balance}}@media (width<=619px){.demo-form-panel{padding:30px}.demo-request:has(.demo-hero:not([data-stage=details])){padding:48px 0 64px}.demo-hero[data-stage=scheduling] .demo-form-panel{padding:24px 12px 12px}.demo-hero[data-stage=confirmed]{min-height:460px}.demo-hero[data-stage=confirmed] .demo-form-panel{padding:48px 24px}.demo-confirmation-title{font-size:40px}}@media (width<=499px){.demo-page{--type-h1-size:34px;--type-h1-lh:40px}}@media (width<=379px){.demo-hero[data-stage=scheduling]{width:100%;max-width:none}.demo-hero[data-stage=scheduling] .demo-form-panel{border-inline:0;border-radius:0;padding:24px 0 12px}.demo-scheduler-loading{left:20px}}@media (prefers-reduced-motion:reduce){.demo-confirmation-mark,::view-transition-group(demo-panel),::view-transition-group(demo-panel-content),::view-transition-old(demo-panel),::view-transition-new(demo-panel),::view-transition-old(demo-panel-content),::view-transition-new(demo-panel-content),::view-transition-old(demo-journey),::view-transition-new(demo-journey){animation:none}html[data-demo-motion=on] .demo-page .rv{opacity:1;transition:none;transform:none}html[data-demo-motion=on] .demo-page .demo-callout,.demo-page .demo-callout{color:var(--accent);transition:none}}