:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-glass:#fffffff0;--bg-glass-sidebar:#fffffffa;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-accent:#05966940;--border-focus:#059669;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--text-muted:#94a3b8;--brand-primary:#059669;--brand-secondary:#10b981;--brand-accent:#047857;--brand-dark:#064e3b;--brand-light:#ecfdf5;--brand-gradient:linear-gradient(135deg, #059669 0%, #10b981 100%);--brand-gradient-hover:linear-gradient(135deg, #047857 0%, #059669 100%);--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--error:#ef4444;--error-bg:#ef44441a;--info:#0284c7;--info-bg:#0284c71a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #00000012, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #05966926;--shadow-glow-mint:0 0 24px #10b98133;--slate-100:#0f172a;--slate-200:#334155;--slate-300:#475569;--slate-400:#64748b;--slate-600:#94a3b8;--slate-700:#cbd5e1;--slate-750:#dbe5e4;--slate-800:#e2e8f0;--slate-850:#fff;--slate-900:#f1f5f9;--primary-600:#059669;--header-height:64px;--sidebar-width:280px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html[data-theme=dark]{--bg-primary:#0b1416;--bg-secondary:#111f22;--bg-tertiary:#17282c;--bg-card:#142326;--bg-hover:#1b3438;--bg-glass:#111f22f5;--bg-glass-sidebar:#111f22fa;--border-primary:#294247;--border-secondary:#3a565b;--border-accent:#2dc2a161;--border-focus:#2dc2a1;--text-primary:#e7f1ef;--text-secondary:#b7ccca;--text-tertiary:#8da5a3;--text-muted:#6f8987;--brand-primary:#2dc2a1;--brand-secondary:#5ed6ba;--brand-accent:#8ae3cf;--brand-dark:#0d5549;--brand-light:#123b35;--brand-gradient:linear-gradient(135deg, #168a72 0%, #2dc2a1 100%);--brand-gradient-hover:linear-gradient(135deg, #2dc2a1 0%, #5ed6ba 100%);--success:#4fd1a9;--success-bg:#4fd1a924;--warning:#f4bd54;--warning-bg:#f4bd5424;--error:#fb7185;--error-bg:#fb718524;--info:#67c7ed;--info-bg:#67c7ed24;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 4px 12px #00000047;--shadow-lg:0 12px 24px #00000057;--shadow-xl:0 24px 48px #0000006b;--shadow-glow:0 0 20px #2dc2a12e;--shadow-glow-mint:0 0 24px #5ed6ba38;--slate-100:#f8fafc;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-600:#475569;--slate-700:#334155;--slate-750:#273549;--slate-800:#1e293b;--slate-850:#131d31;--slate-900:#0f172a;--primary-600:#667eea}html[data-theme=light] body,html[data-theme=dark] body,html[data-theme=dark] :is(.spanai-navbar,.spanai-footer,.home-page,.features-page,.pricing-page,.company-page,.policy-page-container,.data-policy-container,.terms-page-container,.engai-admin-page){background:var(--bg-primary);color:var(--text-primary)}html[data-theme=dark] .spanai-navbar{border-color:var(--border-primary)}html[data-theme=dark] :is(.brand-text,.footer-brand-title,.nav-link:hover,.user-name,.footer-links-col h4,.company-page,.features-page,.pricing-page){color:var(--text-primary)}html[data-theme=dark] :is(.brand-tag,.nav-link,.user-email,.footer-brand-desc,.footer-links-col li a,.footer-static-item,.footer-copyright,.footer-bottom-links a,.features-intro,.pricing-header>p:last-child,.pricing-description,.company-page .company-muted){color:var(--text-secondary)}html[data-theme=dark] :is(.nav-link:hover,.nav-link.active,.theme-toggle:hover){background:var(--bg-hover)}html[data-theme=dark] :is(.navbar-brand-icon,.footer-brand-icon,.footer-badge,.footer-trust-pill,.footer-pill-tag,.nav-approval-badge){background:var(--brand-light);border-color:var(--border-accent);color:var(--brand-accent)}html[data-theme=dark] .spanai-footer,html[data-theme=dark] :is(.footer-bottom-bar,.footer-links-col li a,.footer-bottom-links span){border-color:var(--border-primary)}html[data-theme=dark] :is(.company-onboarding,.company-stats>div,.company-panel,.pricing-card,.policy-body,.terms-body,.policy-section,.terms-section,.policy-info-card,.retention-card,.pipeline-step-card){background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}html[data-theme=dark] :is(.company-form input,.invite-form input,.policy-sidebar-card,.policy-sidebar-box,.commitments-box,.ownership-callout,.hard-delete-callout,.terms-alert-header,.terms-section.warning-highlight){background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}html[data-theme=dark] :is(.company-form label,.company-header>div p:last-child,.pricing-card ul,.policy-section p,.terms-section p,.policy-info-card p,.retention-card p,.pipeline-step-card p){color:var(--text-secondary)}html[data-theme=dark] :is(.home-hero,.features-hero,.features-cta){background:var(--bg-primary);border-color:var(--border-primary)}html[data-theme=dark] .home-page{--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-primary);--paper:var(--bg-primary);--green:var(--brand-primary);--green-dark:var(--brand-accent)}html[data-theme=dark] .features-page{--features-ink:var(--text-primary);--features-muted:var(--text-secondary);--features-line:var(--border-primary);--features-green:var(--brand-primary)}html[data-theme=dark] .company-page{--company-ink:var(--text-primary);--company-muted:var(--text-secondary);--company-line:var(--border-primary);--company-green:var(--brand-primary)}html[data-theme=dark] :is(.home-page .home-card,.home-page .home-feature-card,.features-page .features-card,.features-page .features-cta-card),html[data-theme=dark] :is(.home-auth-card,.home-overview>div,.home-detail-row,.home-technical-list>div,.home-bottom-note,.features-grid>article){background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}html[data-theme=dark] :is(.home-lead,.home-overview p,.home-detail-row p,.home-technical-list dd,.home-bottom-note>p,.features-section-heading p){color:var(--text-secondary)}html[data-theme=dark] :is(.home-intro h1,.home-overview h2,.home-details-intro h2,.home-technical h2,.home-bottom-note h2,.features-section-heading h2){color:var(--text-primary)}html[data-theme=dark] :is(.home-details,.home-diagram-section,.home-technical,.features-list-section){background:var(--bg-primary);color:var(--text-primary)}html[data-theme=dark] :is(.features-hero h1 em,.features-cta h2 em){color:var(--brand-accent)}html[data-theme=dark] :is(.login-page,.login-card,.auth-tab-switch,.engai-providers-modal,.approval-modal,.user-management-modal){background:var(--bg-secondary);color:var(--text-primary)}html[data-theme=dark] :is(.login-card,.engai-providers-modal,.approval-modal,.user-management-modal){border-color:var(--border-accent)}html[data-theme=dark] :is(.login-brand h1,.engai-modal-title-group h2,.approval-modal h2,.user-management-modal h2){color:var(--text-primary)}html[data-theme=dark] :is(.login-sub,.engai-modal-title-group p,.approval-modal p,.user-management-modal p){color:var(--text-secondary)}html[data-theme=dark] :is(.login-card input,.login-card select,.login-card textarea,.engai-providers-modal input,.engai-providers-modal select,.engai-providers-modal textarea,.approval-modal input,.approval-modal textarea,.user-management-modal input,.user-management-modal textarea){background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}html[data-theme=dark] .admin-panel{color:var(--text-primary)}html[data-theme=dark] :is(.admin-content,.ap-card,.stat-card,.ap-modal,.ap-modal-card,.announcement-form-card,.announcements-list-card,.contact-msg-card,.chat-threads-sidebar,.chat-window-pane,.inbox-panel){background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}html[data-theme=dark] :is(.admin-panel .search-input,.admin-panel .filter-select,.admin-panel .ap-input,.admin-panel .ap-textarea,.admin-panel .chat-input-bar input){background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}html[data-theme=dark] ::placeholder{color:var(--text-muted);opacity:1}html[data-theme=dark] ::selection{color:var(--text-primary);background:#2dc2a14d}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-secondary)}html[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}html[data-theme=light] :is(.policy-page-container,.data-policy-container,.terms-page-container){color:#20343b;background:#f7f9f9}html[data-theme=light] :is(.policy-title,.data-policy-title,.terms-title){color:#162f36}html[data-theme=light] :is(.policy-meta-row,.data-policy-meta,.policy-lead,.data-policy-lead,.terms-meta-row,.terms-lead,.policy-section p,.data-policy-section p,.terms-section p){color:#52666d}html[data-theme=light] :is(.policy-section,.data-policy-section,.terms-section,.policy-sidebar-card,.policy-sidebar-box,.commitments-box,.ownership-callout,.retention-card,.pipeline-step-card){color:#20343b;background:#fff;border-color:#d1dfdc}html[data-theme=light] :is(.policy-section h2,.data-policy-section h2,.terms-section h2,.policy-info-card h4,.retention-card h4,.pipeline-step-card h4,.commitments-box h4){color:#162f36}html[data-theme=light] :is(.policy-back-link,.policy-section a,.policy-sidebar-card a){color:#087f68}html[data-theme=light] :is(.policy-hero,.data-policy-hero,.terms-hero){border-color:#d1dfdc}html[data-theme=light] .login-page{background:radial-gradient(circle at 50% 15%,#edf8f4 0%,#f7f9f9 72%)}html[data-theme=light] .login-card{color:#20343b;background:#fff;border-color:#b8d9cc;box-shadow:0 20px 46px #1e423d24}html[data-theme=light] :is(.login-brand h1,.login-card label,.login-card .form-label){color:#162f36}html[data-theme=light] :is(.login-sub,.login-card .form-hint,.login-card .auth-footer){color:#52666d}html[data-theme=light] .auth-tab-switch{background:#f1f7f5;border-color:#cbded8}html[data-theme=light] .auth-tab-btn{color:#52666d}html[data-theme=light] .auth-tab-btn.active{color:#075c4c;background:#dff3ec;border-color:#8bcbb8}html[data-theme=light] :is(.admin-panel,.engai-admin-page,.admin-users-view){background:var(--bg-primary);color:var(--text-primary)}html[data-theme=light] :is(.admin-header h1,.engai-admin-header h1,.admin-users-title h1,.stat-value,.stat-number){color:var(--text-primary)}html[data-theme=light] :is(.admin-content,.ap-card,.stat-card,.admin-table-container,.user-stat-card,.admin-users-table-container,.announcement-form-card,.announcements-list-card,.contact-msg-card,.chat-threads-sidebar,.chat-window-pane,.inbox-panel){background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}html[data-theme=light] :is(.refresh-btn,.search-input,.filter-select,.user-search-input,.user-filter-select,.refresh-action-btn,.admin-panel .ap-input,.admin-panel .ap-textarea){background:var(--bg-secondary);border-color:var(--border-secondary);color:var(--text-primary)}html[data-theme=light] :is(.admin-tabs,.engai-admin-tabs,.admin-table thead th,.admin-users-table th,.admin-table tbody tr,.admin-users-table tbody tr){border-color:var(--border-primary)}html[data-theme=light] :is(.admin-table thead th,.admin-users-table th){background:var(--bg-tertiary);color:var(--text-tertiary)}html[data-theme=light] :is(.admin-table tbody td,.admin-users-table td,.ap-card h3,.admin-users-title p,.stat-label,.stat-desc){color:var(--text-secondary)}html[data-theme=light] :is(.tab:hover,.engai-admin-tab:hover,.refresh-btn:hover,.refresh-action-btn:hover,.admin-table tbody tr:hover,.admin-users-table tr:hover td){background:var(--bg-hover);color:var(--text-primary)}html[data-theme=light] :is(.tab.active,.engai-admin-tab.active){color:var(--brand-accent);border-bottom-color:var(--brand-primary);background:var(--brand-light)}html[data-theme=light] :is(.user-modal-container,.ap-modal,.ap-modal-card){background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}html[data-theme=light] :is(.user-modal-header,.user-modal-tabs,.user-modal-body){border-color:var(--border-primary)}html[data-theme=light] :is(.user-modal-header h2,.user-modal-sub,.user-info-label,.user-info-value,.feature-info h4,.feature-info p){color:var(--text-primary)}html[data-theme=light] :is(.user-modal-tab,.user-modal-close,.modal-btn.secondary){color:var(--text-tertiary)}html[data-theme=light] .user-modal-tab.active{color:var(--brand-accent);border-bottom-color:var(--brand-primary)}html[data-theme=light] :is(.engai-features-kpi-card,.engai-feature-add-form,.engai-features-row-list,.engai-feature-row,.engai-feature-modal-card){background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-primary)}html[data-theme=light] :is(.engai-features-header h2,.engai-features-kpi-num,.engai-feature-row__title,.engai-modal-title){color:var(--text-primary)}html[data-theme=light] :is(.engai-features-subtitle,.engai-features-kpi-lbl,.engai-feature-row__description,.engai-features-row-header,.engai-form-group label,.engai-modal-section h4,.engai-modal-desc,.engai-step-content p,.engai-criteria-item){color:var(--text-secondary)}html[data-theme=light] :is(.engai-form-input,.engai-form-textarea,.engai-form-select,.engai-features-search-input,.engai-status-inline-select,.engai-category-select){background:var(--bg-primary);border-color:var(--border-secondary);color:var(--text-primary)}html[data-theme=light] :is(.engai-features-row-header,.engai-modal-header,.engai-modal-footer){background:var(--bg-tertiary);border-color:var(--border-primary)}html[data-theme=light] .engai-feature-row:hover,html[data-theme=light] .engai-features-kpi-card:hover{background:var(--bg-hover)}html[data-theme=light] .engai-feature-modal-card{box-shadow:var(--shadow-xl)}html[data-theme=light] .engai-user-story-card{background:var(--success-bg);border-left-color:var(--brand-primary)}html[data-theme=light] .engai-user-story-text{color:var(--text-secondary)}html[data-theme=light] :is(.engai-step-item,.engai-tech-notes-box,.engai-info-grid,.engai-feature-toggle-card,.user-info-grid,.user-mono-box){background:var(--bg-tertiary);border-color:var(--border-primary)}html[data-theme=light] :is(.engai-step-content p,.engai-criteria-item,.feature-info p,.user-info-value,.user-mono-box){color:var(--text-secondary)}html[data-theme=light] :is(.user-modal-header,.user-modal-tabs){background:var(--bg-tertiary)}html[data-theme=light] :is(.user-info-grid,.feature-toggle-card){background:var(--bg-primary)}html[data-theme=light] .user-modal-container :is(.user-modal-header h2,.feature-info h4){color:var(--text-primary)}html[data-theme=light] :is(.engai-btn-reset-features,.engai-btn-secondary,.engai-form-close-btn,.engai-modal-close-btn){color:var(--text-tertiary);border-color:var(--border-secondary)}html[data-theme=light] :is(.engai-btn-reset-features:hover,.engai-btn-secondary:hover,.engai-form-close-btn:hover,.engai-modal-close-btn:hover){background:var(--bg-hover);color:var(--text-primary)}html[data-theme=light] :is(.user-search-input,.user-filter-select,.admin-panel .filter-select,.admin-panel .search-input)::placeholder{color:var(--text-muted);opacity:1}html[data-theme=light] :is(.login-card input,.login-card select,.login-card textarea){color:#20343b;background:#fff;border-color:#bfd5ce}html[data-theme=light] .login-card input::placeholder{color:#718287;opacity:1}html[data-theme=light] .engai-providers-modal{color:#20343b;background:#fff;border-color:#b8d9cc;box-shadow:0 24px 60px #1837393d}html[data-theme=light] :is(.engai-providers-modal .engai-modal-header,.engai-providers-modal .engai-modal-content,.engai-providers-modal .engai-modal-footer){background:#f7fbfa;border-color:#d1dfdc}html[data-theme=light] :is(.engai-modal-title-group h2,.engai-providers-modal h3,.engai-providers-modal strong){color:#162f36}html[data-theme=light] :is(.engai-modal-title-group p,.engai-providers-modal p,.engai-providers-modal .label){color:#52666d}html[data-theme=dark] .features-hero-drawing{background:var(--bg-card);border-color:var(--border-secondary);box-shadow:14px 14px 0 var(--bg-tertiary)}html[data-theme=dark] .drawing-frame{border-color:var(--border-secondary)}html[data-theme=dark] .drawing-node{background:var(--bg-card)}html[data-theme=dark] :is(.drawing-tag,.drawing-frame b,.feature-number){color:var(--text-tertiary)}html[data-theme=dark] .feature-card{background:var(--bg-card)}html[data-theme=dark] .feature-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg)}html[data-theme=dark] .feature-icon{background:var(--brand-light);border-color:var(--border-accent)}html[data-theme=dark] .home-page{--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-primary);--paper:var(--bg-primary);--green:var(--brand-primary);--green-dark:var(--brand-accent);--surface:var(--bg-card);--surface-2:var(--bg-tertiary)}html[data-theme=dark] .features-page{--surface:var(--bg-primary);--surface-2:var(--bg-tertiary)}html[data-theme=dark] .home-structural-bg:after{background:linear-gradient(90deg, var(--bg-primary) 0%, color-mix(in srgb, var(--bg-primary) 80%, transparent) 24%, transparent 65%)}html[data-theme=dark] .home-page :is(input,.home-input){background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-secondary)}html[data-theme=dark] .home-intro h1 em{color:var(--brand-secondary)}html[data-theme=dark] .btn-google-sso{color:#1f2933;background:#fff;border-color:#fff}html[data-theme=dark] .btn-google-sso:hover{background:#e8eef0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html[data-theme=light],html[data-theme=light] body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark],html[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.spanai-navbar{z-index:1;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);position:relative}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:60px;margin:0 auto;padding:0 20px;display:flex}.navbar-brand{cursor:pointer;align-items:center;gap:9px;text-decoration:none;display:flex}.navbar-brand-icon{background:var(--bg-tertiary);border:1px solid #a8cabb;border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brand-text{color:var(--text-primary);letter-spacing:-.03em;font-size:1.15rem;font-weight:750}.brand-tag{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #b8c7cc;padding-left:9px;font-size:10px;font-weight:700}.navbar-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-tertiary);border-radius:2px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:#087f68;background:var(--bg-tertiary);border:1px solid #b8d5c8}.navbar-user-area{align-items:center;gap:14px;display:flex}.theme-toggle{border:1px solid var(--border-secondary);background:var(--bg-secondary);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:inline-grid}.theme-toggle:hover{border-color:var(--border-focus);color:var(--brand-primary);background:var(--bg-hover)}.impersonation-indicator{background:var(--bg-primary);color:#b45309;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:600;display:flex}.exit-impersonate-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.user-profile-widget{align-items:center;gap:10px;padding:4px 0 4px 10px;display:flex}.user-info{text-align:right;flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:12.5px;font-weight:700}.user-email{color:var(--text-tertiary);font-size:11px}.nav-approval-badge{border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.nav-approval-badge.approved{background:var(--bg-primary);color:#047857;border:1px solid #a7f3d0}.nav-approval-badge.pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.nav-approval-badge.admin{background:var(--bg-primary);color:#0369a1;border:1px solid #bae6fd}.nav-approval-badge.override{background:var(--bg-primary);color:#b45309;border:1px solid #fde68a}.signout-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.signout-btn:hover{color:#ef4444;background:#fee2e2}.signin-link-btn{color:#fff;background:#162f3a;border-radius:2px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.signin-link-btn:hover{background:#087f68}html[data-theme=dark] .spanai-navbar{background:var(--bg-secondary);border-color:var(--border-primary)}html[data-theme=dark] .navbar-brand-icon{background:var(--brand-light);border-color:var(--border-accent)}html[data-theme=dark] .brand-text,html[data-theme=dark] .user-name{color:var(--text-primary)}html[data-theme=dark] :is(.brand-tag,.nav-link,.user-email,.signout-btn){color:var(--text-secondary)}html[data-theme=dark] .nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}html[data-theme=dark] .nav-link.active{color:var(--brand-accent);background:var(--brand-light);border-color:var(--border-accent)}html[data-theme=dark] .theme-toggle{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-secondary)}html[data-theme=dark] .theme-toggle:hover{background:var(--bg-hover);border-color:var(--border-focus);color:var(--brand-accent)}html[data-theme=dark] .signin-link-btn{background:var(--brand-primary);color:#062b24}@media (width<=900px){.navbar-links,.user-email,.nav-approval-badge{display:none}.user-profile-widget{padding-left:0}}@media (width<=520px){.brand-tag{display:none}.navbar-container{height:56px}.navbar-user-area{gap:8px}}.theme-control{border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--bg-tertiary);gap:2px;padding:2px;display:inline-flex}.theme-control-option{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .15s,color .15s;display:grid}.theme-control-option:hover{color:var(--text-primary)}.theme-control-option:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.theme-control-option.is-active{background:var(--bg-card);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.spanai-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);color:var(--text-tertiary);z-index:10;margin-top:auto;padding:56px 24px 0;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative}.footer-container{grid-template-columns:1.8fr 1fr 1.2fr 1.2fr;gap:40px;max-width:1200px;margin:0 auto;padding-bottom:48px;display:grid}@media (width<=960px){.footer-container{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=640px){.footer-container{grid-template-columns:1fr;gap:28px}}.footer-brand-col{flex-direction:column;gap:14px;display:flex}.footer-brand{align-items:center;gap:8px;text-decoration:none;display:inline-flex}.footer-brand-icon{background:var(--bg-primary);border:1px solid #a7f3d0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.footer-brand-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.footer-badge{background:var(--bg-primary);color:#047857;border:1px solid #a7f3d0;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.footer-brand-desc{color:var(--text-tertiary);max-width:380px;margin:0;font-size:.85rem;line-height:1.55}.footer-trust-pill{background:var(--bg-primary);color:#047857;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;max-width:fit-content;padding:6px 12px;font-size:.775rem;font-weight:500;display:inline-flex}.footer-links-col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-primary);margin:0 0 16px;font-size:.8rem;font-weight:700}.footer-links-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-col li a{color:var(--text-tertiary);align-items:center;gap:6px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.footer-links-col li a:hover{color:#059669}.footer-pill-tag{background:var(--bg-primary);color:#047857;border:1px solid #a7f3d0;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:700}.footer-static-item{color:var(--text-tertiary);align-items:center;gap:8px;font-size:.82rem;display:flex}.footer-static-item svg{color:#059669;flex-shrink:0}.footer-bottom-bar{border-top:1px solid var(--border-primary);padding:24px 0}.footer-bottom-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.footer-copyright{color:var(--text-tertiary);margin:0;font-size:.78rem}.footer-bottom-links{align-items:center;gap:12px;font-size:.78rem;display:flex}.footer-bottom-links a{color:var(--text-tertiary);text-decoration:none;transition:color .15s}.footer-bottom-links a:hover{color:#059669}.footer-bottom-links span{color:#cbd5e1}.home-page{--ink:#16232b;--muted:#63727a;--line:#d3dde0;--paper:#f7f9f9;--green:#087f68;--green-dark:#075c4c;--surface:#fff;--surface-2:#eef3f3;min-height:calc(100vh - 64px);color:var(--ink);background:var(--paper)}.home-hero{--pointer-x:50%;--pointer-y:50%;--pointer-opacity:0;background:var(--paper);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#087f6811 1px,#0000 1px),linear-gradient(90deg,#087f6811 1px,#0000 1px),linear-gradient(#087f6806 1px,#0000 1px),linear-gradient(90deg,#087f6806 1px,#0000 1px);background-size:84px 84px,84px 84px,21px 21px,21px 21px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 78%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 78%,#0000 100%)}.home-hero:after{z-index:0;background:radial-gradient(circle 190px at var(--pointer-x) var(--pointer-y), #4fb09721, #4fb0970b 42%, transparent 100%);opacity:var(--pointer-opacity);content:"";pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.home-structural-bg{z-index:0;opacity:.72;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-structural-bg svg{width:78%;height:100%;min-height:520px;position:absolute;top:0;right:-4%}.structural-grid{fill:none;stroke:#8aafb0;stroke-width:.7px;stroke-dasharray:2 8;opacity:.2}.structural-members{fill:none;stroke:#4a9a8b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.22;stroke-dasharray:500;stroke-dashoffset:500px;animation:2.2s ease-out .2s forwards draw-structure}.structural-nodes{fill:#e8f5f0;stroke:#168875;stroke-width:1.5px;opacity:.48}.structural-label{color:#438275;letter-spacing:.08em;opacity:.55;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;position:absolute}.label-a{top:28%;right:31%}.label-b{top:51%;right:9%}.label-c{top:72%;right:23%}.home-structural-bg:after{background:linear-gradient(90deg, var(--paper) 0%, color-mix(in srgb, var(--paper) 80%, transparent) 24%, transparent 65%);content:"";position:absolute;inset:0}.home-hero-inner{z-index:1;grid-template-columns:minmax(0,1fr) 410px;align-items:center;gap:100px;max-width:1180px;min-height:520px;margin:0 auto;padding:78px 32px 86px;display:grid;position:relative}.home-intro{max-width:590px}.home-kicker{color:var(--green);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:750;display:flex}.home-kicker-rule{background:var(--green);width:34px;height:2px}.home-intro h1{color:var(--ink);letter-spacing:-.065em;margin:24px 0 20px;font-size:clamp(2.8rem,4.6vw,4.4rem);font-weight:680;line-height:.98;animation:.7s both intro-rise}.home-intro h1 em{color:var(--text-secondary);font-family:inherit;font-weight:680}.home-lead{max-width:460px;color:var(--text-tertiary);margin:0;font-size:1rem;line-height:1.65;animation:.7s 80ms both intro-rise}.home-auth-column{width:100%}.home-auth-card{background:var(--surface);border:1px solid var(--border-secondary);border-radius:2px;padding:32px;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 28px #22373f1a}.home-auth-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #22373f24}.auth-heading{margin-bottom:22px}.auth-eyebrow{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}.auth-heading h2,.home-auth-welcome h2{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:700}.auth-heading p:last-child{color:var(--muted);margin:7px 0 0;font-size:13px}.auth-mode{border-bottom:1px solid var(--line);gap:20px;margin-bottom:20px;display:flex}.auth-mode button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 11px;font-size:13px;font-weight:650;position:relative}.auth-mode button.active{color:var(--ink)}.auth-mode button.active:after{content:"";background:#087f68;height:2px;position:absolute;bottom:-1px;left:0;right:0}.btn-google-sso,.auth-submit{width:100%;min-height:42px;font:inherit;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.btn-google-sso{border:1px solid var(--border-secondary);background:var(--surface);color:var(--text-secondary)}.btn-google-sso:hover{background:var(--surface);border-color:#9bb8aa}.google-mark{color:#4285f4;font-size:16px;font-weight:800}.auth-divider{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:19px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;font-weight:650;display:flex}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);position:absolute;left:12px}.auth-input-wrap input{border:1px solid var(--border-secondary);background:var(--surface);width:100%;color:var(--ink);font:inherit;border-radius:3px;outline:0;padding:11px 12px 11px 36px;font-size:13px}.auth-input-wrap input:focus{border-color:var(--green);box-shadow:0 0 0 3px #087f5b1a}.auth-input-wrap input::placeholder{color:#a3ada8}.auth-note{background:var(--surface);color:#765823;border-left:2px solid #d29c3f;gap:8px;padding:10px;font-size:11px;line-height:1.4;display:flex}.auth-note svg{flex:none}.auth-submit{border:1px solid var(--green);background:var(--green);color:#fff;margin-top:3px}.auth-submit:hover:not(:disabled){border-color:var(--green-dark);background:var(--green-dark)}.auth-submit:disabled{cursor:wait;opacity:.65}.auth-legal{color:var(--text-muted);text-align:center;margin:18px 0 0;font-size:10.5px;line-height:1.5}.auth-legal a{color:var(--green)}.auth-footnote{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin:15px 0 0;font-size:11px;display:flex}.home-auth-welcome{text-align:center}.welcome-avatar-wrap{background:var(--surface-2);width:44px;height:44px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.home-auth-welcome .auth-eyebrow{margin-bottom:8px}.welcome-email{color:var(--muted);margin:6px 0 0;font-size:12px}.welcome-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--green);margin:20px 0;padding:9px;font-size:12px;font-weight:650}.welcome-links{justify-content:center;gap:18px;margin-top:17px;display:flex}.welcome-links a,.welcome-links button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;text-decoration:none;display:inline-flex}.welcome-links a:hover,.welcome-links button:hover{color:var(--green)}.home-standard-line{border-top:1px solid var(--line);background:var(--surface-2);color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;padding:18px 32px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;display:flex}.home-overview{grid-template-columns:repeat(3,1fr);gap:48px;max-width:1180px;margin:0 auto;padding:68px 32px 70px;display:grid}.home-overview>div{border-right:1px solid var(--line);padding-right:36px;transition:transform .25s,border-color .25s}.home-overview>div:hover{border-color:#9fc4b7;transform:translateY(-5px)}.home-overview>div:last-child{border-right:0}.overview-value{color:var(--text-muted);letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.home-overview h2{color:var(--ink);letter-spacing:-.03em;margin:18px 0 8px;font-size:1.2rem;font-weight:700}.home-overview p{max-width:250px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overview-visual{height:92px;margin:18px 0 16px;position:relative}.overview-sheets span{background:var(--surface);border:1px solid #9db0b7;width:42px;height:58px;position:absolute}.overview-sheets span:first-child{top:8px;left:8px}.overview-sheets span:nth-child(2){top:4px;left:44px}.overview-sheets span:nth-child(3){border-color:#087f68;top:0;left:80px}.overview-sheets span:nth-child(4),.overview-sheets span:nth-child(5),.overview-sheets span:nth-child(6){background:#a7c6ba;border:0;height:1px}.overview-sheets span:nth-child(4){width:25px;top:20px;left:88px}.overview-sheets span:nth-child(5){width:17px;top:29px;left:88px}.overview-sheets span:nth-child(6){width:22px;top:38px;left:88px}.overview-compare .compare-sheet{background:repeating-linear-gradient(0deg,#0000 0 12px,#dce6e8 13px);border:1px solid #9db0b7;width:62px;height:58px;position:absolute;top:8px;left:10px}.overview-compare .compare-sheet-right{border-color:#087f68;left:105px}.compare-line{background:#087f68;width:44px;height:1px;position:absolute;left:68px}.line-one{top:26px}.line-two{top:45px}.compare-arrow{color:#087f68;background:var(--surface);font-size:18px;position:absolute;top:27px;left:82px}.overview-markup{background:linear-gradient(145deg,#0000 49%,#d7e4e5 50%,#0000 51%)}.markup-circle{border:2px solid #087f68;border-radius:50%;width:48px;height:48px;position:absolute;top:18px;left:23px}.markup-leader{border-top:1px solid #087f68;width:42px;position:absolute;top:45px;left:68px;transform:rotate(-28deg)}.markup-note{color:var(--text-tertiary);border:1px solid #b8c8cc;padding:5px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;position:absolute;top:15px;left:111px}.home-diagram-section{border-top:1px solid var(--line);background:var(--surface-2);padding:72px max(32px,50% - 558px) 78px}.diagram-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.diagram-heading .home-section-label{margin-bottom:10px}.diagram-heading h2{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(1.6rem,3vw,2.35rem)}.diagram-tabs{border:1px solid var(--border-secondary);background:#ffffffa8;border-radius:999px;gap:6px;padding:5px;display:flex}.diagram-tabs button{color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:700;transition:background .2s,color .2s,transform .2s;display:inline-flex}.diagram-tabs button:hover{color:var(--green);transform:translateY(-1px)}.diagram-tabs button.active{background:var(--green);color:#fff}.home-diagram{border:1px solid var(--border-secondary);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:220px;padding:28px 34px;display:flex;box-shadow:0 18px 45px #2c4a4f14}.diagram-sheets{width:150px;height:150px;position:relative}.diagram-sheet{background:var(--surface);width:100px;height:130px;color:var(--text-tertiary);border:1px solid #9db0b7;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;position:absolute}.diagram-sheet span{position:absolute;top:9px;right:10px}.sheet-back{top:0;left:0;transform:rotate(-10deg)}.sheet-middle{top:7px;left:18px;transform:rotate(1deg)}.sheet-front{border-color:#087f68;top:14px;left:38px}.sheet-front i{border-top:1px solid #b3c8c8;width:50px;margin:34px 0 0 18px;display:block}.sheet-front i+i{width:32px;margin-top:14px}.diagram-connector{color:var(--text-muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px}.diagram-schedule{background:var(--surface);border:1px solid #b8c8cc;width:210px;padding:12px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}.schedule-heading{color:var(--text-tertiary);padding-bottom:8px;font-weight:700;display:block}.schedule-row{border-top:1px solid var(--border-secondary);color:var(--text-tertiary);justify-content:space-between;padding:8px 0;display:flex}.schedule-row b{color:#087f68}.schedule-row em{font-style:normal}.diagram-result{background:var(--surface);border:1px solid #b8c8cc;grid-template-columns:24px 80px;align-items:center;gap:8px;padding:14px;transition:transform .25s,box-shadow .25s;display:grid}.diagram-result:hover{transform:translateY(-4px)rotate(1deg);box-shadow:0 10px 22px #2c4a4f1f}.result-pin{color:#a76e17;border:1px solid #d19b42;border-radius:50%;grid-row:span 2;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.result-line{background:#d0dfe0;width:70px;height:5px}.diagram-result strong{color:var(--text-secondary);font-size:11px}.diagram-result small{color:var(--text-muted);grid-column:2;font-size:9px}.diagram-caption{color:var(--text-tertiary);margin:16px 0 0;font-size:12px}.diagram-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 0 4px #087f681f}.report-preview{background:var(--surface);border:1px solid #b8c8cc;width:min(100%,300px);margin-top:26px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;box-shadow:7px 7px #dce6e8}.report-bar,.report-footer{color:var(--text-tertiary);justify-content:space-between;padding:10px;font-weight:700;display:flex}.report-bar{border-bottom:1px solid var(--border-secondary)}.report-footer{border-top:1px solid var(--border-secondary);color:var(--text-muted)}.report-body{padding:17px 10px}.report-body>span{vertical-align:middle;display:inline-block}.report-check{color:#087f68;width:16px;font-size:12px;font-weight:800}.report-check:nth-of-type(2){color:#b77b20}.report-text{background:var(--surface-2);width:72%;height:6px;margin:0 0 14px 8px}.report-text.long{width:82%}.report-text.medium{width:62%}.home-details{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:110px;max-width:1180px;margin:0 auto;padding:92px 32px 96px;display:grid}.home-section-label{color:var(--green);letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.home-details-intro h2,.home-bottom-note h2{max-width:430px;color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:680;line-height:1.08}.home-details-intro>p:last-child{max-width:390px;color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.7}.home-detail-list{border-top:1px solid var(--line)}.home-detail-row{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;gap:22px;padding:25px 0 27px;display:grid}.home-detail-index{color:var(--text-muted);letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.home-detail-row h3{color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:1.05rem;font-weight:700}.home-detail-row p{max-width:480px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.home-technical{border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:110px;padding:76px max(32px,50% - 558px);display:grid}.home-technical h2{max-width:320px;color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:680;line-height:1.08}.home-technical-list{border-top:1px solid var(--line);margin:0}.home-technical-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:24px;padding:17px 0;display:grid}.home-technical-list dt{color:var(--text-tertiary);font-size:12px;font-weight:750}.home-technical-list dd{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.home-bottom-note{border-top:1px solid var(--line);background:var(--surface-2);grid-template-columns:1fr 1fr auto;align-items:end;gap:48px;padding:58px max(32px,50% - 558px);display:grid}.home-bottom-note .home-section-label{margin-bottom:14px}.home-bottom-note h2{max-width:none;font-size:clamp(1.7rem,3vw,2.25rem)}.home-bottom-note>p{max-width:330px;color:var(--text-tertiary);margin:0;font-size:13px;line-height:1.65}.home-bottom-note a{color:var(--green);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}@keyframes intro-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes draw-structure{to{stroke-dashoffset:0}}@keyframes pulse-dot{0%,to{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (width<=900px){.home-hero-inner{grid-template-columns:1fr;gap:52px}.home-intro{max-width:650px}.home-auth-column{max-width:480px}.home-details{grid-template-columns:1fr;gap:48px}.home-details-intro>p:last-child{max-width:560px}.home-overview{grid-template-columns:1fr;gap:0}.home-overview>div,.home-overview>div:last-child{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.home-overview>div:last-child{border-bottom:0}.home-technical{grid-template-columns:1fr;gap:42px}.home-diagram{flex-wrap:wrap;justify-content:center}.diagram-heading{flex-direction:column;align-items:start}.home-bottom-note{grid-template-columns:1fr 1fr}.home-bottom-note a{grid-column:2}}@media (width<=680px){.home-hero-inner{min-height:0;padding:52px 20px 58px}@media (prefers-reduced-motion:reduce){.home-hero:after{transition:none}}.home-hero{background:var(--surface-2)}.home-structural-bg{opacity:.42}.home-structural-bg svg{width:135%;right:-38%}.structural-label{display:none}.home-intro h1{font-size:3.2rem}.home-auth-card{padding:24px 20px}.diagram-tabs{border-radius:10px;justify-content:flex-start;width:100%;overflow-x:auto}.diagram-tabs button{flex:none}.home-standard-line{padding:16px 20px}.home-details{gap:42px;padding:64px 20px 70px}.home-overview{padding:48px 20px}.home-technical{gap:32px;padding:52px 20px}.home-technical-list>div{grid-template-columns:1fr;gap:7px}.home-detail-row{grid-template-columns:38px 1fr;gap:12px}.home-bottom-note{grid-template-columns:1fr;gap:22px;padding:46px 20px}.home-bottom-note a{grid-column:auto}}