.plumbing-demo-page { background:#f7f5ef; }
.plumbing-demo-page .site-header { max-width:1120px; padding:24px 32px; }
.demo-intro { text-align:center; max-width:760px; margin:36px auto 30px; padding:0 20px; }
.demo-intro .eyebrow { justify-content:center; color:#756888; }
.demo-intro h1 { font-size:clamp(32px,4.4vw,52px); line-height:1.12; letter-spacing:-.045em; font-weight:620; margin:14px 0; }
.demo-intro > p:not(.eyebrow) { max-width:580px; margin:18px auto 0; color:#686373; font-size:17px; }
.plumbing-demo { max-width:980px; margin:0 auto; border:1px solid #e2dce9; background:white; border-radius:24px; box-shadow:0 15px 50px #39245608; overflow:hidden; scroll-margin-top:24px; }
.demo-topline { display:flex; justify-content:space-between; align-items:center; padding:17px 28px; border-bottom:1px solid #eee9f1; font-size:12px; color:#766b84; }
.demo-topline > span:first-child { color:#51465e; font-weight:600; display:flex; align-items:center; gap:8px; }
.demo-dot { width:7px; height:7px; background:#8a6ed1; border-radius:50%; }
.demo-ready { text-align:center; max-width:650px; padding:28px 30px 30px; margin:auto; }
.demo-ready h2 { font-size:26px; font-weight:620; letter-spacing:-.7px; margin:18px 0 10px; }
.demo-ready > p { color:#6c6574; font-size:15px; }
.ready-orb,.talk-orb { display:flex; justify-content:center; align-items:center; gap:5px; width:78px; height:78px; margin:auto; border-radius:50%; background:radial-gradient(circle at 35% 25%,#a18bd9,#6f50ad); box-shadow:0 0 0 9px #f6f2fd,0 8px 24px #9476c52b; }
.ready-orb span,.talk-orb span { display:block; width:4px; height:14px; border-radius:10px; background:#fff; }
.ready-orb span:nth-child(2n),.talk-orb span:nth-child(2n) {height:28px}.ready-orb span:nth-child(3),.talk-orb span:nth-child(3){height:40px}
.demo-entry-actions { display:flex; justify-content:center; gap:12px; margin:26px 0 16px; }
.demo-button { border:1px solid transparent; padding:14px 20px; border-radius:11px; font-size:14px; font-weight:650; line-height:1.35; cursor:pointer; text-decoration:none; min-height:48px; }
.demo-button.primary { background:#7055b8; color:white; box-shadow:0 3px 9px #61449820; }
.demo-button.primary:hover { background:#6145a5; }.demo-button.secondary { background:#fff; color:#50425f; border-color:#dbd2e6; }
.demo-button.secondary:hover {background:#f8f5fc}.demo-button span {margin-right:7px}.demo-button:disabled{opacity:.5;cursor:wait}
.demo-ready .demo-reassurance { font-size:12px; margin:8px 0; }
.demo-ready .demo-disclosure { max-width:470px; margin:10px auto; font-size:12px; line-height:1.5; color:#6c6b78; }
.demo-text-link { background:none; border:0; padding:9px 4px; color:#7055a5; font-size:12px; font-weight:600; cursor:pointer; }
.demo-conversation { display:grid; grid-template-columns:1.25fr 1fr; min-height:350px; }
.conversation-main { padding:26px 32px; text-align:center; min-width:0; }
.homeowner-role { font-size:12px; letter-spacing:.08em; color:#867b91; margin:0 0 24px; }
.talk-orb { width:64px; height:64px; }
.voice-status {font-size:12px;color:#77658e; margin:16px 0;min-height:20px}
.speech > span { font-size:12px; font-weight:650; color:#89799b; }.speech p {font-size:22px;line-height:1.35;letter-spacing:-.4px;margin:8px 0;min-height:62px}
.homeowner-line {font-size:13px;color:#776d80;min-height:20px;margin:12px 0}
#speaking-hint {font-size:12px;color:#8a7b99;margin:12px 0}#speaking-hint summary{cursor:pointer}#speaking-hint p{max-width:330px;margin:8px auto}
.conversation-controls {display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:16px}
.service-request {margin:22px 22px 22px 0;padding:24px;border:1px solid #e8e1f0;border-radius:16px;background:#faf8fd;align-self:start;min-width:0}
.service-request .eyebrow{font-size:12px;margin:0 0 10px}.service-request h3{font-size:19px;letter-spacing:-.5px;margin:0 0 14px}#request-empty{font-size:13px;color:#8b8195}
#request-details{margin:0}#request-details div{padding:10px 0;border-bottom:1px solid #e9e3ef}#request-details dt{font-size:12px;color:#8a7c97}#request-details dd{font-size:15px;line-height:1.4;margin:4px 0 0;overflow-wrap:anywhere}.request-note{font-size:12px;color:#8d8297;margin:18px 0 0}
.detail-arrived{animation:detail-arrived 1.5s ease-out}@keyframes detail-arrived{from{background:#e7dcfa}to{background:transparent}}
[data-activity=speaking] .talk-orb span,[data-activity=listening] .talk-orb span{animation:voice-wave 1s ease-in-out infinite alternate}.talk-orb span:nth-child(2){animation-delay:.2s}.talk-orb span:nth-child(4){animation-delay:.4s}@keyframes voice-wave{to{transform:scaleY(.45)}}
.demo-message {margin:0 24px 20px;padding:14px 18px;border-radius:10px;background:#f4eff9;font-size:13px;color:#5f4e74}
.demo-recovery {display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px 24px;flex-wrap:wrap}
.demo-outcome {display:flex;align-items:center;gap:14px;padding:22px 30px;border-top:1px solid #eee7f3;background:#f9f7fc}.outcome-check{display:grid;place-items:center;background:#e9f0e4;color:#496a3a;border-radius:50%;width:32px;height:32px;flex-shrink:0}.demo-outcome h2{font-size:20px;margin:0 0 5px;letter-spacing:-.5px}.demo-outcome p{font-size:13px;color:#776a83;margin:0}
.demo-next-step {display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;padding:26px 30px;border-top:1px solid #e7e0ed}.demo-next-step h2{font-size:21px;letter-spacing:-.5px;margin:0 0 7px}.demo-next-step p{font-size:13px;color:#84768e;margin:0}.demo-next-step .next-step-note{grid-column:2;font-size:12px;text-align:center}.demo-next-step #try-again{grid-column:1;grid-row:2;justify-self:start}
.demo-video-panel{padding:24px}.demo-video-panel video{width:100%;display:block;aspect-ratio:16/9;background:#f3eff8;border-radius:12px}.video-caption{font-size:12px;color:#817289;margin:12px 0 0}.video-transcript{font-size:12px;color:#766582}.video-transcript summary{cursor:pointer}.video-transcript p{line-height:1.6}
.demo-footer-note{text-align:center;margin:30px auto 45px;padding:0 20px;font-size:13px;color:#8a8090}.demo-footer-note a{font-size:12px}.plumbing-demo-page .site-footer{max-width:1120px;font-size:12px}.plumbing-demo-page .site-footer .wordmark{margin-right:auto}
#typed-message{text-align:left;margin:18px 0}#typed-message label{font-size:12px;color:#82718e}#typed-message>div{display:flex;gap:8px;margin-top:6px;align-items:end}#message{min-width:0;width:100%;border:1px solid #ded5e7;border-radius:10px;padding:12px;font:inherit;font-size:14px;resize:vertical;background:white}
[data-state=complete] .conversation-main{display:none}[data-state=complete] .demo-conversation{display:block;min-height:0}[data-state=complete] .service-request{margin:24px auto;max-width:560px}[data-state=complete] #request-details{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media(max-width:700px){.plumbing-demo-page .site-header{padding:18px 20px}.demo-intro{margin:18px auto 24px}.demo-intro h1{font-size:31px}.demo-intro h1 br{display:none}.demo-intro>p:not(.eyebrow){font-size:15px;max-width:330px}.plumbing-demo{margin:0 12px;border-radius:18px}.demo-topline{padding:14px 18px;font-size:12px}.demo-ready{padding:26px 22px 18px}.demo-ready h2{font-size:23px}.demo-entry-actions{flex-direction:column;gap:10px;margin:22px 0 12px}.demo-conversation{display:flex;flex-direction:column;min-height:0}.conversation-main{padding:22px 20px 16px}.homeowner-role{font-size:12px;margin-bottom:20px}.speech p{font-size:20px;min-height:48px}.talk-orb{width:54px;height:54px}.service-request{margin:0 16px 20px;padding:18px}#request-details{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#request-details dd{font-size:13px}.service-request h3{font-size:17px;margin-bottom:8px}.service-request .eyebrow{margin-bottom:5px}.request-note{margin-top:10px}.demo-next-step{display:flex;flex-direction:column;text-align:center;gap:14px;padding:24px 20px}.demo-next-step>.demo-button{width:100%}.demo-next-step h2{font-size:20px}.demo-outcome{padding:20px;align-items:start}.demo-video-panel{padding:12px}.demo-recovery{gap:8px}.demo-message{margin:0 16px 16px}[data-state=complete] .service-request{margin:16px}.demo-footer-note{margin:24px auto 28px}}
@media(prefers-reduced-motion:reduce){.detail-arrived,.talk-orb span{animation:none!important}}

.demo-button svg{vertical-align:-4px;margin-right:7px}
.recording-mode .site-header,.recording-mode .demo-intro,.recording-mode .demo-footer-note,.recording-mode .site-footer{display:none}
.recording-mode main{padding:48px 0}.recording-mode .plumbing-demo{scroll-margin-top:48px}.recording-mode #speaking-hint,.recording-mode .conversation-controls{visibility:hidden}

.form-explainer{max-width:980px;margin:64px auto;padding:0 24px}.form-explainer>h2{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.04em;max-width:650px}.explainer-intro{max-width:650px;color:#6c6574}.form-transformation{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;margin:28px 0 0}.form-transformation article{padding:26px;border:1px solid #e2dce9;border-radius:16px;background:white}.form-transformation h3{font-size:20px;line-height:1.3}.form-before ul{list-style:none;padding:0}.form-before li{border:1px solid #e2dce9;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:13px;color:#786d83}.form-before>p:last-child,.explainer-footnote{font-size:12px;color:#786d83}.form-after blockquote{margin:20px 0;padding:16px;background:#f4effa;border-radius:12px;font-size:17px;line-height:1.5}.captured-example{font-size:12px;color:#547047}.form-after>p:last-child{font-size:14px;line-height:1.6}.form-return{padding:22px 26px;margin-top:20px;border-radius:14px;background:#eeebf4}.form-return strong{font-size:12px;letter-spacing:.08em}.form-return p{font-size:14px;margin:10px 0 0;color:#655a71}.intelligence-details{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.intelligence-details h3{font-size:16px}.intelligence-details p{font-size:14px;color:#6c6574}.form-explainer>.demo-button{display:inline-block}.recording-mode .form-explainer{display:none}
@media(max-width:700px){.form-explainer{margin:40px auto;padding:0 24px}.form-transformation,.intelligence-details{grid-template-columns:1fr}.form-transformation article{padding:22px}.intelligence-details{gap:8px}.form-explainer>.demo-button{display:block;text-align:center}}

/* Keep conversion available while the conversation remains the primary activity. */
.plumbing-demo-page .site-header{position:sticky;top:0;z-index:30;max-width:none;padding:14px max(20px,calc((100vw - 1056px)/2));background:#f7f5eff5;border-bottom:1px solid #e8e2ed;backdrop-filter:blur(12px)}
.plumbing-demo-page .site-header nav{gap:24px}.plumbing-demo-page .site-header .nav-cta{font-size:13px;color:white}
.form-explainer-link{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:#7055a5;text-underline-offset:4px}.form-explainer-link:hover{color:#50358a}.back-to-demo{display:inline-block;margin-bottom:20px;font-size:13px;text-underline-offset:4px}
.plumbing-demo-page #demo,.plumbing-demo-page #own-form{scroll-margin-top:90px}.plumbing-demo-page .skip:focus{z-index:40}
@media(max-width:700px){.plumbing-demo-page .site-header{padding:10px 14px;gap:12px}.plumbing-demo-page .site-header .wordmark{font-size:23px;gap:6px}.plumbing-demo-page .site-header .wordmark img{width:24px}.plumbing-demo-page .site-header nav{gap:0}.plumbing-demo-page .site-header nav>a:not(.nav-cta){display:none}.plumbing-demo-page .site-header .nav-cta{font-size:12px;line-height:1.3;padding:10px 12px;text-align:center;max-width:215px;display:flex;align-items:center;justify-content:center}.form-explainer-link{max-width:290px;line-height:1.5}.plumbing-demo-page #demo,.plumbing-demo-page #own-form{scroll-margin-top:80px}}

.demo-form-link{font-weight:600;color:#7055a5;text-underline-offset:3px;text-align:right}.demo-topline{gap:12px}.recording-mode .demo-form-link{visibility:hidden}
/* Own-form preview (/try#own-form only). */
.form-explainer [hidden]{display:none!important}
.own-form-check{margin:36px 0 0;padding:30px;border:1px solid #e2dce9;border-radius:20px;background:#fff;box-shadow:0 15px 50px #39245608}.own-form-check>.eyebrow{font-size:12px;color:#756888;margin:0}.own-form-check h3{font-size:24px;font-weight:620;letter-spacing:-.5px;line-height:1.25;margin:10px 0 8px}.own-form-intro{color:#6c6574;font-size:15px;max-width:640px;margin:0}
.own-form-read label{display:block;font-size:13px;font-weight:650;color:#51465e;margin:20px 0 6px}.own-form-entry{display:flex;gap:10px}.own-form-entry input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #cfc5dc;border-radius:11px;background:#fff;min-height:48px;color:#2f2838}.own-form-entry input:focus-visible{outline:3px solid #c9b8ef;outline-offset:1px;border-color:#7055b8}
.own-form-status{min-height:20px;font-size:13px;color:#6c6574;margin:10px 0 0}.own-form-problem{margin-top:8px;padding:18px 20px;border-radius:14px;background:#fbf6ee;border:1px solid #eadcc4}.own-form-problem>p{margin:0 0 10px;font-size:15px;line-height:1.5}.own-form-problem>p:last-child{margin:0}.own-form-ways{margin:0;padding-left:18px;font-size:14px;line-height:1.9}.own-form-ways .demo-text-link{font-size:14px;padding:0;text-decoration:underline;text-underline-offset:3px}.own-form-ways a{color:#7055a5;font-weight:600;text-underline-offset:3px}
.own-form-results,.own-form-preview{margin-top:18px}.own-form-results h3,.own-form-preview h3{font-size:20px;margin:0 0 6px}.own-form-hint{color:#6c6574;font-size:14px;margin:0}.own-form-choices{border:0;padding:0;margin:14px 0 0;min-width:0}.own-form-choices legend{font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#867b91;margin-bottom:8px;padding:0}
.own-form-card{border:1px solid #e2dce9;border-radius:14px;padding:16px 18px;margin:0 0 12px;background:#fdfcfe}.own-form-choice{display:flex;align-items:center;gap:10px}label.own-form-choice{cursor:pointer}.own-form-choice input{accent-color:#7055b8;width:18px;height:18px;margin:0;flex:none}.own-form-name strong{font-size:16px}.own-form-name small{color:#867b91;font-size:13px;margin-left:4px}
.own-form-questions{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.own-form-questions li{border:1px solid #e9e4ef;border-radius:9px;padding:9px 12px;background:#fff;display:flex;flex-direction:column;gap:2px;font-size:14px;overflow-wrap:anywhere}.own-form-questions small{font-size:12px;color:#867b91}
.own-form-compare{margin:12px 0 0;padding:10px 12px;border-radius:9px;background:#fbf6ee;font-size:13px}.own-form-notes{margin:10px 0 0;padding-left:18px;font-size:12px;color:#6c6574;line-height:1.5}.own-form-other{margin:4px 0 12px}.own-form-other summary{cursor:pointer;font-size:14px;font-weight:600;color:#7055a5;padding:8px 0}
.own-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 6px}.own-form-label{padding:14px 16px;border-radius:12px;background:#eeebf4;font-size:14px;line-height:1.55;color:#4e4559;margin:10px 0 8px}.own-form-disclosure{font-size:12px;color:#6c6b78;margin:0 0 14px}
.own-form-stage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}.own-form-frame iframe{width:100%;height:600px;border:1px solid #e2dce9;border-radius:16px;background:#faf9fc;display:block}
.own-form-filled{padding:20px;border:1px solid #e2dce9;border-radius:16px;background:#fff}.own-form-filled .eyebrow{font-size:12px;margin:0 0 6px;color:#756888}#own-form-values{margin:0}#own-form-values div{padding:10px 0;border-top:1px solid #f0ecf3}#own-form-values div:first-child{border-top:0}#own-form-values dt{font-size:12px;color:#867b91}#own-form-values dd{margin:3px 0 0;font-size:15px;overflow-wrap:anywhere}#own-form-values .filled dd{color:#2f2838;font-weight:600}.own-form-empty{color:#a79db2;font-size:13px;font-weight:400}.own-form-filled-note{font-size:12px;color:#786d83;margin:10px 0 0}
@media(max-width:700px){.own-form-check{padding:22px 18px;border-radius:16px;margin-top:28px}.own-form-check h3{font-size:21px}.own-form-entry{flex-direction:column}.own-form-entry .demo-button{width:100%}.own-form-stage{grid-template-columns:1fr}.own-form-frame iframe{height:560px}.own-form-actions{flex-direction:column;align-items:stretch}.own-form-actions .demo-button{width:100%;text-align:center}.own-form-questions{grid-template-columns:1fr}.own-form-card{padding:14px}}