@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
*{box-sizing:border-box}html,body{color:#17202a;background:#f6f7f9;min-height:100%;margin:0;font-family:Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.muted{color:#6b7280}
.demo-page{background:linear-gradient(135deg,#2563eb14,#0000 34%),#f6f7f9;min-height:100vh;overflow:hidden}.demo-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.demo-nav div{align-items:baseline;gap:12px;display:flex}.demo-nav strong{font-size:20px}.demo-nav span,.demo-nav a{color:#5f6b7a;font-size:14px}.demo-website{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:56px;width:min(1180px,100% - 48px);min-height:calc(100vh - 92px);margin:0 auto;padding:48px 0 130px;display:grid}.demo-copy h1{letter-spacing:0;max-width:640px;margin:10px 0 18px;font-size:clamp(42px,5vw,72px);line-height:1.02}.demo-copy p{color:#4b5563;max-width:610px;font-size:17px;line-height:1.7}.demo-kicker{color:#2563eb;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.demo-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.demo-actions a,.demo-actions button{color:#fff;background:#111827;border:1px solid #111827;border-radius:8px;min-height:44px;padding:0 16px;font-weight:700}.demo-actions button{color:#111827;background:#fff}.demo-product{background:#fff;border:1px solid #d9dee7;border-radius:8px;min-height:430px;box-shadow:0 24px 70px #18263b1f}.demo-product-toolbar{border-bottom:1px solid #e5e7eb;gap:7px;padding:16px;display:flex}.demo-product-toolbar span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.demo-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:24px;display:grid}.demo-product-grid section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-height:190px;padding:18px}.demo-product-grid small{color:#6b7280;font-weight:700}.demo-product-grid strong{margin:18px 0 8px;font-size:28px;display:block}.demo-product-grid p{color:#4b5563;line-height:1.6}.demo-mode-dock{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #d9dee7;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:860px;padding:8px;display:grid;position:fixed;bottom:24px;left:24px;right:24px;box-shadow:0 16px 44px #1118271f}.demo-mode-dock button{color:#111827;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;min-height:62px}.demo-mode-dock strong,.demo-mode-dock span{display:block}.demo-mode-dock span{color:#6b7280;margin-top:4px;font-size:12px}.demo-mode-dock button.is-selected{background:#eff6ff;border-color:#2563eb}.widget-layer{z-index:50;position:fixed;bottom:108px;right:24px}.widget-launcher{color:#fff;background:#2563eb;border:0;border-radius:999px;align-items:center;gap:10px;height:58px;padding:0 18px 0 10px;display:inline-flex;box-shadow:0 18px 46px #2563eb5c}.widget-launcher span,.agent-avatar,.admin-widget-preview header span{color:#2563eb;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.widget-panel{background:#fff;border:1px solid #d9dee7;border-radius:8px;grid-template-rows:auto 1fr auto auto;display:grid;overflow:hidden;box-shadow:0 24px 72px #1118272e}.widget-panel-basic{width:360px;height:520px}.widget-panel-medium{width:460px;height:620px}.widget-panel-large{width:min(680px,100vw - 48px);height:min(720px,100vh - 150px)}.widget-panel-full{width:calc(100vw - 48px);height:calc(100vh - 140px)}.widget-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.widget-header>div{align-items:center;gap:10px;display:flex}.widget-header small{color:#6b7280;margin-top:2px;display:block}.icon-button{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:54px;height:34px;font-size:13px}.widget-body{background:#f9fafb;flex-direction:column;gap:10px;padding:16px;display:flex;overflow:auto}.message{border-radius:8px;max-width:82%;padding:11px 13px;line-height:1.55}.message-assistant{background:#fff;border:1px solid #e5e7eb;align-self:flex-start}.message-loading{color:#6b7280}.message-user{color:#fff;background:#2563eb;align-self:flex-end}.widget-actions{gap:8px;padding:12px 14px 0;display:flex}.widget-actions button,.widget-composer button,.lead-form button{color:#fff;background:#2563eb;border:0;border-radius:8px;font-weight:800}.widget-actions button{color:#1d4ed8;background:#eff6ff;min-height:34px;padding:0 12px}.widget-composer{grid-template-columns:1fr auto;gap:8px;padding:12px 14px 14px;display:grid}.widget-composer input,.lead-form input{border:1px solid #d1d5db;border-radius:8px;min-width:0;min-height:42px;padding:0 12px}.widget-composer button{min-width:68px}.conversion-page{z-index:60;background:#0f172a7a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.conversion-card{background:#fff;border-radius:8px;width:min(920px,100%);padding:34px;box-shadow:0 24px 80px #0f172a42}.conversion-card .icon-button{float:right}.conversion-card h2{letter-spacing:0;max-width:760px;margin:16px 0;font-size:44px;line-height:1.1}.conversion-card p{color:#4b5563;max-width:690px;line-height:1.7}.lead-form{grid-template-columns:1fr 1fr auto;gap:10px;margin-top:24px;display:grid}.lead-form button{min-height:42px;padding:0 16px}@media (max-width:820px){.demo-nav{padding:18px}.demo-nav span{display:none}.demo-website{grid-template-columns:1fr;width:min(100% - 32px,680px);padding-top:32px}.demo-product-grid,.lead-form{grid-template-columns:1fr}.demo-mode-dock{grid-template-columns:1fr;margin:-92px 16px 24px;position:static}.widget-layer{bottom:16px;left:16px;right:16px}.widget-panel,.widget-panel-basic,.widget-panel-medium,.widget-panel-large,.widget-panel-full{width:100%;height:min(650px,100vh - 32px)}.conversion-card h2{font-size:32px}}