@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#e8f5f2;font-synthesis:none;text-rendering:optimizelegibility;background:#061216;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}body{background:#061216;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.app{background:radial-gradient(circle at 88% -10%,#31d6c629,#0000 28rem),radial-gradient(circle at 2% 15%,#ffb54a14,#0000 24rem),#061216;min-height:100vh;overflow-x:hidden}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061216d6;border-bottom:1px solid #a6d6cf1f;justify-content:space-between;align-items:center;gap:20px;height:62px;padding:0 clamp(16px,2.25vw,48px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:220px;display:flex}.topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.menu-trigger,.menu-close{color:#c6e1dd;background:#ffffff08;border:1px solid #a6d6cf2e;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.menu-trigger:hover,.menu-close:hover{color:#eafffb;background:#31d6c617;border-color:#31d6c69e}.brand-mark{color:#31d6c6;background:#31d6c612;border:1px solid #31d6c68c;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:relative}.brand-mark:after{content:"";background:#ffb54a;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 14px #ffb54acc}.brand-word{letter-spacing:.15em;color:#fff;font-size:14px;font-weight:800}.brand-sub{color:#88a5a4;letter-spacing:.12em;margin-top:3px;font-size:10px}.demo-pill,.connection,.tiny-chip,.status-chip,.eyebrow,.tag{letter-spacing:.05em;text-transform:uppercase;font-family:DM Mono,monospace}.demo-pill{color:#ffd69a;background:#ffb54a1f;border:1px solid #ffb54a52;border-radius:999px;padding:7px 10px;font-size:10px}.topbar-actions{align-items:center;gap:10px;display:flex}.si-launch{color:#062725;background:linear-gradient(135deg,#28c4b5,#35dfce);border:1px solid #31d6c68c;border-radius:11px;align-items:center;gap:7px;min-height:34px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 9px 24px #31d6c629}.si-launch:hover{background:#8affef;transform:translateY(-1px)}.quick-reset{color:#b9d7d3;background:#ffffff08;border:1px solid #a6d6cf2e;border-radius:10px;align-items:center;gap:6px;min-height:32px;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex}.quick-reset:hover{color:#eafffb;background:#31d6c614;border-color:#31d6c68c}.icon-button{color:#d5eeeb;background:#ffffff08;border:1px solid #a6d6cf2e;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button:hover{background:#31d6c617;border-color:#31d6c69e}.notice-dot{background:#ffb54a;border:1px solid #061216;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.presentation-stage,.demo-canvas{min-height:100vh}.display-controls{background:#ffffff09;border:1px solid #a6d6cf26;border-radius:13px;align-items:center;gap:3px;padding:3px;display:inline-flex}.display-control{color:#8ea9a6;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:30px;padding:6px 8px;font-size:10px;font-weight:800;display:inline-flex}.display-control:hover{color:#eafffb;background:#ffffff0f}.display-control.active{color:#082425;background:#31d6c6;box-shadow:0 5px 12px #31d6c629}.control-divider{background:#a6d6cf29;align-self:stretch;width:1px;margin:2px}.reviewer-context{color:#789491;letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;width:100%;margin:0;padding:7px clamp(16px,2.25vw,48px) 0;font:10px DM Mono,monospace;display:flex}.reviewer-context strong{color:#75d9cf;font-weight:500}.sandbox-live-dot{background:#31d6c6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #31d6c6cc}.workspace-view{color:#a1bfbb;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.workspace-menu-layer,.onboarding-layer{z-index:90;position:fixed;inset:0}.menu-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#010a0c8f;border:0;position:absolute;inset:0}.workspace-menu{background:#0a1c20;border-right:1px solid #75e5d83d;width:min(414px,100vw - 24px);height:100%;padding:22px 17px 18px;animation:.22s both menu-in;position:relative;overflow-y:auto;box-shadow:22px 0 70px #00000057}@keyframes menu-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.menu-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:0 3px 18px;display:flex}.menu-kicker{color:#75dcd1;letter-spacing:.08em;text-transform:uppercase;font:10px DM Mono,monospace}.menu-header h2{color:#fff;letter-spacing:-.04em;margin:7px 0 0;font-size:23px}.menu-si-card{color:#e8fffc;text-align:left;background:linear-gradient(135deg,#26958b47,#0d272be6);border:1px solid #31d6c670;border-radius:17px;align-items:center;gap:11px;width:100%;padding:14px;display:flex}.menu-si-card:hover{background:linear-gradient(135deg,#28baae59,#0d272bf2);border-color:#5cf4e4}.menu-si-card>span:nth-child(2){flex:1;min-width:0}.menu-si-card strong,.menu-item strong{font-size:13px;display:block}.menu-si-card small,.menu-item small{color:#a1c1bd;margin-top:4px;font-size:11px;line-height:1.35;display:block}.menu-si-mark{color:#072e2a;background:#48e5d3;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 24px #31d6c640}.menu-section-label{color:#789895;letter-spacing:.07em;text-transform:uppercase;margin:19px 5px 8px;font:10px DM Mono,monospace}.menu-list{gap:5px;display:grid}.menu-item{text-align:left;color:#e5f5f2;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;width:100%;padding:10px 8px;display:flex}.menu-item:hover{background:#31d6c612;border-color:#84e6dc3d}.menu-item>span:nth-child(2){flex:1;min-width:0}.menu-item>svg{color:#71908d}.menu-item-icon{color:#70e7da;background:#31d6c617;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.menu-footer{color:#87a5a2;border:1px dashed #a6d6cf2e;border-radius:12px;align-items:flex-start;gap:8px;margin:19px 3px 2px;padding:12px;font-size:10px;line-height:1.45;display:flex}.onboarding-layer{z-index:110;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#010a0ca8;place-items:center;padding:18px;display:grid}.onboarding-card{background:linear-gradient(145deg,#123337,#0a1c20 72%);border:1px solid #6fefe254;border-radius:24px;width:min(525px,100%);padding:30px;animation:.3s both card-in;position:relative;box-shadow:0 28px 90px #00000070}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-close{color:#bed8d4;background:#ffffff08;border:1px solid #a6d6cf2b;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.onboarding-icon{color:#69f1e3;background:#31d6c621;border:1px solid #31d6c642;border-radius:17px;place-items:center;width:53px;height:53px;margin-bottom:20px;display:grid}.onboarding-card h1{color:#fff;letter-spacing:-.045em;margin:9px 0;font-size:clamp(27px,5vw,38px);line-height:1.04}.onboarding-card p{color:#b1cfcb;max-width:455px;margin:0;font-size:14px;line-height:1.6}.tour-progress{gap:6px;margin:24px 0 20px;display:flex}.tour-progress span{background:#92bdb738;border-radius:999px;flex:1;height:4px}.tour-progress span.active{background:#31d6c6}.onboarding-actions{justify-content:space-between;gap:10px;display:flex}.si-layer{z-index:80;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.si-panel{pointer-events:auto;background:#091b1f;border:1px solid #67e9dc54;border-radius:21px;flex-direction:column;width:min(500px,100vw - 32px);height:calc(100dvh - 88px);margin:72px 16px 16px 0;animation:.25s both si-in;display:flex;position:relative;overflow:hidden;box-shadow:-14px 18px 48px #00000047,0 0 0 1px #050c0e2e}@keyframes si-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}.si-header{background:#0d272bdb;border-bottom:1px solid #a6d6cf21;justify-content:space-between;align-items:center;gap:14px;min-height:77px;padding:15px 18px;display:flex}.si-brand{color:#fff;align-items:center;gap:10px;display:flex}.si-brand strong{letter-spacing:-.02em;font-size:16px;display:block}.si-brand small{color:#8eafab;margin-top:2px;font-size:11px;display:block}.si-avatar{color:#06312d;background:linear-gradient(135deg,#52e7d6,#249c91);border-radius:13px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 0 26px #31d6c640}.si-header-actions{align-items:center;gap:10px;display:flex}.si-online{color:#84dcd2;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font:10px DM Mono,monospace;display:inline-flex}.si-online span{background:#48e5a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #48e5a0b8}.si-security{color:#88aaa6;background:#31d6c60e;border-bottom:1px solid #31d6c61f;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 18px;font-size:10px;display:flex}.si-security svg{color:#72e6da}.si-security span{color:#b9d8d3;font-weight:700}.si-security small{color:#779692;width:100%;padding-left:22px}.si-voice-workspace{background:#31d6c60b;border:1px solid #31d6c62e;border-radius:14px;margin:12px 18px 0;padding:11px}.si-voice-workspace.listening{border-color:#43ebbb94;box-shadow:inset 0 0 0 1px #43ebbb14}.si-voice-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.si-voice-header strong,.si-voice-header span{display:block}.si-voice-header strong{color:#e8fffb;margin-top:3px;font-size:12px}.si-voice-kicker{color:#70e8dc;letter-spacing:.07em;text-transform:uppercase;font:9px DM Mono,monospace}.listening-state{color:#76edae;text-transform:uppercase;letter-spacing:.05em;flex:none;align-items:center;gap:6px;font:9px DM Mono,monospace;display:inline-flex!important}.listening-state>span{background:#55e69a;border-radius:50%;width:7px;height:7px;animation:1.25s infinite listen-pulse;box-shadow:0 0 #55e69a8c}@keyframes listen-pulse{70%{box-shadow:0 0 0 7px #55e69a00}to{box-shadow:0 0 #55e69a00}}.si-voice-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.voice-action{color:#062725;background:#27c6b8;border:1px solid #49e4d666;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:10px;font-weight:800;display:inline-flex}.voice-action.secondary{color:#b9d8d3;background:#ffffff09;border-color:#a6d6cf33}.voice-action.is-listening{color:#e3fffb;background:#197d73}.voice-command-hint{color:#88e8df;align-items:center;gap:6px;margin-top:9px;font-size:10px;line-height:1.35;display:flex}.voice-consent-card,.voice-review-card{margin-top:10px}.voice-consent-title{color:#76e9dd;align-items:center;gap:7px;display:flex}.voice-consent-title strong{font-size:12px}.voice-consent-card p,.voice-review-card p{color:#a6c3bf;margin:8px 0;font-size:10px;line-height:1.45}.consent-check{color:#d1e7e4;cursor:pointer;align-items:flex-start;gap:8px;margin-top:9px;font-size:10px;line-height:1.42;display:flex}.consent-check input{accent-color:#31d6c6;flex:none;width:14px;height:14px;margin:1px 0 0}.voice-consent-actions{justify-content:flex-end;align-items:center;gap:7px;margin-top:10px;display:flex}.voice-consent-actions .button,.voice-consent-actions .ghost-button{border-radius:9px;padding:8px 10px;font-size:10px}.voice-consent-card>small,.voice-review-card>small{color:#718f8b;margin-top:9px;font-size:9px;line-height:1.35;display:block}.voice-listening-card{margin-top:10px}.voice-wave{background:#3ee1a317;border-radius:9px;justify-content:center;align-items:center;gap:4px;height:27px;padding:3px;display:flex}.voice-wave span{background:#65e9a7;border-radius:999px;width:3px;height:8px;animation:1.1s ease-in-out infinite wave}.voice-wave span:nth-child(2){height:17px;animation-delay:.12s}.voice-wave span:nth-child(3){height:12px;animation-delay:.24s}.voice-wave span:nth-child(4){height:21px;animation-delay:.36s}.voice-wave span:nth-child(5){height:15px;animation-delay:.18s}.voice-wave span:nth-child(6){height:19px;animation-delay:.3s}.voice-wave span:nth-child(7){height:9px;animation-delay:.42s}@keyframes wave{50%{opacity:.44;transform:scaleY(.36)}}.voice-transcript{gap:6px;margin-top:8px;display:grid}.voice-awaiting{color:#7f9d99;font-size:10px;font-style:italic}.voice-line{background:#ffffff09;border-radius:9px;padding:7px 8px;font-size:10px;line-height:1.42}.voice-line strong{color:#79eee1;margin-right:5px}.voice-line span{color:#c0d8d5}.voice-listening-footer{color:#84b0aa;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:9px;display:flex}.voice-listening-footer>span{align-items:center;gap:5px;display:inline-flex}.voice-listening-footer .secondary-button{border-radius:9px;padding:7px 9px;font-size:10px}.memory-summary{gap:6px;margin:9px 0;display:grid}.memory-summary div{background:#ffffff06;border:1px solid #a6d6cf21;border-radius:9px;padding:7px 8px}.memory-summary span,.memory-summary strong{display:block}.memory-summary span{color:#769692;text-transform:uppercase;letter-spacing:.05em;font:8px DM Mono,monospace}.memory-summary strong{color:#d8eeeb;margin-top:3px;font-size:10px;line-height:1.35}.voice-saved{color:#79e9b2;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.voice-saved>svg{flex:none;margin-top:1px}.voice-saved div{flex:1}.voice-saved strong,.voice-saved span{display:block}.voice-saved strong{color:#d8ffea;font-size:11px}.voice-saved span{color:#a3c8bd;margin-top:3px;font-size:10px;line-height:1.4}.voice-saved .ghost-button{border-radius:9px;flex:none;padding:7px 8px;font-size:9px}.si-threadbar{background:#ffffff06;border:1px solid #a6d6cf21;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;margin:14px 18px 0;padding:10px 12px;display:flex}.si-threadbar span,.si-threadbar strong{display:block}.si-threadbar span{color:#759490;letter-spacing:.06em;text-transform:uppercase;font:9px DM Mono,monospace}.si-threadbar strong{text-overflow:ellipsis;white-space:nowrap;color:#eafffb;max-width:320px;margin-top:3px;font-size:12px;overflow:hidden}.si-threadbar button{color:#77e4d8;background:0 0;border:0;font-size:11px;font-weight:800}.si-modes{scrollbar-width:none;gap:5px;padding:12px 18px;display:flex;overflow-x:auto}.si-modes::-webkit-scrollbar{display:none}.si-modes button{color:#8fadaa;background:#ffffff06;border:1px solid #a6d6cf21;border-radius:9px;flex:none;padding:7px 9px;font-size:10px;font-weight:800}.si-modes button.active{color:#76f1e3;background:#31d6c61f;border-color:#31d6c659}.si-messages{flex:1;align-content:start;gap:12px;min-height:160px;padding:4px 18px 18px;display:grid;overflow-y:auto}.si-message{border-radius:16px;max-width:91%;padding:13px}.si-message.si{background:linear-gradient(135deg,#153c3cc7,#0d2327cc);border:1px solid #31d6c633}.si-message.user{color:#052c28;background:#a7f7ec;border-bottom-right-radius:4px;justify-self:end}.si-message-label{color:#77e7dc;letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px;font:9px DM Mono,monospace}.si-message p{color:#cae0dc;margin:0;font-size:13px;line-height:1.52}.si-message.user p{color:#083733}.si-command-card{background:#03131547;border:1px solid #57e7d933;border-radius:12px;margin-top:12px;padding:10px}.si-command-card>div{color:#76eadc;align-items:center;gap:8px;display:flex}.si-command-card strong,.si-command-card small{display:block}.si-command-card strong{color:#e9fffc;font-size:12px}.si-command-card small{color:#94b7b2;margin-top:2px;font-size:10px}.si-command-card .button{width:100%;margin-top:10px;padding:9px 11px;font-size:11px}.si-command-card .ghost-button{width:100%;margin-top:6px;padding:8px 11px;font-size:10px}.si-suggestions{scrollbar-width:none;border-top:1px solid #a6d6cf1a;gap:6px;padding:9px 18px;display:flex;overflow-x:auto}.si-suggestions::-webkit-scrollbar{display:none}.si-suggestions button{color:#b9d3cf;background:#ffffff09;border:1px solid #a6d6cf2b;border-radius:999px;flex:none;padding:7px 9px;font-size:10px}.si-suggestions button:hover{color:#7cf7e9;border-color:#31d6c673}.si-composer{align-items:center;gap:8px;padding:12px 18px 18px;display:flex}.si-composer input{color:#effffb;background:#102a2e;border:1px solid #a6d6cf33;border-radius:13px;outline:none;width:100%;min-width:0;padding:12px 13px;font-size:12px}.si-composer input:focus{border-color:#31d6c6ad;box-shadow:0 0 0 3px #31d6c61a}.si-composer .button{flex:none;width:43px;height:43px;padding:0}.si-mic{color:#77e8dd;background:#31d6c617;border:1px solid #31d6c652;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.si-mic.is-listening{color:#ddfff6;background:#197d73;border-color:#55e69a}.si-mic:disabled{cursor:default}.theme-light .si-panel{background:#f8fdfb;border-color:#11796c4d;box-shadow:-14px 18px 48px #19514a2b,0 0 0 1px #15695f12}.theme-light .si-header{background:#fff;border-color:#d7e9e5}.theme-light .si-brand{color:#113a37}.theme-light .si-brand small{color:#61817d}.theme-light .si-avatar{color:#07312d;background:linear-gradient(135deg,#58e6d6,#38b9aa)}.theme-light .si-security{color:#557974;background:#ecfaf6;border-color:#cae9e1}.theme-light .si-security span{color:#24554f}.theme-light .si-security small{color:#668782}.theme-light .si-voice-workspace{background:#f0faf7;border-color:#c8e6df}.theme-light .si-voice-workspace.listening{border-color:#69c996;box-shadow:inset 0 0 0 1px #22935d14}.theme-light .si-voice-header strong{color:#194640}.theme-light .si-voice-kicker,.theme-light .voice-consent-title,.theme-light .voice-line strong{color:#087d70}.theme-light .voice-action.secondary{color:#3d625e;background:#fff;border-color:#c9e2dd}.theme-light .voice-command-hint{color:#157b70}.theme-light .voice-consent-card p,.theme-light .voice-review-card p{color:#557874}.theme-light .consent-check{color:#315c56}.theme-light .voice-consent-card>small,.theme-light .voice-review-card>small{color:#6d8d88}.theme-light .voice-wave{background:#e2f7ec}.theme-light .voice-line{background:#fff}.theme-light .voice-line span{color:#426963}.theme-light .voice-listening-footer{color:#5e817c}.theme-light .memory-summary div{background:#fff;border-color:#cee5df}.theme-light .memory-summary span{color:#668782}.theme-light .memory-summary strong{color:#24534d}.theme-light .voice-saved strong{color:#216342}.theme-light .voice-saved span{color:#547a70}.theme-light .si-mic{color:#087b6e;background:#e4f7f2;border-color:#aadfd5}.theme-light .si-threadbar{background:#fff;border-color:#d5e9e4}.theme-light .si-threadbar span{color:#64837e}.theme-light .si-threadbar strong{color:#163e3a}.theme-light .si-threadbar button{color:#08796c}.theme-light .si-modes button{color:#5e7b77;background:#fff;border-color:#cfe5df}.theme-light .si-modes button.active{color:#08796c;background:#dcf7f0;border-color:#98ddd1}.theme-light .si-message.si{background:linear-gradient(135deg,#e7f9f5,#fbfffd);border-color:#b6e5dc}.theme-light .si-message.user{color:#07332f;background:#93eadc}.theme-light .si-message-label{color:#0e7d70}.theme-light .si-message p{color:#2d5752}.theme-light .si-message.user p{color:#07332f}.theme-light .si-command-card{background:#f8fffd;border-color:#c6e8e0}.theme-light .si-command-card>div{color:#0a7b6f}.theme-light .si-command-card strong{color:#194c46}.theme-light .si-command-card small{color:#62817c}.theme-light .si-suggestions{border-color:#d9ebe7}.theme-light .si-suggestions button{color:#426a64;background:#fff;border-color:#cce3de}.theme-light .si-suggestions button:hover{color:#08786b;border-color:#86d8cc}.theme-light .si-composer input{color:#173f3a;background:#fff;border-color:#bdded7}.theme-light .si-online{color:#23776d}@media (min-width:1280px){.si-open .demo-canvas{padding-right:516px;transition:padding-right .25s}.si-open .topbar,.si-open .app-wrap,.si-open .reviewer-context{padding-right:20px}}.app-wrap{width:100%;margin:0;padding:12px clamp(16px,2.25vw,48px) 24px}.surface-switch{background:#081b1fbd;border:1px solid #a6d6cf24;border-radius:16px;gap:8px;width:-moz-fit-content;width:fit-content;margin-bottom:12px;padding:5px;display:flex}.surface-button{color:#90adac;background:0 0;border:none;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.surface-button.active{color:#071217;background:#31d6c6;box-shadow:0 7px 22px #31d6c62b}.surface-button:hover:not(.active){color:#eafffb;background:#ffffff0d}.visit-ribbon{background:linear-gradient(110deg,#0c2327f5,#0a1d21f0);border:1px solid #a6d6cf26;border-radius:18px;margin-bottom:12px;padding:13px 16px;position:relative;overflow:hidden}.visit-ribbon:before{content:"";pointer-events:none;background:radial-gradient(circle,#31d6c624,#0000 66%);border-radius:50%;width:480px;height:180px;position:absolute;top:-90px;right:-80px}.visit-top{justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.visit-identity{align-items:center;gap:12px;min-width:0;display:flex}.avatar{color:#d7fffa;background:linear-gradient(145deg,#2a7976,#0c262b);border:1px solid #77ece057;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:grid}.visit-name{color:#fff;font-size:15px;font-weight:800}.visit-meta{color:#91abaa;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.visit-focus{text-align:right;flex:none}.eyebrow{color:#81a4a0;font-size:10px}.focus-title{color:#ffda9d;margin-top:4px;font-size:13px;font-weight:700}.progress-rail{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:12px;display:grid;position:relative}.progress-item{min-width:0}.progress-line{background:#90b1ad29;border-radius:10px;height:4px;overflow:hidden}.progress-item.done .progress-line{background:#31d6c6}.progress-item.active .progress-line{background:#ffb54a;box-shadow:0 0 12px #ffb54a99}.progress-label{color:#799390;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:10px;overflow:hidden}.progress-item.active .progress-label{color:#ffdba2}.screen-grid{grid-template-columns:minmax(0,1fr) clamp(320px,19vw,390px);align-items:start;gap:16px;display:grid}.content{min-width:0}.agent-rail{position:sticky;top:76px}.card{background:#0c1f23d1;border:1px solid #aad2cd26;border-radius:18px;padding:15px;box-shadow:0 16px 50px #0000002b}.card.light{color:#0b2021;background:#f1fbf8;border-color:#b5e1db80}.card+.card{margin-top:16px}.section-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin:4px 0 10px;display:flex}.section-heading h1,.section-heading h2,.section-heading h3,.card h3,.card h4{color:#fff;letter-spacing:-.035em;margin:0}.section-heading h1{font-size:clamp(24px,2vw,32px);line-height:1.05}.section-heading h2{font-size:20px}.section-heading p{color:#8ea9a7;max-width:640px;margin:5px 0 0;font-size:12px;line-height:1.45}.muted{color:#8ea9a7;font-size:13px;line-height:1.5}.caption{color:#77928f;font-size:11px;line-height:1.45}.subnav{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.subnav::-webkit-scrollbar{display:none}.subnav button{color:#9eb8b5;background:#0c1f23a3;border:1px solid #a6d6cf24;border-radius:99px;flex:none;padding:9px 13px;font-size:12px;font-weight:700}.subnav button.active{color:#7ff7e9;background:#31d6c621;border-color:#31d6c65c}.hero-card{background:linear-gradient(135deg,#102a2c 0%,#0b1e24 56%,#1a2b2c 100%);min-height:160px;padding:17px;position:relative;overflow:hidden}.hero-card:after{content:"";border:1px solid #31d6c640;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-100px;right:-65px;box-shadow:0 0 0 30px #31d6c606,0 0 0 60px #31d6c605}.sandbox-visit{background:linear-gradient(135deg,#0e272a 0%,#0a1d22 64%,#14292b 100%);min-height:138px}.sandbox-visit:after{opacity:.5}.sandbox-visit .hero-copy h2{font-size:clamp(21px,2vw,28px)}.hero-copy{max-width:660px;position:relative}.hero-copy h2{color:#fff;letter-spacing:-.04em;margin:7px 0;font-size:clamp(23px,2.4vw,30px)}.hero-copy p{color:#b7d0cd;margin:0;font-size:13px;line-height:1.45}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:relative}.button,.secondary-button,.ghost-button,.choice-button{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.button{color:#052021;background:#31d6c6;box-shadow:0 10px 25px #31d6c629}.button:hover{background:#7bfaeb;transform:translateY(-1px)}.secondary-button{color:#ffd69a;background:#ffb54a21;border:1px solid #ffb54a40}.secondary-button:hover{background:#ffb54a33}.ghost-button{color:#bbd4d1;background:#ffffff0a;border:1px solid #a6d6cf24}.ghost-button:hover{color:#fff;background:#ffffff14}.button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:default;opacity:.55;transform:none}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.metric{background:#0a1b1e9e;border:1px solid #a6d6cf1f;border-radius:14px;padding:11px 13px}.metric-label{color:#78918f;text-transform:uppercase;letter-spacing:.05em;font:10px DM Mono,monospace}.metric-value{color:#fff;letter-spacing:-.04em;margin-top:6px;font-size:23px;font-weight:800}.metric-note{color:#9bb4b1;margin-top:4px;font-size:10px}.action-list{gap:8px;display:grid}.action-row{text-align:left;color:#d9eeeb;background:#ffffff06;border:1px solid #a6d6cf24;border-radius:12px;align-items:center;gap:10px;width:100%;padding:11px;transition:all .18s;display:flex}.action-row:hover{background:#31d6c60f;border-color:#31d6c673;transform:translate(2px)}.action-icon{color:#31d6c6;background:#31d6c617;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.action-body{flex:1;min-width:0}.action-title{color:#fff;font-size:13px;font-weight:750;display:block}.action-detail{color:#88a3a0;margin-top:3px;font-size:11px;line-height:1.4;display:block}.action-chevron{color:#6f8c89}.agent-card{background:linear-gradient(135deg,#103232f5,#0a1e22f5);border:1px solid #31d6c640;border-radius:20px;padding:17px;position:relative;overflow:hidden}.agent-card:before{content:"";background:#31d6c614;border-radius:50%;width:150px;height:150px;position:absolute;top:-84px;right:-56px}.agent-card.attention{background:linear-gradient(135deg,#362716f5,#1b1d19f5);border-color:#ffb54a59}.agent-card.attention:before{background:#ffb54a17}.agent-head{justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.agent-title{color:#fff;align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.agent-label{color:#77e7dc;letter-spacing:.06em;text-transform:uppercase;font:10px DM Mono,monospace}.agent-card.attention .agent-label{color:#ffd08a}.agent-copy{color:#b9d3d0;margin:11px 0 0;font-size:13px;line-height:1.55;position:relative}.agent-evidence{color:#99bbb7;background:#0000002e;border:1px solid #bae8e11c;border-radius:12px;margin-top:12px;padding:10px;font:11px/1.45 DM Mono,monospace;position:relative}.agent-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex;position:relative}.draft-message{background:#ffb54a12;border:1px solid #ffb54a4f;border-radius:15px;margin-top:12px;padding:14px}.draft-message p{color:#dcebe7;margin:8px 0 12px;font-size:13px;line-height:1.55}.draft-message p strong{color:#ffe1ad}.draft-footer{border-top:1px solid #ffb54a29;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.draft-footer span{color:#b8cbc7;font-size:11px;line-height:1.35}.phone-shell{background:#09191e;border:1px solid #31d6c647;border-radius:24px;overflow:hidden}.phone-top{background:#31d6c612;border-bottom:1px solid #31d6c61f;justify-content:space-between;align-items:center;padding:16px;display:flex}.live{color:#7df5e7;letter-spacing:.07em;align-items:center;gap:6px;font:10px DM Mono,monospace;display:inline-flex}.live-dot{background:#31d6c6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #31d6c6}.call-contact{align-items:center;gap:10px;display:flex}.call-contact strong{color:#fff;font-size:14px;display:block}.call-contact span{color:#8da9a5;font-size:11px}.phone-body{padding:18px}.call-stage{gap:5px;margin:4px 0 20px;display:flex}.call-stage-dot{background:#79a6a033;border-radius:99px;flex:1;height:4px}.call-stage-dot.done{background:#31d6c6}.call-stage-dot.active{background:#ffb54a}.call-transcript{color:#c3d9d6;background:#ffffff09;border:1px solid #a6d6cf1a;border-radius:14px;padding:12px;font-size:13px;line-height:1.5}.call-transcript span{color:#799693;letter-spacing:.06em;margin-bottom:5px;font:10px DM Mono,monospace;display:block}.teleprompter{color:#0b2627;background:#f2fbf9;border-radius:16px;margin:14px 0;padding:16px}.teleprompter .tag{color:#168e84;font-size:10px}.teleprompter p{letter-spacing:-.025em;margin:7px 0 0;font-size:19px;font-weight:700;line-height:1.36}.coach-tip{color:#b1c9c5;border-left:2px solid #ffb54a;padding:5px 0 5px 11px;font-size:12px;line-height:1.45}.chip-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.chip-list button{color:#aac2bf;background:#ffffff09;border:1px solid #a6d6cf24;border-radius:99px;padding:7px 9px;font-size:11px}.chip-list button:hover{color:#ffcf87;border-color:#ffb54a80}.timeline{padding-left:18px;position:relative}.timeline:before{content:"";background:#68928d59;width:1px;position:absolute;top:4px;bottom:6px;left:4px}.timeline-item{padding:0 0 18px 16px;position:relative}.timeline-dot{background:#31d6c6;border:2px solid #071217;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:-18px}.timeline-dot.attention{background:#ffb54a}.timeline-dot.success{background:#79e0a2}.timeline-time{color:#78918e;font:10px DM Mono,monospace}.timeline-title{color:#fff;margin-top:3px;font-size:13px;font-weight:750}.timeline-detail{color:#91aaa7;margin-top:4px;font-size:12px;line-height:1.45}.package{background:#ffffff06;border:1px solid #a6d6cf24;border-radius:16px;padding:15px}.package+.package{margin-top:10px}.package-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.package h4{font-size:14px}.package p{color:#9bb4b1;margin:7px 0 0;font-size:12px;line-height:1.5}.price{color:#fff;white-space:nowrap;font-size:18px;font-weight:800}.status-chip{color:#7ff7e9;background:#31d6c61f;border:1px solid #31d6c638;border-radius:99px;padding:5px 7px;font-size:9px}.status-chip.orange{color:#ffd79c;background:#ffb54a1a;border-color:#ffb54a3d}.rail-tabs{background:#ffffff06;border:1px solid #a6d6cf21;border-radius:14px;gap:4px;padding:5px;display:flex}.rail-tabs button{color:#849d9b;background:0 0;border:0;border-radius:9px;flex:1;padding:8px;font-size:11px}.rail-tabs button.active{color:#80f5e8;background:#31d6c61f}.notification{border-bottom:1px solid #a6d6cf1a;gap:10px;padding:12px 0;display:flex}.notification:last-child{border-bottom:0}.notification-dot{background:#31d6c6;border-radius:50%;flex:none;width:8px;height:8px;margin-top:4px}.notification-dot.attention{background:#ffb54a}.notification-dot.success{background:#79e0a2}.notification-title{color:#fff;font-size:12px;font-weight:750}.notification-detail{color:#8fa9a6;margin-top:4px;font-size:11px;line-height:1.4}.notification-time{color:#6f8986;margin-top:5px;font:10px DM Mono,monospace}.two-col{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.surface-intro{background:#31d6c612;border:1px solid #31d6c629;border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.surface-intro p{color:#b0ccca;margin:0;font-size:12px;line-height:1.5}.inspection-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.check-card{background:#ffffff06;border:1px solid #a6d6cf21;border-radius:15px;min-height:120px;padding:13px}.check-card.done{background:#31d6c60f;border-color:#31d6c659}.check-card .icon-wrap{color:#31d6c6;margin-bottom:10px}.check-card strong{color:#fff;font-size:13px;display:block}.check-card span{color:#8da7a5;margin-top:4px;font-size:11px;line-height:1.4;display:block}.field-row{gap:6px;margin-top:9px;display:flex}.field-row input{color:#effffb;background:#00000029;border:1px solid #a6d6cf33;border-radius:8px;outline:none;width:100%;min-width:0;padding:7px 8px;font-size:12px}.field-row input:focus{border-color:#31d6c6b3;box-shadow:0 0 0 3px #31d6c614}.mini-button{color:#83f5e8;background:#31d6c61c;border:1px solid #31d6c64a;border-radius:8px;margin-top:9px;padding:7px 8px;font-size:11px;font-weight:800}.field-row .mini-button{margin-top:0}.sync-state{text-transform:uppercase;letter-spacing:.04em;color:#82a09d;margin-top:8px;font:9px DM Mono,monospace}.check-card.done .sync-state{color:#71e8d9}.glovebox{color:#0c2323;background:#effcf9;border:8px solid #0f2e30;border-radius:30px;max-width:430px;margin:0 auto;overflow:hidden;box-shadow:0 26px 65px #00000047}.glovebox-top{color:#fff;background:#0f2e30;padding:20px}.glovebox-top .brand-word{font-size:12px}.glovebox-top h2{letter-spacing:-.04em;margin:22px 0 8px;font-size:24px;line-height:1.1}.glovebox-top p{color:#bad5d1;margin:0;font-size:12px;line-height:1.5}.glove-progress{background:#dff7f1;padding:14px 20px}.glove-progress strong{color:#0b6d66;font-size:12px}.glove-progress span{color:#39726d;margin-top:3px;font-size:11px;display:block}.glove-body{padding:18px}.glove-section{background:#fff;border:1px solid #d3ebe6;border-radius:16px;margin-bottom:12px;padding:15px}.glove-section h3{color:#0d2728;margin:0;font-size:14px}.glove-section p{color:#50716e;margin:7px 0 0;font-size:12px;line-height:1.5}.glove-price{color:#0e292a;margin:10px 0 5px;font-size:21px;font-weight:800}.glove-pills{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.glove-pills span{color:#08766d;background:#e2f8f2;border-radius:99px;padding:5px 7px;font-size:10px;font-weight:700}.glovebox .button{width:100%}.glovebox .secondary-button,.glovebox .ghost-button{width:100%;margin-top:8px}.customer-state{border-radius:10px;margin:11px 0;padding:9px 10px;font-size:11px;line-height:1.45}.success-state{color:#0b6c62;background:#dcf8ef;border:1px solid #b9ebdc}.defer-state{color:#775016;background:#fff1d8;border:1px solid #f4d39e}.glove-choice-row{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.customer-choice{color:#326863;background:#f7fffd;border:1px solid #cce8e2;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:43px;font-size:11px;font-weight:800;display:inline-flex}.customer-choice.selected{color:#076b61;background:#dff9f3;border-color:#39bcae}.pickup-review{border-color:#a7ddd3}.aftercare-list{border-color:#c8e6e0}.aftercare-row{border-bottom:1px solid #e1f0ed;padding:10px 0}.aftercare-row:last-child{border-bottom:0;padding-bottom:0}.aftercare-row strong{color:#0c756b;font-family:DM Mono,monospace;font-size:10px;display:block}.aftercare-row span{color:#0c2829;margin-top:3px;font-size:12px;font-weight:800;display:block}.aftercare-row p{margin:4px 0 0}.option-grid{gap:9px;display:grid}.option{background:#ffffff06;border:1px solid #a6d6cf24;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.option.selected{background:#31d6c612;border-color:#31d6c680}.option h4{color:#fff;margin:0;font-size:13px}.option p{color:#8da7a5;margin:3px 0 0;font-size:11px}.option-price{color:#e9fffc;text-align:right;margin-left:auto;font-size:13px;font-weight:800}.option-price small{color:#819c99;margin-top:4px;font:10px DM Mono,monospace;display:block}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.kpi-card{background:#ffffff06;border:1px solid #a6d6cf21;border-radius:14px;padding:14px}.kpi-card .value{color:#fff;letter-spacing:-.04em;margin-top:7px;font-size:25px;font-weight:800}.kpi-card .detail{color:#8ea7a4;margin-top:6px;font-size:11px;line-height:1.4}.empty-state{text-align:center;color:#99b3b0;padding:26px 16px}.empty-state svg{color:#31d6c6;margin-bottom:9px}.empty-state strong{color:#fff;font-size:14px;display:block}.empty-state p{max-width:380px;margin:5px auto 0;font-size:12px;line-height:1.5}.toast-stack{z-index:70;gap:9px;width:min(360px,100vw - 34px);display:grid;position:fixed;bottom:22px;right:22px}.toast{background:#0b2225f7;border:1px solid #31d6c647;border-radius:15px;gap:10px;padding:13px;animation:.26s both enter;display:flex;box-shadow:0 16px 38px #00000052}.toast.attention{border-color:#ffb54a5c}.toast-title{color:#fff;font-size:12px;font-weight:800}.toast-detail{color:#a5c1bd;margin-top:3px;font-size:11px;line-height:1.4}@keyframes enter{0%{opacity:0;transform:translateY(13px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.simulation-note{color:#819e9b;border:1px dashed #a6d6cf38;border-radius:14px;align-items:flex-start;gap:9px;margin-top:18px;padding:12px 14px;font-size:11px;line-height:1.5;display:flex}@media (min-width:1060px){.action-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-queue-grid .action-row{min-height:62px}.action-queue-grid .action-row:last-child{grid-column:1/-1}}.theme-light{color:#17302f;background:radial-gradient(circle at 88% -10%,#27a79a2e,#0000 29rem),radial-gradient(circle at 2% 15%,#ffb54a24,#0000 24rem),#edf5f2}.theme-light .topbar{background:#f8fdfbe0;border-color:#265f5b1f}.theme-light .brand-word,.theme-light .visit-name,.theme-light .section-heading h1,.theme-light .section-heading h2,.theme-light .section-heading h3,.theme-light .card h3,.theme-light .card h4,.theme-light .hero-copy h2,.theme-light .metric-value,.theme-light .action-title,.theme-light .agent-title,.theme-light .timeline-title,.theme-light .package h4,.theme-light .price,.theme-light .call-contact strong,.theme-light .option h4,.theme-light .option-price,.theme-light .kpi-card .value,.theme-light .empty-state strong,.theme-light .toast-title{color:#123331}.theme-light .brand-sub,.theme-light .visit-meta,.theme-light .eyebrow,.theme-light .caption,.theme-light .section-heading p,.theme-light .muted,.theme-light .metric-label,.theme-light .metric-note,.theme-light .action-detail,.theme-light .agent-copy,.theme-light .agent-evidence,.theme-light .call-contact span,.theme-light .call-transcript,.theme-light .call-transcript span,.theme-light .coach-tip,.theme-light .timeline-time,.theme-light .timeline-detail,.theme-light .package p,.theme-light .notification-detail,.theme-light .notification-time,.theme-light .surface-intro p,.theme-light .check-card span,.theme-light .option p,.theme-light .option-price small,.theme-light .kpi-card .detail,.theme-light .empty-state,.theme-light .toast-detail,.theme-light .simulation-note{color:#52706d}.theme-light .brand-mark{color:#127b70;background:#effbf8;border-color:#127b7059}.theme-light .demo-pill{color:#79511c;background:#fff2d9;border-color:#f1cf94}.theme-light .quick-reset{color:#315f5a;background:#ffffffb8;border-color:#1e625c29}.theme-light .quick-reset:hover{color:#123b38;background:#e6f7f3}.theme-light .icon-button,.theme-light .display-controls{color:#28514e;background:#ffffffb8;border-color:#1e625c29}.theme-light .notice-dot{border-color:#f5fbf8}.theme-light .display-control{color:#547572}.theme-light .display-control:hover{color:#123b38;background:#e6f7f3}.theme-light .display-control.active{color:#062322;background:#31d6c6}.theme-light .reviewer-context{color:#6d8682}.theme-light .reviewer-context strong{color:#14786e}.theme-light .workspace-view{color:#567874}.theme-light .surface-switch{background:#ffffffa8;border-color:#1e625c29;box-shadow:0 10px 30px #1e554f0d}.theme-light .surface-button{color:#52716e}.theme-light .surface-button:hover:not(.active){color:#153b39;background:#eaf7f4}.theme-light .visit-ribbon{background:linear-gradient(110deg,#f6fffd,#e9f7f3);border-color:#1a69602e}.theme-light .avatar{color:#14564f;background:linear-gradient(145deg,#d2f2ec,#b8e7de);border-color:#19786d3d}.theme-light .focus-title,.theme-light .progress-item.active .progress-label{color:#995e15}.theme-light .progress-label{color:#698682}.theme-light .card{background:#fffc;border-color:#1c5f5926;box-shadow:0 16px 50px #1a4f4917}.theme-light .subnav button{color:#577572;background:#ffffffc2;border-color:#1e625c26}.theme-light .subnav button.active{color:#097a6e;background:#dff8f2;border-color:#95ddd2}.theme-light .hero-card{background:linear-gradient(135deg,#e4f8f4 0%,#f8fffd 56%,#edf8f5 100%)}.theme-light .sandbox-visit{background:linear-gradient(135deg,#dff5f0 0%,#f8fffd 64%,#e6f5f2 100%)}.theme-light .hero-copy p{color:#55716e}.theme-light .secondary-button{color:#7b5114;background:#fff1d7;border-color:#f1cf91}.theme-light .ghost-button{color:#42615e;background:#f8fdfb;border-color:#cbe4de}.theme-light .ghost-button:hover{color:#173c39;background:#edf9f5}.theme-light .metric,.theme-light .action-row,.theme-light .package,.theme-light .option,.theme-light .kpi-card,.theme-light .check-card{background:#f9fefcdb;border-color:#1e625c24}.theme-light .action-row{color:#173d3a}.theme-light .action-row:hover{background:#eaf9f5;border-color:#83d9cd}.theme-light .action-chevron{color:#6b8985}.theme-light .agent-card{background:linear-gradient(135deg,#e4f9f4,#f8fffd);border-color:#a8e3d9}.theme-light .agent-card.attention{background:linear-gradient(135deg,#fff4df,#fffdfa);border-color:#f0cd91}.theme-light .agent-evidence{background:#e4f6f1bd;border-color:#1e625c1f}.theme-light .draft-message{background:#fff7e8;border-color:#eeca8d}.theme-light .draft-message p{color:#5f4825}.theme-light .draft-message p strong{color:#855b18}.theme-light .draft-footer span{color:#74603c}.theme-light .phone-shell{background:#f8fffd;border-color:#99ddd2}.theme-light .phone-top{background:#e9faf6;border-color:#c8eae3}.theme-light .call-transcript{background:#f6fcfa;border-color:#d5e9e4}.theme-light .chip-list button,.theme-light .rail-tabs{color:#52716e;background:#f8fdfb;border-color:#cde5df}.theme-light .rail-tabs button.active{color:#08776b;background:#dff8f2}.theme-light .timeline-dot{border-color:#f8fffd}.theme-light .surface-intro{background:#ecfbf7;border-color:#bee8df}.theme-light .surface-intro strong{color:#164b46!important}.theme-light .field-row input{color:#153c39;background:#fff;border-color:#bddbd5}.theme-light .sync-state{color:#66807c}.theme-light .mini-button{color:#087a6e;background:#e2f8f2;border-color:#a4ddd2}.theme-light .check-card.done{background:#ecfbf7;border-color:#9eddd2}.theme-light .toast{background:#fafffdfa;border-color:#a6ddd4;box-shadow:0 16px 38px #1a4f492e}@media (min-width:761px){.preview-mobile{background:#00000029;justify-content:center;align-items:flex-start;min-height:100vh;padding:22px;display:flex}.theme-light .preview-mobile{background:linear-gradient(135deg,#d5e9e4,#eaf4f1)}.preview-mobile .demo-canvas{background:#061216;border:9px solid #10292b;border-radius:38px;width:430px;min-height:calc(100vh - 44px);overflow:hidden;box-shadow:0 28px 90px #00000061}.theme-light .preview-mobile .demo-canvas{background:#edf5f2;border-color:#214e4c}.preview-mobile .topbar{height:62px;padding:0 12px;position:sticky}.preview-mobile .brand{gap:8px;min-width:0}.preview-mobile .brand-mark{border-radius:10px;width:30px;height:30px}.preview-mobile .brand-word{font-size:11px}.preview-mobile .brand-sub,.preview-mobile .demo-pill,.preview-mobile .quick-reset span,.preview-mobile .display-control span,.preview-mobile .control-divider{display:none}.preview-mobile .topbar-actions{gap:5px}.preview-mobile .display-controls{gap:2px;padding:2px}.preview-mobile .display-control{min-height:28px;padding:6px}.preview-mobile .quick-reset{justify-content:center;width:30px;min-height:30px;padding:0}.preview-mobile .icon-button{width:34px;height:34px}.preview-mobile .reviewer-context{width:100%;padding:9px 14px 0}.preview-mobile .workspace-view{display:none}.preview-mobile .app-wrap{padding:16px 14px 38px}.preview-mobile .surface-switch{justify-content:space-between;width:100%;margin-bottom:14px}.preview-mobile .surface-button{flex:1;justify-content:center;padding:10px 8px;font-size:11px}.preview-mobile .surface-button span{display:none}.preview-mobile .surface-button svg{width:18px}.preview-mobile .visit-ribbon{border-radius:18px;padding:14px}.preview-mobile .visit-top{align-items:flex-start}.preview-mobile .visit-focus{white-space:normal;max-width:112px}.preview-mobile .focus-title{line-height:1.3}.preview-mobile .progress-label{display:none}.preview-mobile .screen-grid{grid-template-columns:1fr;gap:14px}.preview-mobile .agent-rail{display:block;position:static}.preview-mobile .agent-rail .card+.card{margin-top:14px}.preview-mobile .section-heading{flex-direction:column;align-items:flex-start}.preview-mobile .section-heading h1{font-size:30px}.preview-mobile .metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.preview-mobile .metric{padding:12px}.preview-mobile .metric-value{font-size:22px}.preview-mobile .two-col,.preview-mobile .three-col,.preview-mobile .inspection-grid{grid-template-columns:1fr}.preview-mobile .hero-card{min-height:240px}.preview-mobile .hero-card h2{font-size:29px}.preview-mobile .phone-shell{border-radius:20px}.preview-mobile .call-stage{margin-bottom:14px}}@media (max-width:1050px){.screen-grid{grid-template-columns:1fr}.agent-rail{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:static}.agent-rail .card+.card{margin-top:0}.si-layer{align-items:flex-end}.si-panel{border-radius:22px;width:calc(100vw - 20px);height:min(66dvh,640px);margin:0 10px 10px;box-shadow:0 -14px 45px #00000047}}@media (max-width:760px){.topbar{height:62px;padding:0 16px}.brand{min-width:0}.brand-sub,.connection,.demo-pill,.quick-reset span,.display-control span,.control-divider{display:none}.topbar-actions{gap:5px}.display-controls{gap:2px;padding:2px}.display-control{min-height:28px;padding:6px}.quick-reset{justify-content:center;width:30px;min-height:30px;padding:0}.app-wrap{padding:12px 14px 32px}.surface-switch{justify-content:space-between;width:100%;margin-bottom:10px}.surface-button{flex:1;justify-content:center;padding:10px 8px;font-size:11px}.visit-ribbon{border-radius:18px;padding:14px}.visit-top{align-items:flex-start}.visit-focus{white-space:normal;max-width:112px}.focus-title{line-height:1.3}.progress-label{display:none}.reviewer-context{padding:7px 14px 0}.workspace-view{display:none}.section-heading{flex-direction:column;align-items:flex-start}.section-heading h1{font-size:26px}.metric-grid{grid-template-columns:repeat(2,1fr)}.screen-grid{gap:14px}.agent-rail{display:block}.agent-rail .card+.card{margin-top:14px}.two-col,.three-col{grid-template-columns:1fr}.inspection-grid{grid-template-columns:1fr 1fr}.hero-card{min-height:0}.sandbox-visit{min-height:0;padding:16px}.hero-card h2,.sandbox-visit .hero-copy h2{font-size:25px}.phone-shell{border-radius:20px}.call-stage{margin-bottom:14px}.si-panel{border-radius:20px;height:min(70dvh,620px)}.si-header{min-height:64px;padding:11px 14px}.si-header-actions{gap:7px}.si-online{display:none}.si-security{padding:8px 14px}.si-threadbar{margin:10px 14px 0}.si-modes{padding:9px 14px}.si-messages{padding:3px 14px 12px}.si-suggestions{padding:8px 14px}.si-composer{padding:10px 14px 14px}}@media (max-width:430px){.topbar{padding:0 12px}.brand-word{font-size:12px}.demo-pill{padding:6px 7px;font-size:9px}.surface-button span{display:none}.surface-button{padding:11px}.surface-button svg{width:18px}.metric-grid{gap:8px}.metric{padding:12px}.metric-value{font-size:22px}.inspection-grid{grid-template-columns:1fr}}