/* Public-facing benefits and an Agave question flow in a life-size phone. */
.agave-products .agave-market-refined { padding-block:var(--products-space); background:#fff; border-top:1px solid #edf1f4; }
.agave-products .agave-market-refined .agave-market-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:clamp(44px,5vw,100px); align-items:center; }
.agave-market-refined .agave-market-copy { max-width:900px; }
.agave-products .agave-market-refined .agave-market-copy h2 { font:400 var(--products-heading)/1.13 Poppins,sans-serif; letter-spacing:-.035em; margin:0 0 26px; text-transform:uppercase; }
.agave-market-copy h2 span { color:#008ebc; }
.agave-products .agave-market-refined .agave-market-copy > p { max-width:760px; font-size:19px; line-height:1.8; color:#526f82; }
.agave-market-value { margin:36px 0 0; padding:0; }
.agave-market-value > div { display:grid; grid-template-columns:185px minmax(0,1fr); gap:24px; padding:23px 0; border-top:1px solid #dce7ee; }
.agave-market-value dt { font:500 18px/1.65 Poppins,sans-serif; color:#183d53; }
.agave-market-value dd { margin:0; font:400 18px/1.65 Poppins,sans-serif; color:#526f82; }
.agave-market-refined .agave-question-demo { justify-self:start; position:relative; display:flex; flex-direction:column; width:360px; height:744px; max-width:100%; border:7px solid #242424; border-radius:48px; background:#fff; box-shadow:0 32px 50px -22px #17374e50,0 0 0 1px #8a9ca8,inset 0 0 0 1px #d6e0e6; }
.agave-market-refined .agave-question-demo::before { display:none; }
.agave-phone-status { display:flex; position:relative; flex:none; justify-content:space-between; align-items:center; height:45px; padding:4px 22px 0; font:600 12px/1 Poppins,sans-serif; color:#17394e; }
.agave-phone-status i { position:absolute; width:98px; height:25px; border-radius:20px; background:#09141c; left:50%; top:7px; transform:translateX(-50%); }
.agave-market-refined .agave-question-progress { display:flex; flex:none; margin-top:20px; padding:0 23px; gap:7px; }
.agave-market-refined .agave-question-progress span { height:4px; border-radius:4px; }
.agave-market-refined .agave-question-progress .is-current,.agave-market-refined .agave-question-progress .is-complete { background:#00b1e5; }
.agave-market-refined .agave-question-body { min-height:0; flex:1; overflow-y:auto; padding:25px 23px 12px; }
.agave-market-refined .agave-question-context { color:#557183; font:400 14px/1.5 Poppins,sans-serif; margin:0 0 20px!important; }
.agave-market-refined .agave-question-body h3 { font:500 22px/1.5 Poppins,sans-serif; letter-spacing:-.02em; color:#161616; margin:0 0 24px; }
.agave-market-refined .agave-question-intro { font:400 22px/1.5 Poppins,sans-serif; letter-spacing:-.02em; color:#161616; margin:0 0 24px; }
.agave-market-refined .agave-answer-list { display:grid; gap:6px; }
.agave-market-refined [hidden] { display:none!important; }
.agave-market-refined .agave-answer-list button { min-height:58px; padding:12px 5px; font:400 18px/1.5 Poppins,sans-serif; color:#24211f; border:0; border-radius:5px; background:#fff; transition:background .18s; }
.agave-market-refined .agave-answer-list button > span { width:20px; height:20px; border:1px solid #292723; }
.agave-market-refined .agave-answer-list button:hover { background:#f5f2ee; }
.agave-market-refined .agave-answer-list button[aria-pressed=true] { background:#f2efeb; color:#111; box-shadow:none; }
.agave-market-refined .agave-answer-list button[aria-pressed=true] > span { border:6px solid #111; }
.agave-market-refined .agave-question-next,.agave-market-refined .agave-question-submit { width:100%; min-height:52px; flex:none; justify-content:center; border:0; border-radius:30px; background:#050505; color:white; font:500 18px/1.5 Poppins,sans-serif; margin-top:24px; cursor:pointer; }
.agave-market-refined .agave-question-next:not(:disabled):hover,.agave-market-refined .agave-question-submit:hover { background:#292723; }
.agave-market-refined .agave-question-next:disabled { background:#e8eff3; color:#6c8493; cursor:default; }
.agave-market-refined .agave-question-response { color:#516f83; font-size:18px; line-height:1.7; margin:16px 0 0!important; min-height:0; }
.agave-market-refined .agave-question-response:empty { display:none; }
.agave-market-refined .agave-question-bottom { display:flex; flex:none; justify-content:space-between; align-items:center; min-height:46px; padding:0 18px; border:0; }
.agave-market-refined .agave-question-back,.agave-market-refined .agave-question-reset { margin:0; font:400 14px Poppins,sans-serif; color:#51768d; min-height:44px; padding:8px; background:transparent; border:0; }
.agave-phone-home { width:110px; height:4px; background:#172d3b; border-radius:4px; margin:6px auto 9px; flex:none; }
.agave-market-refined .agave-demo-request { margin:0; padding:0; background:transparent; border:0; box-shadow:none; }
.agave-market-refined .agave-demo-request label { display:block; color:#332e2a; font:500 15px/1.5 Poppins,sans-serif; margin:0 0 12px; }
.agave-demo-names { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.agave-demo-request input:not([type=hidden]) { width:100%; min-width:0; height:46px; margin-top:6px; border:1px solid #ded8d2; border-radius:18px; background:#f0ede9; padding:10px; color:#16394f; font:400 18px Poppins,sans-serif; }
.agave-demo-request input:focus { outline:2px solid #00b1eb; outline-offset:2px; background:white; }
.agave-demo-request.was-validated input:invalid { border-color:#b54a38; }
.agave-market-refined .agave-demo-request .agave-question-submit { margin-top:5px; }
.agave-demo-request .agave-form-note { font:400 12px/1.6 Poppins,sans-serif; color:#607887; margin:13px 0 0; }
.agave-demo-request .agave-form-status { font:400 14px/1.6 Poppins,sans-serif; color:#365c73; margin:10px 0 0; }
.agave-market-refined :is(.agave-answer-list button,.agave-question-next,.agave-question-submit,.agave-question-back,.agave-question-reset):focus-visible { outline:3px solid #00b1e5; outline-offset:3px; }
@media(max-width:1100px) { .agave-products .agave-market-refined .agave-market-layout { grid-template-columns:minmax(0,1fr) 350px; gap:45px; }.agave-market-value > div { grid-template-columns:1fr; gap:6px; padding:18px 0; }.agave-market-value { margin-top:28px; } }
@media(max-width:767px) { .agave-products .agave-market-refined .agave-market-layout { display:flex; flex-direction:column; align-items:stretch; gap:36px; }.agave-products .agave-market-refined .agave-market-copy h2 { margin-bottom:22px; }.agave-products .agave-market-refined .agave-market-copy > p { font-size:18px; line-height:1.75; }.agave-market-value dd { font-size:17px; }.agave-market-refined .agave-question-demo { align-self:center; width:350px; height:725px; }.agave-market-refined .agave-question-body { padding-inline:20px; } }
@media(prefers-reduced-motion:reduce) { .agave-market-refined .agave-answer-list button { transition:none; } }

/* Three activation outcomes, visually tied to the sample phone. */
.agave-market-value { max-width:800px; margin-top:34px; }
.agave-market-value > div { display:block; position:relative; padding:24px 0 24px 76px; }
.agave-market-value dt { font-size:22px; line-height:1.4; margin-bottom:9px; }
.agave-market-value dd { font-size:18px; line-height:1.75; max-width:620px; }
.agave-market-icon { position:absolute; top:23px; left:0; width:48px; height:48px; display:grid; place-items:center; border-radius:14px; background:#eaf7fc; color:#008bb8; }
.agave-market-icon svg { width:26px; height:26px; }
.agave-question-visual { position:relative; isolation:isolate; width:100%; max-width:530px; display:flex; justify-content:center; padding:28px 0; }
.agave-question-visual::before { content:""; position:absolute; inset:64px 0 64px; z-index:-1; background:#eef5f8; border-radius:40px; }
.agave-market-refined .agave-question-demo { flex:none; box-shadow:15px 28px 26px -16px #08263855,0 44px 60px -22px #08263855,0 0 0 1px #8a9ca8,inset 0 0 0 1px #d6e0e6; }
@media(max-width:1100px) { .agave-question-visual::before { inset:72px -18px; }.agave-market-value > div { padding-left:62px; }.agave-market-value dt { font-size:20px; } }
@media(max-width:767px) { .agave-question-visual { align-self:center; width:100%; max-width:450px; padding:22px 0; }.agave-question-visual::before { inset:60px -12px; border-radius:28px; }.agave-market-refined .agave-question-demo { width:min(350px,100%); }.agave-market-value > div { padding-block:20px; }.agave-market-icon { top:21px; width:44px; height:44px; }.agave-market-value dd { font-size:17px; } }