:root{--bg:#030b18;--surface:#071425;--surface-2:#0b1a2d;--text:#f4f8ff;--muted:#94a4bb;--line:rgba(143,174,211,.22);--cyan:#39d7ff;--amber:#ffb454;--green:#54d89b;--red:#ff8e86}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 82% 0%,rgba(18,93,123,.2),transparent 34%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}button,input,textarea,select{font:inherit}.customer-app{width:min(880px,100%);margin:0 auto;min-height:100vh;padding:24px 22px 34px}.hero{position:relative;background:linear-gradient(120deg,rgba(7,20,37,.98),rgba(7,20,37,.74)),url('/home-hero.png') center 48%/cover;border:1px solid var(--line);border-radius:4px;padding:28px;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--cyan);opacity:.55}.hero-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:11px;letter-spacing:2px}.hero h1{margin:0;font-size:clamp(26px,4vw,40px);line-height:1.2;letter-spacing:0}.addr{margin:10px 0 0;color:#c4d0df;font-size:14px}.status{flex:0 0 auto;border:1px solid rgba(84,216,155,.65);background:rgba(18,86,63,.35);color:var(--green);border-radius:2px;padding:5px 10px;font-size:11px;letter-spacing:1px}.hero-actions{position:relative;z-index:1;display:flex;gap:10px;margin-top:26px}.hero-actions a,.hero-actions button,.lead-form button,.lead-form-inline button,.customer-send button{border:1px solid var(--cyan);background:var(--cyan);color:#04101c;border-radius:2px;padding:10px 16px;text-align:center;text-decoration:none;cursor:pointer}.hero-actions button{background:transparent;color:var(--cyan)}.chat-card,.lead-panel{margin-top:14px;background:rgba(7,20,37,.92);border:1px solid var(--line);border-radius:4px;padding:18px}.chat-title{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.chat-title strong{font-size:17px}.chat-title span{color:var(--muted);font-size:12px}.customer-messages{height:calc(100vh - 310px);min-height:430px;max-height:690px;overflow:auto;display:grid;align-content:start;gap:12px;padding:18px 2px}.bubble{max-width:86%;border:1px solid var(--line);border-radius:3px;padding:11px 13px;line-height:1.65;white-space:pre-wrap}.bubble-name{display:block;color:var(--cyan);font-size:11px;letter-spacing:.5px;margin-bottom:4px}.bubble-text{display:block}.suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-self:start;max-width:92%}.suggestions button,.lead-panel button.secondary{border:1px solid rgba(57,215,255,.42);background:rgba(57,215,255,.06);color:#9deaff;border-radius:2px;padding:8px 11px;cursor:pointer}.bubble.ai{background:rgba(11,26,45,.9);justify-self:start}.bubble.user{background:rgba(24,81,101,.36);border-color:rgba(57,215,255,.45);justify-self:end}.bubble.error{background:rgba(105,39,39,.35);color:var(--red);border-color:rgba(255,142,134,.55)}.customer-send{display:grid;grid-template-columns:1fr auto;gap:9px;border-top:1px solid var(--line);padding-top:14px}.customer-send input,.lead-panel input,.lead-panel textarea,.lead-panel select{width:100%;border:1px solid var(--line);border-radius:2px;padding:11px 12px;background:#04101f;color:var(--text)}.customer-send input::placeholder,.lead-panel input::placeholder,.lead-panel textarea::placeholder{color:#60728a}.customer-send input:focus,.lead-panel input:focus,.lead-panel textarea:focus,.lead-panel select:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}.lead-panel{width:min(92%,460px);justify-self:start;padding:15px}.lead-panel p{margin:0 0 12px;color:var(--muted);line-height:1.5}.lead-form-inline{display:grid;gap:8px}.lead-form-inline textarea{min-height:74px;resize:vertical}.lead-result{margin-top:10px;color:var(--green);min-height:20px}.foot{display:block;text-align:center;margin:16px 2px 0;color:#687b93;font-size:11px}.foot a{color:var(--cyan);text-decoration:none;white-space:nowrap}@media(max-width:560px){.customer-app{padding:0 0 20px}.hero,.chat-card{border-left:0;border-right:0;border-radius:0}.hero{padding:22px 18px}.hero h1{font-size:27px}.chat-card{padding:15px 16px}.customer-messages{height:calc(100vh - 294px);min-height:390px}.hero-actions{margin-top:22px}.hero-actions a,.hero-actions button{flex:1}.customer-send button{padding-left:14px;padding-right:14px}}