:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253b32;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.6}.site-header{min-height:72px;background:#fff;border-bottom:1px solid #e4eae3;display:flex;align-items:center;gap:22px;padding:12px max(4vw,20px)}.brand{display:flex;align-items:center;gap:7px;color:#254e3e;text-decoration:none;font-family:Georgia,serif;font-size:29px;font-weight:700;letter-spacing:-1.6px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#2d6751;color:white;border-radius:9px;font-size:20px;letter-spacing:0}.brand-dot{color:#ce7952;margin-left:-7px}.header-note{font-size:13px;color:#63776a;margin-left:auto}.demo-badge{font-size:10px;font-weight:800;letter-spacing:1px;color:#386750;border:1px solid #b9cabb;padding:8px 10px;border-radius:99px;white-space:nowrap}main{max-width:1320px;margin:auto;padding:0 max(4vw,20px) 56px}.intro{padding:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#548069;margin:0 0 9px}.intro h1{font:600 clamp(37px,4vw,61px)/1.08 Georgia,serif;letter-spacing:-1.6px;color:#234a3b;margin:0 0 16px}.intro h1 em{font-style:normal;color:#a66a4c}.intro>p:last-child{max-width:740px;color:#66796c;line-height:1.55;margin:0;font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.results-column{display:grid;gap:22px;min-width:0}.panel{background:#fff;border:1px solid #e1e9e0;border-radius:18px;box-shadow:0 7px 30px #1d47310a;overflow:hidden}.panel-heading{display:flex;align-items:center;gap:14px;padding:23px 26px;border-bottom:1px solid #edf0ea}.panel-heading .eyebrow{margin-bottom:5px}.panel-heading h2{font:600 25px/1.1 Georgia,serif;letter-spacing:-.4px;margin:0;color:#2a4637}.step{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;color:#507b5e;background:#e9f1e7;font-size:11px;font-weight:800;letter-spacing:.4px}.connection-card{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:22px 26px;background:#2d5b48;color:white;border-radius:14px;padding:20px}.meta-label{display:block;font-size:10px;letter-spacing:1.2px;font-weight:800;color:#93ac9a}.connection-card strong{display:block;margin-top:6px;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.connection-card .session-code{font-size:25px;letter-spacing:3px;font-variant-numeric:tabular-nums}.connection-card p{grid-column:1/-1;font-size:12px;line-height:1.5;color:#e2efe6;margin:0}.connection-card #share-link{grid-column:1/-1;font-size:12px;color:#fff;text-decoration:underline;text-underline-offset:3px}.browser-test{padding:0 26px 28px}.test-heading{display:flex;align-items:center;gap:8px;font-size:14px;margin:3px 0 19px}.status-dot{width:8px;height:8px;border-radius:50%;background:#54a976;box-shadow:0 0 0 4px #e5f3e8}.test-note{margin-left:auto;font-size:11px;color:#708477}.language-label,.answer-block>label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#516f5c}.language-label select{max-width:240px}.browser-test select,.answer-block input,.answer-block textarea{border:1px solid #cddbcf;border-radius:9px;color:#263f30;background:white;padding:11px 12px;width:100%;min-width:0}.browser-test select:focus,.answer-block input:focus,.answer-block textarea:focus{outline:2px solid #8cbfa0;outline-offset:1px}.agent-prompt{background:#edf3ed;border-left:3px solid #6a9b76;border-radius:0 9px 9px 0;padding:15px 18px;margin:20px 0 12px}.agent-prompt .meta-label{color:#547c61}.agent-prompt p{font-size:16px;line-height:1.55;margin:7px 0 0;min-height:44px;color:#264736}.secondary-button{background:#fff;color:#2e694d;border:1px solid #bcd1c0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:700}.answer-block{margin-top:23px}.answer-block textarea{display:block;resize:vertical;min-height:72px;margin-top:8px}.answer-actions{display:flex;align-items:center;gap:13px;margin:12px 0 22px}.record-button{white-space:nowrap;border:1px solid #bd8065;background:#fff6f1;color:#975638;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800}.record-button.recording{background:#a9503c;color:#fff;border-color:#a9503c}.answer-actions span{font-size:11px;color:#728575;line-height:1.4}.send-row{border-top:1px solid #e9eee8;padding-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 78px auto;align-items:end;gap:10px}.send-row label{font-size:11px;color:#576f60;font-weight:700}.send-row small{display:block;font-weight:400;margin-top:2px;color:#8a9a8e}.send-row input{height:42px}.send-row button{border:0;background:#2d6751;color:white;border-radius:9px;padding:11px 13px;font-size:12px;font-weight:800;white-space:nowrap;height:42px}.send-row button:hover{background:#23533f}.browser-note{font-size:11px;color:#819184;line-height:1.5;margin:21px 0 0}.state-pill{margin-left:auto;flex:none;font-size:10px;letter-spacing:.4px;font-weight:800;color:#966d42;background:#fbefdc;padding:7px 10px;border-radius:99px}.state-pill.published{color:#35734d;background:#e6f4e8}.preview-title{margin:22px 26px 12px;padding:22px;background:#f3f6f1;border:1px solid #e7eee5;border-radius:12px}.preview-title h3{font:600 27px/1.2 Georgia,serif;color:#254332;margin:7px 0 0;overflow-wrap:anywhere}.listing-fields,.location-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0 26px}.listing-fields div,.location-fields div{min-width:0;border-bottom:1px solid #edf0ea;padding:13px 0}.listing-fields dt,.location-fields dt{font-size:10px;color:#839487;text-transform:uppercase;font-weight:800;letter-spacing:.6px}.listing-fields dd,.location-fields dd{margin:5px 0 0;color:#304c3a;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.pending-note{margin:18px 26px 0;padding:10px 13px;border-radius:8px;background:#fff6e7;color:#81643f;font-size:12px}.preview-footnote,.map-footnote{margin:17px 26px 22px;color:#859388;font-size:11px;line-height:1.5}.map-intro{font-size:12px;color:#6b8070;line-height:1.5;margin:18px 26px}.map-box{height:300px;margin:0 26px;position:relative;overflow:hidden;border-radius:11px;background:#dce5dc;isolation:isolate}.tile{width:256px;height:256px;position:absolute;max-width:none}.map-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #ad6045;background:#ca7b5066;border-radius:50%;box-shadow:0 0 0 2px #fff8}.map-label{position:absolute;z-index:2;left:11px;top:11px;background:#fffef2eb;border-radius:7px;padding:8px 10px;max-width:calc(100% - 22px);color:#3e5347;font-size:11px;font-weight:800;box-shadow:0 2px 8px #20382024}.map-credit{position:absolute;z-index:2;right:4px;bottom:4px;background:#fffdf7df;border-radius:3px;font-size:9px;padding:2px 4px}.map-state{margin:11px 26px 0;font-size:12px;color:#526f5b;line-height:1.4}.location-fields{margin-top:15px}.map-footnote{margin-bottom:24px}.notice{background:#fff0e7;color:#804d32;padding:13px 17px;border-radius:10px;margin-bottom:18px;font-size:13px}footer{border-top:1px solid #e2e9df;padding:25px max(4vw,20px);font-size:11px;color:#87968a;text-align:center}@media(max-width:950px){.workspace{grid-template-columns:1fr}.results-column{grid-template-columns:1fr 1fr;align-items:start}.map-box{height:240px}.location-fields{grid-template-columns:1fr 1fr}}@media(max-width:680px){.site-header{min-height:62px}.header-note{display:none}.demo-badge{margin-left:auto}.intro{padding:30px 0 23px}.intro h1{font-size:39px}.workspace,.results-column{display:grid;grid-template-columns:1fr;gap:16px}.panel-heading{padding:19px 18px}.connection-card{margin:18px;padding:17px;gap:13px}.browser-test{padding:0 18px 22px}.preview-title{margin:18px 18px 8px;padding:17px}.listing-fields,.location-fields{margin-left:18px;margin-right:18px}.preview-footnote,.map-footnote{margin-left:18px;margin-right:18px}.map-intro,.map-state{margin-left:18px;margin-right:18px}.map-box{margin:0 18px;height:270px}.send-row{grid-template-columns:1fr 64px}.send-row button{grid-column:1/-1}.answer-actions{align-items:flex-start;flex-direction:column;gap:8px}.record-button{width:100%}.preview-title h3{font-size:24px}}@media(max-width:350px){.connection-card{grid-template-columns:1fr}.connection-card p,.connection-card #share-link{grid-column:1}.listing-fields{grid-template-columns:1fr}.intro h1{font-size:34px}}
/* Keep keypad choices distinct and easy to reach at every screen size. */
.send-row{grid-template-columns:74px 74px minmax(0,1fr)}
.send-row #confirm-yes,.send-row #confirm-no{background:#edf3ed;color:#315d45;border:1px solid #c8d9cd}
.send-row #confirm-no{background:#fff8f1;color:#805d45;border-color:#e2d1bf}
button:disabled{cursor:not-allowed}
button:focus-visible,a:focus-visible{outline:3px solid #95bfa5;outline-offset:3px}
#start-conversation{background:#2d6751;color:white;padding:12px 18px;margin-right:6px}
@media(max-width:680px){.send-row{grid-template-columns:70px 70px minmax(0,1fr)}.send-row button{grid-column:auto;padding:10px 8px}.test-heading{flex-wrap:wrap}.test-note{margin-left:16px}.connection-card strong{font-size:16px}}
@media(max-width:390px){.send-row{grid-template-columns:1fr 1fr}.send-row #send-answer{grid-column:1/-1}}

[hidden]{display:none!important}

/* The preview reads as a guest-facing listing while every value remains grounded in the host's answers. */
.stay-card.listing-fields {
  display: block;
  margin: 20px 26px 0;
  border: 1px solid #dfe9df;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
}
.stay-card.listing-fields div { border-bottom: 0; padding: 0; }
.stay-heading {
  padding: 24px 25px 20px !important;
  background: linear-gradient(130deg, #edf4ec, #f8f7ef);
}
.stay-heading .eyebrow { margin-bottom: 8px; }
.stay-heading h3 {
  margin: 0;
  color: #243e31;
  font: 600 clamp(24px, 2.5vw, 31px)/1.18 Georgia, serif;
  overflow-wrap: anywhere;
}
.stay-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 25px;
  margin: 16px 0 0;
}
.stay-facts div { min-width: 80px; }
.stay-facts dt, .stay-price-label {
  display: block;
  color: #6d806f;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .7px;
  text-transform: uppercase;
}
.stay-facts dd {
  margin: 4px 0 0;
  color: #2d4936;
  font-size: 14px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.stay-card .stay-price {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
  padding: 18px 25px !important;
  border-bottom: 1px solid #e7eee5 !important;
}
.stay-price strong {
  display: block;
  margin-top: 3px;
  color: #264a37;
  font-size: 24px;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.stay-price-unit { color: #738377; font-size: 12px; white-space: nowrap; }
.stay-card .stay-section {
  padding: 18px 25px !important;
  border-bottom: 1px solid #e7eee5 !important;
}
.stay-section h4 { margin: 0 0 7px; color: #294936; font-size: 14px; }
.stay-section p { margin: 0; color: #4f6556; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.stay-location .stay-directions { margin-top: 6px; }
.stay-location-note { display: inline-block; margin-top: 11px; color: #7b897d; font-size: 11px; }
@media (max-width: 680px) {
  .stay-card.listing-fields { margin: 18px 18px 0; }
  .stay-heading { padding: 20px !important; }
  .stay-card .stay-price, .stay-card .stay-section { padding: 16px 20px !important; }
}
.stay-card .stay-photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; background: #dfe9df; }
.stay-card .stay-photos[hidden] { display: none; }
.stay-photos img { display: block; width: 100%; height: 145px; object-fit: cover; }
.stay-photos img:first-child:last-child { grid-column: 1 / -1; height: 220px; }
.stay-photos img:first-child:nth-last-child(2) { grid-column: span 2; }
@media (max-width: 680px) { .stay-photos img { height: 110px; } .stay-photos img:first-child:last-child { height: 180px; } }

/* Keep the call first, with listing and map visible beside it on desktop. */
.brand{font-family:Georgia,serif;font-size:31px;letter-spacing:-1.4px;line-height:1;color:#245740}
.brand-logo{display:block;width:126px;height:auto}
.site-header{min-height:66px}
.intro{padding:30px 0 24px}
.intro h1{font-size:clamp(34px,3.6vw,53px);margin-bottom:10px}
.intro>p:last-child{font-size:14px}
.voice-panel .panel-heading{padding-bottom:19px}
.connection-card{margin-top:17px;margin-bottom:18px;padding:16px 19px;gap:12px 16px}
.connection-card strong{font-size:16px}
.connection-card .session-code{font-size:21px}
.browser-test{padding-bottom:24px}
.test-heading{margin-bottom:16px}
.agent-prompt{margin:17px 0 14px;padding:14px 16px}
.agent-prompt p{min-height:0;font-size:17px}
#start-conversation,#record-answer{min-height:48px;padding:13px 19px;font-size:14px;border-radius:10px;font-weight:800}
#record-answer.recording{background:#a9503c;color:#fff}
.answer-block{margin-top:12px}
#record-status{font-size:13px;line-height:1.45;color:#365844;margin:12px 0}
#live-transcript:empty{display:none}
#live-transcript:not(:empty){background:#f5f8f3;border-radius:9px;padding:10px 12px;font-size:13px;color:#3e5a48}
@media(max-width:680px){
  .site-header{padding:11px 18px;min-height:60px}
  .brand{font-size:28px}
  .intro{padding:24px 0 20px}
  .intro h1{font-size:clamp(32px,9vw,40px)}
  .intro>p:last-child{font-size:13px}
  .connection-card{margin:15px 18px;padding:15px}
  .browser-test{padding-bottom:20px}
  #start-conversation,#record-answer{width:100%;margin:0}
}

.send-row{display:flex;align-items:center;gap:9px;border-top:0;padding-top:3px;margin-top:8px}
.send-row #confirm-yes,.send-row #confirm-no{min-width:88px;min-height:43px;font-size:13px}
.send-row #confirm-yes:disabled,.send-row #confirm-no:disabled{opacity:.48}
.answer-block{margin-top:0}
#record-status{margin:10px 0 0;min-height:19px}
.connection-card{grid-template-columns:minmax(0,1fr)}
#dial-sequence{font-variant-numeric:tabular-nums;font-size:22px;line-height:1.4}
#dial-sequence #demo-phone{color:inherit;text-decoration:none;overflow-wrap:anywhere}
#dial-sequence #demo-phone[href]{text-decoration:underline;text-decoration-color:#a9cbb6;text-underline-offset:4px}
#dial-sequence #dial-pause{color:#a9cbb6}
#dial-sequence .session-code{font-size:22px;letter-spacing:.5px}
#live-transcript{margin:10px 0 0}
.connection-card{margin-bottom:20px}
.agent-prompt{margin-top:18px}

.meta-label,.stay-facts dt,.stay-price-label,.listing-fields dt,.location-fields dt{
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
}
.connection-card .meta-label{color:#d3e7d9}
.connection-card .demo-code-note{margin:0;color:#d3e7d9;font-size:12px;line-height:1.45}