:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,sans-serif;background:#000;color:#fff;--bg: #000000;--bg-app: #0a0a0a;--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .15);--muted: #888888;--text: #ffffff;--text-inverse: #000000;--accent-rgb: 255, 255, 255;--radius: 28px;--cyan: #ffffff;--blue: #ffffff;--green: #ffffff;--amber: #888888;--red: #ffffff;--violet: #ffffff}[data-theme=light]{color-scheme:light;background:#fff;color:#000;--bg: #ffffff;--bg-app: #f6f6f6;--panel: rgba(0, 0, 0, .03);--panel-strong: rgba(0, 0, 0, .08);--line: rgba(0, 0, 0, .12);--muted: #666666;--text: #000000;--text-inverse: #ffffff;--accent-rgb: 0, 0, 0;--cyan: #000000;--blue: #000000;--green: #000000;--amber: #666666;--red: #000000;--violet: #000000}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg);background-image:radial-gradient(circle at 50% 30%,var(--panel-strong),transparent 60%);transition:background-color .3s ease,color .3s ease}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.phone-frame{position:relative;width:min(100%,440px);min-height:min(920px,calc(100vh - 36px));max-height:calc(100vh - 36px);overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--bg-app);box-shadow:0 30px 90px #00000059,inset 0 1px 0 var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:background-color .3s ease,border-color .3s ease}.phone-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,var(--line),transparent 25%,transparent 75%,var(--panel))}.app-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(18px + env(safe-area-inset-top)) 18px 12px;background:var(--bg-app);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color .3s ease,border-color .3s ease}.brand-lockup,.customer-pill,.status-row,.section-title,.sheet-actions,.bottom-nav,.audit-head,.policy-hero{display:flex;align-items:center}.brand-lockup{gap:12px}.logo-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:0}h1,h2{margin:0;letter-spacing:0}h1{font-size:24px}h2{font-size:22px}.customer-pill{min-width:116px;justify-content:flex-start;gap:9px;padding:7px 10px 7px 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.customer-pill span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--text-inverse);font-size:11px;font-weight:900;background:var(--text)}.customer-pill small{max-width:62px;color:var(--muted);font-size:10px;line-height:1.2}.header-actions{display:flex;align-items:center;gap:8px}.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);transition:background-color .2s,transform .1s}.theme-toggle:hover{background:var(--panel-strong)}.theme-toggle:active{transform:scale(.95)}.view{position:relative;height:calc(100vh - 118px);max-height:838px;overflow-y:auto;padding:10px 16px 104px;scrollbar-width:none}.view::-webkit-scrollbar{display:none}.hero-panel,.suggestions,.demo-panel,.timeline-panel,.audit-head,.policy-hero,.policy-section,.config-banner{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 var(--line)}.hero-panel{padding:18px;border-radius:32px}.pitch{color:var(--text);font-size:17px;font-weight:750;line-height:1.28;text-align:center}.voice-orb{position:relative;width:170px;height:170px;display:grid;place-items:center;margin:24px auto;border-radius:50%;color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 40px #00000040,inset 0 2px 10px rgba(var(--accent-rgb),.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:morphOrb 8s ease-in-out infinite;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.voice-orb svg{filter:drop-shadow(0 6px 12px rgba(0,0,0,.35));z-index:2;transition:transform .3s ease}.voice-orb.listening{animation:morphOrb 3.5s ease-in-out infinite,breathe 1.2s ease-in-out infinite alternate;border-color:var(--text);box-shadow:0 0 45px rgba(var(--accent-rgb),.2),inset 0 2px 18px rgba(var(--accent-rgb),.25)}.voice-orb.listening svg{transform:scale(1.15)}.voice-orb.thinking{animation:morphOrb 2s ease-in-out infinite;border-color:var(--text);border-style:double}.orb-ring{position:absolute;inset:-12px;border-radius:inherit;border:1px solid var(--line);opacity:.35;animation:rotateRing 12s linear infinite;pointer-events:none}.ring-b{inset:-28px;opacity:.15;animation:rotateRing 20s linear infinite reverse}.spin{animation:spin 1s linear infinite}@keyframes morphOrb{0%{border-radius:48% 52% 52% 48%/48% 48% 52% 52%}25%{border-radius:52% 48% 56% 44%/44% 56%}50%{border-radius:45% 55% 48% 52%/55% 45% 52% 48%}75%{border-radius:55% 45% 52% 48%/48% 52%}to{border-radius:48% 52% 52% 48%/48% 48% 52% 52%}}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-row{justify-content:center;gap:8px;color:var(--cyan);font-size:14px;font-weight:720}.speak-button{width:100%;min-height:58px;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:22px;color:var(--text-inverse);font-weight:800;background:var(--text);box-shadow:0 8px 24px rgba(var(--accent-rgb),.1);transition:transform .16s ease,background-color .16s ease,color .16s ease}.speak-button:hover{background:var(--panel-strong);color:var(--text)}.speak-button:active,.suggestion-grid button:active,.scenario-strip button:active,.sheet-actions button:active{transform:scale(.98)}.text-fallback{height:48px;display:flex;align-items:center;gap:9px;margin-top:12px;padding:0 8px 0 13px;border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:background-color .3s ease,border-color .3s ease}.text-fallback input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent}.text-fallback input::placeholder{color:var(--muted)}.text-fallback button{width:35px;height:35px;display:grid;place-items:center;border-radius:13px;background:var(--panel-strong);transition:background-color .2s}.text-fallback button:hover{background:var(--line)}.realtime-note{margin:10px 0 0;color:var(--muted);font-size:12px;text-align:center}.transcript-card{margin-top:13px;padding:12px 14px;color:var(--text);border:1px solid var(--line);border-radius:18px;background:var(--panel-strong)}.assistant-live-card{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.assistant-live-label{display:flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:800}.assistant-live-card p{margin:8px 0 0;color:var(--text);line-height:1.45}.suggestions,.demo-panel,.timeline-panel,.policy-section{margin-top:14px;padding:14px;border-radius:26px}.section-title{gap:8px;margin-bottom:11px;color:var(--text);font-size:13px;font-weight:820}.suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.suggestion-grid button{min-height:56px;padding:11px;border:1px solid var(--line);border-radius:18px;color:var(--text);font-size:13px;font-weight:690;text-align:left;background:var(--panel);transition:background-color .2s,border-color .2s}.suggestion-grid button:hover{background:var(--panel-strong);border-color:var(--text)}.scenario-strip{display:grid;gap:9px}.scenario-strip button{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:18px;text-align:left;background:var(--panel);transition:background-color .2s,border-color .2s}.scenario-strip button:hover{background:var(--panel-strong);border-color:var(--text)}.scenario-strip span{font-weight:780}.scenario-strip small{color:var(--muted);line-height:1.35}.timeline-list{position:relative;display:grid;gap:11px}.timeline-list:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:11px}.timeline-dot{width:17px;height:17px;margin-top:3px;border:3px solid var(--bg-app);border-radius:50%;background:var(--muted);box-shadow:0 0 10px var(--panel);transition:border-color .3s ease,background-color .3s ease}.timeline-item span{color:var(--text);font-size:12px;font-weight:830}.timeline-item p{margin:4px 0 0;color:var(--muted);line-height:1.45}.timeline-item pre{max-height:180px;overflow:hidden;margin:9px 0 0;padding:10px;border-radius:14px;color:var(--text);border:1px solid var(--line);background:var(--panel);white-space:pre-wrap;font-size:11px}.timeline-item.result .timeline-dot{background:var(--text)}.timeline-item.suggested_action .timeline-dot{background:var(--muted)}.config-banner{position:relative;z-index:4;display:flex;align-items:flex-start;gap:10px;margin:0 16px 10px;padding:12px;border-radius:18px;color:var(--text);border:1px solid var(--line);background:var(--panel)}.config-banner strong{display:block;margin-bottom:3px}.config-banner p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.config-banner.voice{border-color:var(--text);background:var(--panel-strong)}.config-banner.voice p{color:var(--muted)}.sheet-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end;background:#00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.approval-sheet{width:100%;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:30px 30px 0 0;background:var(--bg-app);box-shadow:0 -28px 80px #00000059;animation:slideUp .26s ease both;transition:background-color .3s ease,border-color .3s ease}.sheet-handle{width:48px;height:5px;margin:0 auto 14px;border-radius:99px;background:var(--line)}.sheet-title{display:grid;gap:8px;margin-bottom:13px}.risk-badge{width:max-content;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--line);transition:all .3s ease}.risk-badge.low{background:transparent;color:var(--muted);border-color:var(--line)}.risk-badge.medium{background:var(--panel-strong);color:var(--text);border-color:var(--line)}.risk-badge.high,.risk-badge.blocked{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.approval-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.approval-grid .info-cell:nth-child(1),.approval-grid .info-cell:nth-child(3){grid-column:1 / -1}.info-cell{min-height:66px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:background-color .3s ease,border-color .3s ease}.info-cell span{display:block;color:var(--muted);font-size:11px}.info-cell strong{display:block;margin-top:5px;overflow-wrap:break-word;font-size:13px}.biometric-box{display:flex;gap:14px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--panel);transition:all .3s ease}.biometric-box.running svg{animation:pulse 1s ease-in-out infinite}.biometric-box.success{border-color:var(--text);background:var(--panel-strong)}.biometric-box.failed{border-color:var(--text);border-style:dashed}.biometric-box p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.sheet-actions{gap:10px;margin-top:13px}.sheet-actions button{min-height:48px;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:18px;font-weight:820;transition:transform .16s ease,background-color .16s ease,color .16s ease}.sheet-actions .secondary{border:1px solid var(--line);background:var(--panel);color:var(--text)}.sheet-actions .secondary:hover{background:var(--panel-strong)}.sheet-actions .primary{color:var(--text-inverse);background:var(--text)}.sheet-actions .primary:hover{background:var(--panel-strong);color:var(--text)}.audit-head,.policy-hero{justify-content:space-between;gap:12px;padding:16px;border-radius:26px}.audit-head button{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:16px;background:var(--panel);transition:background-color .2s}.audit-head button:hover{background:var(--panel-strong)}.audit-list{display:grid;gap:10px;margin-top:12px}.audit-row{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.audit-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:var(--panel-strong);color:var(--text)}.audit-row time{display:block;color:var(--muted);font-size:11px}.audit-row strong{display:block;margin-top:3px;font-size:14px}.audit-row p{margin:5px 0 0;color:var(--muted);line-height:1.35}.audit-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.audit-tags span,.tool-table article div span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:11px;background:var(--panel)}.policy-hero{justify-content:flex-start}.policy-hero>svg{flex:0 0 auto;color:var(--text)}.policy-hero span{display:block;margin-top:5px;color:var(--muted);line-height:1.4}.tool-table{display:grid;gap:9px}.tool-table article{padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.tool-table p{margin:5px 0 9px;color:var(--muted);font-size:12px;line-height:1.4}.tool-table article div{display:flex;flex-wrap:wrap;gap:6px}.guardrail-grid{display:grid;gap:8px}.guardrail-grid div{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:var(--panel)}.guardrail-grid svg{flex:0 0 auto;margin-top:2px;color:var(--muted)}.empty-state{padding:26px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);text-align:center}.bottom-nav{position:absolute;left:50%;transform:translate(-50%);bottom:calc(20px + env(safe-area-inset-bottom));width:max-content;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--bg-app);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 36px #00000040;z-index:10;transition:background-color .3s ease,border-color .3s ease}.bottom-nav-btn{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;color:var(--muted);background:transparent;font-weight:800;font-size:13px;transition:color .4s ease;white-space:nowrap}.bottom-nav-btn:after{content:"";position:absolute;inset:0;border-radius:999px;background:var(--text);opacity:0;pointer-events:none;transform:scale(.6)}.bottom-nav-btn.active:after{animation:rippleOut .65s cubic-bezier(.1,.8,.3,1) forwards}.bottom-nav-btn.active{color:var(--text-inverse)}.bottom-nav-btn svg{transition:transform .3s ease}.bottom-nav-btn.active svg{animation:popIcon .6s cubic-bezier(.175,.885,.32,1.275) forwards}.nav-indicator{position:absolute;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--text);z-index:1;transition:transform .58s cubic-bezier(.2,1,.22,1),width .52s cubic-bezier(.25,1.25,.3,1.05);pointer-events:none}.nav-label{display:inline-block;opacity:0;font-size:13px;font-weight:800;animation:fadeInLabel .3s cubic-bezier(.16,1,.3,1) .08s forwards}@keyframes fadeInLabel{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes popIcon{0%{transform:scale(.85)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes rippleOut{0%{transform:scale(.5);opacity:.35}50%{opacity:.15}to{transform:scale(1.4);opacity:0}}@keyframes pulse{0%,to{opacity:.48;transform:scale(.98)}50%{opacity:1;transform:scale(1.035)}}@keyframes breathe{0%{box-shadow:0 0 35px var(--line),inset 0 -22px 40px #000000a6}to{box-shadow:0 0 65px var(--text),inset 0 -22px 40px #000000a6}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.suggestion-grid button:active,.scenario-strip button:active,.speak-button:active,.secondary-btn:active,.sheet-actions button:active,.audit-head button:active{transform:scale(.96)!important;transition:transform .1s cubic-bezier(.16,1,.3,1)!important}.theme-toggle:active{transform:scale(.88)!important}.text-fallback button:active{transform:scale(.85)!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftFade{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.text-fallback{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.text-fallback:focus-within{border-color:var(--text)!important;box-shadow:0 0 0 1px var(--text),0 8px 24px rgba(var(--accent-rgb),.08)!important;background:var(--panel-strong)!important}.config-banner{animation:slideDownFade .45s cubic-bezier(.16,1,.3,1) both}.timeline-item{animation:slideLeftFade .5s cubic-bezier(.16,1,.3,1) both}.suggestion-grid button{animation:slideUpFade .55s cubic-bezier(.16,1,.3,1) both}.suggestion-grid button:nth-child(1){animation-delay:.04s}.suggestion-grid button:nth-child(2){animation-delay:.08s}.suggestion-grid button:nth-child(3){animation-delay:.12s}.suggestion-grid button:nth-child(4){animation-delay:.16s}.suggestion-grid button:nth-child(5){animation-delay:.2s}.suggestion-grid button:nth-child(6){animation-delay:.24s}.scenario-strip button{animation:slideUpFade .55s cubic-bezier(.16,1,.3,1) both}.scenario-strip button:nth-child(1){animation-delay:.06s}.scenario-strip button:nth-child(2){animation-delay:.12s}.scenario-strip button:nth-child(3){animation-delay:.18s}.scenario-strip button:nth-child(4){animation-delay:.24s}.audit-row{animation:slideUpFade .55s cubic-bezier(.16,1,.3,1) both}.audit-row:nth-child(1){animation-delay:.04s}.audit-row:nth-child(2){animation-delay:.08s}.audit-row:nth-child(3){animation-delay:.12s}.audit-row:nth-child(4){animation-delay:.16s}.audit-row:nth-child(5){animation-delay:.2s}.audit-row:nth-child(6){animation-delay:.24s}.tool-table article{animation:slideUpFade .55s cubic-bezier(.16,1,.3,1) both}.tool-table article:nth-child(1){animation-delay:.04s}.tool-table article:nth-child(2){animation-delay:.08s}.tool-table article:nth-child(3){animation-delay:.12s}.tool-table article:nth-child(4){animation-delay:.16s}.tool-table article:nth-child(5){animation-delay:.2s}.guardrail-grid div{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) both}.guardrail-grid div:nth-child(1){animation-delay:.03s}.guardrail-grid div:nth-child(2){animation-delay:.06s}.guardrail-grid div:nth-child(3){animation-delay:.09s}.guardrail-grid div:nth-child(4){animation-delay:.12s}.guardrail-grid div:nth-child(5){animation-delay:.15s}@media(min-width:760px){.app-shell{padding:28px}.phone-frame{width:min(100%,900px);max-height:calc(100vh - 56px)}.voice-view{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(340px,1fr);align-content:start;gap:14px}.hero-panel,.timeline-panel{margin-top:0}.timeline-panel{grid-row:span 3}}