:root{--ink:#111214;--muted:#6d6d70;--paper:#f5f4f0;--white:#fff;--orange:#f26a21;--orange-dark:#d95312;--line:#dddcd7}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-manrope), system-ui, sans-serif;-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{min-height:82px;color:var(--ink);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,72px);display:flex}.brand{align-items:center;text-decoration:none;display:flex}.brand-logo{width:205px;height:auto;display:block}.header-actions{align-items:center;gap:clamp(14px,2.5vw,30px);display:flex}.language-picker{background:#eeede9;border-radius:99px;align-items:center;padding:3px;display:flex}.language-picker button{color:#77767a;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-radius:99px;min-width:35px;height:28px;padding:0 9px;font-size:9px;font-weight:800}.language-picker button.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px #00000024}.call-link{color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.call-link svg,.inline-action svg{fill:currentColor;width:16px;height:16px}.experience{flex:1;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:clamp(50px,8vw,120px);width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(60px,9vh,110px) 0 48px;display:grid}.intro{align-self:start;position:sticky;top:130px}.intro h1{letter-spacing:-.065em;max-width:650px;margin:0 0 28px;font-size:clamp(42px,5vw,74px);line-height:.98}.intro h1 em{color:var(--orange);font-family:Georgia,serif;font-weight:400}.intro p{color:var(--muted);max-width:390px;font-size:15px;line-height:1.7}.conversation{width:100%;max-width:650px}.messages{flex-direction:column;gap:26px;min-height:265px;display:flex}.message-row{align-items:flex-start;gap:12px;display:flex}.message-row.user{justify-content:flex-end}.avatar{background:var(--ink);color:#fff;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;margin-top:18px;font-size:13px;font-weight:800;display:grid}.message-wrap{max-width:min(85%,500px)}.speaker{letter-spacing:.16em;color:#777;margin:0 0 7px 4px;font-size:9px;font-weight:800;display:block}.bubble{background:#fff;border-radius:5px 18px 18px;padding:16px 19px;font-size:15px;line-height:1.65;box-shadow:0 8px 32px #1616120f}.user .bubble{background:var(--ink);color:#fff;border-radius:18px 18px 5px}.inline-action{color:var(--orange-dark);align-items:center;gap:8px;margin-top:9px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.typing{background:#fff;border-radius:5px 16px 16px;gap:5px;margin-top:18px;padding:14px 18px;display:flex}.typing i{background:#aaa;border-radius:50%;width:5px;height:5px;animation:1.1s infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{background:var(--orange);transform:translateY(-4px)}}.suggestions{flex-wrap:wrap;gap:8px;margin:22px 0 14px 46px;display:flex}.suggestions button{color:#4a4a4c;cursor:pointer;background:0 0;border:1px solid #cfcec8;border-radius:99px;padding:9px 14px;font-size:12px;font-weight:650;transition:all .2s}.suggestions button:hover{border-color:var(--orange);color:var(--orange-dark);background:#fff}.error{color:#8c2d14;background:#fde6dc;border-radius:8px;margin:14px 0;padding:11px 14px;font-size:13px}.error a{color:inherit;font-weight:800}.composer{background:#fff;border:1px solid #d8d7d2;border-radius:16px;align-items:center;gap:12px;margin-top:22px;padding:9px 10px 9px 18px;transition:all .2s;display:flex;box-shadow:0 14px 45px #16161212}.composer:focus-within{border-color:#aaa9a4;box-shadow:0 14px 45px #1616121a}.composer textarea{resize:none;max-height:120px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;line-height:1.5}.composer textarea::placeholder{color:#969599}.send{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:11px;place-items:center;width:43px;height:43px;transition:all .2s;display:grid}.send:hover{background:var(--orange-dark);transform:translateY(-1px)}.send:disabled{cursor:default;background:#d7d5d0;transform:none}.send svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.privacy{text-align:center;color:#99989a;margin:12px 0 0;font-size:10px}footer{border-top:1px solid var(--line);color:#89888b;text-transform:uppercase;letter-spacing:.1em;justify-content:center;align-items:center;gap:15px;min-height:62px;padding:0 5vw;font-size:10px;font-weight:700;display:flex}.footer-divider{background:var(--orange);border-radius:50%;width:3px;height:3px}@media (max-width:820px){.topbar{min-height:68px;padding:0 17px}.brand-logo{width:142px}.header-actions{gap:9px}.language-picker button{min-width:29px;height:26px;padding:0 6px;font-size:8px}.call-link span{display:none}.call-link svg{width:19px;height:19px}.experience{width:min(100% - 34px,650px);padding:42px 0 32px;display:block}.intro{position:static}.intro h1{margin:21px 0 17px;font-size:clamp(39px,11vw,55px)}.intro p{margin-bottom:42px;font-size:14px}.messages{gap:20px;min-height:220px}.message-wrap{max-width:88%}.bubble{padding:14px 16px;font-size:14px}.suggestions{margin-left:0}.composer{z-index:5;position:sticky;bottom:8px}footer{text-align:center;flex-wrap:wrap;padding:18px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}
