@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#183a32;background:#f4f3ed}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:36px 54px}header{display:flex;align-items:center;gap:12px}header strong{font:800 24px Manrope,sans-serif;letter-spacing:-1px}.dot{color:#bd643f}.brand{background:#173d33;color:#f6f1de;text-decoration:none;border-radius:12px;font:bold 32px Manrope;width:45px;height:45px;position:relative;text-align:center}.brand span{font-size:17px;position:absolute;top:0;right:5px}.tag{margin-left:auto;font-size:10px;letter-spacing:2px;color:#6f7b71}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:86px;align-items:center;min-height:700px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7a806d}h1{font-family:Manrope,sans-serif;font-size:58px;line-height:1.17;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:#b96343}.intro>p{max-width:360px;line-height:1.8;font-size:16px;color:#65716a}.chat{max-width:380px;padding:18px 0 25px;display:flex;flex-direction:column;gap:10px}.bubble{border-radius:14px 14px 3px 14px;align-self:flex-end;background:#dce6ca;padding:16px 20px;box-shadow:0 4px 9px #152e2610;font-size:14px}.bubble small{font-size:9px;color:#748a6c;margin-left:14px}.answer{align-self:flex-start;background:white;border-radius:14px 14px 14px 3px;min-width:235px;line-height:1.5}.example{font-size:8px;letter-spacing:1.4px;color:#869086;padding-top:2px}.note{display:flex;gap:10px;align-items:center;font-size:10px;color:#6e7b72}.note span{color:#b96b4d;font-size:10px;border:1px solid #d7d8cd;border-radius:50%;padding:6px;margin-left:5px}aside{border:1px solid #dedfd5;border-radius:24px;background:#fcfcf7;padding:34px;box-shadow:0 20px 50px #203c2905}.card-label{font-size:9px;letter-spacing:2px;color:#7b876f;display:flex;justify-content:space-between;align-items:center}.card-label span{font-size:25px;color:#b36b43}h2{font:700 25px Manrope;letter-spacing:-1px;margin:24px 0 12px}aside p{font-size:13px;color:#778079;line-height:1.8}form{margin-top:26px}label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}input{width:100%;padding:15px;border:1px solid #d7ddd3;border-radius:9px;background:#fff;font:13px inherit}input:focus{outline:2px solid #aabdaa;outline-offset:3px}button{width:100%;display:flex;justify-content:space-between;background:#193f34;color:#fff;border:0;padding:16px 18px;border-radius:9px;font:600 13px 'DM Sans';margin-top:14px;cursor:pointer}button:disabled{opacity:.6}.privacy{font-size:10px;line-height:1.8;color:#8a9186;border-top:1px solid #e7e8df;margin-top:27px;padding-top:22px}.secondary{background:#e9eee3;color:#244633}#status{padding:14px 0;font-size:14px;font-weight:600}#qr{width:100%;max-width:290px;display:block;margin:auto}#qr[hidden]{display:none}footer{border-top:1px solid #dbdfd4;padding:25px 0 0;display:flex;justify-content:space-between;font-size:10px;color:#8a9186}footer span:first-child{font-weight:700}@media(max-width:850px){main{padding:25px}.layout{gap:35px;grid-template-columns:1fr;min-height:auto;padding:55px 0}h1{font-size:47px}.intro>p{max-width:100%}.chat{max-width:100%}.tag{display:none}aside{padding:27px}.note{flex-wrap:wrap}footer{gap:20px}}