@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#203b35;background:#f6f5f0;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c58550;outline-offset:4px}.topbar{height:86px;border-bottom:1px solid #dfE3da;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-weight:700;letter-spacing:-.5px}.brand-icon{font-size:24px;background:#203f36;color:#faf8ef;width:36px;height:36px;border-radius:50%;text-align:center}.divider{color:#b9c3b7;margin:0 8px}.brand-sub{font-weight:400;color:#77847c;font-size:12px;letter-spacing:0}.demo-label{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;background:#e9ede3;padding:9px 13px;border-radius:25px;display:flex;align-items:center;gap:7px}.demo-label span{width:6px;height:6px;background:#788b66;border-radius:50%}main{max-width:1300px;margin:auto;padding:54px 6vw 28px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:#7b877a;margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:clamp(32px,3.8vw,51px);font-weight:500;letter-spacing:-2.1px;line-height:1.17;margin-bottom:18px}.intro-copy{color:#7c867f;max-width:490px;line-height:1.8;margin:0}.intro-note{border-left:1px solid #d6ddcf;padding-left:27px;margin:0 35px 0 25px;min-width:180px}.intro-note>span{color:#899478;font-size:9px;letter-spacing:2px}.intro-note p{font-size:21px;line-height:1.4;margin:13px 0;font-weight:500;letter-spacing:-.5px}.intro-note small{color:#8a9287;font-size:10px}.workspace{display:grid;grid-template-columns:370px 1fr;gap:23px;align-items:stretch}.salon-card,.conversation{border:1px solid #dee4d9;border-radius:20px;overflow:hidden;background:#fcfcf8}.salon-heading{display:flex;justify-content:space-between;align-items:center;background:#eaf0e2;padding:27px 25px}.salon-heading .eyebrow{font-size:8px;margin-bottom:8px}.salon-heading h2{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;margin-bottom:7px}.salon-heading p:last-child{font-size:12px;color:#7a8576;margin-bottom:0}.flower{font-size:57px;font-weight:400;color:#9aab81;line-height:1}.service-list{padding:9px 24px}.service{display:flex;gap:16px;border-bottom:1px solid #e8ebe2;padding:19px 0}.service:last-child{border-bottom:0}.service-symbol{display:flex;align-items:center;justify-content:center;border:1px solid #e1e6d7;border-radius:12px;min-width:40px;height:40px;font-size:24px;background:#f4f6ef;color:#617952}.service h3{font-size:13px;margin-bottom:6px}.service p{font-size:11px;color:#8b9286;line-height:1.5;margin-bottom:7px}.service div>span{font-size:11px;color:#6d7a63;font-weight:500}.dot{padding:0 8px;color:#b4bda8}.specialists{padding:22px 24px 6px;border-top:1px solid #e7ebdf}.specialists .eyebrow{font-size:9px}.specialists>div{display:flex;align-items:center;gap:11px;margin-bottom:12px}.avatar{height:29px;width:29px;border-radius:50%;background:#e8e5d9;color:#8b8067;display:grid;place-items:center;font-size:11px}.specialists strong{font-size:11px;display:block}.specialists small{font-size:10px;color:#919589}.muted-copy{font-size:10px;color:#929a8b;line-height:1.6;margin:16px 0}details{font-size:11px;color:#7c8876;line-height:1.7}summary{cursor:pointer;font-weight:500}.salon-card details{padding:16px 24px;border-top:1px solid #e7ebdf}.salon-card details p{margin:12px 0}.conversation{display:flex;flex-direction:column;background:#fffefa}.conversation-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0e8;padding:26px}.conversation-heading .eyebrow{font-size:9px;margin-bottom:7px}.conversation-heading h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px;margin:0}.status{font-size:10px;color:#819074;display:flex;gap:7px;align-items:center;background:#f1f4eb;padding:8px 10px;border-radius:20px}.status i{width:5px;height:5px;border-radius:50%;background:#9da68f}.status.live i{background:#4a865f}.transcript{height:480px;overflow-y:auto;padding:25px;flex:1;min-height:370px;max-height:600px}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px 0}.voice-orb{height:105px;width:105px;background:radial-gradient(circle at 35% 30%,#5d7f65,#244c3b);border:8px solid #e7eddd;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 0 0 12px #f4f6ee;margin-bottom:38px}.voice-orb span{width:3px;height:14px;background:#d0dfb8;border-radius:4px}.voice-orb span:nth-child(2),.voice-orb span:nth-child(4){height:26px}.voice-orb span:nth-child(3){height:38px}.empty-state h3{font-family:Manrope,sans-serif;font-weight:500;font-size:26px;letter-spacing:-.8px;line-height:1.35;margin-bottom:15px}.empty-state p{font-size:12px;color:#9ba194;line-height:1.8}.suggestion{font-size:10px;color:#a1a899;padding:14px 18px;border:1px solid #e9ecdf;border-radius:9px;margin-top:20px;max-width:350px;line-height:1.8}.suggestion strong{display:block;font-size:11px;color:#727f67;font-weight:400}.message{max-width:85%;padding:15px 17px;background:#edf2e6;border-radius:13px;margin-bottom:17px}.message.user{margin-left:auto;background:#f3ece0}.message>span{font-size:8px;letter-spacing:1.5px;color:#829175}.message p{font-size:13px;line-height:1.65;margin:7px 0 0}.message small{display:block;margin-top:7px;color:#96784d;font-size:9px}.voice-controls{padding:23px;border-top:1px solid #eef0e8;text-align:center}.start-button{background:#254a3b;color:#fafbf4;padding:15px 28px;border:0;border-radius:11px;box-shadow:0 5px 12px #243d3415;font-size:12px;font-weight:500;min-width:230px}.start-button:hover{background:#183b2e}.voice-controls p{font-size:9px;color:#a1a797;margin:13px 0 0}.mute-button,.end-button{padding:12px 16px;border-radius:9px;font-size:11px;border:1px solid #dae1d0;background:#eff3e7;color:#45603b}.end-button{margin-left:10px;background:#faeee5;border-color:#eed6c4;color:#975d3a}.booking-card{border:1px solid #dfe5d6;border-radius:15px;display:flex;align-items:center;gap:20px;padding:24px;margin-top:24px;background:#eef2e7}.booking-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #d6dfca;border-radius:11px;font-size:22px;color:#859578}.booking-title .eyebrow{font-size:8px;margin-bottom:7px}.booking-title h3{font-size:15px;font-weight:500;margin-bottom:6px}.booking-title p:last-child{font-size:11px;color:#929c87;margin:0}.booking-placeholder{margin-left:auto;font-size:10px;color:#9ca58f}.booking-details{margin-left:auto;display:flex;flex-direction:column;gap:5px;font-size:11px}.booking-details small{text-transform:capitalize;color:#7a8c67}.error{background:#fff1e8;color:#96532c;padding:15px;margin:0 25px 15px;border-radius:8px;font-size:12px;line-height:1.6}footer{text-align:center;padding:32px 0 0}footer>span{font-size:11px;color:#7d8a75}footer>p{font-size:9px;color:#a2aa98;margin:10px 0 15px}footer details{max-width:600px;margin:auto}.loading{min-height:100vh;display:grid;place-content:center;text-align:center}.loading button{padding:10px;border-radius:8px;border:1px solid #bac8af;background:#e5eddb}@media(min-width:1400px){main{padding-left:30px;padding-right:30px}}@media(max-width:900px){.workspace{grid-template-columns:310px 1fr}.intro-note{margin-right:0}.conversation-heading{padding:21px;gap:12px;flex-wrap:wrap}.suggestion{margin-top:10px}.brand-sub{display:none}}@media(max-width:700px){.topbar{height:70px;padding:0 20px}.brand{font-size:12px}.divider{display:none}.demo-label{font-size:8px;padding:8px}.intro{margin-bottom:27px}.intro-note{display:none}main{padding:35px 20px 24px}h1{font-size:36px}.intro-copy{font-size:12px}.workspace{display:flex;flex-direction:column}.conversation{order:-1}.transcript{min-height:360px}.salon-heading{padding:23px}.booking-card{gap:12px;flex-wrap:wrap;padding:20px}.booking-title{flex:1}.booking-placeholder,.booking-details{margin-left:52px}.empty-state h3{font-size:24px}.voice-controls{padding:20px 10px}.end-button,.mute-button{font-size:10px;padding:11px}.message{max-width:95%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}:root{font-size:16px;--muted:#596654;--line:#d9dfd1;--forest:#254a3b;--paper:#fffefa}.eyebrow{color:var(--muted);font-size:11px}.intro-copy{color:#596654;font-size:15px}.intro-note small,.intro-note>span{color:#596654;font-size:12px}.demo-guide{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 25px;padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:#edf1e6}.demo-guide strong{font-size:15px}.demo-guide p{font-size:13px;line-height:1.6;color:#52634e;margin:7px 0 0}.guide-tags{display:flex;flex-wrap:wrap;gap:9px}.guide-tags span{font-size:11px;white-space:nowrap;border:1px solid #c6cfba;padding:9px 12px;border-radius:20px}.service h3{font-size:15px}.service p{font-size:13px;color:#596654}.service div>span{font-size:12px;color:#52634e}.salon-heading p:last-child{color:#53614b}.salon-heading .eyebrow,.specialists .eyebrow,.conversation-heading .eyebrow{font-size:10px}.specialists strong{font-size:13px}.specialists small,.muted-copy{font-size:12px;color:#596654}details{font-size:13px;color:#596654}.status{font-size:12px;color:#4f6245}.empty-state p{font-size:14px;color:#596654}.suggestion{font-size:12px;color:#596654}.suggestion strong{font-size:13px;color:#52634e}.message>span{font-size:10px;color:#52634e}.message p{font-size:15px}.voice-controls p{font-size:12px;color:#596654;line-height:1.6}.start-button{font-size:14px;min-height:48px}.start-button:disabled{cursor:not-allowed;background:#e4e9dd;color:#53614b;box-shadow:none;opacity:1}.walkthrough-button{display:block;margin:12px auto 0;min-height:44px;padding:10px 20px;color:var(--forest);background:transparent;border:1px solid #9dab91;border-radius:9px;font-size:13px}.walkthrough-button:hover{background:#edf1e6}.example-banner{padding:15px 25px;background:#f4ebdd;border-bottom:1px solid #dfd4c2}.example-banner span{font-size:11px;letter-spacing:1px;font-weight:700;color:#6e4f28}.example-banner p{font-size:12px;color:#6e4f28;line-height:1.6;margin:6px 0 0}.mute-button,.end-button{min-height:44px;font-size:13px}.booking-title .eyebrow{font-size:10px}.booking-title p:last-child,.booking-placeholder{font-size:12px;color:#596654}.booking-details{font-size:13px}.booking-details small{color:#52634e}.back-portfolio{display:block;color:var(--forest);font-size:13px;margin:0 auto 20px;width:fit-content;min-height:44px;padding:12px}.back-portfolio+span{display:block}footer>p{font-size:12px;color:#596654;line-height:1.6}footer>span{font-size:13px;color:#596654}.error{font-size:14px}.loading{line-height:1.6}@media(max-width:900px){.demo-guide{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:700px){.brand-sub{display:none}.intro-copy{font-size:14px}.guide-tags{gap:7px}.guide-tags span{font-size:10px;padding:8px}.demo-guide{padding:18px}.transcript{max-height:480px}.service p{font-size:13px}.message p{font-size:14px}.voice-controls{padding:20px 14px}}.brand-sub{color:#596654}
