#agenda{background:#fafaf9;color:#141312}
#agenda *{box-sizing:border-box}
#agenda .ag-in{max-width:1280px;margin:0 auto;padding:120px clamp(24px,5.6vw,80px) 128px}
#agenda .ag-head{display:grid;grid-template-columns:6fr 5fr;gap:64px;align-items:end;margin-bottom:64px}
#agenda h2{font:400 clamp(36px,4.4vw,58px)/1.06 var(--serif);letter-spacing:-.025em;margin:0}
#agenda .ag-sub{font:400 17px/1.65 var(--sans);color:#4c4740;max-width:46ch;margin:0}
#agenda .ag-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
#agenda ol{list-style:none;padding:0;margin:0}
#agenda .ag-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;min-height:19vh;padding:27px 0;border-top:1px solid #d8d2c8;color:#918b82}
#agenda .ag-number{font:400 13px/1.5 var(--sans);padding-top:7px}
#agenda h3{font:400 27px/1.25 var(--serif);letter-spacing:-.018em;color:inherit;margin:0;text-wrap:pretty}
#agenda .ag-answer{display:none}
#agenda .is-active{color:#141312}
#agenda .is-active .ag-answer{display:block}
#agenda .ag-answer p{font:400 17px/1.7 var(--sans);color:#4c4740;margin:12px 0 0}
#agenda .ag-answer a{display:inline-block;margin-top:14px;color:#141312;font:400 15px/1.5 var(--sans);text-underline-offset:5px}
#agenda a:focus-visible{outline:2px solid #806139;outline-offset:5px}
#agenda .company-demo{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;margin-top:20px;background:#141312;color:#fafaf9;border:1px solid #141312;border-radius:4px;text-decoration:none;font:400 15px var(--sans)}
#agenda .company-demo:hover{background:#35312b}
#agenda .product-demo{margin:0;position:sticky;top:110px;padding:26px;background:#edeae4;border-radius:6px}
#agenda .ag-screens{display:grid;overflow:hidden;border:1px solid #d8d2c8;border-radius:4px;background:white}
#agenda .ag-screen{grid-area:1/1;width:100%;height:auto;display:block;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;pointer-events:none;visibility:visible;border:0;border-radius:0}
#agenda .ag-screen.is-active{opacity:1;transform:translateY(0)}
#agenda figcaption{font:400 12px/1.4 var(--sans);color:#625c53;margin-top:15px}
#agenda .ag-mobile{display:none}
@media(max-width:819px){
#agenda .ag-in{padding:80px 24px 88px}
#agenda .ag-head{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
#agenda .ag-layout{grid-template-columns:1fr;gap:0}
#agenda .ag-desktop{display:none}
#agenda .ag-item{min-height:0;padding:28px 0 36px;color:#141312}
#agenda h3{font-size:26px}
#agenda .ag-answer{display:block}
#agenda .ag-mobile{display:block;grid-column:1/-1;position:static;padding:14px;margin-top:12px}
#agenda .ag-mobile img{display:block;width:100%;height:auto;border:1px solid #d8d2c8;border-radius:4px}
#agenda.ag-enhanced .ag-mobile{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}
#agenda.ag-enhanced .ag-mobile.is-visible{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
#agenda *,#agenda *::before,#agenda *::after{transition:none!important;animation:none!important}
#agenda .ag-item{color:#141312}
#agenda .ag-answer{display:block}
#agenda.ag-enhanced .ag-mobile{opacity:1;transform:none}
}

/* Reuse the feature section's office photo and floating product treatment. */
#agenda .ag-desktop{isolation:isolate;overflow:hidden}
#agenda .ag-photo-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,12,10,.18),rgba(14,12,10,.38)),url("feat-inbox.webp") center/cover;opacity:0;transition:opacity .5s ease}
#agenda .ag-photo-active .ag-photo-bg{opacity:1}
#agenda .ag-desktop .ag-screens{position:relative;transition:border-radius .5s ease,box-shadow .5s ease}
#agenda .ag-photo-active .ag-screens,#agenda .ag-photo img{border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.12),0 30px 70px -18px rgba(0,0,0,.55)}
#agenda .ag-photo-active figcaption,#agenda .ag-photo figcaption{color:#f1efea}
#agenda .ag-photo{background:linear-gradient(180deg,rgba(14,12,10,.18),rgba(14,12,10,.38)),url("feat-inbox.webp") center/cover;border-radius:8px}
@media(prefers-reduced-motion:reduce){#agenda .ag-photo-bg,#agenda .ag-desktop .ag-screens{transition:none}}