.demo-trigger{white-space:nowrap;color:#fff;cursor:pointer;background:#101112;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font:500 14px/1 Inter,Inter Fallback,Arial,sans-serif;transition:background .15s;display:inline-flex}.demo-trigger:hover{background:#2b6341}.demo-trigger:focus-visible{outline-offset:3px;outline:2px solid #0f6a3d}.demo-dialog{color:#171917;background:#fff;border:0;border-radius:22px;width:min(1040px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 50px 120px -40px #000c,0 0 0 1px #0000000d}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d0cb3}.demo-dialog[open]{animation:.52s cubic-bezier(.2,.9,.25,1) both demo-in}.demo-dialog[open]::backdrop{animation:.4s both demo-fade}@keyframes demo-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-step{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-dialog[open],.demo-dialog[open]::backdrop,.demo-main>*{animation:none!important}}.demo-sheet{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 32px);display:grid}.demo-head{background:linear-gradient(#f6f8f5,#fff);border-bottom:1px solid #e6e8e3;padding:22px 28px 20px;position:relative}.demo-steps{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.demo-steps li{color:#7a7f79;background:#eef0ec;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font:500 12px/1 Inter,Inter Fallback,Arial,sans-serif;transition:background .3s,color .3s;display:inline-flex}.demo-steps li span{width:20px;height:20px;color:inherit;background:#fff;border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.demo-steps li[data-state=now]{color:#fff;background:#101112}.demo-steps li[data-state=now] span{color:#fff;background:#3fae6d}.demo-steps li[data-state=done]{color:#1d6b43;background:#e4f3e9}.demo-steps li[data-state=done] span{color:#fff;background:#1d6b43}.demo-head h2{letter-spacing:-.02em;margin:0 0 6px;padding-right:48px;font:500 28px/1.1 Space Grotesk,Inter,sans-serif}.demo-head p{color:#555a55;max-width:64ch;margin:0;font:400 14px/1.5 Inter,sans-serif}.demo-head p strong{color:#171917;font-weight:600}.demo-close{color:#171917;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;transition:background .15s;display:grid;position:absolute;top:14px;right:14px;box-shadow:inset 0 0 0 1px #e4e6e1}.demo-close:hover{background:#f1f2ef}.demo-close:focus-visible{outline-offset:2px;outline:2px solid #087447}.demo-body{grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid;overflow:auto}.demo-agenda{color:#e9efe9;background:radial-gradient(120% 80% at 0 0,#1f5a3a 0%,#12281c 45%,#0c1510 100%);flex-direction:column;gap:18px;padding:26px 24px;display:flex}.demo-agenda-title{color:#9fd3b3;letter-spacing:.08em;text-transform:uppercase;margin:0;font:600 11px/1 Inter,sans-serif}.demo-agenda ol{gap:16px;margin:0;padding:0;list-style:none;display:grid}.demo-agenda li{grid-template-columns:26px 1fr;gap:10px;display:grid}.demo-agenda-n{color:#6fcf97;font-variant-numeric:tabular-nums;font:500 13px/1.45 Space Grotesk,Inter,sans-serif}.demo-agenda b{color:#fff;font:500 15px/1.35 Space Grotesk,Inter,sans-serif;display:block}.demo-agenda small{color:#b7c4bb;margin-top:3px;font:400 12.5px/1.45 Inter,sans-serif;display:block}.demo-agenda-meta{color:#a9b8ae;border-top:1px solid #ffffff1f;margin:auto 0 0;padding-top:14px;font:400 12px/1.4 Inter,sans-serif}.demo-back{color:#fff;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font:500 13px/1.3 Inter,sans-serif;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.demo-back:hover{text-decoration-color:#fff}.demo-back:focus-visible{outline-offset:3px;outline:2px solid #6fcf97}.demo-main{background:#fafbf9;min-width:0}.demo-main>*{animation:.42s cubic-bezier(.2,.9,.25,1) both demo-step}.demo-form{padding:28px}.booking-form{grid-template-columns:1fr 1fr;gap:18px 16px;display:grid;position:relative}.booking-field{align-content:start;gap:7px;display:grid}.booking-field:nth-of-type(2){grid-area:2/1/auto/-1}.booking-field label{color:#2c302c;font:500 13px/1.3 Inter,Inter Fallback,Arial,sans-serif}.booking-field label span{color:#7a7f79;font-weight:400}.booking-field input{color:#171917;background:#fff;border:0;border-radius:10px;width:100%;height:50px;padding:0 14px;font:400 15px/1 Inter,Inter Fallback,Arial,sans-serif;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #dfe2dc,0 1px 2px #0000000a}.booking-field input:hover{box-shadow:inset 0 0 0 1px #c9cdc6,0 1px 2px #0000000a}.booking-field input:focus-visible{outline:0;box-shadow:inset 0 0 0 1px #1d6b43,0 0 0 4px #1d6b4326}.booking-field input[aria-invalid=true]{box-shadow:inset 0 0 0 1px #c0463a,0 0 0 4px #c0463a1f}.booking-field input[name=ticker]{letter-spacing:.04em;text-transform:uppercase;font-family:Space Grotesk,Inter,sans-serif;font-weight:500}.booking-form .field-error{color:#a8352b;font:400 12px/1.4 Inter,sans-serif}.booking-form button{color:#fff;cursor:pointer;background:#101112;border:0;border-radius:10px;grid-column:1/-1;min-height:52px;margin-top:4px;font:500 15px/1 Inter,Inter Fallback,Arial,sans-serif;transition:background .15s,transform .15s}.booking-form button:hover:not(:disabled){background:#1d6b43}.booking-form button:active:not(:disabled){transform:scale(.99)}.booking-form button:focus-visible{outline-offset:3px;outline:2px solid #1d6b43}.booking-form button:disabled{cursor:default;opacity:.7}.booking-form .ticker-form-status{color:#555a55;grid-column:1/-1;min-height:1.4em;margin:0;font:400 13px/1.4 Inter,sans-serif}.booking-form .ticker-form-status.error{color:#a8352b}.booking-form .website-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo-frame{height:100%}.demo-frame iframe{background:#fff;border:0;width:100%;height:min(640px,100dvh - 250px);min-height:420px;display:block}.demo-foot{color:#7a7f79;border-top:1px solid #e6e8e3;margin:0;padding:12px 28px;font:400 12px/1.4 Inter,sans-serif}.demo-foot a{color:#087447;font-weight:600}@media (max-width:760px){.demo-body{grid-template-columns:1fr}.demo-agenda{order:2;padding:20px}.demo-agenda-meta{margin-top:0}.demo-form{padding:20px}.booking-form{grid-template-columns:1fr}.booking-field:nth-of-type(2){grid-row:auto}.demo-frame iframe{height:560px;min-height:0}}.header-actions{align-items:center;gap:10px;display:flex}@media (max-width:480px){.header-actions{gap:6px}.header-actions>a{min-height:44px!important;padding-inline:10px!important;font-size:12px!important}.demo-trigger{min-height:36px;padding:0 12px;font-size:12px}.demo-head{padding:18px 18px 14px}.demo-head h2{font-size:22px}}
