:root{--black:#090909;--black-2:#11100f;--panel:#151412;--panel-2:#1b1916;--cream:#f4f0e7;--paper:#fffdf8;--gold:#c6a66c;--gold-2:#dfc38c;--muted:#938c80;--line:#ffffff17;--ink:#171512}*{box-sizing:border-box}html,body{color:#fff;background:#080808;min-height:100%;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}::selection{background:var(--gold);color:#111}.page-shell{background:radial-gradient(circle at 15% 20%,#c6a66c17,#0000 24%),linear-gradient(145deg,#080808,#0d0c0b 55%,#080808);min-height:100vh}.demo-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080808e0;justify-content:space-between;align-items:center;height:86px;padding:0 max(28px,4vw);display:flex;position:sticky;top:0}.brand-lockup{align-items:center;display:flex}.brand-logo-original{object-fit:contain;object-position:left center;width:260px;max-width:42vw;height:62px;display:block}.header-meta{color:#8d877d;align-items:center;gap:12px;font-size:11px;display:flex}.header-meta a{color:#c8b99f;align-items:center;gap:6px;display:flex}.live-dot{background:#62a878;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #62a8781a}.workspace{grid-template-columns:.72fr 1.28fr;gap:34px;width:min(1480px,100% - 56px);min-height:calc(100vh - 86px);margin:0 auto;padding:42px 0;display:grid}.context-panel{flex-direction:column;min-width:0;padding:42px 22px 20px 0;display:flex}.context-kicker{color:#c9aa74;text-transform:uppercase;letter-spacing:2.3px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.context-panel h1{letter-spacing:-2.7px;max-width:620px;margin:20px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(46px,4.2vw,70px);font-weight:400;line-height:.98}.context-copy{color:#aaa297;max-width:570px;margin:0;font-size:14px;line-height:1.8}.proof-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:34px;display:grid}.proof-grid div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:82px;padding:16px 18px}.proof-grid strong{color:#e4c994;font-family:Georgia,serif;font-size:25px;font-weight:400;display:block}.proof-grid span{color:#7e786f;text-transform:uppercase;letter-spacing:.7px;margin-top:4px;font-size:9.5px;line-height:1.45;display:block}.capability-list{gap:10px;margin-top:28px;display:grid}.capability-list>div{border-bottom:1px solid #ffffff0f;grid-template-columns:34px 1fr;gap:12px;padding:13px 0;display:grid}.capability-list svg{color:#c8a76e;margin-top:2px}.capability-list strong{font-size:12px;font-weight:600;display:block}.capability-list small{color:#777168;margin-top:4px;font-size:10px;line-height:1.55;display:block}.context-contact{color:#777168;flex-direction:column;gap:9px;margin-top:auto;padding-top:24px;font-size:10px;display:flex}.context-contact span,.context-contact a{align-items:center;gap:8px;display:flex}.context-contact a{color:#b8a88e}.agent-card{background:var(--cream);color:var(--ink);border:1px solid #ffffff14;border-radius:24px;flex-direction:column;min-width:0;height:calc(100vh - 170px);min-height:760px;display:flex;overflow:hidden;box-shadow:0 40px 120px #00000073}.agent-topbar{background:#fffdf8;border-bottom:1px solid #ddd5c7;flex:none;justify-content:space-between;align-items:center;gap:16px;height:84px;padding:0 22px;display:flex}.agent-identity{align-items:center;gap:12px;min-width:0;display:flex}.agent-avatar{background:#111;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.agent-avatar img{filter:sepia()saturate(.75)brightness(1.3);width:30px;height:30px}.agent-identity strong{font-size:14px;display:block}.agent-identity span{color:#7b746a;align-items:center;gap:6px;margin-top:4px;font-size:9.5px;display:flex}.agent-identity i{background:#62a878;border-radius:50%;width:6px;height:6px}.agent-actions{align-items:center;gap:8px;display:flex}.icon-button{color:#736b60;background:#f5f0e7;border:1px solid #ddd5c7;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.book-button{color:#fff;background:#111;border:0;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:10px;font-weight:700;display:flex}.qualification-bar{background:#eee6d7;border-bottom:1px solid #ddd4c5;padding:11px 22px 12px}.qualification-copy{color:#7e7467;text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:9px;display:flex}.qualification-copy strong{color:#554a3a;font-size:9px}.qualification-track{background:#d9cfbf;height:3px;margin-top:8px;overflow:hidden}.qualification-track div{background:#b58e4f;height:100%;transition:width .3s}.chat-area{scrollbar-width:thin;scrollbar-color:#c4baa9 transparent;background:linear-gradient(#f6f1e8 0%,#f3ede3 100%);flex:1;min-height:0;padding:24px 24px 30px;overflow-y:auto}.welcome-card{text-align:center;padding:6px 15px 18px}.welcome-logo{background:#111;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 13px;display:grid}.welcome-logo img{filter:sepia()saturate(.8)brightness(1.35);width:34px;height:34px}.welcome-card>span{letter-spacing:2.2px;color:#a48450;font-size:8.5px}.welcome-card h2{margin:8px 0 7px;font-family:Georgia,serif;font-size:28px;font-weight:400}.welcome-card p{color:#827a70;max-width:480px;margin:0 auto;font-size:11px;line-height:1.6}.messages{flex-direction:column;gap:10px;display:flex}.message-row{gap:8px;max-width:82%;display:flex}.message-row.user{justify-content:flex-end;margin-left:auto}.mini-avatar{background:#111;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;margin-top:2px;display:grid}.mini-avatar img{filter:sepia()saturate(.8)brightness(1.35);width:17px;height:17px}.bubble{border-radius:14px;padding:12px 14px;font-size:11.5px;line-height:1.58;box-shadow:0 4px 15px #32281a0a}.assistant .bubble{background:#fffdf9;border:1px solid #e0d8ca;border-top-left-radius:4px}.user .bubble{color:#fff;background:#111;border-top-right-radius:4px}.message-time{color:#aaa194;margin-top:4px;padding:0 4px;font-size:8px;display:block}.user .message-time{text-align:right}.starter-grid{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 2px;padding-left:36px;display:grid}.starter-grid button{text-align:left;color:#312c26;background:#fffaf3;border:1px solid #d7cdbd;border-radius:12px;grid-template-columns:22px 1fr 16px;align-items:center;gap:8px;padding:12px;transition:all .15s;display:grid}.starter-grid button:hover{border-color:#b6935a;transform:translateY(-1px);box-shadow:0 8px 20px #46321414}.starter-grid button svg:first-child{color:#a37d45}.starter-grid button span{font-size:10.5px;font-weight:600}.starter-grid button svg:last-child{color:#9b9388}.option-chips{flex-wrap:wrap;gap:7px;margin:14px 0 0 36px;display:flex}.option-chips button{color:#574f44;background:#fffaf3;border:1px solid #d4c9b8;border-radius:999px;padding:8px 11px;font-size:9.5px}.option-chips button:hover{color:#fff;background:#171512;border-color:#171512}.lead-ready-card{color:#fff;background:#151412;border-radius:13px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;margin:18px 0 0 36px;padding:14px;display:grid}.ready-icon{color:#111;background:#c6a66c;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.ready-copy span{letter-spacing:1.5px;color:#c7a96f;font-size:8px}.ready-copy strong{margin-top:4px;font-size:11.5px;display:block}.ready-copy p{color:#8f887e;margin:4px 0 0;font-size:9px}.lead-ready-card>button{color:#111;background:#c6a66c;border:0;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:9.5px;font-weight:700;display:flex}.composer-zone{background:#fffdf8;border-top:1px solid #ded6c9;flex:none;padding:10px 16px 12px}.knowledge-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.knowledge-button{color:#8b6b3b;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:9px;display:flex}.knowledge-row>span{color:#9b9388;align-items:center;gap:5px;font-size:8.5px;display:flex}.composer{grid-template-columns:1fr 44px;gap:8px;display:grid}.composer input{color:#27231f;background:#fff;border:1px solid #d9d1c5;border-radius:11px;outline:none;height:48px;padding:0 15px;font-size:11px}.composer input:focus{border-color:#b78f51;box-shadow:0 0 0 3px #b78f5114}.composer button{color:#d9bb83;background:#111;border:0;border-radius:11px;place-items:center;display:grid}.composer-footer{color:#aaa196;justify-content:space-between;align-items:center;margin-top:8px;font-size:8px;display:flex}.composer-footer div{gap:12px;display:flex}.composer-footer a{color:#8d7960;align-items:center;gap:5px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:80;background:#050505c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.question-modal,.booking-modal{color:#171512;background:#f7f2e9;border:1px solid #ffffff29;box-shadow:0 40px 120px #0000008c}.question-modal{border-radius:18px;flex-direction:column;width:min(940px,100%);height:min(760px,90vh);display:flex;overflow:hidden}.modal-head{background:#fffdf9;border-bottom:1px solid #ddd4c7;justify-content:space-between;gap:20px;padding:24px 26px 19px;display:flex}.modal-head>div>span,.modal-kicker{letter-spacing:2px;color:#a47f45;font-size:8.5px}.modal-head h3,.booking-modal h3{margin:7px 0 5px;font-family:Georgia,serif;font-size:28px;font-weight:400}.modal-head p,.booking-modal>p,.booking-success p{color:#7f776d;max-width:670px;margin:0;font-size:10.5px;line-height:1.6}.modal-head>button,.close-button{background:#fff;border:1px solid #ddd4c7;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.faq-controls{background:#eee6da;border-bottom:1px solid #d9d0c3;grid-template-columns:1fr 190px;gap:10px;padding:12px 18px;display:grid}.faq-search,.category-select{background:#fff;border:1px solid #d7cdbf;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.faq-search input{border:0;outline:none;width:100%;font-size:10.5px}.category-select{position:relative}.category-select select{appearance:none;color:#4f483f;background:0 0;border:0;outline:none;width:100%;font-size:10px}.category-select svg{pointer-events:none;position:absolute;right:10px}.faq-list{padding:8px 12px 14px;overflow:auto}.faq-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e1d9cd;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;width:100%;padding:12px 9px;display:grid}.faq-list button:hover{background:#fffaf3}.faq-number{color:#b08b50;font-family:Georgia,serif;font-size:16px}.faq-title strong{font-size:10.5px;font-weight:600;display:block}.faq-title small{color:#a09688;text-transform:uppercase;letter-spacing:.8px;margin-top:3px;font-size:8.5px;display:block}.faq-list button>svg{color:#9a8f81}.booking-modal{border-radius:18px;width:min(560px,100%);padding:30px;position:relative}.close-button{position:absolute;top:16px;right:16px}.booking-modal>h3{font-size:31px}.booking-profile{border-top:1px solid #ded5c8;border-bottom:1px solid #ded5c8;align-items:center;gap:12px;margin:18px 0;padding:16px 0;display:flex}.booking-avatar{background:#111;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.booking-avatar img{filter:sepia()saturate(.8)brightness(1.35);width:27px;height:27px}.booking-profile strong{font-size:11px;display:block}.booking-profile span{color:#91887d;align-items:center;gap:6px;margin-top:4px;font-size:9px;display:flex}.booking-modal label{text-transform:uppercase;letter-spacing:1.3px;color:#8e806e;margin:15px 0 8px;font-size:8.5px;display:block}.date-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.time-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.date-options button,.time-options button{color:#514a41;background:#fff;border:1px solid #d8cec0;border-radius:8px;padding:10px 7px;font-size:9px}.date-options button.selected,.time-options button.selected{color:#fff;background:#151412;border-color:#151412}.confirm-button{color:#111;background:#c6a66c;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:20px;font-size:10px;font-weight:700;display:flex}.booking-success{text-align:center;padding:14px 4px 5px}.success-badge{color:#d1b274;background:#111;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.booking-success h3{font-size:30px}.booking-success p{max-width:430px;margin:0 auto}.success-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.success-buttons a,.success-buttons button{border-radius:9px;justify-content:center;align-items:center;gap:7px;height:44px;font-size:9.5px;display:flex}.success-buttons a{color:#fff;background:#111}.success-buttons button{color:#332f29;background:#fff;border:1px solid #d8cec0}@media (max-width:1100px){.workspace{grid-template-columns:1fr}.context-panel{padding:18px 0 0}.context-panel h1{font-size:52px}.capability-list{grid-template-columns:1fr 1fr}.context-contact{margin-top:22px}.agent-card{height:780px}.proof-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:720px){.demo-header{height:74px;padding:0 16px}.header-meta>span:not(.live-dot),.header-meta a{display:none}.brand-logo-original{width:220px;height:54px}.workspace{gap:22px;width:calc(100% - 24px);padding:18px 0}.context-panel h1{font-size:43px}.proof-grid{grid-template-columns:1fr 1fr}.capability-list{grid-template-columns:1fr}.agent-card{border-radius:17px;height:760px;min-height:0}.agent-topbar{height:72px;padding:0 14px}.agent-avatar{flex-basis:42px;width:42px;height:42px}.book-button{place-items:center;width:38px;height:38px;padding:0;font-size:0;display:grid}.book-button svg{margin:0}.icon-button{display:none}.chat-area{padding:18px 14px 24px}.message-row{max-width:92%}.starter-grid{grid-template-columns:1fr;padding-left:36px}.lead-ready-card{grid-template-columns:36px 1fr;margin-left:36px}.lead-ready-card>button{grid-column:1/-1}.knowledge-row>span{display:none}.composer-zone{padding:9px 10px}.question-modal{height:94vh}.modal-head{padding:20px 18px 15px}.modal-head h3{font-size:23px}.faq-controls,.date-options{grid-template-columns:1fr}.time-options{grid-template-columns:1fr 1fr}.booking-modal{padding:25px 20px}.success-buttons{grid-template-columns:1fr}.context-copy{font-size:13px}}