:root{color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:#fff;color:#0a0a0a}.page{width:100%}.container{width:100%;margin:0 auto;padding:0 24px}@media(min-width:1024px){.container{padding:0 64px}}.header{position:sticky;top:0;z-index:50;background:#ffffffd1;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.headerRow{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand img{width:28px;height:28px;display:block}.brandLogo{filter:invert(1)}.hero{padding:72px 0 56px;--chatH: 629px}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}@media(max-width:980px){.hero{padding-top:44px}.heroGrid{grid-template-columns:1fr}}.heroLeft{min-height:var(--chatH);display:flex;flex-direction:column;justify-content:space-between}@media(max-width:980px){.heroLeft{min-height:0}}.heroTitle{font-size:clamp(44px,5.2vw,84px);line-height:.98;letter-spacing:-.03em;font-weight:900;margin:0}.heroSub{margin-top:18px;font-size:18px;line-height:1.45;color:#0009;max-width:56ch}.ctaRow{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.btn{height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;font-weight:800;cursor:pointer}.btnPrimary{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.btnSecondary{background:#f5f5f5}.btnIcon{display:inline-flex;align-items:center;gap:8px}.chatWrap{width:76%;justify-self:center}@media(max-width:980px){.chatWrap{width:100%}}.chat{position:relative;height:var(--chatH);width:100%;border-radius:20px;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 30px 120px #0000001a;overflow:hidden}.chatHeader{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between}.chatBrand{display:inline-flex;align-items:center;gap:10px}.chatLogo{width:22px;height:22px;display:block}.chatBrandText{font-size:14px;font-weight:800;letter-spacing:-.01em}.chatBody{position:relative;height:calc(100% - 144px);overflow:hidden}.chatScroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:16px 20px}.chatMsgs{display:flex;flex-direction:column;gap:22px}.row{display:flex}.rowUser{justify-content:flex-end}.rowAgent{justify-content:flex-start}.msg{max-width:85%;font-size:14px;line-height:1.55;padding:0;background:transparent;border:0;color:#000000db}.msgUser{color:#000000eb;font-weight:600}.msgAgent{color:#000000c7}.msgPre{white-space:pre-wrap;margin:0}.chartInline{width:100%;max-width:100%}.bubbleStack{display:grid;gap:10px}.bubbleLine{font-size:14px;line-height:1.55}.bubbleBalance{font-size:14px;font-weight:900}.receiptBtn{display:inline-flex;align-items:center;gap:10px;width:fit-content;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:10px 12px;font-size:12px;font-weight:900;cursor:pointer}.receiptBtn:hover{background:#fafafa}.receiptIco{width:16px;height:16px}.cursor{display:inline-block;width:1px;height:14px;background:#0000008c;margin-left:3px;transform:translateY(2px);animation:blink .9s infinite}@keyframes blink{0%,40%{opacity:1}60%,to{opacity:0}}.thinking{pointer-events:none;position:absolute;left:20px;bottom:14px;display:inline-flex;align-items:center;gap:12px}.heartbeatDot{width:22px;height:22px;border-radius:999px;background:#06f;box-shadow:0 12px 34px #0066ff4d;animation:heartbeat 1.4s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(.92);opacity:.95}50%{transform:scale(1.05);opacity:1}}.thinkingText{font-size:12px;font-weight:900;color:#00000080}.statusPill{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;padding:8px 10px;font-size:12px;font-weight:900;color:#000000b3}.statusIcon{width:22px;height:22px;border-radius:999px;background:#0066ff1f;color:#06f;display:inline-flex;align-items:center;justify-content:center}.statusSvg{width:16px;height:16px;display:block}.ondaCheck{stroke-dasharray:18;stroke-dashoffset:18;animation:draw .6s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.chatInputRow{height:76px;border-top:1px solid rgba(0,0,0,.1);padding:16px 20px;display:flex;align-items:center;gap:12px}.chatInput{flex:1;height:44px;border-radius:50px;border:1px solid #0a0a0a;padding:0 16px;outline:none;font-size:14px}.sendBtn{height:44px;border-radius:999px;padding:0 18px;background:#0a0a0a;color:#fff;border:1px solid #0a0a0a;font-weight:900}.chartTitle{font-size:12px;font-weight:500;color:#0000008c;letter-spacing:.02em}.barsHeader{margin:2px 0 10px}.barsAmount{font-size:22px;font-weight:500;letter-spacing:-.01em}.barsSub{margin-top:2px;font-size:12px;font-weight:500;color:#0000008c;letter-spacing:.02em}.barsWrap{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory}.barsRow{display:flex;gap:14px;align-items:flex-end;padding:6px 2px 0;min-width:max-content}.dayCol{width:58px;display:grid;gap:10px;justify-items:center;scroll-snap-align:center;opacity:0;transform:translateY(10px);animation:dayIn .65s cubic-bezier(.2,1.1,.2,1) forwards}@keyframes dayIn{0%{opacity:0;transform:translateY(12px) scale(.96)}70%{opacity:1;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.barSlot{width:46px;height:110px;display:flex;align-items:flex-end;justify-content:center}.barFill{width:46px;background:#06f;border-radius:999px;box-shadow:0 18px 60px #0066ff59;transform:scaleY(.15);transform-origin:bottom;animation:barFill .7s cubic-bezier(.2,1,.2,1) forwards}@keyframes barFill{0%{transform:scaleY(.06);filter:saturate(.95)}75%{transform:scaleY(1.04);filter:saturate(1.05)}to{transform:scaleY(1);filter:saturate(1)}}.barEmpty{width:46px;height:6px;border-radius:999px;background:#00000014}.dayLabel{font-size:11px;font-weight:500;letter-spacing:.02em;color:#0000008c;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.todayDot{width:10px;height:10px;border-radius:999px;background:#06f;box-shadow:0 10px 24px #0066ff40}.dayToday .dayLabel{color:#000000b3}