@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap";:root{--demo-font-scale:1.2;color:#191f28;font-synthesis:none;text-rendering:optimizelegibility;background:#0f1115;font-family:Pretendard,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:linear-gradient(90deg,#13243a 0%,#0f1115 48%,#191531 100%),#0f1115;min-height:100svh;overflow:hidden}button,input{font:inherit}button{min-height:48px}.demo-stage{background:radial-gradient(circle at 11% 24%,#3182f633,#0000 30%),radial-gradient(circle at 86% 62%,#5943aa47,#0000 34%),linear-gradient(90deg,#13243a 0%,#0f1115 48%,#191531 100%),#0f1115;grid-template-columns:minmax(0,360px) minmax(320px,412px) minmax(0,360px);justify-content:center;align-items:center;gap:36px;height:100svh;min-height:100svh;padding:28px;display:grid}.stage-aside{color:#ffffffe6;max-width:360px}.stage-aside-right{text-align:right}.side-logo{color:#fff;font-size:calc(24px * var(--demo-font-scale));letter-spacing:0;font-weight:900;display:inline-flex}.stage-aside h1,.stage-aside h2{color:#fff;font-size:calc(34px * var(--demo-font-scale));letter-spacing:0;margin:28px 0 16px;line-height:1.15}.stage-aside h2{font-size:calc(26px * var(--demo-font-scale))}.stage-aside p{color:#ffffffa3;font-size:calc(15px * var(--demo-font-scale));margin:0;font-weight:600;line-height:1.7}.mini-label{color:#ffffff6b;font-size:calc(11px * var(--demo-font-scale));letter-spacing:.14em;font-weight:900}.keyboard-hint,.side-note{color:#ffffffbf;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;margin-top:28px;padding:14px 16px;box-shadow:inset 0 1px #ffffff14}.keyboard-hint{grid-template-columns:22px 22px minmax(0,1fr);align-items:center;gap:8px;display:grid}.keyboard-hint span{color:#fff;width:22px;height:22px;font-size:calc(12px * var(--demo-font-scale));background:#ffffff1f;border-radius:6px;place-items:center;font-weight:900;display:grid}.keyboard-hint strong,.side-note span{font-size:calc(12px * var(--demo-font-scale));font-weight:900}.keyboard-hint small,.side-note small{color:#ffffff94;font-size:calc(11px * var(--demo-font-scale));grid-column:1/-1;font-weight:700;line-height:1.55}.side-note{gap:6px;display:grid}.phone-frame{background:#fff;border-radius:54px;width:min(100vw,412px);height:min(100svh - 56px,892px);min-height:min(680px,100svh - 56px);position:relative;overflow:hidden;box-shadow:0 60px 140px #0009,0 0 0 10px #1b1f27,0 0 0 11px #2a2e36}.phone-frame:before{content:"";z-index:20;background:#0f1115;border-radius:999px;width:118px;height:32px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.big-task{background:#fff;flex-direction:column;height:100%;display:flex}.task-hero{color:#191f28;background:linear-gradient(#f0f6ff,#e8f2ff);flex-direction:column;height:58%;min-height:0;display:flex;position:relative}.big-task[data-tone=amber] .task-hero{background:linear-gradient(#fff7e0,#ffe8b8)}.big-task[data-tone=green] .task-hero{background:linear-gradient(#e6f8ee,#c6f0d5)}.big-task[data-tone=purple] .task-hero{background:linear-gradient(#f3eafe,#e1d2fb)}.top-chrome{grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:52px;padding:14px 16px 4px;display:grid}.icon-button{color:#191f28;width:40px;min-height:40px;font-size:calc(30px * var(--demo-font-scale));cursor:pointer;background:#ffffffb8;border:0;border-radius:50%;font-weight:600;box-shadow:0 8px 18px #0f192814}.chrome-spacer{width:40px;height:40px}.progress-dots{justify-content:center;gap:6px;display:flex}.progress-dots span{background:#0f192829;border-radius:999px;width:7px;height:7px;transition:width .18s,background .18s}.progress-dots span.is-active{background:#3182f6;width:24px}.illustration-wrap{flex:1;place-items:center;min-height:0;padding:4px 20px 12px;display:grid}.hero-copy{padding:0 22px 28px}.eyebrow{color:#191f28;font-size:calc(12px * var(--demo-font-scale));letter-spacing:0;background:#0f192814;border-radius:999px;margin:0 0 12px;padding:6px 12px;font-weight:900;display:inline-flex}.hero-copy h2{color:#191f28;font-size:calc(28px * var(--demo-font-scale));letter-spacing:0;overflow-wrap:anywhere;margin:0;line-height:1.18}.hero-sub{color:#4e5968;font-size:calc(15px * var(--demo-font-scale));overflow-wrap:anywhere;margin:10px 0 0;font-weight:600;line-height:1.55}.task-sheet{z-index:2;background:#fff;border-top-left-radius:28px;border-top-right-radius:28px;flex-direction:column;height:calc(42% + 24px);min-height:0;margin-top:-24px;padding:20px 22px 14px;display:flex;box-shadow:0 -12px 32px #0f192817}.sheet-scroll{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.sheet-footer{color:#8b95a1;font-size:calc(12px * var(--demo-font-scale));text-align:center;margin:6px 0 0;font-weight:700;line-height:1.3}.hero-illustration,.scenario-illustration,.character-illustration,.phone-illustration{place-items:center;width:100%;height:100%;min-height:168px;display:grid;position:relative}.hero-illustration-c{place-items:stretch stretch}.character-illustration{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.conversation-led{flex-direction:column;justify-content:center;gap:10px;width:100%;height:100%;padding:0 6px;display:flex}.conversation-bubble{max-width:79%;font-size:calc(13px * var(--demo-font-scale));letter-spacing:0;border-radius:18px;padding:10px 14px;font-weight:700;line-height:1.45;animation:.42s both bubble-in;display:block;box-shadow:0 8px 20px #0f19281a}.conversation-bubble.caller{color:#191f28;background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.conversation-bubble.assistant{color:#fff;background:linear-gradient(135deg,#3182f6,#5ba0ff);border-bottom-right-radius:6px;align-self:flex-end;box-shadow:0 8px 20px #3182f652}.conversation-live{top:4%;right:6%}.typing-bubble{border-radius:18px;gap:4px;width:fit-content;padding:12px 14px;animation:.3s both bubble-in;display:inline-flex;box-shadow:0 6px 16px #0f19281a}.typing-bubble.caller{background:#fff;border-bottom-left-radius:6px;align-self:flex-start}.typing-bubble.assistant{background:linear-gradient(135deg,#3182f6,#5ba0ff);border-bottom-right-radius:6px;align-self:flex-end}.typing-bubble i{background:#8b95a1;border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing}.typing-bubble.assistant i{background:#ffffffd1}.typing-bubble i:nth-child(2){animation-delay:.15s}.typing-bubble i:nth-child(3){animation-delay:.3s}.c-mark-large{color:#fff;width:98px;height:98px;font-size:calc(54px * var(--demo-font-scale));letter-spacing:0;background:linear-gradient(135deg,#3182f6,#5ba0ff);border-radius:28px;place-items:center;font-weight:900;display:grid;box-shadow:0 24px 58px #3182f66b,inset 0 8px 18px #ffffff57}.mini-call-card{color:#1a8841;font-size:calc(12px * var(--demo-font-scale));background:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-weight:900;display:inline-flex;position:absolute;top:15%;right:9%;box-shadow:0 10px 24px #0f192824}.live-dot{background:#2dbe60;border-radius:50%;width:7px;height:7px;animation:1.4s infinite pulse}.transcript-stack{gap:8px;width:min(250px,76%);display:grid;position:absolute;bottom:8%;left:8%}.bubble{width:fit-content;max-width:100%;font-size:calc(13px * var(--demo-font-scale));border-radius:18px;padding:10px 13px;font-weight:800;line-height:1.4;box-shadow:0 10px 22px #0f19281f}.bubble.caller{color:#191f28;background:#fff;border-bottom-left-radius:6px}.bubble.assistant{color:#fff;background:linear-gradient(135deg,#3182f6,#5ba0ff);border-bottom-right-radius:6px;justify-self:end}.ringing-phone-card,.persona-card,.number-ticket{background:#fff;border-radius:22px;width:min(240px,82%);box-shadow:0 24px 60px #0f19282e}.ringing-phone-card{gap:10px;padding:18px;display:grid}.ringing-chip{color:#c8501a;width:fit-content;font-size:calc(11px * var(--demo-font-scale));background:#ffece5;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:900;display:inline-flex}.ringing-phone-card strong{font-family:JetBrains Mono,monospace;font-size:calc(22px * var(--demo-font-scale));letter-spacing:0}.ringing-phone-card small,.persona-card small,.number-ticket span{color:#6b7684;font-size:calc(13px * var(--demo-font-scale));overflow-wrap:anywhere;font-weight:700}.answer-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-row span{font-size:calc(12px * var(--demo-font-scale));text-align:center;border-radius:10px;padding:8px 0;font-weight:900}.answer-row span:first-child{color:#d64545;background:#ffeded}.answer-row span:last-child{color:#1a8841;background:#e6f8ee}.scenario-badge{color:#fff;min-width:54px;height:54px;font-size:calc(18px * var(--demo-font-scale));background:#191f28;border-radius:18px;place-items:center;padding:0 10px;font-weight:900;display:grid;position:absolute;bottom:18%;right:14%;box-shadow:0 18px 34px #0f19283d}.scenario-orbit{pointer-events:none;position:absolute;inset:0}.scenario-chip{color:#4e5968;max-width:148px;font-size:calc(11px * var(--demo-font-scale));white-space:nowrap;background:#fff;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:900;transition:border .18s,color .18s,transform .18s;display:inline-flex;position:absolute;box-shadow:0 6px 14px #0f19281a}.scenario-chip b{font-size:calc(12px * var(--demo-font-scale))}.scenario-chip.is-selected{color:#1b64da;border-color:#3182f6;transform:scale(1.06);box-shadow:0 10px 24px #3182f63d}.scenario-chip-0{top:12%;left:3%}.scenario-chip-1{top:10%;right:0}.scenario-chip-2{bottom:10%;left:8%}.persona-card{background:linear-gradient(#fff,#f7f8fa);justify-items:center;gap:5px;padding:14px 16px;display:grid}.persona-initial{color:#fff;width:64px;height:64px;font-size:calc(34px * var(--demo-font-scale));background:linear-gradient(135deg,#3182f6,#7b5ae0);border-radius:24px;place-items:center;font-weight:900;display:grid}.persona-card strong{font-size:calc(18px * var(--demo-font-scale));font-weight:900}.wave-bars{align-items:flex-end;gap:4px;height:24px;margin-top:2px;display:flex}.wave-bars span{width:4px;height:var(--bar-height);background:#3182f6;border-radius:999px;animation:.9s ease-in-out infinite wave}.wave-bars span:nth-child(2n){animation-delay:.12s}.voice-preview{display:none}.number-ticket{text-align:center;gap:8px;width:min(320px,90%);padding:20px;display:grid}.number-ticket strong{font-family:JetBrains Mono,monospace;font-size:calc(28px * var(--demo-font-scale));letter-spacing:0;white-space:nowrap}.status-lines{gap:8px;width:220px;display:grid;position:absolute;bottom:10%}.status-lines span{background:#ffffffb3;border-radius:999px;height:12px}.status-lines span:nth-child(2){width:74%}.status-lines span:nth-child(3){width:52%}.choice-list{gap:8px;display:grid}.choice-card,.character-choice{cursor:pointer;text-align:left;border:0}.choice-card{color:#191f28;background:#f7f8fa;border:2px solid #0000;border-radius:18px;grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:12px;min-height:64px;padding:10px;display:grid}.choice-card.is-selected{background:#e8f2ff;border-color:#3182f6}.choice-icon{min-width:40px;height:40px;font-size:calc(18px * var(--demo-font-scale));background:#fff;border-radius:15px;place-items:center;font-weight:900;display:grid;box-shadow:0 4px 10px #0f19280f}.choice-card strong,.character-choice strong{color:#191f28;font-size:calc(17px * var(--demo-font-scale));overflow-wrap:anywhere;font-weight:900;display:block}.choice-card small,.character-choice small{color:#4e5968;font-size:calc(13px * var(--demo-font-scale));overflow-wrap:anywhere;margin-top:3px;font-weight:700;line-height:1.35;display:block}.checkmark{color:#fff;background:#d1d6db;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.choice-card.is-selected .checkmark{background:#3182f6}.character-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.character-choice{text-align:center;background:#f7f8fa;border:2px solid #0000;border-radius:18px;justify-items:center;gap:6px;min-height:116px;padding:12px 8px;display:grid}.character-choice.is-selected{background:#f3eafe;border-color:#7b5ae0}.avatar{color:#fff;width:44px;height:44px;font-size:calc(20px * var(--demo-font-scale));background:#191f28;border-radius:15px;place-items:center;font-weight:900;display:grid}.primary-cta,.secondary-cta,.dial-link{width:100%;min-height:60px;font-size:calc(18px * var(--demo-font-scale));cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:inline-flex}.primary-cta{color:#fff;background:linear-gradient(135deg,#3182f6,#5ba0ff);box-shadow:0 10px 28px #3182f657}.primary-cta:disabled{cursor:not-allowed;color:#8b95a1;box-shadow:none;background:#eef1f5}.secondary-cta{color:#191f28;background:#f2f4f6}.dial-link{font-family:JetBrains Mono,monospace;font-size:calc(30px * var(--demo-font-scale));letter-spacing:0;color:#fff;white-space:nowrap;background:#191f28}.notice,.inline-error{font-size:calc(14px * var(--demo-font-scale));border-radius:14px;margin:0;padding:12px 14px;font-weight:700;line-height:1.55}.notice{color:#8a5a08;background:#fff7e0}.inline-error{color:#a33a3a;background:#fff0f0}.session-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.session-summary div{background:#f7f8fa;border-radius:16px;gap:5px;min-width:0;padding:13px;display:grid}.session-summary span{color:#6b7684;font-size:calc(12px * var(--demo-font-scale));font-weight:800}.session-summary strong{color:#191f28;font-size:calc(14px * var(--demo-font-scale));overflow-wrap:anywhere;font-weight:900}.preview-card{color:#1b64da;font-size:calc(14px * var(--demo-font-scale));background:#e8f2ff;border:0;border-radius:16px;margin:0;padding:13px 15px;font-weight:800;line-height:1.5}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.skeleton-stack{gap:10px;display:grid}.skeleton-stack span{background:linear-gradient(90deg,#eef1f5,#fff,#eef1f5) 0 0/180% 100%;border-radius:999px;height:18px;animation:1.4s ease-in-out infinite shimmer}.skeleton-stack span:nth-child(2){width:82%}.skeleton-stack span:nth-child(3){width:62%}@keyframes pulse{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes wave{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1.12)}}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}@keyframes bubble-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typing{0%,60%,to{opacity:.42;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (width<=1099px){.demo-stage{grid-template-columns:minmax(320px,412px);gap:0}.stage-aside{display:none}}@media (width<=767px){.demo-stage{min-height:100svh;padding:0;display:block}.phone-frame{width:100vw;height:100svh;min-height:100svh;box-shadow:none;border-radius:0}.phone-frame:before,.sheet-footer{display:none}}@media (width<=390px){.hero-copy h2{font-size:calc(26px * var(--demo-font-scale))}.task-sheet{padding:21px 18px 18px}}@media (width<=340px){.character-strip{grid-template-columns:1fr}.character-choice{text-align:left;grid-template-columns:44px 1fr;justify-items:start;min-height:auto}}