*{margin:0;padding:0;box-sizing:border-box}:root{--navy:#0f2547;--navy2:#1b3a6b;--green:#059669;--green2:#d1fae5;--teal:#0d9488;--dark:#0f172a;--mid:#475569;--muted:#94a3b8;--border:#e2e8f0;--light:#f8fafc;--white:#fff;--gold:#d97706;--sb:264px}body,html{height:100%;width:100%;position:fixed;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Arial,sans-serif;background:var(--light);color:var(--dark);height:100dvh;display:flex;flex-direction:column}.topbar{height:54px;background:var(--navy);padding:0 22px;justify-content:space-between;flex-shrink:0;z-index:100}.logo,.topbar{display:flex;align-items:center}.logo{gap:10px}.logo-mark{width:32px;height:32px;background:linear-gradient(135deg,var(--green),#0ed2a0);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;letter-spacing:-.5px}.logo-text{font-weight:800;font-size:15px;color:#fff;letter-spacing:-.2px}.logo-text span{color:var(--green);font-style:italic}.topbar-right{display:flex;gap:8px;align-items:center}.btn-ghost{padding:7px 15px;border:1px solid hsla(0,0%,100%,.2);border-radius:7px;font-size:12px;cursor:pointer;background:transparent;color:hsla(0,0%,100%,.8);transition:all .15s;font-weight:500}.btn-ghost:hover{background:hsla(0,0%,100%,.1);color:#fff}.btn-cta{padding:8px 18px;background:var(--green);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.01em}.btn-cta:hover{background:#047857}.app{display:flex;flex:1 1;overflow:hidden}.sidebar{width:var(--sb);background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sb-top{padding:18px 16px;border-bottom:1px solid var(--border);background:#fff;border-top:3px solid var(--green)}.sb-top-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:10px;display:flex;align-items:center;gap:5px}.sb-stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.sb-stat{background:var(--light);border:1px solid var(--border);border-radius:9px;padding:10px}.sb-stat-val{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:1px}.sb-stat-lbl{font-size:10px;color:var(--muted);line-height:1.3}.sb-section{padding:16px}.sb-section+.sb-section{border-top:1px solid var(--border)}.sb-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.how-step{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.how-step:last-child{margin-bottom:0}.how-num{width:22px;height:22px;border-radius:50%;flex-shrink:0;background:var(--green2);color:var(--green);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.how-text{font-size:12px;color:var(--mid);line-height:1.45}.how-text strong{color:var(--dark)}.partner-row{display:flex;flex-wrap:wrap;gap:6px}.partner-chip{padding:5px 10px;border:1px solid var(--border);border-radius:6px;font-size:11px;font-weight:600;color:var(--mid)}.panel,.partner-chip{background:var(--light)}.panel{border-radius:10px;padding:12px;min-height:60px}.panel-empty{font-size:12px;color:var(--muted);font-style:italic;line-height:1.5}.analysis-item{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--mid);margin-bottom:6px;line-height:1.4}.a-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:4px}.profile-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px;line-height:1.4}.profile-row .lbl{color:var(--muted)}.profile-row .val{color:var(--navy2);font-weight:600;text-align:right;max-width:58%}.rec-card{border:1.5px solid var(--green);border-radius:12px;overflow:hidden}.rc-head{background:linear-gradient(135deg,var(--navy),var(--navy2));padding:11px 13px;display:flex;justify-content:space-between;align-items:center}.rc-head span{font-size:10px;font-weight:700;color:hsla(0,0%,100%,.7);letter-spacing:.07em;text-transform:uppercase}.rc-head button{font-size:11px;color:var(--green);background:none;border:none;cursor:pointer;font-weight:600}.rc-body{padding:12px}.rc-zone{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:1px}.rc-type{font-size:11px;color:var(--muted)}.rc-grid,.rc-type{margin-bottom:10px}.rc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.rc-stat{background:var(--light);border-radius:7px;padding:7px 8px}.rc-stat-lbl{font-size:9px;color:var(--muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.rc-stat-val{font-size:12px;font-weight:700;color:var(--navy)}.rc-acts{display:flex;flex-direction:column;gap:6px}.btn-green{width:100%;padding:9px;background:var(--green);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;text-align:center}.btn-green:hover{background:#047857}.btn-outline-navy{width:100%;padding:9px;background:#fff;color:var(--navy);border:1.5px solid var(--navy2);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.btn-outline-navy:hover{background:var(--navy);color:#fff}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:var(--light)}.chat-wrap{flex:1 1;overflow-y:auto;padding:36px 48px 24px}.chat-wrap,.landing{display:flex;flex-direction:column;gap:16px}.landing{align-items:center;justify-content:center;text-align:center;flex:1 1;padding:40px 20px 16px}.landing-badge{display:inline-flex;align-items:center;gap:7px;background:var(--green2);color:var(--green);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.landing h1{font-size:30px;font-weight:900;color:var(--navy);line-height:1.15;max-width:520px;letter-spacing:-.5px}.landing h1 em{color:var(--green);font-style:normal}.landing-sub{font-size:14px;color:var(--mid);max-width:420px;line-height:1.65}.landing-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:2px 0}.pill{background:#fff;border:1px solid var(--border);border-radius:20px;padding:5px 13px;font-size:12px;color:var(--mid);display:flex;align-items:center;gap:5px}.pill em{color:var(--green);font-style:normal;font-weight:700}.input-area{background:#fff;border-top:1px solid var(--border);padding:14px 20px;flex-shrink:0}.input-box{display:flex;gap:10px;align-items:flex-end;background:var(--light);border:1.5px solid var(--border);border-radius:14px;padding:10px 14px;transition:all .2s}.input-box:focus-within{border-color:var(--navy2);background:#fff;box-shadow:0 0 0 3px rgba(27,58,107,.07)}.input-box textarea{flex:1 1;border:none;background:none;outline:none;font-size:14px;color:var(--dark);resize:none;max-height:100px;line-height:1.55;font-family:inherit}.input-box textarea::placeholder{color:var(--muted)}.send-btn{width:36px;height:36px;background:var(--navy);border:none;border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.send-btn:hover{background:var(--navy2)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn svg{width:16px;height:16px;fill:#fff}.starter-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.starter{padding:7px 14px;border:1px solid var(--border);border-radius:20px;background:#fff;font-size:12px;color:var(--mid);cursor:pointer;transition:all .15s;font-weight:500;display:flex;align-items:center;gap:5px}.starter:hover{border-color:var(--navy2);color:var(--navy);background:#eef2ff}.agent-msg{background:#fff;border:1px solid var(--border);border-radius:16px 16px 16px 4px;padding:14px 18px;max-width:620px;font-size:14px;line-height:1.7;color:var(--dark);box-shadow:0 1px 4px rgba(0,0,0,.05);animation:fadeUp .3s ease}.agent-msg strong{color:var(--navy2)}.agent-msg h1,.agent-msg h2,.agent-msg h3,.agent-msg h4,.agent-msg h5,.agent-msg h6{font-size:16px;font-weight:700;color:var(--navy);margin:12px 0 8px;border-bottom:2px solid var(--green);padding-bottom:4px}.agent-msg ol,.agent-msg ul{margin:8px 0;padding-left:20px}.agent-msg li{margin:4px 0;line-height:1.5}.agent-msg p{margin:6px 0;line-height:1.6}.agent-msg em,.reasoning-strip{color:var(--teal)}.reasoning-strip{font-size:12px;border-left:2px solid var(--teal);padding:4px 0 4px 10px;margin-bottom:8px;font-style:italic;line-height:1.5;background:linear-gradient(90deg,rgba(13,148,136,.05),transparent);border-radius:0 4px 4px 0}.user-msg{align-self:flex-end;background:var(--navy);color:#fff;border-radius:16px 16px 4px 16px;padding:11px 17px;font-size:14px;font-weight:500;max-width:360px;animation:fadeUp .2s ease;line-height:1.55}.insight{display:flex;gap:9px;align-items:flex-start;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #a7f3d0;border-radius:10px;padding:10px 14px;max-width:580px;font-size:12px;color:#065f46;line-height:1.55;animation:fadeUp .3s ease}.insight-icon{font-size:14px;flex-shrink:0;margin-top:1px}.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;animation:fadeUp .3s ease}.opt{padding:9px 20px;border:1.5px solid var(--border);border-radius:25px;background:#fff;font-size:13px;font-weight:500;color:var(--dark);cursor:pointer;transition:all .15s}.opt:hover:not(:disabled){border-color:var(--navy2);color:var(--navy);background:#eef2ff}.opt.sel{background:var(--navy);color:#fff;border-color:var(--navy)}.opt:disabled{cursor:not-allowed}.related{margin-top:12px;animation:fadeUp .4s ease;padding-top:10px;border-top:1px dashed var(--border)}.related-lbl{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.04em;margin-bottom:6px;display:flex;align-items:center;gap:5px}.related-row{display:flex;flex-wrap:wrap;gap:6px}.rq{padding:5px 12px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;font-size:11px;color:var(--mid);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px}.rq:before{content:"↗";font-size:10px;color:var(--muted)}.rq:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:#fff}.rq:disabled{opacity:.5;cursor:not-allowed}.typing{display:flex;align-items:center;gap:5px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:16px 16px 16px 4px;width:-moz-fit-content;width:fit-content;animation:fadeUp .2s ease}.dot{width:7px;height:7px;border-radius:50%;background:#cbd5e1;animation:bounce .9s infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}.rec-result{background:#fff;border-radius:18px;max-width:620px;animation:fadeUp .4s ease;box-shadow:0 4px 24px rgba(15,37,71,.12);border:1px solid var(--border)}.rr-head{background:linear-gradient(135deg,var(--navy) 0,var(--navy2) 100%);padding:20px 22px;position:relative;overflow:hidden}.rr-head:after{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:rgba(5,150,105,.15)}.rr-tag{font-size:10px;font-weight:700;color:hsla(0,0%,100%,.6);letter-spacing:.1em;text-transform:uppercase}.rr-zone{font-size:22px;font-weight:900;color:#fff;margin-top:3px;letter-spacing:-.3px}.rr-type{font-size:13px;color:hsla(0,0%,100%,.65);margin-top:3px}.rr-body{padding:20px 22px}.rr-meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:18px}.rr-m{background:var(--light);border-radius:10px;padding:11px 12px}.rr-m-lbl{font-size:9px;color:var(--muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.05em}.rr-m-val{font-size:13px;font-weight:700;color:var(--navy)}.rr-why-lbl{font-size:10px;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}.rr-why{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rr-wi{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--dark);line-height:1.5}.rr-wi-icon{width:18px;height:18px;border-radius:50%;flex-shrink:0;background:var(--green2);color:var(--green);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.rr-backup{background:#f0fdf4;border:1px solid #a7f3d0;border-radius:9px;padding:11px 13px;font-size:12px;color:var(--mid);line-height:1.55;margin-bottom:16px}.rr-backup strong{color:var(--green)}.rr-acts{display:flex;gap:10px}.rr-acts .btn-green,.rr-acts .btn-outline-navy{flex:1 1;padding:12px;font-size:13px}.caps-section{max-width:620px;animation:fadeUp .5s ease}.caps-header{margin-bottom:14px}.caps-header h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:4px;letter-spacing:-.2px}.caps-header p{font-size:13px;color:var(--mid);line-height:1.55}.caps-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.cap-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px;position:relative;overflow:hidden;transition:box-shadow .2s}.cap-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.07)}.cap-card.live{border-color:#a7f3d0;background:#f0fdf4}.cap-badge{position:absolute;top:11px;right:11px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:10px}.badge-live{background:#a7f3d0;color:#065f46}.badge-soon{background:#fef3c7;color:#92400e}.cap-icon{font-size:24px;margin-bottom:9px}.cap-title{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:3px}.cap-desc{font-size:11px;color:var(--mid);line-height:1.45}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:18px;width:500px;max-height:88vh;overflow-y:auto;padding:30px;position:relative;animation:modalIn .25s ease}.modal-x{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;background:var(--light);border:none;cursor:pointer;font-size:15px;color:var(--mid);display:flex;align-items:center;justify-content:center}.modal-x:hover{background:var(--border)}.modal h2{font-size:19px;color:var(--navy);margin-bottom:5px;font-weight:800;letter-spacing:-.2px}.modal-sub{font-size:13px;color:var(--mid);margin-bottom:20px;line-height:1.6}.field{margin-bottom:13px}.field label{font-size:12px;font-weight:600;color:var(--dark);display:block;margin-bottom:4px}.field input,.field select{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:9px;font-size:13px;color:var(--dark);outline:none;transition:border-color .15s;font-family:inherit;background:#fff}.field input:focus,.field select:focus{border-color:var(--navy2);box-shadow:0 0 0 3px rgba(27,58,107,.07)}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.rr-alternatives{display:flex;flex-direction:column;gap:10px;max-width:620px;animation:fadeUp .4s ease}.rr-alt{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:14px 16px}.rr-alt-label{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.rr-alt-zone{font-size:16px;font-weight:800;color:var(--navy);letter-spacing:-.2px}.rr-alt-type{font-size:12px;color:var(--mid);margin-bottom:10px}.rr-alt-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.rr-alt-meta span{font-size:12px;font-weight:600;color:var(--dark);background:var(--light);border-radius:6px;padding:4px 10px}.rr-alt-reasoning{font-size:12px;color:var(--mid);line-height:1.5;border-left:2px solid var(--border);padding-left:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,37,71,.6);z-index:250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.hamburger{background:none;border:none;color:#fff;font-size:20px;padding:4px}.hamburger,.sidebar-close{display:none;cursor:pointer}.sidebar-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--light);border:none;font-size:16px;font-weight:500;color:var(--mid);align-items:center;justify-content:center;z-index:10}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.app{flex-direction:column}.hamburger,.sidebar-overlay{display:block}.sidebar{display:flex;position:fixed;top:0;left:-100%;height:100vh;z-index:300;width:85%;max-width:320px;transition:left .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px rgba(0,0,0,.15)}.sidebar.open{left:0}.sidebar-close{display:flex}.topbar{padding:0 16px}.logo-text{display:none}.topbar-right{gap:6px}.topbar-right .btn-cta,.topbar-right .btn-ghost{padding:6px 10px;font-size:11px}.chat-wrap{padding:24px 16px 16px}.landing{padding:20px 16px}.landing h1{font-size:24px}.landing-sub{font-size:13px}.input-area{padding:12px 16px}.input-box textarea{min-height:44px}.modal{width:92%;padding:24px 20px}.field-row{grid-template-columns:1fr;gap:0}.field-row .field{margin-bottom:13px}.agent-msg{max-width:90vw}.user-msg{max-width:85vw}.rec-result{display:block}.rr-meta{grid-template-columns:1fr}.rr-acts{flex-direction:column}.rr-acts .btn-green,.rr-acts .btn-outline-navy{width:100%}.caps-grid{grid-template-columns:1fr}}@media (min-width:769px){.rec-result{display:none}}