:root{--bg:#101312;--panel:#242621;--panel-soft:#2d302a;--paper:#f7f3ec;--text:#f5f0e8;--muted:#b8b1a4;--line:#ffffff1f;--mint:#93f1d6;--gold:#f7c86a;--coral:#ef7a5d;--blue:#72a7ff;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body,button,input,select{font:inherit}button,input,select{border:0}a{color:inherit;text-decoration:none}.demo-shell{background:linear-gradient(90deg,#101312f5,#101312cc),repeating-linear-gradient(135deg,#ffffff06 0 1px,#0000 1px 16px);grid-template-columns:minmax(0,61fr) minmax(360px,39fr);min-height:100svh;display:grid}.proof-side,.booking-side{position:relative;overflow:hidden}.proof-side{align-content:center;min-height:100svh;padding:clamp(26px,3.2vw,44px) 0 clamp(26px,3.2vw,44px) clamp(24px,3.5vw,58px);display:grid;container-type:inline-size}.demo-brand{z-index:3;letter-spacing:-.04em;align-items:center;gap:7px;font-family:Archivo,sans-serif;font-size:18px;font-weight:900;display:inline-flex;position:absolute;top:clamp(20px,2.1vw,30px);left:clamp(24px,3.5vw,58px)}.demo-brand span:last-child{opacity:.72}.demo-brand>span:first-child{place-items:center;width:24px;height:22px;display:grid}.demo-brand svg{width:100%;height:100%;fill:var(--text)}.demo-brand path:nth-child(2){fill:var(--mint)}.proof-track{--card-width:clamp(250px, 16vw, 310px);--card-gap:clamp(14px, 1vw, 20px);z-index:1;grid-auto-flow:column;grid-auto-columns:var(--card-width);gap:var(--card-gap);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform;width:max-content;display:grid;position:relative}.proof-track.is-dragging{cursor:grabbing}.proof-track article{--card-spot-x:50%;--card-spot-y:50%;--card-shift-x:0px;--card-shift-y:0px;--card-lift:0px;isolation:isolate;border:1px solid var(--line);min-height:clamp(248px,25vw,286px);transform:translate3d(var(--card-shift-x), calc(var(--card-shift-y) + var(--card-lift)), 0);will-change:transform;background:#fff1;border-radius:8px;align-content:space-between;gap:clamp(18px,1.4vw,24px);padding:clamp(18px,1.6vw,23px);transition:transform .22s,border-color .22s,background .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000038}.proof-track article:before{z-index:0;pointer-events:none;content:"";background:radial-gradient(circle at var(--card-spot-x) var(--card-spot-y), #f5f0e833, transparent 150px), radial-gradient(circle at calc(var(--card-spot-x) + 18%) calc(var(--card-spot-y) + 18%), #7e797029, transparent 145px), linear-gradient(135deg, #f5f0e818, #ef7a5d0b);opacity:0;transition:opacity .22s,transform .3s;position:absolute;inset:0;transform:scale(1.04)}.proof-track article>*{z-index:1;position:relative}.proof-track:hover article{background:#ffffff13;border-color:#f5f0e82e}.proof-track article:hover,.proof-track article.is-card-active,.proof-track.is-dragging article{--card-lift:-5px;background:linear-gradient(135deg,#f5f0e821,#7e79701f 48%,#ef7a5d0e),#ffffff12;border-color:#f5f0e83d;box-shadow:0 28px 80px #f5f0e814,0 14px 44px #ef7a5d0e,0 24px 80px #0000004d}.proof-track article:hover:before,.proof-track article.is-card-active:before,.proof-track.is-dragging article:before{opacity:.82;transform:scale(1)}.proof-track.is-dragging article{--card-lift:-4px;transition-duration:.14s}.card-brand{gap:5px;display:grid}.card-brand b{letter-spacing:-.04em;font-family:Archivo,sans-serif;font-size:clamp(17px,1.2vw,20px)}.card-brand small,.person small,.signin-row,.intro{color:var(--muted)}.proof-track p{letter-spacing:-.04em;margin:0;font-size:clamp(16px,1.15vw,18px);font-weight:700;line-height:1.25}.person{grid-template-columns:34px 1fr;align-items:center;gap:2px 10px;display:grid}.person span{background:linear-gradient(135deg, var(--mint), var(--blue));color:#101312;border:1px solid #ffffff29;border-radius:50%;grid-row:span 2;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.person strong{font-size:12px;line-height:1}.person small{font-size:11px}.proof-footer{z-index:3;color:#f5f0e8b3;justify-content:space-between;align-items:center;gap:24px;font-size:13px;display:flex;position:absolute;bottom:clamp(22px,2.2vw,32px);left:clamp(24px,3.5vw,58px);right:clamp(24px,3.2vw,48px)}.proof-side:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(90deg,#10131200,#101312f5);width:20%;position:absolute;top:0;bottom:0;right:0}.meter{border:1px solid #ffffff73;border-radius:999px;width:110px;height:10px;padding:2px}.meter i{border-radius:inherit;background:var(--text);width:64%;height:100%;display:block}.booking-side{--spot-x:58%;--spot-y:16%;--panel-shift-x:0px;--panel-shift-y:0px;z-index:4;background:linear-gradient(180deg, #f7c86a14, transparent 36%), var(--panel);place-items:center;min-height:100svh;padding:clamp(28px,3.8vw,56px);display:grid;box-shadow:-34px 0 82px #00000057}.booking-side:before{pointer-events:none;content:"";background:linear-gradient(90deg,#10131200,#00000047);width:86px;position:absolute;top:0;bottom:0;left:-86px}.booking-side:after{pointer-events:none;content:"";background:radial-gradient(circle at var(--spot-x) var(--spot-y), #ef7a5d47, transparent min(34vw, 330px)), radial-gradient(circle at calc(var(--spot-x) + 12%) calc(var(--spot-y) + 18%), #f5f0e824, transparent min(30vw, 290px)), linear-gradient(90deg, #93f1d614, transparent 30%);opacity:0;transition:opacity .26s,transform .42s,background-position .42s;position:absolute;inset:0;transform:scale(1.03)}.booking-side.is-pointer-active:after,.booking-side:focus-within:after{opacity:.78;transform:scale(1)}.booking-panel{z-index:2;width:min(100%,clamp(340px,21vw,410px));transform:translate3d(var(--panel-shift-x), var(--panel-shift-y), 0);transition:transform .36s;position:relative}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:900}h1{letter-spacing:-.06em;margin:0;font-family:Archivo,sans-serif;font-size:clamp(30px,3vw,42px);line-height:.95}.intro{margin:14px 0 28px;font-size:clamp(14px,.95vw,15px);line-height:1.55}.demo-form{gap:clamp(15px,1.1vw,18px);display:grid}.demo-form label{color:var(--muted);gap:8px;font-size:12px;font-weight:700;display:grid}.demo-form input,.demo-form select{background:var(--panel-soft);width:100%;min-height:clamp(44px,3vw,48px);color:var(--text);border:1px solid #ffffff1f;border-radius:7px;outline:none;padding:0 clamp(13px,1vw,16px);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}.demo-form input:hover,.demo-form select:hover{background:linear-gradient(135deg, #f5f0e809, #ef7a5d0e), var(--panel-soft);border-color:#f5f0e838}.demo-form input:focus,.demo-form select:focus{background:linear-gradient(135deg, #f5f0e80a, #ef7a5d13), var(--panel-soft);border-color:#ef7a5d7a;transform:translateY(-1px);box-shadow:0 0 0 3px #ef7a5d1f}.demo-form input::placeholder{color:#f5f0e86b}.demo-form button{background:var(--paper);color:#111;border-radius:7px;min-height:clamp(46px,3.2vw,50px);margin-top:4px;font-weight:800;transition:transform .18s,background .18s,box-shadow .18s}.demo-form button:hover{background:#fff9f4;transform:translateY(-2px);box-shadow:0 16px 38px #ef7a5d29}.demo-form button[disabled]{cursor:wait;opacity:.68;transform:none}.form-status{min-height:20px;color:var(--mint);margin:-4px 0 0;font-size:12px;line-height:1.4}.form-status.error{color:var(--coral)}.signin-row{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:26px;padding-top:26px;font-size:12px;display:flex}.signin-row a{isolation:isolate;color:var(--text);padding:2px 3px;font-weight:900;text-decoration:none;transition:color .18s;position:relative}.signin-row a:before,.signin-row a:after{content:"";pointer-events:none;position:absolute}.signin-row a:before{z-index:-1;opacity:0;background:linear-gradient(135deg,#f5f0e821,#ef7a5d33);border-radius:999px;transition:opacity .18s,transform .22s;inset:-3px -6px;transform:scaleX(.6)}.signin-row a:after{transform-origin:0;background:currentColor;height:1px;transition:transform .22s;bottom:1px;left:3px;right:3px;transform:scaleX(.62)}.signin-row a:hover,.signin-row a:focus-visible{color:#fff}.signin-row a:hover:before,.signin-row a:focus-visible:before{opacity:1;transform:scaleX(1)}.signin-row a:hover:after,.signin-row a:focus-visible:after{transform:scaleX(1)}.signin-row a:focus-visible{outline-offset:4px;outline:2px solid #93f1d6b8}@supports (width:1cqw){.proof-track{--card-width:clamp(250px, 28cqw, 310px);--card-gap:clamp(14px, 1.8cqw, 20px)}}@media (width<=980px){.demo-shell{grid-template-columns:1fr}.proof-side{min-height:420px;padding:86px 0 72px 24px}.demo-brand{left:24px}.booking-side{min-height:auto;padding:42px 24px 52px;box-shadow:0 -28px 68px #00000057}.booking-side:before{background:linear-gradient(#10131200,#00000047);width:100%;height:64px;inset:-64px 0 auto}.booking-side:after{background:radial-gradient(circle at var(--spot-x) var(--spot-y), #ef7a5d3d, transparent 300px), radial-gradient(circle at calc(var(--spot-x) + 12%) calc(var(--spot-y) + 18%), #f5f0e81f, transparent 250px)}.proof-footer{left:24px;right:24px}}@media (width<=560px){.proof-track{--card-width:clamp(238px, 76vw, 270px)}.proof-track article{min-height:250px}.proof-track p{font-size:16px}.proof-footer{flex-direction:column;align-items:flex-start}}
