:root{--bg:#070809;--panel:#0d1114d1;--panel-2:#13191eeb;--line:#ffc4563d;--gold:#f4b34a;--orange:#f08222;--green:#77c043;--red:#ee5b4f;--text:#f7f2e9;--muted:#aeb4b6;--shadow:0 24px 80px #0000006b}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 20% 10%,#f0822229,#0000 28%),radial-gradient(circle at 88% 18%,#77c0431f,#0000 28%),linear-gradient(135deg,#070809 0%,#0f1114 45%,#070809 100%);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.ambient{filter:blur(80px);opacity:.28;pointer-events:none;border-radius:50%;position:fixed}.ambient.one{background:var(--orange);width:320px;height:320px;top:20%;left:-120px}.ambient.two{background:var(--green);width:300px;height:300px;top:40%;right:-120px}.topbar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);background:#070809b8;justify-content:space-between;align-items:center;gap:24px;padding:22px 34px;display:flex;position:sticky;top:0}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.topbar h1{margin:4px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,52px);font-weight:500}.topbar h1 span{color:var(--orange)}.topbar p{color:var(--muted);max-width:760px;margin:0}.top-metrics{gap:12px;display:flex}.mini-metric{border:1px solid var(--line);text-align:center;background:#ffffff0a;border-radius:18px;min-width:92px;padding:12px 16px}.mini-metric strong{font-size:28px;line-height:1;display:block}.mini-metric span{color:var(--muted);font-size:12px}.mini-metric.ok strong{color:var(--green)}.mini-metric.warn strong{color:var(--gold)}.mini-metric.danger strong{color:var(--red)}.layout{grid-template-columns:290px 1fr;gap:22px;padding:24px;display:grid}.sidebar{flex-direction:column;align-self:start;gap:16px;display:flex;position:sticky;top:124px}.brand-card,.card,.demo-actions{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#fff1,#ffffff06);border-radius:28px}.brand-card{padding:22px}.brand-orb{background:radial-gradient(circle at 35% 35%, #ffcf85, var(--orange) 55%, #2b1606);color:#160b02;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:14px;font-weight:950;display:grid;box-shadow:0 0 30px #f0822252}.brand-card h2{margin:0 0 8px}.brand-card p,.demo-actions p{color:var(--muted);margin:0;line-height:1.5}.nav-list{flex-direction:column;gap:10px;display:flex}.nav-list button{text-align:left;color:var(--text);background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:14px 16px;transition:all .18s}.nav-list button span{margin-right:10px}.nav-list button.active,.nav-list button:hover{background:#f4b34a1a;border-color:#f4b34a99;transform:translate(4px)}.demo-actions{padding:16px}.primary-action,.hero-actions button,.section-title button,.quick-actions button,.case-actions button,.chat-input button{color:#170d04;background:linear-gradient(135deg, #ffd17c, var(--orange));border:0;border-radius:16px;padding:12px 14px;font-weight:850;box-shadow:0 10px 24px #f082222e}.demo-actions .primary-action{width:100%;margin-bottom:10px}.workspace{min-width:0}.view-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card{padding:22px}.wide{grid-column:1/-1}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.hero-panel{justify-content:space-between;align-items:center;gap:30px;min-height:340px;display:flex;position:relative;overflow:hidden}.hero-panel:after{content:"";background:radial-gradient(circle,#77c04340,#0000 62%);width:300px;height:300px;position:absolute;inset:auto -80px -160px auto}.hero-copy{z-index:2;max-width:720px;position:relative}.pill{color:var(--green);background:#77c04317;border:1px solid #77c04357;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.hero-copy h2{margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:.96}.hero-copy p{color:var(--muted);max-width:660px;font-size:18px;line-height:1.55}.hero-actions{gap:12px;margin-top:22px;display:flex}button.secondary{color:var(--text);border:1px solid var(--line);box-shadow:none;background:#ffffff14}button.ghost{color:var(--gold);border:1px solid var(--line);box-shadow:none;background:0 0}.metric-card{border:1px solid var(--line);background:#ffffff0a;border-radius:26px;min-height:170px;padding:20px}.metric-icon{background:#f082222e;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:inline-grid}.metric-card strong{color:var(--gold);font-size:42px;line-height:1;display:block}.metric-card b{margin-top:8px;display:block}.metric-card small{color:var(--muted);margin-top:6px;display:block}.metric-card.green strong{color:var(--green)}.metric-card.orange strong{color:var(--gold)}.metric-card.red strong{color:var(--red)}.phone{background:#07100d;border:11px solid #16191b;border-radius:44px;flex:none;width:310px;min-height:620px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 30px 70px #00000080,inset 0 0 0 1px #ffffff14}.preview-phone{transform:rotate(1deg)}.phone-head{background:#09291f;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:18px;display:flex}.phone-head b{display:block}.phone-head small{color:#a9d5bd;font-size:12px;display:block}.wa-dot{color:#fff;background:#2dbf68;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.bubble{border-radius:14px;max-width:82%;margin:12px;padding:10px 12px;font-size:14px;line-height:1.35}.bubble.left{color:#132116;background:#e9f2df;border-top-left-radius:4px}.bubble.right{color:#102310;background:#c9f7b5;border-top-right-radius:4px;margin-left:auto}.bubble small{text-align:right;opacity:.55;margin-top:4px;font-size:10px;display:block}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-title h3{margin:0;font-size:22px}.section-title span{color:var(--muted)}.case-table{border:1px solid #ffffff12;border-radius:18px;overflow:auto}.case-row{text-align:left;width:100%;min-width:800px;color:var(--text);background:#ffffff08;border:0;border-bottom:1px solid #ffffff12;grid-template-columns:1.1fr 1.3fr 1.4fr 1.5fr 1fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.case-row.head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#ffffff12;font-size:12px}.case-row.selected,.case-row:hover{background:#f082221c}.case-row small{color:var(--muted);margin-top:3px;display:block}.status{border-radius:999px;justify-content:center;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}.status.ok{color:#a9f06b;background:#77c04329}.status.warn{color:#ffd17c;background:#f4b34a29}.status.danger{color:#ff8c83;background:#ee5b4f29}.quick-actions{flex-direction:column;gap:10px;display:flex}.alerts-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.alert-row{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.alert-row span{font-size:22px}.alert-row small{color:var(--muted);margin-top:4px;display:block}.simulator-layout{grid-template-columns:minmax(240px,330px) 330px 1fr;align-items:start;gap:20px;display:grid}.actor-panel p{color:var(--muted)}.actor-tabs,.filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.actor-tabs button,.filters button,.script-box button{color:var(--text);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;padding:10px 12px}.actor-tabs button.active,.filters button.active{color:#c9ff9a;background:#77c04324;border-color:#77c043b3}.script-box{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.script-box h4{margin:0 0 12px}.script-box button{text-align:left;width:100%;margin-bottom:8px;display:block}.selected-summary{border:1px solid var(--line);background:#0003;border-radius:18px;margin-top:18px;padding:16px}.selected-summary b,.selected-summary small{margin-top:8px;display:block}.selected-summary small{color:var(--muted)}.chat-phone{min-height:720px}.chat-scroll{height:585px;padding:6px 0;overflow:auto}.chat-input{background:#07100d;gap:6px;padding:10px;display:flex}.chat-input input{min-width:0;color:var(--text);background:#ffffff14;border:1px solid #ffffff17;border-radius:15px;flex:1;padding:10px}.chat-input button{padding:10px 12px}.live-panel{min-height:360px}.process-event{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:14px;padding:16px 0;display:flex}.process-event span{font-size:26px}.process-event b{display:block}.process-event small{color:var(--muted);margin-top:5px;display:block}.cases-layout{grid-template-columns:minmax(0,1.1fr) 460px;align-items:start;gap:20px;display:grid}.cases-list-card{min-width:0}.case-detail{max-height:calc(100vh - 146px);position:sticky;top:124px;overflow:auto}.case-detail h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px}.muted{color:var(--muted)}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.info-box{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:16px;padding:12px}.info-box small{color:var(--muted);display:block}.info-box b{margin-top:5px;display:block}.timeline{gap:10px;display:grid}.time-step{background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;gap:12px;padding:10px;display:flex}.time-step span{width:28px;height:28px;color:var(--muted);background:#ffffff12;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.time-step.done span{color:#c9ff9a;background:#77c04338}.time-step.current{background:#f082221a;border-color:#f08222b3}.time-step.current span{background:var(--orange);color:#120a04}.time-step small{color:var(--muted);display:block}.doc-list{flex-wrap:wrap;gap:8px;display:flex}.doc-list span{background:#f4b34a1f;border:1px solid #f4b34a2e;border-radius:999px;padding:8px 10px}.doc-list .empty{color:#bff184;background:#77c0431f}.history-list{color:var(--muted);line-height:1.65}.case-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.flow-page,.agents-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.flow-hero h2,.agents-grid h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,60px)}.flow-hero p,.agents-grid p{color:var(--muted)}.actor-flow{grid-column:1/-1;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.actor-card{border:1px solid var(--line);background:#ffffff0b;border-radius:24px;min-height:170px;padding:18px;position:relative}.actor-card:not(:last-child):after{content:"→";color:var(--gold);z-index:3;font-size:24px;position:absolute;top:50%;right:-13px}.actor-card span{font-size:32px}.actor-card b,.actor-card small{display:block}.actor-card b{margin-top:12px}.actor-card small{color:var(--muted);margin-top:8px;line-height:1.5}.workflow-visual{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;display:grid;overflow:auto}.workflow-step{background:#0000002e;border:1px solid #f4b34a38;border-radius:20px;min-height:150px;padding:14px}.workflow-step span{background:var(--orange);color:#170b02;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.workflow-step b,.workflow-step small{margin-top:10px;display:block}.workflow-step small{color:var(--muted)}.web-mockup{grid-template-columns:220px 1fr;min-height:340px;padding:0;display:grid;overflow:hidden}.mock-sidebar{border-right:1px solid var(--line);background:#050b0cd9;flex-direction:column;gap:14px;padding:22px;display:flex}.mock-sidebar b{color:var(--gold);margin-bottom:16px}.mock-sidebar span{color:var(--muted)}.mock-content{padding:24px}.mock-cards{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mock-cards span,.mock-table{background:#ffffff0d;border:1px solid #ffffff12;border-radius:18px;padding:18px}.mock-table{min-height:170px;margin-top:16px}.mock-table b{font-size:24px}.mock-table p{color:var(--muted);max-width:640px;line-height:1.6}.agent-card{min-height:240px}.agent-icon{background:#77c04326;border-radius:18px;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.agent-card h3{margin:14px 0 8px}.agent-card p{color:var(--muted);line-height:1.55}.example{color:#d7ffb7;background:#77c0431a;border:1px solid #77c04338;border-radius:16px;margin-top:14px;padding:12px}.rules-card{grid-column:1/-1}.rules-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rules-grid span{background:#ffffff0b;border:1px solid #ffffff12;border-radius:18px;padding:16px}.toast{z-index:50;color:#d9ffc0;box-shadow:var(--shadow);background:#101614;border:1px solid #77c04366;border-radius:18px;padding:14px 18px;position:fixed;bottom:22px;right:22px}@media (width<=1180px){.layout{grid-template-columns:1fr}.sidebar{position:static}.nav-list{grid-template-columns:repeat(5,1fr);display:grid}.overview-grid{grid-template-columns:repeat(2,1fr)}.span-2,.span-3{grid-column:1/-1}.simulator-layout,.cases-layout{grid-template-columns:1fr}.case-detail{max-height:none;position:static}.actor-flow{grid-template-columns:repeat(3,1fr)}.actor-card:after{display:none}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;padding:18px}.top-metrics{width:100%}.mini-metric{flex:1;min-width:0}.layout{padding:14px}.nav-list,.view-grid,.overview-grid,.flow-page,.agents-grid{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}.phone{width:100%;max-width:330px}.actor-flow,.rules-grid,.mock-cards,.web-mockup,.detail-grid{grid-template-columns:1fr}}.simulator-layout-multi{grid-template-columns:minmax(260px,320px) 1fr;align-items:start}.simulator-main{gap:20px;display:grid}.multi-chat-card{padding:18px}.phone-grid{grid-template-columns:repeat(2,minmax(290px,1fr));gap:16px;display:grid}.phone-mini{cursor:pointer;width:100%;min-height:0;transition:transform .18s,box-shadow .18s,border-color .18s}.phone-mini:hover{transform:translateY(-2px)}.active-phone{box-shadow:0 0 0 2px #77c04329, var(--shadow);border-color:#77c043b3}.phone-subhead{background:#ffffff06;border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.phone-subhead b{font-size:13px}.phone-subhead small{text-align:right;max-width:150px;color:var(--muted);line-height:1.3;display:block}.phone-badge{color:var(--muted);background:#ffffff14;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.phone-badge.active{color:#d6ffb1;background:#77c0432e}.chat-small{height:260px}.chat-footer-readonly{text-align:center;color:var(--muted);background:#07100d;border-top:1px solid #ffffff0f;padding:12px 14px;font-size:12px}.live-panel-wide{min-height:auto}@media (width<=1180px){.simulator-layout-multi{grid-template-columns:1fr}.phone-grid{grid-template-columns:repeat(2,minmax(250px,1fr))}}@media (width<=760px){.phone-grid{grid-template-columns:1fr}.phone-subhead{flex-direction:column;align-items:flex-start}.phone-subhead small{text-align:left;max-width:none}}