.hero.wrap{max-width:1480px;padding-left:40px;padding-right:40px}.brand img{width:190px}.product-demo{height:790px;max-height:85vh;min-height:650px;display:grid;grid-template-columns:216px minmax(0,1fr);background:#0c1016;color:#dfe1e8;border-radius:15px;overflow:hidden;box-shadow:0 35px 90px #14202b25;scroll-margin-top:105px;text-align:left;font-size:13px;line-height:1.5}.product-demo *{box-sizing:border-box}.product-demo button,.product-demo input,.product-demo textarea,.product-demo select{font:inherit}.product-demo button{color:inherit;background:#202832;border:0;border-radius:8px;padding:10px 14px}.product-demo button:hover{background:#2b3542}.product-demo .primary{background:linear-gradient(135deg,#00b4d8,#0077b6);color:white}.product-demo .secondary{background:#17232c;color:#63d4e8}.product-demo .muted{color:#8b8fa0}.product-demo small{font-size:11px;color:#8b8fa0}.product-demo h2{font-size:24px;letter-spacing:-.7px;line-height:1.2;margin:0 0 8px}.product-demo h3{font-size:14px;margin:0 0 5px}.product-demo p{margin:4px 0 16px}.app-side{background:#10151b;display:flex;flex-direction:column;padding:28px 14px;gap:5px;min-height:0}.app-side img{width:150px;display:block;margin:0 12px 27px}.app-side button{text-align:left;background:transparent;display:flex;align-items:center;gap:12px;font-size:12px;padding:11px}.app-side button[aria-current=page]{background:#16303d;color:#4bcee8}.app-side .new-chat{background:#202831;margin-bottom:12px}.app-side svg{width:16px;height:16px;flex-shrink:0}.app-side .nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#68717f;margin:20px 11px 9px}.app-side .chat-link{font-size:11px;color:#9099a8;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}.app-person{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px 8px 0}.app-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#29404a;color:#92d9e4;font-size:11px}.app-body{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.app-top{height:53px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#818a99;font-size:11px}.app-top button{background:transparent;padding:7px;font-size:11px}.app-content{overflow:auto;padding:24px 40px 30px;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#303842 transparent}.app-inner{max-width:880px;margin:auto}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.app-stats button{background:#141920;text-align:center;padding:18px 10px}.app-stats strong{display:block;font-size:25px;color:#00b4d8}.app-stats small{font-size:9px;letter-spacing:.8px}.find-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin:9px 0;background:#111820!important;padding:15px!important}.find-row:first-of-type{background:linear-gradient(100deg,#15252e,#111820)!important}.find-icon{display:grid;place-items:center;background:#1c2c37;color:#56b7d0;width:36px;height:36px;border-radius:8px;font-size:20px;flex-shrink:0}.find-row span:nth-child(2){flex:1}.find-row small{display:block;font-size:10px}.section-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#808895;margin:23px 0 10px}.category-list{display:flex;flex-wrap:wrap;gap:7px}.category-list button{background:#141920;font-size:10px;padding:8px 10px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{background:#141920;padding:18px 8px;text-align:center}.quick-grid b{display:block;font-size:11px;margin:8px 0 2px}.quick-grid small{font-size:9px}.quick-grid svg{width:22px;height:22px;color:#00b4d8}.app-compose{display:flex;align-items:center;gap:12px;background:#141920;margin:12px 32px 22px;padding:9px 10px 9px 18px;border-radius:24px;flex-shrink:0}.app-compose input{background:none;border:0;outline:0;color:#dfe1e8;flex:1;min-width:0;font-size:12px}.app-compose button{border-radius:50%;padding:8px 13px}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.brand-tile{background:#141920;border-radius:12px;padding:17px;display:flex;flex-direction:column;min-width:0}.brand-tile .brand-head{display:flex;justify-content:space-between;gap:8px}.brand-tile .score{color:#00b4d8;font-size:10px;background:#0b2934;padding:3px 6px;border-radius:5px;align-self:start}.brand-tile p{color:#8b8fa0;font-size:11px;line-height:1.7;margin:15px 0;flex:1}.brand-tile .tag{color:#00b4d8;font-size:8px;letter-spacing:.6px;margin-bottom:15px}.brand-actions{display:flex;gap:6px}.brand-actions button{font-size:10px;padding:8px;flex:1}.user-bubble{background:#202a33;padding:12px 18px;border-radius:15px 15px 4px 15px;margin:0 0 25px auto;max-width:75%;font-size:12px}.ai-sign{color:#6dcadf;font-size:11px;margin:18px 0 14px;display:flex;gap:8px;align-items:center}.ai-sign img{width:95px}.draft-card,.detail-card{background:#141920;padding:22px;border-radius:13px;margin:16px 0}.draft-card label,.product-demo .demo-panel label{display:block;color:#8b8fa0;font-size:11px;margin:13px 0 7px}.draft-card input,.draft-card textarea,.product-demo .demo-panel input,.product-demo .demo-panel textarea,.product-demo .demo-panel select{display:block;width:100%;background:#0c1016;color:#e4e7ec;border:0;border-radius:8px;padding:12px;resize:vertical}.draft-card textarea{min-height:205px;line-height:1.8;font-size:13px}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.action-row button{font-size:11px}.pipeline{display:flex;overflow:auto;gap:12px;margin:24px -12px 0;padding:0 12px 20px;min-height:410px;scrollbar-width:thin}.pipeline-col{flex:0 0 190px;background:#0e141b;border-radius:10px;padding:12px}.pipeline-col header{position:static;background:none;display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:16px;backdrop-filter:none}.stage-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.pipeline-col button{background:#171e27;width:100%;text-align:left;margin-bottom:9px;padding:15px}.pipeline-col button b{display:block;font-size:12px;margin-bottom:7px}.pipeline-col button small{font-size:10px}.stage-count{margin-left:auto;color:#687385}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.sample-notice{font-size:10px;color:#718394;margin-top:12px}.timeline-item{padding:18px;background:#141920;border-radius:10px;margin:10px 0}.timeline-item p{white-space:pre-wrap;font-size:12px;margin:12px 0 0}.people-row{display:flex;align-items:center;gap:15px;background:#141920;padding:18px;border-radius:11px;margin:12px 0}.people-row .person-copy{flex:1}.empty-chat{text-align:center;padding:45px 0 30px}.empty-chat img{width:190px;margin-bottom:25px}.product-demo .demo-panel{max-width:500px;width:calc(100% - 40px);background:#141920;color:#dfe1e8;border:0;padding:28px;border-radius:18px}.product-demo .demo-panel::backdrop{background:#000a;backdrop-filter:blur(5px)}.product-demo .demo-panel h2{font-size:21px}.product-demo .demo-panel .dialog-close{float:right;background:none;padding:0 5px;font-size:24px}.product-demo .success{color:#52cfa0}.app-side .chat-link:hover{color:white}.product-demo :focus-visible{outline:2px solid #55d1e6;outline-offset:2px}
@media(min-width:1500px){.product-demo{height:800px}.app-content{padding:26px 50px}.brand-tile{padding:20px}.brand-tile p{font-size:12px}}
@media(max-width:800px){.hero.wrap{padding-left:20px;padding-right:20px}.product-demo{grid-template-columns:160px minmax(0,1fr)}.app-side{padding:20px 8px}.app-side img{width:125px;margin-left:5px}.app-content{padding:18px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-compose{margin:10px 15px 15px}.quick-grid{grid-template-columns:1fr}.quick-grid button{padding:12px}.quick-grid svg{display:none}}
@media(max-width:550px){.product-demo{display:flex;flex-direction:column;height:800px;max-height:none;min-height:0}.app-side{flex-direction:row;overflow:auto;flex-shrink:0;padding:9px;gap:3px}.app-side img,.app-side .nav-label,.app-side .chat-link,.app-person{display:none}.app-side button{flex-shrink:0;font-size:10px;padding:10px}.app-side .new-chat{margin:0}.app-side svg{display:none}.app-body{flex:1}.app-top{padding:0 15px}.brand-grid{grid-template-columns:1fr}.app-stats{gap:6px}.app-stats strong{font-size:21px}.app-stats small{font-size:8px}.app-content{padding:16px}.find-row{padding:12px!important}.find-row small{font-size:9px}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-grid small{display:none}.quick-grid b{font-size:10px}.product-demo h2{font-size:21px}.brand img{width:140px}}
