:root{--bg-color: #FFFFFF;--card-bg: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--border-color: #E2E8F0;--border-hover: #CBD5E1;--accent-black: #000000;--accent-hover: #1E293B;--primary-blue: #4F6BFF;--primary-blue-light: #EFF6FF;--success-green: #10B981;--error-red: #EF4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .08);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.app-viewport{height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative;padding:0 2rem}.navbar{width:100%;max-width:1200px;height:90px;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;z-index:20}.navbar-left{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem;letter-spacing:-.02em;transition:opacity var(--transition-fast)}.brand-link:hover{opacity:.8}.brand-logo-img{height:36px;width:auto;object-fit:contain}.logo-fallback{width:32px;height:32px;border-radius:8px;background:var(--accent-black);display:flex;align-items:center;justify-content:center}.logo-mark{width:12px;height:12px;border-radius:50%;background:#fff}.brand-name{font-weight:700;color:var(--text-primary)}.navbar-right{display:flex;align-items:center}.nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.35rem;border-radius:9999px;font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn-primary{background-color:var(--accent-black);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.center-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1}.blob-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.blob-wrapper{position:relative;width:340px;height:340px;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:transform var(--transition-smooth)}.blob-wrapper:hover{transform:scale(1.03)}.blob-wrapper:active{transform:scale(.97)}.blob-ring{position:absolute;border-radius:50%;border:1px solid rgba(79,107,255,.08);pointer-events:none}.ring-1{width:340px;height:340px;animation:rotateRing 25s linear infinite}.ring-2{width:370px;height:370px;border-style:dashed;animation:rotateRing 35s linear infinite reverse}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#blob-canvas{position:absolute;width:360px;height:360px;pointer-events:none}.subtle-talk-hint{font-size:.78rem;font-weight:500;color:var(--text-muted);letter-spacing:.04em;opacity:.65;transition:opacity var(--transition-fast);-webkit-user-select:none;user-select:none;pointer-events:none;text-transform:lowercase}.blob-wrapper:hover~.subtle-talk-hint{opacity:1;color:var(--text-secondary)}.subtle-talk-hint.error-hint{opacity:.85;color:#ef4444}.stop-talking-btn{padding:.45rem 1.1rem;border-radius:9999px;background-color:#f1f5f9;color:var(--text-primary);border:1px solid var(--border-color);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);outline:none;box-shadow:var(--shadow-sm)}.stop-talking-btn:hover{background-color:#e2e8f0;border-color:var(--border-hover);transform:translateY(-1px)}.stop-talking-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);padding:1rem}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background-color:#fff;width:100%;max-width:460px;border-radius:24px;padding:2rem;box-shadow:var(--shadow-xl);position:relative;transform:scale(.95) translateY(10px);transition:transform var(--transition-smooth);border:1px solid var(--border-color)}.modal-overlay.open .modal-card{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:50%;background-color:#f1f5f9;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast)}.modal-close-btn:hover{background-color:#e2e8f0;color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-icon{width:48px;height:48px;border-radius:12px;background-color:var(--primary-blue-light);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.modal-header h2{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.modal-header p{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.contact-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:2rem 2rem 1.5rem;width:100%;max-width:340px;position:relative;box-shadow:0 8px 40px #00000012}.contact-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.contact-close:hover{color:#0f172a}.contact-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;margin-bottom:.35rem}.contact-heading{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;color:#0f172a;margin-bottom:1.5rem}.contact-divider{height:1px;background:#f1f5f9}.contact-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;text-decoration:none;color:inherit;transition:opacity .15s}.contact-row:hover{opacity:.6}.contact-row-label{font-size:.8rem;font-weight:600;color:#94a3b8;letter-spacing:.01em}.contact-row-value{font-size:.875rem;font-weight:500;color:#0f172a}@media (max-width: 640px){.blob-wrapper,.ring-1{width:270px;height:270px}.ring-2{width:295px;height:295px}#blob-canvas{width:300px;height:300px}.modal-card{padding:1.5rem}}
