:root{color-scheme:light;--ink:#14342f;--green:#08766b;--deep:#053f39;--mint:#dff3ee;--line:#d7e6e2}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f6faf9;color:var(--ink)}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#dff4ef 0,transparent 36%),#f7faf9}
.topbar{height:74px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.78);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:900}
.brand strong,.brand small{display:block}.brand small{font-size:9px;letter-spacing:1.7px;color:#68837e;margin-top:2px}.back{color:var(--green);text-decoration:none;font-weight:700;font-size:13px}
main{min-height:calc(100vh - 122px);display:grid;place-items:center;padding:48px max(22px,6vw)}
.hero{width:min(1120px,100%);display:grid;grid-template-columns:1fr minmax(340px,460px);gap:70px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--green);font-weight:900}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.99;letter-spacing:-3px;margin:16px 0 22px}.hero h1 em{font-style:normal;color:var(--green)}
.hero>div>p{font-size:18px;line-height:1.7;color:#4e6e68;max-width:650px}.hero ul{padding:0;list-style:none;display:grid;gap:10px;margin-top:26px}.hero li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.chat-card{background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:0 30px 80px rgba(9,58,52,.15);overflow:hidden}
.chat-card>header{display:flex;align-items:center;gap:12px;padding:17px 18px;background:linear-gradient(135deg,var(--deep),var(--green));color:#fff}.orb{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:12px;font-weight:900;letter-spacing:1px}.chat-card header strong,.chat-card header small{display:block}.chat-card header small{color:#bfeee4;font-size:11px;margin-top:2px}
.messages{height:310px;padding:16px;overflow:auto;background:#f7faf9;display:flex;flex-direction:column;gap:10px}.message{padding:11px 13px;border-radius:15px;max-width:88%;white-space:pre-wrap}.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:4px}.typing{color:#6b827e;font-style:italic}
.suggestions{display:flex;gap:7px;padding:10px 14px 0;overflow:auto}.suggestions button{border:1px solid #c4dad5;background:#fff;color:var(--green);border-radius:999px;padding:7px 10px;white-space:nowrap;cursor:pointer}
#chat-form{display:flex;gap:8px;padding:12px 14px 8px}textarea{flex:1;resize:none;border:1px solid #c5d9d5;border-radius:13px;padding:11px;font:inherit;color:var(--ink)}#chat-form button{border:0;border-radius:13px;padding:0 17px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}
.privacy{padding:0 14px 13px;margin:0;color:#758a86;font-size:10px}footer{text-align:center;color:#77908b;padding:14px;font-size:12px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:36px}.hero h1{font-size:52px}.hero>div{text-align:center}.hero ul{text-align:left;display:inline-grid}.chat-card{width:min(100%,520px);margin:auto}}
@media(max-width:520px){.topbar{padding:0 16px}.back{display:none}main{padding:28px 12px}.hero h1{font-size:43px;letter-spacing:-2px}.hero>div>p{font-size:16px}.messages{height:300px}}