/* HAI Labs · Agendar reunião. Mesma primeira tela dividida da home: vídeo de um lado, o agendamento do outro. */
.agenda .duo{height:auto;min-height:100svh}
.agenda .duo .pane{cursor:default;align-items:stretch}
.agenda .duo .pane:hover{flex-grow:1}
.agenda .duo .pm{align-items:flex-end}
.agenda .duo .pm::after{background:linear-gradient(180deg,rgba(54,20,23,.55) 0%,rgba(54,20,23,.05) 26%,rgba(54,20,23,.35) 52%,rgba(54,20,23,.96) 86%)}
.agenda .duo .pt::after{display:none}
.agenda .duo video.bg{object-position:62% 40%}
.agenda .duo .pt{background:radial-gradient(110% 80% at 90% 0%,#0B5A52 0%,var(--green) 60%)}
.agenda .duo .say{max-width:none}
.agenda h1{font-size:clamp(2.1rem,3.6vw,3.6rem);line-height:1.02;color:#FBF8EF}
.agenda .duo .sub{animation-delay:1.3s;font-size:1.08rem}
.hosts{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:14px 30px;animation:rise 1.1s 1.5s cubic-bezier(.2,.7,.1,1) both}
.hosts li{display:flex;align-items:center;gap:12px;font-size:.86rem;color:rgba(251,248,239,.8)}
.hosts img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 14%;box-shadow:0 0 0 1px rgba(251,248,239,.5)}
.hosts b{display:block;font-family:var(--serif);font-variation-settings:"opsz" 11;font-weight:500;font-size:1.1rem;color:#FBF8EF}

.book{position:relative;z-index:5;width:100%;max-width:640px;margin:0 auto;padding:calc(84px + clamp(14px,3vh,34px)) clamp(22px,3.4vw,52px) clamp(28px,5vh,52px) clamp(22px,5.4vw,84px);display:flex;flex-direction:column;justify-content:center;color:#FBF8EF;animation:rise 1.1s .5s cubic-bezier(.2,.7,.1,1) both}
.book fieldset{border:0;margin:0 0 clamp(16px,2.8vh,28px);padding:0;min-width:0}
.book legend{padding:0;margin-bottom:12px;font-family:var(--serif);font-variation-settings:"opsz" 11;font-weight:500;font-size:1.3rem;line-height:1.2;color:#FBF8EF}
.book legend small{font-family:var(--sans);font-size:.8rem;color:var(--sage);margin-left:8px;font-weight:400}
.needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.needs .opt span{padding:13px 6px;border-radius:999px;text-align:center}
.opt input:disabled{cursor:not-allowed}
.opt input:disabled+span{opacity:.28;text-decoration:line-through;transform:none;border-color:rgba(251,248,239,.3)}
.hosts-t{margin:24px 0 0;font-size:.86rem;color:var(--sage);animation:rise 1.1s 1.45s cubic-bezier(.2,.7,.1,1) both}
.hosts-t+.hosts{margin-top:12px}
.days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.times{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.opt{position:relative;cursor:pointer;display:block}
.opt input{position:absolute;inset:0;opacity:0;margin:0;width:100%;height:100%;cursor:pointer}
.opt span{position:relative;display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1px solid rgba(251,248,239,.3);font-size:.9rem;font-weight:500;line-height:1.15;overflow:hidden;isolation:isolate;transition:color .3s,border-color .3s,transform .25s cubic-bezier(.2,.7,.1,1),box-shadow .35s}
.opt span::before{content:"";position:absolute;inset:-1px;background:#FBF8EF;z-index:-1;transform:scaleY(0);transform-origin:bottom;transition:transform .4s cubic-bezier(.2,.7,.1,1)}
.opt span i{font-style:normal;font-size:.72rem;font-weight:400;opacity:.75}
.opt span b{font-family:var(--serif);font-variation-settings:"opsz" 11;font-weight:500;font-size:1.45rem}
.opt:hover span{transform:translateY(-2px);border-color:#FBF8EF}
.opt input:checked+span{color:var(--green);border-color:#FBF8EF;box-shadow:0 0 24px -2px rgba(251,248,239,.5),0 0 60px -10px rgba(197,212,199,.7)}
.opt input:checked+span::before{transform:none}
.opt input:focus-visible+span{outline:2px solid #FBF8EF;outline-offset:3px}
.times .opt span{padding:11px 2px;border-radius:999px}
.book .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.book .field{display:grid;gap:4px;margin-top:8px}
.book .field label{font-size:.8rem;font-weight:500;color:var(--sage)}
.book .field input{font:inherit;font-size:1rem;padding:9px 2px;border:0;border-bottom:1px solid rgba(251,248,239,.35);background:none;color:#FBF8EF;border-radius:0;min-width:0;transition:border-color .2s,box-shadow .2s}
.book .field input::placeholder{color:rgba(251,248,239,.4)}
.book .field input:focus{outline:0;border-color:#FBF8EF;box-shadow:0 1px 0 #FBF8EF}
.book .bad{border-color:#f0a7ae !important;box-shadow:0 1px 0 #f0a7ae !important}
.book .when{margin:0 0 16px;font-family:var(--serif);font-variation-settings:"opsz" 11;font-size:1.2rem;color:#FBF8EF;min-height:1.5em}
.home .book .btn{border:0;cursor:pointer;font-family:inherit;align-self:flex-start}
.book .btn[disabled]{opacity:.6;cursor:progress}
.book .hint{margin:12px 0 0;font-size:.86rem;line-height:1.5;color:rgba(251,248,239,.78);min-height:1.3em}
.book .hint a{color:#FBF8EF}

@media (max-width:900px){
  .agenda .duo{min-height:0;height:auto}
  .agenda .duo .pane{flex:none}
  .agenda .duo .pm{min-height:68svh;padding-top:72px}
  .agenda .duo .sub{display:block}
  .book{padding:34px 22px 44px}
  .times{grid-template-columns:repeat(4,minmax(0,1fr))}
  .needs{grid-template-columns:1fr}
  .book .row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.hosts,.book{animation:none}.opt span,.opt span::before{transition:none}}