html{--demo-bar:44px}html[data-demo-bar=off]{--demo-bar:0px}html[data-demo-bar=off] .demo-bar{display:none}body>header.fixed,#mobile-menu{top:var(--demo-bar)}main{padding-top:var(--demo-bar)}.demo-bar{z-index:60;height:var(--demo-bar);background:linear-gradient(180deg, #ffffff1f, transparent 60%), var(--espresso);box-shadow:inset 0 1px 0 #fff3, inset 0 -1px 0 color-mix(in srgb, var(--creme) 16%, transparent), 0 12px 32px -20px #00000080;color:var(--creme);letter-spacing:-.01em;justify-content:center;align-items:center;padding:0 52px 0 16px;font-size:.92rem;font-weight:300;display:flex;position:fixed;inset:0 0 auto}.demo-bar-link{max-width:100%;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:inline-flex;overflow:hidden}.demo-bar-tag{background:var(--mag);color:var(--creme);letter-spacing:.1em;border-radius:999px;flex:none;padding:4px 9px;font-size:10px;font-weight:500;box-shadow:inset 0 1px #ffffff4d}.demo-bar-text{text-overflow:ellipsis;overflow:hidden}.demo-bar-sep{color:color-mix(in srgb, var(--creme) 40%, transparent);margin:0 8px}.demo-bar-text u{color:var(--blu);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--blu) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--blu) 45%, transparent);font-weight:400;transition:text-decoration-color .2s,color .2s}.demo-bar-link:hover u{-webkit-text-decoration-color:var(--blu);text-decoration-color:var(--blu)}.demo-bar-x{width:36px;height:36px;color:color-mix(in srgb, var(--creme) 70%, transparent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%}.demo-bar-x svg{width:14px;height:14px}.demo-bar-x:hover{background:color-mix(in srgb, var(--creme) 14%, transparent);color:var(--creme)}.demo-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140a048c;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out form-fade;display:flex;position:fixed;inset:0}.demo-card{overscroll-behavior:contain;background:color-mix(in srgb, var(--creme) 97%, transparent);border:1px solid var(--line-l);width:100%;max-width:560px;max-height:calc(100svh - 48px);color:var(--espresso);border-radius:24px;padding:16px 16px 24px;animation:.4s cubic-bezier(.2,.8,.2,1) form-rise;position:relative;overflow:hidden auto;box-shadow:inset 0 1px #ffffffb3,0 40px 90px -30px #0000008c}.demo-x{z-index:2;background:color-mix(in srgb, var(--espresso) 55%, transparent);width:36px;height:36px;color:var(--creme);cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;place-items:center;transition:background .2s;display:grid;position:absolute;top:26px;right:26px}.demo-x svg{width:14px;height:14px}.demo-x:hover{background:color-mix(in srgb, var(--espresso) 85%, transparent)}.demo-video{aspect-ratio:16/9;background:var(--espresso);border-radius:16px;position:relative;overflow:hidden}.demo-video video{object-fit:cover;width:100%;height:100%;display:block}.demo-ph{background:color-mix(in srgb, var(--espresso) 18%, transparent);color:var(--creme);cursor:pointer;border:0;place-items:center;padding:0;transition:background .25s;display:grid;position:absolute;inset:0}.demo-ph:hover{background:color-mix(in srgb, var(--espresso) 8%, transparent)}.demo-ph:hover .demo-play{transform:scale(1.05)}.demo-ph:disabled{cursor:default}.demo-play{width:68px;height:68px;color:var(--color-brown);background:linear-gradient(180deg, #ffffff73, transparent 60%), color-mix(in srgb, var(--creme) 88%, transparent);border:1px solid #ffffffb3;border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:grid;box-shadow:inset 0 1px #ffffffbf,0 18px 40px -16px #000000b3}.demo-play svg{width:26px;height:26px;margin-left:4px}.demo-body{padding:22px 10px 0}.demo-title{letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(1.6rem,3.6vw,2.1rem);font-weight:300;line-height:1.1}.demo-sub{white-space:nowrap;color:var(--mut-l);margin:0 0 20px;font-size:clamp(.88rem,1.05vw,.98rem);line-height:1.5}.demo-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.demo-row>*{min-width:0}.demo-title em,.demo-done h3 em{color:var(--mag);font-style:normal}.demo-body .field{margin-bottom:14px}.demo-body .field input{border-color:color-mix(in srgb, var(--color-brown) 14%, transparent);background:#ffffff9e;border-radius:12px;padding:13px 14px}.demo-body .field input:focus{border-color:var(--blu)}.demo-body .field.has-error input{border-color:var(--red)}.demo-err{color:var(--red);margin-top:6px;font-size:.82rem;font-style:normal;display:none}.field.has-error .demo-err{display:block}.demo-submit{justify-content:center;width:100%;margin-top:6px;padding:13px 24px}.demo-submit:disabled{opacity:.55;pointer-events:none}.demo-failed{text-align:center;color:var(--red);margin:10px 0 0;font-size:.9rem}.demo-done{text-align:center;padding:6px 0 4px}.demo-tick{background:var(--org);width:44px;height:44px;color:var(--color-brown);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.demo-tick svg{width:20px;height:20px}.demo-done h3{letter-spacing:-.02em;max-width:26ch;margin:0 auto 8px;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:300;line-height:1.2}.demo-done p{color:var(--mut-l);margin:0 0 20px}@media (max-width:640px){.demo-overlay{align-items:flex-end;padding:0}.demo-card{max-width:none;max-height:calc(100svh - 24px);padding:12px 12px calc(20px + env(safe-area-inset-bottom,0px));border-bottom:0;border-radius:22px 22px 0 0;animation:.4s cubic-bezier(.2,.8,.2,1) demo-sheet}.demo-x{top:20px;right:20px}.demo-body{padding:18px 6px 0}.demo-sub{white-space:normal}.demo-row{grid-template-columns:1fr;gap:0}}@keyframes demo-sheet{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.demo-overlay,.demo-card{animation:none}}
.site-footer{letter-spacing:.01em;padding:clamp(28px,4vw,44px) clamp(20px,4vw,44px);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:300}.site-footer__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.site-footer__left{align-items:center;gap:clamp(20px,4vw,44px);display:flex}.site-footer__copy{opacity:.7;white-space:nowrap;margin:0}.site-footer__social,.site-footer__legal{align-items:center;margin:0;padding:0;list-style:none;display:flex}.site-footer__social{gap:16px}.site-footer__icon{color:currentColor;opacity:.6;transition:opacity .2s,transform .2s;display:inline-flex}.site-footer__icon svg{width:18px;height:18px}.site-footer__icon:hover{opacity:1;transform:translateY(-2px)}.site-footer__legal{gap:clamp(18px,3vw,36px)}.site-footer__legal a{opacity:.7;transition:opacity .2s}.site-footer__legal a:hover{opacity:1}@media (max-width:720px){.site-footer__bar{text-align:center;flex-direction:column;align-items:center;gap:20px}.site-footer__left{flex-direction:column;gap:16px}.site-footer__copy{white-space:normal}}@media (prefers-reduced-motion:reduce){.site-footer__icon,.site-footer__legal a{transition:none}}