:root{--ink:#10231d;--muted:#5c6a66;--cream:#f6f4ec;--white:#fff;--green:#087a4b;--gold:#f6bd24;--red:#d74135;--blue:#1768ad;--line:#dce2dd;--shadow:0 24px 70px rgba(16,35,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif;background-image:radial-gradient(circle at 10% 15%,rgba(246,189,36,.16),transparent 26%),radial-gradient(circle at 92% 68%,rgba(23,104,173,.12),transparent 27%)}
body:before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--red) 0 18%,var(--white) 18% 21%,var(--blue) 21% 39%,var(--ink) 39% 43%,var(--gold) 43% 61%,var(--white) 61% 64%,var(--green) 64%)}
button,textarea{font:inherit}.topbar{max-width:1180px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none;font:800 1.45rem "Manrope",sans-serif;letter-spacing:-.04em}.flag{font-size:1.45rem}.dot{color:var(--red)}.about-link{border:0;background:transparent;color:var(--ink);font-weight:700;cursor:pointer;padding:8px;border-bottom:2px solid var(--gold)}
main{max-width:1180px;margin:auto;padding:34px 30px 46px}.intro{max-width:760px;margin:0 auto 28px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-weight:800;font-size:.77rem}.intro h1{font:800 clamp(3.1rem,8vw,6.7rem)/.9 "Manrope",sans-serif;letter-spacing:-.075em;margin:14px 0 22px}.intro h1 span{color:var(--green)}.lead{max-width:660px;margin:auto;color:var(--muted);font-size:1.1rem}
.chat-shell{max-width:880px;margin:auto;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.chat-status{padding:14px 20px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted);font-weight:600}.chat-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#15a563;margin-right:7px}.messages{min-height:230px;max-height:430px;overflow:auto;padding:24px}.message{display:flex;gap:12px;margin-bottom:18px}.message.user-message{justify-content:flex-end}.avatar{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:white;font-weight:800;font-size:.75rem}.bubble{max-width:72%;background:#eff4f0;padding:14px 17px;border-radius:5px 17px 17px 17px}.bubble strong{display:block;margin-bottom:4px}.bubble p{margin:0}.user-message .bubble{background:var(--green);color:white;border-radius:17px 5px 17px 17px}.error .bubble{background:#fff0ef;color:#7c211b}.thinking .bubble{color:var(--muted)}
.suggestions{padding:0 24px 18px;display:flex;gap:9px;flex-wrap:wrap}.suggestions button{border:1px solid var(--line);background:white;border-radius:999px;padding:8px 12px;color:var(--ink);cursor:pointer}.suggestions button:hover{border-color:var(--green);color:var(--green)}.composer{border-top:1px solid var(--line);padding:16px;display:flex;gap:10px}.composer textarea{resize:none;min-height:52px;max-height:130px;flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:15px;outline:none}.composer textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(8,122,75,.1)}.composer button{border:0;border-radius:14px;background:var(--ink);color:white;font-weight:800;padding:0 20px;cursor:pointer}.composer button:hover{background:var(--green)}.composer button:disabled{opacity:.55;cursor:wait}.fine-print{margin:0;padding:0 20px 16px;text-align:center;color:var(--muted);font-size:.76rem}.topic-strip{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding-top:25px;color:var(--muted);font-size:.84rem}.topic-strip span:not(:last-child):after{content:"•";margin-left:10px;color:var(--gold)}
dialog{max-width:520px;border:0;border-radius:24px;padding:34px;box-shadow:var(--shadow);color:var(--ink)}dialog::backdrop{background:rgba(16,35,29,.65);backdrop-filter:blur(4px)}dialog h2{font:800 2rem/1.1 "Manrope",sans-serif;letter-spacing:-.04em}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:1.8rem;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.topbar{padding:18px 18px}.about-link{font-size:.85rem}main{padding:20px 14px 30px}.intro h1{font-size:3.2rem}.lead{font-size:1rem}.chat-shell{border-radius:20px}.messages{padding:18px;min-height:250px}.bubble{max-width:84%}.suggestions{padding:0 18px 16px;display:grid}.composer{flex-direction:column}.composer button{min-height:48px}.topic-strip span:after{display:none}}
@media(prefers-reduced-motion:no-preference){.chat-shell{animation:rise .55s ease both}.intro{animation:rise .45s ease both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}