:root{--primary-blue:#3182f6;--primary-blue-hover:#1b64da;--bg-color:#f9fafb;--sidebar-bg:#fff;--text-primary:#191f28;--text-secondary:#8b95a1;--border-color:#e5e8eb;--white:#fff;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 16px #00000014;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--font-main:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--surface-color:#fff;--surface-secondary:#f2f2f7;--surface-tertiary:#f8f9fa;--surface-hover:#f2f4f6;--text-strong:#1a1a1a;--text-muted:#666;--border-light:#e1e1e6;--selected-agent-bg:#e8f3ff}@media (prefers-color-scheme:dark){:root{--primary-blue:#0a84ff;--primary-blue-hover:#409cff;--bg-color:#000;--sidebar-bg:#1c1c1e;--text-primary:#f5f5f7;--text-secondary:#98989d;--border-color:#38383a;--white:#1c1c1e;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 16px #0006;--surface-color:#1c1c1e;--surface-secondary:#2c2c2e;--surface-tertiary:#252527;--surface-hover:#3a3a3c;--text-strong:#fff;--text-muted:#98989d;--border-light:#38383a;--selected-agent-bg:#1a2a3a}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);height:100dvh;padding-top:env(safe-area-inset-top);overflow:hidden}.app-container{width:100%;height:100dvh;display:flex;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--text-secondary);opacity:.5;border-radius:4px}::-webkit-scrollbar-track{background:0 0}.sidebar-left{background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:1000;width:300px;box-shadow:var(--shadow-md);flex-direction:column;transition:left .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:0;bottom:0;left:-320px}.sidebar-left.open{left:0}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h2{font-size:18px;font-weight:700}.close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:20px}.history-list{flex:1;padding:16px;overflow-y:auto}.history-group{margin-bottom:24px}.history-group h3{color:var(--text-secondary);margin-bottom:12px;padding-left:8px;font-size:13px}.history-item{border-radius:var(--radius-sm);cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:background-color .2s}.history-item:hover{background-color:var(--surface-hover)}.history-item .title{margin-bottom:4px;font-size:15px;font-weight:500;display:block}.history-item .preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.history-toggle-btn{z-index:100;background:var(--white);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);color:var(--text-primary);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:20px;left:20px}body.history-open .history-toggle-btn{left:320px}.history-toggle-btn:hover{background-color:var(--surface-hover);transform:translateY(-1px)}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:calc(100% - 320px);margin-left:0;margin-right:320px;padding:40px;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative}body.history-open .main-content{width:calc(100% - 620px);margin-left:300px}.chat-container{flex-direction:column;gap:40px;width:100%;max-width:850px;display:flex}.welcome-message{text-align:center}.welcome-message h1{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:800}.welcome-message p{color:var(--text-secondary);font-size:16px}.input-area{width:100%;position:relative}.input-wrapper{background:var(--white);box-shadow:0 0 0 1px var(--border-color),var(--shadow-md);border-radius:24px;align-items:flex-end;gap:12px;padding:16px 20px;transition:box-shadow .2s;display:flex}.input-wrapper:focus-within{box-shadow:0 0 0 2px var(--primary-blue),var(--shadow-md)}textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:8px 0;font-family:inherit;font-size:16px;line-height:1.5}.send-btn{background:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:20px;height:40px;padding:8px 20px;font-weight:600;transition:background-color .2s}.send-btn:hover{background:var(--primary-blue-hover)}.selected-agent-indicator{text-align:center;color:var(--primary-blue);background:var(--selected-agent-bg);border-radius:12px;margin-top:12px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-block}.sidebar-right{background:var(--sidebar-bg);border-left:1px solid var(--border-color);flex-direction:column;gap:32px;width:320px;padding:24px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.sidebar-right h3{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:700}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;background-color:var(--surface-tertiary);padding:32px 20px;transition:all .2s}.drop-zone:hover{border-color:var(--primary-blue);background-color:var(--selected-agent-bg)}.drop-zone p{color:var(--text-secondary);pointer-events:none;font-size:14px;line-height:1.5}.url-input-container{gap:8px;display:flex}.url-input-container input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--white);color:var(--text-primary);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.url-input-container input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 2px #3182f61a}.url-input-container input::placeholder{color:#b0b8c1}.url-input-container button{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s}.url-input-container button:hover{background:#f2f4f6;border-color:#d1d6db}.url-input-container button:active{background:#e5e8eb;transform:scale(.98)}.agent-list{flex-direction:column;gap:12px;display:flex}.agent-card{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.agent-card:hover{border-color:var(--primary-blue);background-color:var(--surface-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.agent-card.selected{border-color:var(--primary-blue);background-color:var(--selected-agent-bg);box-shadow:0 0 0 1px var(--primary-blue)inset}.agent-radio{border:2px solid #d1d6db;border-radius:50%;flex-shrink:0;width:20px;height:20px;position:relative}.agent-card.selected .agent-radio{border-color:var(--primary-blue);background:var(--primary-blue)}.agent-card.selected .agent-radio:after{content:"";background:var(--white);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.agent-info{flex:1}.agent-name{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.detail-btn{background:var(--surface-secondary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:background .2s}.detail-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-overlay{z-index:2000;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s,visibility .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--white);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-md);padding:32px;transition:transform .3s cubic-bezier(.25,1,.5,1);overflow:hidden;transform:translateY(20px)}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{font-size:24px;font-weight:700}.close-modal-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:24px}.modal-body p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;line-height:1.6}.modal-features h4{color:var(--text-primary);margin-bottom:12px;font-size:14px;font-weight:600}.modal-features ul{padding-left:0;list-style:none}.modal-features li{color:var(--text-primary);margin-bottom:8px;padding-left:20px;font-size:15px;position:relative}.modal-features li:before{content:"";background:var(--primary-blue);border-radius:50%;width:4px;height:4px;position:absolute;top:9px;left:6px}.modal-footer{text-align:right;margin-top:32px}.btn-primary{background:var(--primary-blue);color:var(--white);cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-blue-hover)}@media (max-width:768px){.app-container.mobile-mode{height:100dvh;display:block;overflow:hidden}.history-toggle-btn{display:none!important}.sidebar-left.mobile-fullscreen{z-index:1000;box-shadow:none;transition:none;position:fixed;top:0;bottom:60px;right:0;width:100%!important;left:0!important}.sidebar-right.mobile-fullscreen{z-index:1000;border-left:none;padding:16px;position:fixed;inset:0 0 60px;width:100%!important}.main-content{height:100dvh;width:100%!important;margin:0!important;padding:0!important}body.history-open .main-content{width:100%!important;margin-left:0!important}body.history-open .history-toggle-btn{left:20px!important}.chat-container{max-width:100%;height:100%;padding:0}.input-area{background:var(--bg-color);border-top:1px solid var(--border-color);z-index:999;width:100%;padding:12px 16px;left:0;right:0;position:fixed!important;bottom:60px!important}.input-wrapper{border-radius:20px;padding:12px 16px}.messages-area{padding-bottom:180px;padding-top:max(16px,env(safe-area-inset-top))}.agent-card{padding:12px}.modal-content{width:95%;max-width:none;margin:16px;padding:24px}.drop-zone{padding:24px 16px}.history-item{padding:10px 12px}.rag-documents-section{padding:0}.agent-popover{display:none!important}}@supports (padding:max(0px)){@media (max-width:768px){.mobile-tab-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}.input-area{bottom:calc(60px + env(safe-area-inset-bottom))!important}.sidebar-left.mobile-fullscreen,.sidebar-right.mobile-fullscreen{bottom:calc(60px + env(safe-area-inset-bottom))}.main-content{height:calc(100dvh - 60px - env(safe-area-inset-bottom))}}}.landing-page{background:#fff;height:100dvh;overflow:hidden auto}.landing-nav{z-index:1000;background:linear-gradient(#1e2a4a 0%,#1a1a2e 100%);position:fixed;top:0;left:0;right:0}.landing-nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.landing-logo img{width:auto;height:36px}.landing-nav-links{align-items:center;gap:32px;display:flex}.landing-nav-link{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:500;transition:color .2s}.landing-nav-link:hover{color:#fff}.landing-nav-purchase{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3182f6 0%,#6366f1 100%);border:none;border-radius:24px;margin-right:12px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #3182f64d}.landing-nav-purchase:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3182f666}.landing-nav-cta{color:var(--primary-blue);cursor:pointer;background:#fff;border:none;border-radius:24px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s}.landing-nav-cta:hover{background:#f0f4f8;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.landing-hero{opacity:0;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:100%;min-height:100vh;margin:0 auto;padding:120px 24px 80px;transition:all .8s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.landing-hero-video-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.landing-hero-video{object-fit:cover;opacity:.65;width:100%;height:100%}.landing-hero-video-overlay{display:none}.landing-hero.visible{opacity:1;transform:translateY(0)}.landing-hero-content{z-index:1;text-align:center;max-width:700px;position:relative}.landing-hero-badge{color:#6366f1;background:linear-gradient(135deg,#e8f3ff 0%,#f0e8ff 100%);border-radius:20px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.landing-hero-title{margin-bottom:24px;font-size:52px;font-weight:800;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#00c6fb 0%,#8b5cf6 50%,#3182f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:20px;line-height:1.6}.landing-hero-subtitle strong{color:var(--text-primary);font-weight:700}.landing-hero-buttons{justify-content:center;gap:16px;display:flex}.landing-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3182f6 0%,#6366f1 100%);border:none;border-radius:16px;padding:16px 32px;font-size:17px;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #3182f64d}.landing-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3182f666}.landing-btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:16px;padding:16px 32px;font-size:17px;font-weight:600;transition:all .3s}.landing-btn-secondary:hover{background:#f8f9fa;border-color:#d1d6db;transform:translateY(-2px)}.landing-section-header{text-align:center;margin-bottom:64px}.landing-section-header h2{color:var(--text-primary);margin-bottom:16px;font-size:40px;font-weight:800}.landing-section-header p{color:var(--text-secondary);font-size:18px}.landing-features{max-width:1200px;margin:0 auto;padding:100px 24px}.landing-feature-row{align-items:center;gap:80px;margin-bottom:100px;display:flex}.landing-feature-row.reverse{flex-direction:row-reverse}.landing-feature-image{border-radius:24px;flex:1;overflow:hidden;box-shadow:0 20px 60px #0000001a}.feature-screenshot{width:100%;height:auto;display:block}.landing-feature-content{flex:1}.feature-badge{color:var(--primary-blue);background:linear-gradient(135deg,#e8f3ff 0%,#e0f7ff 100%);border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.landing-feature-content h3{color:var(--text-primary);margin-bottom:24px;font-size:32px;font-weight:700;line-height:1.4}.feature-list{padding:0;list-style:none}.feature-list li{color:var(--text-primary);border-bottom:1px solid #e5e8eb;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:20px;font-size:17px;display:flex}.feature-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.feature-list li strong{color:var(--text-primary);font-weight:700}.feature-list li span{color:var(--text-secondary);font-size:15px;line-height:1.5}.landing-agents{background:#fff;padding:100px 24px}.landing-agents-grid{grid-template-columns:repeat(2,1fr);justify-items:center;gap:32px;max-width:1200px;margin:0 auto;display:grid}.landing-agent-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 16px)}.landing-agent-card{background:#fff;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000000f}.landing-agent-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.agent-card-image{background:#f8f9fa;width:100%;height:200px;overflow:hidden}.agent-card-image img{object-fit:cover;width:100%;height:100%}.agent-card-content{padding:24px}.agent-card-content h4{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.agent-card-content p{color:var(--text-secondary);font-size:15px;line-height:1.5}.landing-why{background:#fff;padding:100px 24px}.landing-comparison{grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto;display:grid}.comparison-card{background:#f8f9fa;border-radius:24px;padding:40px}.comparison-card h3{color:var(--text-primary);margin-bottom:24px;font-size:24px;font-weight:700}.comparison-card ul{padding:0;list-style:none}.comparison-card li{color:var(--text-secondary);border-bottom:1px solid #e5e8eb;padding:12px 0;font-size:16px;line-height:1.5}.comparison-card li:last-child{border-bottom:none}.comparison-card.old{background:#f8f9fa}.comparison-card.old h3{color:#6b7684}.comparison-card.new{border:2px solid var(--primary-blue);background:linear-gradient(135deg,#e8f3ff 0%,#f0f4ff 100%)}.comparison-card.new h3{color:var(--primary-blue)}.comparison-card.new li{color:var(--text-primary);font-weight:500}.landing-cta{text-align:center;background:#fff;padding:120px 24px}.landing-cta-content h2{color:#191f28;margin-bottom:16px;font-size:40px;font-weight:800}.landing-cta-content p{color:#6b7684;margin-bottom:40px;font-size:18px}.landing-cta-button{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:16px;padding:18px 48px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 4px 16px #3182f64d}.landing-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3182f666}.landing-footer{background:linear-gradient(#1a1a2e 0%,#1e2a4a 100%);padding:60px 24px}.landing-footer-content{text-align:center;max-width:1200px;margin:0 auto}.landing-footer-logo{margin-bottom:24px}.landing-footer-logo img{width:auto;height:32px}.landing-footer-info{text-align:left;justify-content:center;gap:80px;margin-bottom:32px;display:flex}.landing-footer-contact,.landing-footer-company{color:#fffc}.landing-footer-contact h4,.landing-footer-company h4{color:#fff;margin-bottom:12px;font-size:14px;font-weight:600}.landing-footer-contact p,.landing-footer-company p{margin:0;font-size:14px;line-height:1.8}.landing-footer-copyright{color:#fff6;font-size:14px}@media (max-width:768px){.landing-hero{text-align:center;flex-direction:column;gap:48px;min-height:auto;padding:100px 20px 60px}.landing-hero-title{font-size:32px}.landing-hero-subtitle{font-size:16px}.landing-hero-buttons{flex-direction:column;gap:12px}.landing-btn-primary,.landing-btn-secondary{width:100%;padding:14px 24px}.landing-hero-visual{order:-1}.landing-hero-image-container{transform:scale(.8)}.landing-nav-links{gap:16px}.landing-nav-link{display:none}.landing-section-header h2{font-size:28px}.landing-feature-row{flex-direction:column;gap:32px}.landing-feature-row.reverse{flex-direction:column-reverse;gap:32px}.landing-feature-content h3{font-size:24px}.landing-agents-grid{grid-template-columns:1fr}.landing-agent-card:last-child:nth-child(odd){max-width:100%}.landing-comparison{grid-template-columns:1fr;gap:20px}.comparison-card{padding:32px}.comparison-card h3{font-size:20px}.landing-cta-content h2{font-size:28px}.landing-footer-info{text-align:center;flex-direction:column;gap:32px}}.landing-security{color:#fff;background:#0f172a;padding:100px 24px;position:relative;overflow:hidden}.landing-security-container{justify-content:space-between;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:flex}.landing-security-content{flex:1}.landing-security-image{flex:1;justify-content:center;align-items:center;display:flex}.security-illustration{filter:drop-shadow(0 0 40px #3182f64d);width:100%;max-width:500px;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.security-badge{color:#60a5fa;background:#3182f633;border:1px solid #3182f666;border-radius:20px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.landing-security h2{color:#fff;margin-bottom:24px;font-size:40px;font-weight:800;line-height:1.3}.landing-security p{color:#94a3b8;margin-bottom:48px;font-size:18px;line-height:1.6}.security-points{gap:32px;display:flex}.security-point{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex:1;padding:24px;transition:all .3s}.security-point:hover{background:#ffffff1a;transform:translateY(-4px)}.security-icon{margin-bottom:16px;font-size:32px}.security-point h4{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.security-point p{color:#cbd5e1;margin-bottom:0;font-size:14px}@media (max-width:768px){.landing-security{padding:80px 20px}.landing-security-container{flex-direction:column;gap:40px}.landing-security h2{font-size:28px}.security-points{flex-direction:column;gap:16px}}.landing-cta-buttons{justify-content:center;gap:16px;margin-top:40px;display:flex}.landing-cta-content p{margin-bottom:0}.landing-cta-button-outline{color:var(--primary-blue);border:2px solid var(--primary-blue);cursor:pointer;background:#fff;border-radius:16px;padding:18px 48px;font-size:18px;font-weight:700;transition:all .3s}.landing-cta-button-outline:hover{background:#f0f7ff;transform:translateY(-2px);box-shadow:0 6px 20px #3182f633}@media (max-width:768px){.landing-cta-buttons{flex-direction:column;gap:12px}}