@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18201d;background:#edf0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}.page-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(3rem,8vw,9rem);align-items:center;padding:clamp(2rem,5vw,5rem) max(5vw,calc((100vw - 1320px)/2));background:radial-gradient(circle at 12% 12%,rgba(232,194,108,.35),transparent 22rem),linear-gradient(135deg,#f5f3eb,#e5ebe2)}.intro{max-width:580px}.eyebrow{color:#986d22;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}h1{margin:1.2rem 0;font:800 clamp(3.3rem,6vw,6.8rem)/.95 "Manrope",sans-serif;letter-spacing:-.07em}h1 span{color:#bd7a27}.intro>p{max-width:520px;color:#5d655f;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.features{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem}.features article{display:grid;gap:.25rem}.features strong{font-family:Manrope}.features span{color:#7a817c;font-size:.82rem}.chat-card{min-height:min(720px,86vh);display:flex;flex-direction:column;overflow:hidden;background:#ffffffd1;border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 30px 90px #323a332b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chat-header{display:flex;align-items:center;gap:.9rem;padding:1.25rem 1.4rem;border-bottom:1px solid #e7e9e5}.logo,.avatar{display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#253f36;font-weight:700}.logo{width:46px;height:46px;border-radius:14px;font-family:Manrope}.chat-header h2{margin:0;font:700 1rem Manrope}.chat-header p{margin:.22rem 0 0;color:#7d847f;font-size:.78rem}.status-dot{display:inline-block;width:7px;height:7px;margin-right:.35rem;border-radius:50%;background:#5aab75}.classifier{display:grid;gap:.8rem;padding:1.5rem}.classifier label,.examples h3{font:700 .9rem Manrope}.classifier textarea{min-height:180px;padding:1rem;border:1px solid #dce1db;border-radius:16px;background:#f7f8f5}.classifier textarea:focus{border-color:#bd7a27;box-shadow:0 0 0 3px #bd7a271f}.form-row{display:flex;align-items:center;justify-content:space-between}.form-row small{color:#7d847f}.form-row button{padding:.8rem 1.15rem;border:0;border-radius:12px;color:#fff;background:#253f36;cursor:pointer}.form-row button:disabled{opacity:.5;cursor:wait}.result{margin:0 1.5rem 1rem;padding:1.25rem;border-radius:18px;color:#fff;background:#253f36}.result span,.result p{color:#c8d2ce;font-size:.8rem}.result h3{margin:.35rem 0 1rem;font:800 2rem Manrope}.meter{height:7px;overflow:hidden;border-radius:99px;background:#ffffff26}.meter i{display:block;height:100%;border-radius:inherit;background:#e3a751}.result p{margin:.5rem 0 0}.error{margin:0 1.5rem 1rem;padding:.8rem;border-radius:10px;color:#9a3030;background:#fff0ef}.examples{display:grid;gap:.55rem;margin-top:auto;padding:1.5rem;border-top:1px solid #e7e9e5}.examples h3{margin:0 0 .3rem}.examples button{padding:.65rem .8rem;border:1px solid #e0e4de;border-radius:10px;color:#5d655f;background:#f7f8f5;text-align:left;cursor:pointer}.examples button:hover{border-color:#bd7a27;color:#18201d}.clear-button{margin-left:auto;padding:.5rem .75rem;border:0;border-radius:10px;color:#69716b;background:transparent;cursor:pointer}.clear-button:hover{background:#f0f1ed}.messages{flex:1;overflow-y:auto;padding:1.5rem}.message{display:flex;align-items:flex-end;gap:.65rem;margin-bottom:1rem}.message.user{flex-direction:row-reverse}.avatar{width:30px;height:30px;border-radius:10px;font-size:.68rem}.user .avatar{background:#bb7929}.bubble{max-width:min(76%,560px);padding:.85rem 1rem;line-height:1.55;white-space:pre-wrap;background:#eff1ed;border-radius:16px 16px 16px 4px}.user .bubble{color:#fff;background:#253f36;border-radius:16px 16px 4px}.message.error .bubble{color:#9a3030;background:#fff0ef}.message.loading .bubble{color:#7d847f;animation:pulse 1.3s infinite}.composer{display:flex;align-items:flex-end;gap:.7rem;margin:0 1.3rem;padding:.65rem;background:#f0f2ee;border:1px solid #e0e4de;border-radius:18px}textarea{flex:1;resize:none;max-height:140px;padding:.6rem;border:0;outline:0;color:#18201d;background:transparent;line-height:1.45}.send-button{width:42px;height:42px;border:0;border-radius:13px;color:#fff;background:#bd7a27;font-size:1.4rem;cursor:pointer;transition:transform .2s,opacity .2s}.send-button:hover{transform:translateY(-2px)}.send-button:disabled{cursor:wait;opacity:.55}.hint{margin:.65rem 0 1rem;color:#979d98;text-align:center;font-size:.7rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes pulse{50%{opacity:.45}}@media(max-width:900px){.page-shell{grid-template-columns:1fr;gap:2.5rem}.intro{text-align:center;margin:auto}.intro>p{margin-inline:auto}.features{justify-content:center}.chat-card{min-height:620px}}@media(max-width:520px){.page-shell{padding:1.2rem}h1{font-size:3.2rem}.features{gap:1rem;justify-content:space-between}.chat-card{min-height:70vh;border-radius:22px}.messages{padding:1rem}.bubble{max-width:84%}}