:root{--bg-dark: #ffffff;--bg-card: #f8fafc;--bg-card-hover: #f1f5f9;--bg-input: #ffffff;--border-color: #e2e8f0;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--accent-info: #0891b2;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .08);--workspace: #ffffff;--workspace-soft: #f8fafc;--workspace-raised: #ffffff;--workspace-line: #e2e8f0;--workspace-text: #1e293b;--workspace-muted: #64748b}html{scroll-behavior:smooth;scroll-padding-top:80px}section[id],div[id]{scroll-margin-top:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--workspace);color:var(--workspace-text);font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--workspace)}.navbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background-color:#fff;border-bottom:1px solid var(--workspace-line);position:sticky;top:0;z-index:100;color:var(--workspace-text)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.15rem;color:var(--workspace-text);letter-spacing:-.02em}.brand-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-sm);background-color:#2563eb1a;color:#1d4ed8;border:1px solid rgba(37,99,235,.2)}.user-profile-header{display:flex;align-items:center;gap:.75rem}.user-email-container{display:flex;align-items:center;gap:.4rem;color:var(--workspace-text);font-size:.84rem;font-weight:500}.user-email-text{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;gap:.35rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.3rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.chat-workspace{display:grid;grid-template-columns:260px minmax(420px,1fr) minmax(360px,.85fr);height:calc(100vh - 58px);min-height:calc(100vh - 58px);overflow:hidden;transition:grid-template-columns .45s cubic-bezier(.16,1,.3,1)}.session-sidebar{background:#f8fafc;border-right:1px solid var(--workspace-line);padding:1rem .75rem;display:flex;flex-direction:column;gap:.8rem;min-width:0;height:100%;max-height:100%;overflow:hidden;box-sizing:border-box}.session-brand{display:flex;align-items:center;gap:.55rem;padding:.35rem .5rem .5rem;color:var(--workspace-text);font-weight:650;font-size:.95rem;flex-shrink:0}.new-session-btn{display:flex;align-items:center;gap:.55rem;border:1px solid var(--workspace-line);background:#fff;color:var(--workspace-text);padding:.65rem .8rem;border-radius:7px;cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;text-align:left;transition:all .15s ease;flex-shrink:0}.new-session-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.session-list{flex:1 1 auto;min-height:0;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;gap:.4rem;padding-right:6px;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9}.session-list::-webkit-scrollbar{width:6px}.session-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.session-list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:4px}.session-list::-webkit-scrollbar-thumb:hover{background:#64748b}.session-item-wrapper{position:relative;display:flex;align-items:stretch;border-radius:8px;overflow:hidden;flex-shrink:0}.session-item-wrapper:hover .session-delete-btn{opacity:1;pointer-events:auto}.session-item{border:1px solid transparent;background:transparent;color:var(--workspace-text);padding:.6rem 1.8rem .6rem .75rem;border-radius:8px;text-align:left;cursor:pointer;min-width:0;width:100%;transition:all .15s ease;display:flex;flex-direction:column;gap:.3rem}.session-item:hover{background:#e2e8f0}.session-item.active{background:#fff;border-color:var(--workspace-line);box-shadow:0 1px 3px #0000000d}.session-delete-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--workspace-muted);border-radius:4px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,color .15s ease;flex-shrink:0;z-index:1}.session-delete-btn:hover{background:#fee2e2;color:#dc2626}.session-title{display:block;font-size:.84rem;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--workspace-text);line-height:1.25}.session-meta-row{display:flex;align-items:center;gap:.45rem;font-size:.72rem;flex-wrap:wrap}.session-status-tag{display:inline-block;padding:.12rem .4rem;border-radius:4px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;background:#e2e8f0;color:#475569}.session-status-tag.status-running{background:#dbeafe;color:#1d4ed8}.session-status-tag.status-completed{background:#dcfce7;color:#15803d}.session-status-tag.status-failed{background:#fee2e2;color:#b91c1c}.session-status-tag.status-waiting_for_human{background:#fef3c7;color:#b45309}.session-status-tag.status-paused{background:#fef9c3;color:#a16207}.session-status-tag.status-planning,.session-status-tag.status-observing{background:#f3e8ff;color:#7e22ce}.session-date{color:var(--workspace-muted);font-size:.7rem}.session-empty{color:var(--workspace-muted);font-size:.82rem;padding:1rem .5rem;text-align:center}.clear-session-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(239,68,68,.25);background:transparent;color:#dc2626;padding:.55rem .75rem;border-radius:7px;cursor:pointer;font:inherit;font-size:.78rem;font-weight:500;transition:all .15s ease}.clear-session-btn:hover{background:#fee2e2;border-color:#fca5a5}.conversation-shell{position:relative;min-width:0;display:flex;flex-direction:column;background:var(--workspace);height:100%;max-height:100%;overflow:hidden}.scroll-to-bottom-btn{position:absolute;bottom:84px;left:50%;transform:translate(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 14px #0f172a1f,0 1px 3px #0f172a14;display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;z-index:40;transition:all .2s cubic-bezier(.16,1,.3,1);animation:fadeInScale .2s ease-out}.scroll-to-bottom-btn:hover{background:#f8fafc;color:#2563eb;border-color:#94a3b8;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 18px #0f172a29,0 2px 4px #0f172a1a}.scroll-to-bottom-btn:active{transform:translate(-50%) translateY(0)}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.conversation-header{min-height:62px;max-height:80px;padding:.85rem 1.6rem;border-bottom:1px solid var(--workspace-line);display:flex;justify-content:space-between;align-items:center;background:#fff;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),border-color .4s ease}.conversation-header.header-hidden{min-height:0!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;border-bottom-color:transparent!important;pointer-events:none!important;overflow:hidden!important}.conversation-header.header-visible{opacity:1;max-height:80px}.conversation-header h1{font-size:.98rem;font-weight:600;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--workspace-text)}.eyebrow{display:block;color:#8e8ea0;font-size:.65rem;letter-spacing:.08em;margin-bottom:.25rem;font-weight:600}.conversation-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth;padding:1.5rem max(1.2rem,calc((100% - 760px)/2));scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.conversation-scroll::-webkit-scrollbar{width:6px}.conversation-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chat-workspace.initial-mode{grid-template-columns:260px 1fr 0px!important}.chat-workspace.initial-mode .browser-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(40px)!important;padding:0!important;border-left-width:0!important;overflow:hidden!important}.claude-hero-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:740px;width:100%;margin:auto;min-height:calc(100vh - 220px);padding:2rem 1.5rem 3rem;box-sizing:border-box;animation:fadeIn .35s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.task-turn-block{animation:slideUpFade .45s cubic-bezier(.16,1,.3,1) both}@keyframes slideInComposer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bottom-composer-wrapper{animation:slideInComposer .4s cubic-bezier(.16,1,.3,1) both}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}.welcome-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 8px 24px -4px #2563eb59;border:1px solid rgba(255,255,255,.2)}.claude-hero-title{font-size:1.85rem;font-weight:700;letter-spacing:-.025em;color:#0f172a;margin-bottom:.45rem;text-align:center}.claude-hero-subtitle{font-size:.95rem;color:#64748b;margin-bottom:2rem;text-align:center;line-height:1.55;max-width:520px}.claude-hero-input-wrapper{width:100%;margin-bottom:1.5rem}.claude-hero-input-wrapper .composer-card{box-shadow:0 10px 30px -4px #2563eb14,0 2px 8px #0000000a;border:1px solid #cbd5e1;border-radius:14px;background:#fff;transition:all .2s ease}.claude-hero-input-wrapper .composer-card:focus-within{border-color:#2563eb;box-shadow:0 12px 35px -4px #2563eb29,0 0 0 3px #2563eb1f}.claude-suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}.claude-suggestion-card{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit}.claude-suggestion-card:hover{border-color:#93c5fd;background:#f8fafc;box-shadow:0 4px 12px #2563eb14;transform:translateY(-1px)}.claude-suggestion-icon{width:28px;height:28px;border-radius:7px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex-shrink:0}.claude-suggestion-text{font-size:.82rem;font-weight:500;color:#334155;line-height:1.35}@media (max-width: 680px){.claude-suggestions{grid-template-columns:1fr}}.welcome-message{text-align:center;max-width:520px;margin:14vh auto 0;color:var(--workspace-text);padding:0 1rem}.welcome-message h2{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.45rem;color:#0f172a}.welcome-message p{color:#64748b;font-size:.92rem;line-height:1.55}.chat-message{display:flex;gap:.9rem;padding:1.1rem 0;border-bottom:1px solid rgba(0,0,0,.05);color:var(--workspace-text)}.user-message{background:#f8fafc;margin:0 -1.2rem;padding:1rem 1.2rem;border-radius:8px}.message-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;font-size:.72rem;font-weight:700;flex-shrink:0}.user-avatar{background:#6b7280;color:#fff}.agent-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb40}.warning-avatar{background:#d97706;color:#fff}.assistant-content{flex:1;min-width:0}.assistant-content>p{margin:.25rem 0 .8rem;color:var(--workspace-muted)}.intervention-message{background:#d9770614;margin:1rem 0;padding:1rem;border:1px solid rgba(217,119,6,.35);border-radius:8px}.intervention-content{flex:1}.intervention-content p{color:var(--workspace-muted);margin:.35rem 0 .8rem}.inline-actions{display:flex;gap:.6rem}.btn-approve{background-color:var(--accent-success);color:#fff;padding:.55rem 1.15rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.btn-approve:hover{background-color:#047857}.btn-approve:disabled{opacity:.6;cursor:wait}.btn-reject{background-color:var(--accent-danger);color:#fff;padding:.55rem 1.15rem;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease}.btn-reject:hover{background-color:#b91c1c}.btn-reject:disabled{opacity:.6;cursor:wait}.composer-card{margin:0 auto 1.25rem;width:min(760px,calc(100% - 2.4rem));padding:.35rem;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 16px #0000000f;transition:border-color .2s ease}.composer-card:focus-within{border-color:var(--border-focus)}.composer-card .input-group{display:flex;gap:.5rem;align-items:flex-end}.composer-card .task-textarea{flex:1;min-height:52px;max-height:180px;resize:vertical;background:transparent;color:var(--workspace-text);border:0;padding:.85rem 1rem;font-family:var(--font-sans);font-size:.92rem;outline:none}.composer-card .submit-btn{margin:.35rem;padding:.6rem 1.25rem;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:.45rem;box-shadow:0 4px 14px #2563eb47;transition:all .2s cubic-bezier(.4,0,.2,1)}.composer-card .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 18px #2563eb61;transform:translateY(-1px)}.composer-card .submit-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.attached-file-badge{display:flex;align-items:center;justify-content:space-between;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:.4rem .75rem;margin:.35rem .5rem .2rem;font-size:.82rem;color:#1e40af}.attached-file-info{display:flex;align-items:center;gap:.45rem;overflow:hidden}.attached-file-icon{color:#2563eb;flex-shrink:0}.attached-file-name{font-weight:600;color:#1e3a8a;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-file-size{color:#3b82f6;font-size:.75rem;font-weight:500}.attached-file-remove{background:transparent;border:none;color:#2563eb;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.2rem;border-radius:4px;transition:all .15s ease}.attached-file-remove:hover{background:#dbeafe;color:#dc2626}.composer-card .attach-btn{margin:.35rem .2rem .35rem .35rem;width:40px;height:40px;background:#f8fafc;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.composer-card .attach-btn:hover:not(:disabled){background:#f1f5f9;color:var(--accent-primary);border-color:#cbd5e1}.composer-card .attach-btn.active{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.composer-card .attach-btn:disabled{opacity:.4;cursor:not-allowed}.composer-disabled{opacity:.65;background:#f8fafc!important;border-color:var(--workspace-line)!important}.composer-disabled .task-textarea{cursor:not-allowed;color:var(--workspace-muted)!important}.card{background-color:#fff;border:1px solid var(--workspace-line);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;box-shadow:var(--shadow-card)}.card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--workspace-line);padding-bottom:.75rem}.card-title{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--workspace-text)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-created{background-color:#f1f5f9;color:#475569}.badge-planning{background-color:#e0f2fe;color:#0369a1}.badge-running{background-color:#dbeafe;color:#1d4ed8}.badge-observing{background-color:#f3e8ff;color:#7e22ce}.badge-waiting_for_human{background-color:#fef3c7;color:#b45309}.badge-completed{background-color:#d1fae5;color:#047857}.badge-failed{background-color:#fee2e2;color:#b91c1c}.badge-paused{background-color:#fef3c7;color:#d97706}.badge-cancelled{background-color:#f1f5f9;color:#475569}.event-feed{display:flex;flex-direction:column;gap:.75rem;max-height:380px;overflow-y:auto;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.event-feed::-webkit-scrollbar{width:6px}.event-feed::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.event-item{background-color:#f8fafc;border:1px solid var(--workspace-line);border-radius:var(--radius-md);padding:.75rem .9rem;font-size:.85rem;display:flex;flex-direction:column;gap:.35rem}.event-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.78rem;font-weight:500}.event-intent{font-weight:600;color:var(--workspace-text)}.code-block{background-color:#0f172a;border-radius:var(--radius-sm);padding:.6rem .8rem;font-family:var(--font-mono);font-size:.8rem;color:#38bdf8;overflow-x:auto;white-space:pre-wrap}.browser-dock{background:#f8fafc;border-left:1px solid var(--workspace-line);padding:1rem;min-width:0;height:100%;max-height:100%;overflow-y:auto;opacity:1;visibility:visible;transform:translate(0);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1)}.dock-heading{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.72rem;letter-spacing:.08em;font-weight:600;margin:.2rem 0 .8rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 3px #2563eb33}.browser-dock .preview-container{min-height:400px;background:#fff;border:1px solid var(--workspace-line);border-radius:8px;overflow:hidden}.embedded-browser-view{width:100%;height:560px;border:0;display:flex;background:#fff}.browser-empty{min-height:400px;border:1px dashed var(--workspace-line);border-radius:8px;display:grid;place-items:center;align-content:center;gap:.8rem;text-align:center;padding:2rem;color:var(--workspace-muted);font-size:.82rem}.browser-empty-icon{font-size:2rem;color:#2563eb}@media (max-width: 1100px){.chat-workspace{grid-template-columns:220px minmax(0,1fr)}.browser-dock{display:none}}@media (max-width: 680px){.chat-workspace{display:block}.session-sidebar{display:none}.conversation-header{padding:.9rem 1rem}.conversation-header h1{max-width:72vw}.conversation-scroll{padding:1rem}.composer-card{width:calc(100% - 1rem)}.composer-card .submit-btn span{display:none}}.auth-loading{min-height:100vh;display:grid;place-items:center;color:var(--workspace-muted);font-family:Inter,sans-serif;background:#fff}.auth-page-wrapper{min-height:100vh;background:radial-gradient(circle at 50% 12%,#f1f5fd,#fff 55%,#f8fafc);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#0f172a}.auth-top-header{margin-bottom:1.25rem}.auth-brand-lockup{display:flex;align-items:center;gap:.65rem;-webkit-user-select:none;user-select:none}.auth-brand-img{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0f172a26;flex-shrink:0}.auth-brand-badge{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #2563eb4d}.auth-brand-name{font-size:1.25rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}.auth-brand-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.auth-cluster-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem;border-radius:9999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.72rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.05em;margin-bottom:1.25rem;box-shadow:0 1px 3px #2563eb0f}.cluster-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;box-shadow:0 0 6px #2563eb}.auth-card-container{position:relative;width:100%;max-width:480px;background:#fff;border:1px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:16px;padding:2.25rem 2.25rem 2rem;box-shadow:0 20px 45px -12px #0f172a14,0 1px 3px #00000005}.auth-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:28px;height:28px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s ease}.auth-close-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.auth-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:1.75rem}.auth-card-logo-img{width:48px;height:48px;border-radius:12px;object-fit:cover;box-shadow:0 4px 14px #0f172a1f;margin-bottom:.85rem}.auth-card-icon-box{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #2563eb40;margin-bottom:.85rem}.auth-card-bot-box{width:44px;height:44px;border-radius:12px;background:#eff6ff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.auth-badge-workspace{font-size:.68rem;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:.18rem .55rem;border-radius:9999px;letter-spacing:.06em;margin-bottom:.75rem}.auth-title{font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-bottom:.35rem}.auth-subtitle{font-size:.86rem;line-height:1.5;color:#64748b;max-width:360px}.auth-form-modern{display:flex;flex-direction:column;gap:1.15rem;width:100%}.auth-field-group{display:flex;flex-direction:column;gap:.35rem;text-align:left}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-label{font-size:.82rem;font-weight:600;color:#1e293b}.auth-label-tag{font-size:.7rem;font-weight:600;color:#94a3b8;font-family:JetBrains Mono,monospace}.auth-forgot-link{font-size:.78rem;font-weight:600;color:#2563eb;text-decoration:none;transition:color .15s ease}.auth-forgot-link:hover{color:#1d4ed8;text-decoration:underline}.auth-strength-text{font-size:.75rem;font-weight:700;color:#94a3b8}.auth-strength-text.strength-1{color:#ef4444}.auth-strength-text.strength-2{color:#f59e0b}.auth-strength-text.strength-3{color:#0284c7}.auth-strength-text.strength-4{color:#059669}.password-meter-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:.3rem}.meter-seg{height:4px;border-radius:2px;background:#e2e8f0;transition:all .2s ease}.meter-seg.filled-weak{background:#ef4444}.meter-seg.filled-fair{background:#f59e0b}.meter-seg.filled-good{background:#0284c7}.meter-seg.filled-strong{background:#059669}.auth-latency-tag{font-size:.72rem;font-weight:700;color:#059669;display:flex;align-items:center;gap:.35rem;font-family:JetBrains Mono,monospace}.latency-dot{width:5px;height:5px;border-radius:50%;background:#10b981}.auth-input-wrapper,.auth-select-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-left{position:absolute;left:.85rem;color:#94a3b8;pointer-events:none}.auth-input-field{width:100%;padding:.7rem 2.4rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.88rem;color:#0f172a;background:#fff;outline:none;font-family:inherit;transition:all .15s ease}.auth-input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.input-eye-toggle{position:absolute;right:.85rem;background:transparent;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.input-eye-toggle:hover{color:#475569}.auth-select-field{width:100%;padding:.7rem 2.2rem .7rem 2.4rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.85rem;color:#0f172a;background:#fff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit;transition:all .15s ease}.auth-select-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.select-chevron{position:absolute;right:.85rem;color:#64748b;pointer-events:none}.auth-checkbox-row{display:flex;align-items:center;justify-content:space-between}.auth-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#334155;font-weight:500;cursor:pointer}.auth-checkbox{width:16px;height:16px;accent-color:#2563eb;cursor:pointer}.trusted-badge{font-size:.65rem;font-weight:700;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:.12rem .45rem;border-radius:4px;letter-spacing:.05em}.auth-terms-row{display:flex;align-items:flex-start;gap:.55rem;text-align:left}.auth-terms-text{font-size:.76rem;line-height:1.5;color:#64748b}.auth-terms-text a{color:#2563eb;text-decoration:none;font-weight:600}.auth-error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:.6rem .8rem;border-radius:6px;font-size:.8rem;text-align:left}.auth-btn-primary{width:100%;padding:.8rem 1.25rem;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #2563eb4d;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.auth-btn-primary:hover{background:#1d4ed8;box-shadow:0 6px 18px #2563eb66;transform:translateY(-1px)}.auth-btn-primary:disabled{opacity:.65;cursor:wait}.auth-guest-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;cursor:pointer;transition:all .15s ease}.auth-guest-card:hover{background:#f1f5f9;border-color:#cbd5e1}.guest-card-left{display:flex;align-items:center;gap:.5rem}.guest-card-icon{color:#2563eb}.guest-card-title{font-size:.84rem;font-weight:700;color:#0f172a}.guest-card-subtitle{font-size:.72rem;color:#64748b;font-family:JetBrains Mono,monospace}.auth-switch-footer{text-align:center;font-size:.84rem;color:#64748b;margin-top:.35rem}.switch-link{background:transparent;border:none;color:#2563eb;font-weight:700;font-size:.84rem;cursor:pointer;text-decoration:none;padding:0;font-family:inherit}.switch-link:hover{text-decoration:underline}.signup-features-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.74rem;color:#64748b;margin-top:.5rem;flex-wrap:wrap}.signup-features-row span{display:inline-flex;align-items:center;gap:.25rem}.auth-security-pills-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.sec-pill{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;font-size:.74rem;font-weight:600;color:#475569;box-shadow:0 1px 3px #00000005}.signup-security-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px;margin-top:1.25rem;padding:.65rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.76rem;color:#334155;font-weight:600;box-shadow:0 1px 3px #00000005}.sec-bar-left{display:flex;align-items:center;gap:.5rem}.sec-bar-right{display:flex;align-items:center;gap:.35rem;color:#059669;font-weight:700}.auth-footer-links{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.78rem;color:#94a3b8;margin-top:2rem}.auth-footer-links a{color:#64748b;text-decoration:none;transition:color .15s ease}.auth-footer-links a:hover{color:#0f172a}.home-page-container{background-color:#fff;color:#0f172a;min-height:100vh;display:flex;flex-direction:column;padding-top:64px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.home-nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #eef2f6;height:64px;box-shadow:0 1px 4px #0f172a0a}.home-nav-inner{max-width:1240px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.home-brand{display:flex;align-items:center;gap:.65rem;cursor:pointer;-webkit-user-select:none;user-select:none}.home-brand-img{width:34px;height:34px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0f172a26;flex-shrink:0}.home-brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #2563eb4d}.home-brand-text{font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:#0f172a}.home-badge-research{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.15rem .45rem;border-radius:9999px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;text-transform:uppercase}.home-nav-links{display:flex;align-items:center;gap:2rem}.home-nav-links a{color:#475569;text-decoration:none;font-size:.88rem;font-weight:500;transition:color .15s ease}.home-nav-links a:hover{color:#0f172a}.home-nav-actions{display:flex;align-items:center;gap:1rem}.home-btn-signin{background:transparent;border:none;color:#334155;font-size:.88rem;font-weight:600;cursor:pointer;padding:.5rem .85rem;border-radius:8px;transition:all .15s ease}.home-btn-signin:hover{color:#0f172a;background:#f1f5f9}.home-btn-get-started,.home-btn-workspace{background:#2563eb;color:#fff;border:none;font-size:.88rem;font-weight:600;padding:.55rem 1.25rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 2px 8px #2563eb47;transition:all .2s cubic-bezier(.16,1,.3,1)}.home-btn-get-started:hover,.home-btn-workspace:hover{background:#1d4ed8;box-shadow:0 4px 14px #2563eb66;transform:translateY(-1px)}.home-hero-section{max-width:1240px;margin:0 auto;padding:3.5rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center}.home-hero-content{text-align:center;max-width:860px;display:flex;flex-direction:column;align-items:center}.home-hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:9999px;background:#f8fafc;border:1px solid #e2e8f0;font-size:.78rem;font-weight:500;color:#334155;margin-bottom:1.75rem;cursor:pointer;box-shadow:0 1px 3px #00000005;transition:all .2s ease}.home-hero-pill:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.pill-dot{color:#2563eb;font-size:.8rem}.pill-title{font-weight:700;color:#2563eb;letter-spacing:.03em}.pill-sep{color:#cbd5e1}.pill-desc{color:#475569}.pill-arrow{color:#64748b;transition:transform .15s ease}.home-hero-pill:hover .pill-arrow{transform:translate(2px);color:#2563eb}.home-hero-title{font-size:3.25rem;line-height:1.15;font-weight:800;letter-spacing:-.04em;color:#0f172a;margin-bottom:1.35rem}.gradient-text-hero{background:linear-gradient(135deg,#2563eb,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-hero-subtitle{font-size:1.12rem;line-height:1.6;color:#475569;max-width:680px;margin-bottom:2rem}.home-hero-cta-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.btn-primary-glow{background:#2563eb;color:#fff;font-size:.98rem;font-weight:600;padding:.75rem 1.65rem;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px #2563eb59;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-primary-glow:hover{background:#1d4ed8;box-shadow:0 6px 22px #2563eb73;transform:translateY(-2px)}.btn-secondary-glass{background:#fff;color:#1e293b;font-size:.98rem;font-weight:600;padding:.75rem 1.45rem;border-radius:8px;border:1px solid #e2e8f0;text-decoration:none;display:flex;align-items:center;gap:.5rem;box-shadow:0 1px 3px #0000000a;transition:all .2s ease}.btn-secondary-glass:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.play-icon{color:#2563eb}.home-hero-guarantee{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.8rem;font-weight:500}.hero-browser-mockup{width:100%;max-width:1140px;margin-top:3.5rem;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 24px 60px -12px #0f172a1f,0 0 1px #0000000d;overflow:hidden}.hero-demo-video-wrapper{position:relative;width:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;line-height:0}.hero-demo-video{width:100%;height:auto;max-height:720px;display:block;object-fit:contain;cursor:pointer;background:#000;border-bottom-left-radius:13px;border-bottom-right-radius:13px}.mockup-window-header{height:44px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.mockup-traffic-lights{display:flex;align-items:center;gap:7px;width:80px}.light{width:10px;height:10px;border-radius:50%}.light-red{background:#ef4444}.light-yellow{background:#f59e0b}.light-green{background:#10b981}.mockup-objective-bar{flex:1;max-width:680px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.76rem;overflow:hidden}.objective-label{font-size:.65rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.objective-text{color:#334155;font-family:JetBrains Mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-status-pills{display:flex;align-items:center;justify-content:flex-end;width:140px}.badge-live-agent{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:.2rem .55rem;border-radius:9999px;letter-spacing:.03em}.live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.mockup-toolbar{height:38px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.mockup-url-bar{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:#475569}.url-lock{color:#10b981}.url-text{font-family:JetBrains Mono,monospace;color:#1e293b;font-weight:500}.url-meta{color:#94a3b8;font-size:.72rem}.toolbar-tag{font-size:.7rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.15rem .5rem;border-radius:4px}.mockup-split-body{display:grid;grid-template-columns:1.15fr .85fr;min-height:420px;background:#f8fafc}.mockup-viewport-pane{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:space-between;position:relative}.mockup-page-content{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem}.web-page-banner{display:flex;align-items:center;justify-content:space-between;padding:.55rem .85rem;background:#f1f5f9;border-radius:8px;font-size:.78rem}.web-search-sim{display:flex;align-items:center;gap:.4rem;color:#475569;font-weight:500}.web-badge-prime{background:#0284c7;color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:3px;letter-spacing:.04em}.web-product-card-active{position:relative;display:grid;grid-template-columns:70px 1fr auto;gap:1rem;padding:1rem;background:#fff;border:1.5px solid #2563eb;border-radius:10px;box-shadow:0 4px 16px #2563eb14}.web-product-thumb{width:70px;height:70px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:6px;display:flex;align-items:center;justify-content:center}.thumb-box{font-weight:800;font-size:.75rem;color:#475569;letter-spacing:.06em}.web-product-info{display:flex;flex-direction:column;gap:.25rem}.web-product-title{font-size:.88rem;font-weight:700;color:#0f172a}.web-product-seller{font-size:.72rem;color:#64748b}.web-product-tags{display:flex;gap:.4rem;margin-top:.2rem}.web-tag{font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:4px}.web-tag.free-ship{background:#eff6ff;color:#2563eb}.web-tag.stock{background:#ecfdf5;color:#059669}.web-product-pricing{text-align:right}.web-price{font-size:1.15rem;font-weight:800;color:#0f172a}.web-list-price{font-size:.72rem;color:#94a3b8;text-decoration:line-through}.agent-cursor-target{position:absolute;top:-12px;right:18px;z-index:10}.target-tooltip{background:#2563eb;color:#fff;font-size:.68rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 12px #2563eb66;letter-spacing:.02em}.target-pulse{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff}.web-product-card-secondary{display:grid;grid-template-columns:50px 1fr auto;gap:.85rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;opacity:.75}.secondary-thumb{width:50px;height:50px}.agent-action-overlay-bar{background:#0f172a;color:#e2e8f0;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;font-size:.74rem;border-top:1px solid #1e293b}.overlay-indicator{display:flex;align-items:center;gap:.5rem}.overlay-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8}.overlay-step{color:#94a3b8;font-weight:600;font-size:.7rem}.mockup-terminal-pane{background:#0a0f1d;color:#e2e8f0;display:flex;flex-direction:column;justify-content:space-between;font-family:JetBrains Mono,monospace}.terminal-header{height:38px;background:#080c18;border-bottom:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.terminal-title{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;letter-spacing:.05em;color:#38bdf8}.terminal-tabs{display:flex;gap:4px}.terminal-tab{background:transparent;border:none;color:#64748b;font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:4px;cursor:pointer;letter-spacing:.05em;font-family:inherit;transition:all .15s ease}.terminal-tab:hover{color:#cbd5e1}.terminal-tab.active{background:#1e293b;color:#38bdf8}.terminal-code-body{flex:1;padding:1rem 1.25rem;overflow-y:auto;max-height:340px}.code-block{margin:0;font-size:.76rem;line-height:1.6}.c-brace{color:#94a3b8}.c-key{color:#7dd3fc}.c-str{color:#86efac}.c-val-price{color:#fde047;font-weight:700}.c-bool{color:#c084fc;font-weight:700}.c-num{color:#fdba74}.c-comment{color:#64748b;font-style:italic}.c-tag{color:#f472b6}.c-attr{color:#38bdf8}.terminal-logs{display:flex;flex-direction:column;gap:.45rem;font-size:.72rem;line-height:1.5}.log-line{color:#cbd5e1}.log-time{color:#64748b}.log-info{color:#38bdf8;font-weight:700}.log-nav{color:#a855f7;font-weight:700}.log-dom{color:#f59e0b;font-weight:700}.log-action{color:#22c55e;font-weight:700}.log-extract{color:#ec4899;font-weight:700}.log-ok{color:#10b981;font-weight:800}.log-line.success{background:#10b9811a;padding:.2rem .4rem;border-radius:4px}.terminal-footer{height:38px;background:#080c18;border-top:1px solid #1e293b;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font-size:.7rem}.terminal-footer-label{color:#64748b;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn{background:#1e293b;border:1px solid #334155;color:#cbd5e1;font-size:.68rem;font-weight:600;padding:.25rem .6rem;border-radius:4px;display:flex;align-items:center;gap:.35rem;cursor:pointer;font-family:inherit;transition:all .15s ease}.copy-btn:hover{background:#334155;color:#fff}.tech-proof-bar{width:100%;border-top:1px solid #eef2f6;border-bottom:1px solid #eef2f6;background:#fbfcfe;padding:1.5rem 0}.tech-proof-inner{max-width:1240px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.tech-proof-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#64748b;text-transform:uppercase}.tech-proof-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}.proof-badge{display:flex;align-items:center;gap:.5rem;color:#334155;font-size:.85rem;font-weight:600}.badge-ico{color:#2563eb}.section-header{text-align:center;max-width:760px;margin:0 auto 3.5rem}.section-pill{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.2rem .65rem;border-radius:9999px;background:#eff6ff;border:1px solid #dbeafe;color:#2563eb;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:2.35rem;line-height:1.22;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-bottom:1rem}.section-subtitle{font-size:1.05rem;line-height:1.6;color:#64748b}.home-section-features{max-width:1240px;margin:0 auto;padding:6rem 1.5rem 5rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:2.25rem 2rem;box-shadow:0 4px 20px -2px #0f172a0a;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1)}.feature-card:hover{transform:translateY(-4px);border-color:#cbd5e1;box-shadow:0 16px 36px -4px #0f172a14}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.icon-blue{background:#eff6ff}.icon-emerald{background:#ecfdf5}.icon-violet{background:#f5f3ff}.feature-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.85rem;letter-spacing:-.02em}.feature-desc{font-size:.92rem;line-height:1.65;color:#475569;margin-bottom:1.5rem;flex:1}.feature-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.86rem;font-weight:600;color:#2563eb;text-decoration:none;transition:gap .15s ease}.feature-link:hover{gap:.55rem}.home-section-pipeline{max-width:1240px;margin:0 auto;padding:2rem 1.5rem 6rem}.pipeline-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pipeline-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:2.25rem 2rem;box-shadow:0 4px 18px #0f172a08;position:relative;display:flex;flex-direction:column}.step-number{font-size:2.5rem;font-weight:800;color:#cbd5e1;letter-spacing:-.05em;margin-bottom:1rem}.step-icon-bar{margin-bottom:1rem}.step-mini-icon{width:32px;height:32px;border-radius:8px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.step-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.step-desc{font-size:.9rem;line-height:1.6;color:#475569;margin-bottom:1.5rem;flex:1}.step-code-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.65rem .85rem;font-family:JetBrains Mono,monospace;font-size:.72rem;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-code-chip.status-chip{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.step-code-chip.ready-chip{background:#f5f3ff;border-color:#ddd6fe;color:#5b21b6}.home-section-missions{max-width:1240px;margin:0 auto;padding:1rem 1.5rem 6rem}.section-header-split{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}.section-header-split .section-title{margin-bottom:.5rem}.link-all-missions{background:transparent;border:none;color:#2563eb;font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;padding:.5rem 0;transition:gap .15s ease}.link-all-missions:hover{gap:.65rem}.missions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.mission-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.75rem 1.5rem;cursor:pointer;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #0f172a05}.mission-card:hover{transform:translateY(-3px);border-color:#93c5fd;box-shadow:0 12px 28px #2563eb14}.mission-icon-box{width:40px;height:40px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;border:1px solid #e2e8f0}.mission-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.mission-desc{font-size:.85rem;line-height:1.55;color:#475569;margin-bottom:1.25rem;flex:1}.mission-action{display:flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;color:#2563eb;transition:gap .15s ease}.mission-card:hover .mission-action{gap:.55rem}.home-metrics-section{max-width:1240px;margin:0 auto;padding:0 1.5rem 6rem;width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;padding:3rem 2rem;background:#fbfcfe;border:1px solid #eef2f6;border-radius:16px}.metric-value{font-size:3rem;font-weight:800;letter-spacing:-.04em;color:#0f172a;line-height:1;margin-bottom:.5rem}.metric-title{font-size:.92rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.metric-desc{font-size:.78rem;color:#64748b}.home-cta-banner-wrapper{max-width:1240px;margin:0 auto;padding:0 1.5rem 6rem;width:100%}.home-cta-card{position:relative;background:linear-gradient(135deg,#1d4ed8,#2563eb,#4f46e5);border-radius:20px;padding:4.5rem 3rem;text-align:center;color:#fff;overflow:hidden;box-shadow:0 24px 60px #2563eb40;display:flex;flex-direction:column;align-items:center}.cta-glow-bg{position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.cta-pill{font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:9999px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;margin-bottom:1.5rem}.cta-title{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;max-width:760px;color:#fff}.cta-desc{font-size:1.05rem;line-height:1.6;color:#e0e7ff;max-width:680px;margin-bottom:2.25rem}.cta-form{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.4rem;border-radius:12px;width:100%;max-width:520px;box-shadow:0 8px 30px #00000026;margin-bottom:1.5rem}.cta-input{flex:1;border:none;outline:none;padding:.75rem 1rem;font-size:.92rem;font-family:inherit;color:#0f172a}.cta-input::placeholder{color:#94a3b8}.cta-btn-submit{background:#0f172a;color:#fff;border:none;font-size:.88rem;font-weight:700;padding:.75rem 1.45rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .15s ease;white-space:nowrap}.cta-btn-submit:hover{background:#1e293b;transform:translateY(-1px)}.cta-badges-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.75rem;font-size:.82rem;color:#e0e7ff;font-weight:500}.home-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:5rem 1.5rem 2.5rem}.home-footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:4rem}.footer-brand{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.footer-brand-img{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0f172a26;flex-shrink:0}.footer-brand-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center}.footer-brand-title{font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:#0f172a}.footer-desc{font-size:.86rem;line-height:1.6;color:#64748b;max-width:340px;margin-bottom:1.5rem}.footer-status-pills{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:.3rem .65rem;border-radius:9999px}.status-dot-green{width:7px;height:7px;border-radius:50%;background:#10b981}.footer-col h5{font-size:.74rem;font-weight:700;letter-spacing:.08em;color:#0f172a;text-transform:uppercase;margin-bottom:1.25rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-col a{color:#64748b;text-decoration:none;font-size:.86rem;transition:color .15s ease}.footer-col a:hover{color:#0f172a}.footer-bottom-bar{max-width:1240px;margin:0 auto;border-top:1px solid #e2e8f0;padding-top:2rem;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#94a3b8}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:#64748b;text-decoration:none;transition:color .15s ease}.footer-bottom-links a:hover{color:#0f172a}@media (max-width: 1024px){.mockup-split-body{grid-template-columns:1fr}.mockup-viewport-pane{border-right:none;border-bottom:1px solid #e2e8f0}.features-grid,.pipeline-steps-grid{grid-template-columns:1fr}.missions-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.home-footer-inner{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.home-nav-links{display:none}.home-hero-title{font-size:2.25rem}.missions-grid,.metrics-grid,.home-footer-inner{grid-template-columns:1fr}.footer-bottom-bar{flex-direction:column;gap:1rem;align-items:flex-start}.cta-title{font-size:1.85rem}.cta-form{flex-direction:column;background:transparent;box-shadow:none}.cta-input{width:100%;background:#fff;border-radius:8px}.cta-btn-submit{width:100%;justify-content:center}}