:root{--vp-ink: #101827;--vp-muted: #5f6c7d;--vp-subtle: #718095;--vp-line: #e1e7ef;--vp-panel: #ffffff;--vp-bg: #f7f8fb;--vp-teal: #111827;--vp-teal-strong: #020617;--vp-sky: #2563eb;--vp-amber: #d97706;--vp-green: #16a34a;--vp-focus: 0 0 0 4px rgb(14 165 233 / 18%);--vp-shadow-card: 0 18px 44px rgb(15 23 42 / 6%);--vp-shadow-hover: 0 16px 36px rgb(15 23 42 / 9%);color:var(--vp-ink);background:var(--vp-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;accent-color:var(--vp-teal)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f8fb}button,input,select,textarea{font:inherit}::selection{background:#0ea5e92e;color:var(--vp-ink)}.shell{min-height:100vh;padding:28px}.shell-centered{display:grid;place-items:center}.status-panel,.auth-panel,.panel,.metric-card{border:1px solid var(--vp-line);border-radius:8px;background:var(--vp-panel);box-shadow:var(--vp-shadow-card)}.status-panel{position:relative;display:flex;width:min(520px,100%);gap:18px;overflow:hidden;padding:24px}.status-panel:before,.auth-panel:before,.agent-panel:before,.onboarding-panel:before,.device-sync-preview:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--vp-teal),var(--vp-sky),#6366f1);content:""}.status-panel>svg,.status-panel>.brand-mark{flex:0 0 auto;border-radius:8px;background:#e6fffb;color:var(--vp-teal);padding:8px;box-sizing:content-box}.status-panel.warning{border-color:#f59e0b;background:linear-gradient(180deg,#fff,#fffaf0)}.status-panel.warning:before{background:linear-gradient(90deg,#f59e0b,#fb7185)}.status-panel h1,.auth-copy h1,.command-copy h1,.panel h2{margin:0;letter-spacing:0}.status-panel p,.status-panel span,.auth-copy p,.panel-title p,.command-copy p,.budget-copy p{color:var(--vp-muted)}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:54px;align-items:center;max-width:1120px;margin:0 auto}.auth-shell{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:linear-gradient(90deg,rgb(148 163 184 / 8%) 1px,transparent 1px),linear-gradient(180deg,rgb(148 163 184 / 8%) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgb(34 211 238 / 9%),transparent 36%),#030712;background-size:44px 44px,44px 44px,auto,auto;color:#f8fafc}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--vp-teal);font-weight:800}.brand.compact{color:var(--vp-ink)}.brand svg,.brand-mark{flex:0 0 auto;filter:drop-shadow(0 6px 12px rgb(15 118 110 / 16%))}.brand-mark{width:34px;height:34px;border-radius:9px;object-fit:contain}.brand-mark.compact{width:28px;height:28px}.auth-copy h1{max-width:660px;margin-top:34px;font-size:64px;font-weight:860;line-height:1;text-wrap:balance}.auth-copy p{max-width:620px;font-size:18px;line-height:1.7}.mobile-auth-cta{display:none;margin-top:22px}.download-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.download-note{max-width:600px!important;margin-top:12px!important;color:var(--vp-subtle)!important;font-size:14px!important;line-height:1.55!important}.disabled-link{cursor:default;opacity:.68;pointer-events:none}.preview-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:620px;margin-top:32px}.preview-board div{position:relative;min-height:108px;overflow:hidden;border:1px solid rgb(203 213 225 / 80%);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;box-shadow:0 14px 34px #0f172a0f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.preview-board div:before{position:absolute;inset:0 0 auto;height:3px;background:#c7d2fe;content:""}.preview-board div:nth-child(1):before{background:var(--vp-teal)}.preview-board div:nth-child(2):before{background:var(--vp-sky)}.preview-board div:nth-child(3):before{background:var(--vp-amber)}.preview-board div:nth-child(4):before{background:#6366f1}.preview-board span,.metric-card span,.budget-copy span,.usage-metrics span{display:block;color:var(--vp-subtle);font-size:12px;font-weight:800;text-transform:uppercase}.preview-board strong{display:block;margin-top:24px;font-size:26px;font-weight:860;letter-spacing:0}.preview-explainer{display:flex;align-items:flex-start;gap:9px;max-width:620px;margin-top:16px;border:1px solid #bde6f7;border-radius:8px;background:linear-gradient(180deg,#f0f9ff,#ecfeff);color:#075985;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.5;box-shadow:0 12px 30px #0ea5e914}.preview-explainer svg{flex:0 0 auto;margin-top:2px;color:var(--vp-sky)}.device-sync-preview{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:20px;align-items:center;max-width:760px;margin-top:18px;overflow:hidden;border:1px solid rgb(203 213 225 / 90%);border-radius:8px;background:linear-gradient(135deg,#fffffff2,#f0fdfae0 52%,#eff6fff0);padding:20px;box-shadow:var(--vp-shadow-card)}.device-sync-preview.compact{max-width:none;margin-top:20px}.device-sync-copy h2{margin:0;font-size:22px;font-weight:850;letter-spacing:0;line-height:1.15;text-wrap:balance}.device-sync-copy p:not(.eyebrow){margin:8px 0 0;color:var(--vp-muted);font-size:14px;line-height:1.55}.device-stage{display:grid;grid-template-columns:1.08fr .92fr;gap:12px;align-items:stretch}.device-card{min-width:0;min-height:112px;border:1px solid rgb(203 213 225 / 78%);border-radius:8px;background:#f8fafc;padding:12px;box-shadow:inset 0 1px #ffffffbf,0 12px 28px #0f172a12;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.device-card strong,.device-card small{display:block}.device-card strong{margin-top:14px;font-size:22px;font-weight:850;letter-spacing:0;line-height:1.1}.device-card small{margin-top:4px;color:var(--vp-subtle);font-size:12px;line-height:1.35}.device-title{display:flex;align-items:center;gap:7px;color:#374151;font-size:12px;font-weight:800}.device-title svg{flex:0 0 auto;color:currentColor}.web-device{grid-row:span 3;background:linear-gradient(180deg,#fff,#f0fdfa)}.web-device strong{margin-top:24px;font-size:30px}.mac-device{border-color:#1e293b;background:linear-gradient(180deg,#111827,#0f172a);color:#fff}.mac-device .device-title,.mac-device small{color:#cbd5e1}.phone-device{position:relative;overflow:hidden;background:linear-gradient(180deg,#eff6ff,#fff)}.phone-device strong,.phone-device small{max-width:calc(100% - 42px)}.watch-device{border-radius:18px;border-color:#0f172a;background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff}.watch-device .device-title,.watch-device small{color:#cbd5e1}.device-meter{height:10px;overflow:hidden;margin-top:22px;border-radius:999px;background:#dbeafe}.device-meter span{display:block;height:100%;border-radius:inherit;background:#0f766e}.mini-ring{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border-radius:50%;background:conic-gradient(#0f766e 205deg,#dbeafe 205deg,#dbeafe 360deg)}.mini-ring:after{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff;content:""}.auth-panel{position:relative;overflow:hidden;padding:26px}.auth-shell .auth-panel{width:min(360px,calc(100vw - 40px));border:0;background:transparent;box-shadow:none;padding:0;text-align:center}.auth-shell .auth-panel:before{display:none}.auth-brand{justify-content:center;color:#f8fafc;margin-bottom:30px}.auth-shell .brand-mark{filter:drop-shadow(0 0 18px rgb(34 211 238 / 30%))}.auth-shell h1{margin:0;color:#f8fafc;font-size:44px;font-weight:860;letter-spacing:0;line-height:1}.auth-shell .button{margin-top:12px;border-color:#94a3b847;background:#0f172a9e;color:#f8fafc}.auth-shell .button.primary{margin-top:30px;border-color:#f8fafc;background:#f8fafc;color:#030712;box-shadow:0 18px 42px #f8fafc1a}.auth-shell .button.primary:not(:disabled):hover{border-color:#fff;background:#fff;box-shadow:0 22px 50px #f8fafc21}.auth-shell .button:not(.primary):not(:disabled):hover{border-color:#67e8f999;background:#0f172ad1;color:#fff}.google-g{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;color:#2563eb;font-size:14px;font-weight:860;line-height:1}.auth-download{margin-top:12px}.auth-shell .legal-links{margin-top:20px}.auth-shell .legal-links a{color:#67e8f9}.auth-alert{border-color:#fb923c52;background:#43140794;color:#fed7aa;text-align:left}.auth-panel:after{display:block;height:1px;margin:20px -26px -10px;background:linear-gradient(90deg,transparent,rgb(203 213 225 / 80%),transparent);content:""}.auth-shell .auth-panel:after{display:none}.panel-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.panel-title h2{font-size:18px;font-weight:820;line-height:1.2}.panel-title p{margin:4px 0 0;font-size:14px}.button,.icon-button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--vp-ink);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.button svg,.icon-button svg{flex:0 0 auto}.button.primary{border-color:var(--vp-teal);background:var(--vp-teal);color:#fff;box-shadow:0 12px 24px #0f172a24}.button.ghost{background:transparent}.button.full{width:100%}.button.compact{min-height:36px;padding:0 12px;white-space:nowrap}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.connect-error{align-self:center;color:#b42318;font-size:12px;font-weight:700}.button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:#9fb2c8;background:#f8fafc;box-shadow:0 10px 22px #0f172a14;transform:translateY(-1px)}.button.primary:not(:disabled):hover{border-color:var(--vp-teal-strong);background:var(--vp-teal-strong);box-shadow:0 16px 30px #0f172a2e}.button.ghost:not(:disabled):hover{background:#fff}.button:focus-visible,.icon-button:focus-visible,.setup-card:focus-visible,.agent-setup-step:focus-visible,.legal-links a:focus-visible{outline:0;box-shadow:var(--vp-focus)}.icon-button{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center}.icon-button.danger{color:#b45309}.form{display:grid;gap:14px}.form label{display:grid;gap:7px;color:#4b5563;font-size:13px;font-weight:700}.form input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:var(--vp-ink);transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.form input,select{min-height:40px;padding:0 12px}textarea{padding:10px 12px;resize:vertical}.form input:hover,select:hover,textarea:hover,.agent-reply-form input:hover{border-color:#9fb2c8}.form input:focus,select:focus,textarea:focus,.agent-reply-form input:focus{border-color:var(--vp-sky);outline:0;background:#fff;box-shadow:var(--vp-focus)}.legal-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px;color:var(--vp-muted);font-size:13px}.dashboard>.legal-links{border-top:1px solid var(--vp-line);margin-top:28px;padding-top:18px}.legal-links a{color:var(--vp-teal);font-weight:700;text-decoration:none}.legal-links a:hover{text-decoration:underline}.inline-alert{display:flex;gap:9px;align-items:flex-start;margin-top:16px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:12px;font-size:14px;line-height:1.45}.dashboard{max-width:1240px;width:100%;margin:0 auto}.topbar,.topbar-actions,.account-pill{display:flex;align-items:center}.topbar{justify-content:space-between;gap:18px;margin-bottom:26px}.topbar-subtitle{margin:6px 0 0;color:var(--vp-subtle);font-size:13px}.topbar-actions{gap:10px;min-width:0}.topbar-apps{min-height:42px}.account-pill{max-width:260px;min-height:42px;gap:8px;overflow:hidden;border:1px solid var(--vp-line);border-radius:999px;background:#fff;padding:0 14px;color:#374151;font-size:14px;font-weight:700;box-shadow:0 10px 24px #0f172a0d;text-overflow:ellipsis;white-space:nowrap}.account-pill svg{flex:0 0 auto}.command-center{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:24px;align-items:center;min-width:0;overflow:hidden;border-top:1px solid var(--vp-line);border-bottom:1px solid var(--vp-line);background:#fff;padding:38px 24px}.command-center.first-run{border:1px solid var(--vp-line);border-radius:8px;background:#fff;box-shadow:var(--vp-shadow-card)}.dashboard-state{position:relative;display:flex;gap:16px;align-items:flex-start;overflow:hidden;border:1px solid var(--vp-line);border-radius:8px;background:#fff;box-shadow:var(--vp-shadow-card);padding:22px}.dashboard-state.error{border-color:#fed7aa;background:#fffaf4}.dashboard-state h1{margin:0;font-size:28px;font-weight:850;letter-spacing:0}.dashboard-state p:not(.eyebrow){max-width:660px;margin:8px 0 0;color:var(--vp-muted);line-height:1.55}.dashboard-state .button{margin-top:16px}.state-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:8px;background:#e0f2fe;color:#0369a1;box-shadow:inset 0 1px #ffffffb3}.dashboard-state.error .state-icon{background:#ffedd5;color:#c2410c}.eyebrow{margin:0 0 8px;color:var(--vp-subtle);font-size:12px;font-weight:800;text-transform:uppercase}.hero-kicker{display:flex;align-items:center;gap:10px}.hero-action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.sample-badge{border:1px solid #bae6fd;border-radius:999px;background:#eff6ff;color:#0369a1;padding:5px 9px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #0ea5e914}.command-copy h1{font-size:60px;font-weight:880;line-height:1}.command-copy p{max-width:720px;margin:12px 0 0;line-height:1.65}.usage-strip{display:grid;grid-template-columns:repeat(2,minmax(160px,220px));gap:10px;margin-top:18px}.usage-strip div{border:1px solid rgb(203 213 225 / 86%);border-radius:8px;background:#ffffffdb;padding:12px 14px;box-shadow:0 12px 28px #0f172a0d}.usage-strip.sample div{background:#ffffffb3}.usage-strip span{display:block;color:var(--vp-subtle);font-size:11px;font-weight:800;text-transform:uppercase}.usage-strip strong{display:block;margin-top:6px;font-size:22px;font-weight:850;letter-spacing:0}.health-line{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:14px;font-weight:700;box-shadow:inset 0 1px #fff9}.health-line.good{border-color:#bbf7d0;background:#ecfdf5;color:#047857}.health-line.warning{border-color:#fed7aa;background:#fff7ed;color:#b45309}.sample-note,.sample-caption,.onboarding-note{color:var(--vp-subtle);font-size:13px;line-height:1.55}.sample-note{max-width:560px}.sample-caption{margin:12px 0 0;border-top:1px solid #e5eaf1;padding-top:11px}.budget-pulse{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;border:1px solid rgb(203 213 225 / 82%);border-radius:8px;background:#ffffffe0;padding:18px;box-shadow:0 16px 38px #0f172a12}.budget-ring{display:grid;width:132px;height:132px;place-items:center;border-radius:50%}.budget-ring>div{display:grid;width:98px;height:98px;align-content:center;place-items:center;border-radius:50%;background:linear-gradient(180deg,#fff,#f5f7fb);box-shadow:inset 0 1px #fffc,0 10px 20px #0f172a14;text-align:center}.budget-ring span{display:block;font-size:27px;font-weight:850;letter-spacing:0}.budget-ring small{display:block;margin-top:2px;color:var(--vp-subtle);font-size:11px;font-weight:800;text-transform:uppercase}.budget-copy strong{display:block;margin-top:5px;font-size:24px;font-weight:850;letter-spacing:0}.budget-copy p{margin:8px 0 0;line-height:1.5}.page-alert{margin:18px 0 0}.first-run-preview{display:grid;gap:16px;border:1px solid var(--vp-line);border-radius:8px;background:#fff;padding:18px;box-shadow:0 14px 34px #0f172a0d}.first-run-status{display:block}.first-run-status h2{margin:0;font-size:22px;font-weight:850;letter-spacing:0;line-height:1.15;text-wrap:balance}.first-run-list{display:grid;gap:9px}.first-run-list>a,.first-run-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:46px;border:1px solid #e2e8f0;border-radius:8px;background:#f9fafb;color:var(--vp-ink);padding:10px;font-size:13px;font-weight:800;text-decoration:none}.step-number{display:grid;width:24px;height:24px;place-items:center;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;font-size:12px;font-weight:850}.first-run-list strong{color:var(--vp-subtle);font-size:12px}.first-run-list .complete{border-color:#e2e8f0;background:#f9fafb}.first-run-list a:hover{border-color:#94a3b8;background:#fff;box-shadow:0 12px 24px #0f172a12}.apps-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;align-items:stretch;margin-top:20px;border:1px solid var(--vp-line);border-radius:8px;background:#fff;box-shadow:var(--vp-shadow-card);padding:20px;scroll-margin-top:18px}.apps-panel-copy h2{margin:0;font-size:25px;font-weight:850;letter-spacing:0;line-height:1.15;text-wrap:balance}.apps-panel-copy p:not(.eyebrow){margin:9px 0 0;color:var(--vp-muted);line-height:1.55}.app-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-download-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-content:start;min-height:166px;border:1px solid rgb(203 213 225 / 84%);border-radius:8px;background:#ffffffd1;padding:15px;box-shadow:0 12px 28px #0f172a0d}.app-download-card.primary{border-color:#dbe3ee;background:#fff}.app-download-card>svg{color:var(--vp-sky)}.app-download-card strong,.app-download-card span{display:block}.app-download-card strong{font-size:16px;line-height:1.2}.app-download-card span{margin-top:5px;color:var(--vp-subtle);font-size:13px;line-height:1.45}.app-download-actions,.app-download-card .button,.app-download-card .download-state{grid-column:2;justify-self:start;margin-top:12px}.app-download-actions{display:flex;flex-wrap:wrap;gap:8px}.app-download-actions .button{margin-top:0}.download-state{border:1px solid #dbe3ec;border-radius:999px;background:#f8fafc;color:var(--vp-subtle);padding:8px 10px;font-size:12px;font-weight:800}.sync-path{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;border-top:1px solid #e5eaf1;padding:14px 0 0;list-style:none}.sync-path li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:center;color:var(--vp-subtle);font-size:13px;font-weight:750}.sync-path strong{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e0f2fe;color:#0369a1;font-size:12px}.agent-panel{position:relative;min-width:0;margin-top:20px;overflow:hidden;border:1px solid var(--vp-line);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:var(--vp-shadow-card);padding:22px}.agent-panel.asking{border-color:#fbbf24;background:linear-gradient(180deg,#fff,#fffbeb)}.agent-panel.completed{border-color:#a7f3d0;background:linear-gradient(180deg,#fff,#f0fdf4)}.agent-panel.stale{border-color:#cbd5e1;background:linear-gradient(180deg,#fff,#f8fafc)}.agent-panel.asking:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.agent-panel.completed:before{background:linear-gradient(90deg,var(--vp-green),var(--vp-teal))}.agent-panel.stale:before,.agent-panel.empty:before{background:linear-gradient(90deg,#94a3b8,var(--vp-sky))}.agent-header,.agent-layout,.agent-reply-heading,.agent-route-list li{display:flex}.agent-header{align-items:flex-start;justify-content:space-between;gap:12px}.agent-header .panel-title{margin-bottom:0}.agent-status-pill{flex:0 0 auto;border:1px solid #e2e8f0;border-radius:999px;background:#f1f5f9;color:#475569;padding:7px 10px;font-size:12px;font-weight:850;box-shadow:inset 0 1px #ffffffa6}.agent-status-pill.asking{border-color:#fde68a;background:#fef3c7;color:#92400e}.agent-status-pill.completed{border-color:#bbf7d0;background:#dcfce7;color:#166534}.agent-status-pill.stale{background:#e2e8f0;color:#475569}.agent-layout{gap:24px;margin-top:18px}.agent-copy{flex:1 1 auto;min-width:0}.agent-copy h2{margin:0;font-size:26px;font-weight:850;letter-spacing:0;line-height:1.15;text-wrap:balance}.agent-copy p:not(.eyebrow){max-width:760px;margin:9px 0 0;color:#4b5563;line-height:1.55}.agent-last-completed{font-size:13px;color:var(--vp-subtle)}.agent-surface-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-top:16px}.agent-surface-strip div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;min-height:66px;border:1px solid #e2e8f0;border-radius:8px;background:#ffffffb8;padding:11px}.agent-surface-strip svg{grid-row:span 2;color:var(--vp-teal)}.agent-surface-strip span,.agent-surface-strip strong{display:block;min-width:0}.agent-surface-strip span{color:var(--vp-subtle);font-size:11px;font-weight:850;text-transform:uppercase}.agent-surface-strip strong{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.agent-surface-strip div.asking{border-color:#fde68a;background:#fffbeb}.agent-surface-strip div.completed{border-color:#bbf7d0;background:#f0fdf4}.agent-surface-strip div.stale{border-color:#cbd5e1;background:#f8fafc}.agent-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;border-top:1px solid #e5eaf1;padding-top:16px}.agent-meta-grid.setup{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-meta-grid span{display:block;color:var(--vp-subtle);font-size:11px;font-weight:850;text-transform:uppercase}.agent-meta-grid strong{display:block;margin-top:5px;overflow-wrap:anywhere;font-size:14px;line-height:1.35}.agent-reply-rail{flex:0 0 320px;border:1px solid rgb(226 232 240 / 82%);border-radius:8px;background:#ffffffbd;padding:16px;box-shadow:inset 0 1px #fffc}.agent-reply-heading{align-items:flex-start;gap:10px}.agent-reply-heading svg{flex:0 0 auto;margin-top:2px;color:var(--vp-teal)}.agent-reply-heading strong,.agent-reply-heading span{display:block}.agent-reply-heading span{margin-top:3px;color:var(--vp-subtle);font-size:13px;line-height:1.45}.quick-reply-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.quick-reply-list .button{min-width:0;max-width:100%;white-space:normal}.quick-reply-button{display:grid;min-height:58px;justify-items:flex-start;gap:4px;text-align:left}.quick-reply-button span{display:inline-flex;align-items:center;gap:7px}.quick-reply-button small{display:-webkit-box;overflow:hidden;color:var(--vp-subtle);font-size:11px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.agent-reply-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:12px}.agent-reply-form input{width:100%;min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--vp-ink);padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.agent-route-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.agent-route-list li{align-items:flex-start;gap:8px;color:#4b5563;font-size:13px;line-height:1.45}.agent-route-list svg{flex:0 0 auto;margin-top:1px;color:var(--vp-teal)}.agent-setup-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px;border-top:1px solid #e5eaf1;padding-top:16px}.agent-setup-step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:flex-start;min-height:74px;border:1px solid transparent;border-radius:8px;color:var(--vp-ink);padding:8px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}.agent-step-marker{display:grid;width:24px;height:24px;place-items:center;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#64748b;font-size:11px;font-weight:850}.agent-setup-step.complete .agent-step-marker{border-color:var(--vp-teal);background:var(--vp-teal);color:#fff}.agent-setup-step.current .agent-step-marker{border-color:#f59e0b;background:#fffbeb;color:#92400e}.agent-setup-step strong,.agent-setup-step small{display:block}.agent-setup-step strong{overflow-wrap:anywhere;font-size:13px;line-height:1.25}.agent-setup-step small{margin-top:3px;color:var(--vp-subtle);font-size:12px;line-height:1.35}.agent-setup-step[href]:hover{border-color:#a7d9d3;background:#f0fdfab3;box-shadow:0 10px 24px #0f766e17;transform:translateY(-1px)}.agent-setup-step[href]:hover strong{color:var(--vp-teal)}.onboarding-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:18px;min-width:0;margin-top:20px;overflow:hidden;border:1px solid #bfdbfe;border-radius:8px;background:linear-gradient(135deg,#fffffff5,#eff6ffe5 52%,#f0fdfaeb);box-shadow:var(--vp-shadow-card);padding:22px}.onboarding-copy{display:grid;grid-template-columns:16px minmax(0,1fr);gap:14px;align-items:flex-start;padding:4px 0 0}.onboarding-copy h2{margin:0;font-size:24px;font-weight:850;letter-spacing:0;line-height:1.18;text-wrap:balance}.onboarding-copy p{margin:8px 0 0;color:#4b5563;line-height:1.6}.state-dot{width:12px;height:12px;margin-top:23px;border-radius:50%;background:#0ea5e9;box-shadow:0 0 0 7px #0ea5e91f}.state-dot.waiting{background:#f59e0b;box-shadow:0 0 0 7px #f59e0b24}.onboarding-steps,.onboarding-actions{display:grid;gap:12px}.onboarding-steps{grid-template-columns:1fr}.onboarding-actions{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgb(191 219 254 / 70%);padding-top:16px}.onboarding-steps div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:66px;border:1px solid rgb(203 213 225 / 78%);border-radius:8px;background:#ffffffad;padding:12px}.onboarding-steps div.current{border-color:#fcd34d;background:#fffbebdb}.onboarding-steps div.complete{border-color:#bbf7d0;background:#f0fdf4d6}.setup-card{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid rgb(203 213 225 / 82%);border-radius:8px;background:#ffffffdb;padding:15px;box-shadow:0 12px 30px #0f172a0d;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.setup-card:hover{border-color:#9fb2c8;box-shadow:var(--vp-shadow-hover);transform:translateY(-2px)}.onboarding-steps span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;background:linear-gradient(180deg,#11847a 0%,var(--vp-teal) 100%);color:#fff;font-size:13px;font-weight:850;box-shadow:0 8px 18px #0f766e2e}.onboarding-steps div.current span{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 8px 18px #d977062e}.onboarding-steps div.complete span{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 8px 18px #16a34a2e}.onboarding-steps strong,.setup-card strong{display:block;margin-top:0;font-size:15px;line-height:1.25}.onboarding-steps p,.setup-card span{display:block;grid-column:2;margin-top:7px;color:var(--vp-subtle);font-size:13px;line-height:1.5}.setup-card{color:var(--vp-ink);text-decoration:none}.setup-card svg{grid-row:span 2;color:var(--vp-teal)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:22px}.metric-card{min-height:138px;padding:16px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.metric-card.warning{border-color:#fed7aa}.metric-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#e0f2fe;color:#0369a1;box-shadow:inset 0 1px #ffffffb3}.metric-card:nth-child(2) .metric-icon{background:#ede9fe;color:#6d28d9}.metric-card:nth-child(3) .metric-icon{background:#ffedd5;color:#c2410c}.metric-card:nth-child(4) .metric-icon{background:#dcfce7;color:#15803d}.metric-card span{margin-top:16px}.metric-card strong{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:24px;font-weight:850;letter-spacing:0;line-height:1.1}.metric-card small{display:block;margin-top:5px;color:var(--vp-subtle);font-size:12px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.panel{min-width:0;padding:18px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.wide-panel{grid-column:span 2}.trend-bars{display:grid;grid-template-columns:repeat(7,minmax(38px,1fr));gap:10px;min-height:204px;align-items:end}.trend-day{display:grid;gap:7px;text-align:center}.bar-track{display:flex;height:142px;align-items:flex-end;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#edf2f7,#e2e8f0);box-shadow:inset 0 1px 3px #0f172a12}.bar-track span{display:block;width:100%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#0f766e,#38bdf8);box-shadow:0 -8px 18px #0ea5e924}.trend-day strong{color:#374151;font-size:12px}.trend-day small{min-height:17px;color:var(--vp-subtle);font-size:11px}.provider-bars,.provider-list,.source-list,.token-list,.token-actions{display:grid;gap:10px}.token-flow{display:grid;gap:10px;margin-bottom:14px}.token-flow div{border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:12px}.token-flow strong,.token-flow span{display:block}.token-flow strong{font-size:13px}.token-flow span{margin-top:4px;color:var(--vp-subtle);font-size:12px;line-height:1.4}.provider-bar-row,.provider-row,.source-row,.token-row{display:grid;gap:9px;border-top:1px solid #e5eaf1;padding-top:10px}.source-row-header{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.source-status{flex:0 0 auto;border-radius:999px;padding:3px 8px;font-size:11px!important;font-weight:800;line-height:1.2}.source-status.good{background:#ecfdf5;color:#047857}.source-status.warning{background:#fff7ed;color:#b45309}.source-status.muted{background:#f1f5f9;color:#64748b}.provider-row,.token-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.provider-bar-row strong,.provider-bar-row span,.provider-row strong,.provider-row span,.source-row strong,.source-row span,.token-row strong,.token-row span{display:block;overflow-wrap:anywhere}.provider-bar-row strong,.provider-row strong,.source-row strong,.token-row strong{font-size:14px}.provider-bar-row span,.provider-row span,.source-row span,.token-row span{margin-top:3px;color:var(--vp-subtle);font-size:12px}.mini-meter{height:9px;overflow:hidden;border-radius:999px;background:#e5eaf1;box-shadow:inset 0 1px 2px #0f172a14}.mini-meter span{display:block;height:100%;border-radius:inherit;background:#0f766e}.compact-select{display:grid;gap:7px;color:#4b5563;font-size:13px;font-weight:700}.empty-state{margin:0;border-top:1px solid #e5eaf1;padding-top:12px;color:var(--vp-subtle);font-size:13px;line-height:1.5}.token-reveal{display:grid;gap:10px;margin-top:12px}.token-reveal textarea{min-height:78px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px}.compact-form{gap:12px}.toggle-row{display:flex!important;grid-template-columns:none;align-items:center;gap:10px!important}.toggle-row input{width:18px;min-height:18px}.save-message{margin:12px 0 0;color:var(--vp-teal);font-size:14px;font-weight:700;line-height:1.45}.save-message.warning{color:#b45309}.save-message.error{color:#b42318}@media(max-width:980px){.auth-layout,.command-center,.product-grid,.device-sync-preview,.agent-layout,.apps-panel,.onboarding-panel,.onboarding-steps{grid-template-columns:1fr}.agent-surface-strip,.sync-path,.onboarding-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-auth-cta{display:inline-flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-layout{display:grid}.agent-reply-rail{flex-basis:auto;border:1px solid rgb(226 232 240 / 82%);padding:16px}.agent-meta-grid,.agent-meta-grid.setup,.agent-setup-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-panel{grid-column:auto}.auth-copy h1,.command-copy h1{font-size:44px}.auth-layout{gap:32px;align-items:start}.preview-board{grid-template-columns:repeat(2,minmax(0,1fr))}.command-center{padding:30px 18px}.setup-card{min-height:0;padding:12px}}@media(max-width:640px){.shell{max-width:100vw;width:100%;overflow-x:hidden;padding:18px}.dashboard{width:100vw;max-width:100%;margin:0;overflow-x:hidden}.topbar{align-items:flex-start;flex-direction:row;gap:12px}.topbar>div:first-child{min-width:0}.topbar-actions{display:grid;flex:0 0 auto;grid-template-columns:42px 42px;width:auto;align-items:stretch}.account-pill{display:none}.topbar-actions .button.ghost,.topbar-actions .topbar-apps{width:42px;padding:0}.topbar-actions .button.ghost,.topbar-actions .button.ghost .button-label,.topbar-actions .topbar-apps .button-label{display:none}.auth-copy h1,.command-copy h1{font-size:36px}.auth-copy p{font-size:16px;line-height:1.6}.metric-grid,.agent-meta-grid,.agent-meta-grid.setup,.agent-setup-progress,.usage-strip{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card:nth-child(n+5){display:none}.agent-surface-strip,.onboarding-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.app-download-grid{grid-template-columns:1fr}.apps-panel,.command-center,.device-sync-preview,.metric-grid,.product-grid{max-width:100%;width:100%}.apps-panel{padding:16px}.sync-path{grid-template-columns:1fr}.preview-board{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-board div{min-height:94px}.preview-board strong{margin-top:14px;font-size:21px}.hero-action-row .button,.mobile-auth-cta{width:100%}.command-center.first-run{padding:22px 16px}.first-run-list>a,.first-run-list>div{grid-template-columns:20px minmax(0,1fr)}.first-run-list strong{grid-column:2;justify-self:start}.agent-header{flex-direction:column}.agent-first .agent-panel{margin-top:0}.demo-dashboard .onboarding-panel,.demo-dashboard .agent-panel.empty,.agent-last-completed,.agent-meta-grid{display:none}.agent-panel,.onboarding-panel,.device-sync-preview,.auth-panel{padding:16px}.auth-shell .auth-panel{padding:0}.auth-shell h1{font-size:40px}.setup-card{grid-template-columns:20px minmax(0,1fr);gap:8px;padding:10px}.setup-card span{font-size:12px;line-height:1.35}.onboarding-copy{padding:0}.agent-copy h2{font-size:22px}.agent-reply-form{grid-template-columns:1fr}.budget-pulse{grid-template-columns:1fr;justify-items:start}.device-stage{grid-template-columns:1fr}.web-device{grid-row:auto}.trend-bars{grid-template-columns:repeat(7,minmax(24px,1fr));gap:7px;min-height:172px}.bar-track{height:112px}.trend-day strong{font-size:11px}.trend-day small{font-size:10px}}@media(max-width:380px){.preview-board{grid-template-columns:1fr}}@media(max-width:420px){.topbar-actions{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:not(:disabled):hover,.icon-button:not(:disabled):hover,.setup-card:hover,.agent-setup-step[href]:hover{transform:none}}
