:root{--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--bg-app: #0a0e17;--bg-card: #111827;--bg-card-hover: #1f2937;--bg-input: #0f172a;--border-color: #1f2937;--border-color-hover: #374151;--border-color-focus: #3b82f6;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #4b5563;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-active: #1d4ed8;--accent-bg-glow: rgba(59, 130, 246, .1);--danger-primary: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, .1);--success-primary: #10b981;--success-bg: rgba(16, 185, 129, .1);--notice-info-bg: rgba(59, 130, 246, .1);--border-radius: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .1s ease;--transition-normal: .2s ease}:root[data-theme=light]{--bg-app: #f9fafb;--bg-card: #ffffff;--bg-card-hover: #f3f4f6;--bg-input: #ffffff;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--border-color-focus: #2563eb;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-bg-glow: rgba(37, 99, 235, .05);--danger-primary: #dc2626;--danger-hover: #b91c1c;--danger-bg: rgba(220, 38, 38, .05);--success-primary: #059669;--success-bg: rgba(5, 150, 105, .05);--notice-info-bg: rgba(37, 99, 235, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]){--bg-app: #f9fafb;--bg-card: #ffffff;--bg-card-hover: #f3f4f6;--bg-input: #ffffff;--border-color: #e5e7eb;--border-color-hover: #d1d5db;--border-color-focus: #2563eb;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-primary: #2563eb;--accent-hover: #1d4ed8;--accent-active: #1e40af;--accent-bg-glow: rgba(37, 99, 235, .05);--danger-primary: #dc2626;--danger-hover: #b91c1c;--danger-bg: rgba(220, 38, 38, .05);--success-primary: #059669;--success-bg: rgba(5, 150, 105, .05);--notice-info-bg: rgba(37, 99, 235, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);line-height:1.5;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,textarea,select,input{font-family:inherit;font-size:inherit}.app-shell{margin:0 auto;max-width:960px;min-height:100vh;padding:40px 24px 64px}.topbar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.eyebrow{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;font-weight:700;margin-bottom:0;color:var(--text-primary)}h2{font-size:1.15rem;font-weight:600;color:var(--text-primary)}h3{font-size:.95rem;font-weight:600;color:var(--text-secondary)}.muted{color:var(--text-secondary);margin-bottom:0;font-size:.9rem}.panel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px;transition:border-color var(--transition-fast);margin-bottom:20px}.panel-card:hover{border-color:var(--border-color-hover)}.panel-card-header{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.panel-card-title-group{align-items:center;display:flex;gap:8px}.panel-card-icon{color:var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0}.panel-card-title{margin:0;font-size:1.05rem;font-weight:600}.panel-card-extra{display:flex;align-items:center}.panel-card-content{color:var(--text-secondary)}.status-panel{align-items:center;display:flex;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.status-dot{background:var(--text-secondary);border-radius:999px;height:8px;width:8px}.status-dot.connected{background:var(--success-primary);animation:pulse 2s infinite}.status-title{font-weight:600;margin-bottom:2px;font-size:.95rem}.status-security-note{font-size:.78rem;line-height:1.45;max-width:720px}.session-boundary-panel{align-items:center;background:var(--notice-info-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:16px;justify-content:space-between;margin:-8px 0 20px;padding:12px 16px}.session-boundary-panel p{color:var(--text-secondary);font-size:.84rem;margin:0}.session-boundary-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.session-help{display:inline-flex;position:relative}.inline-help-icon{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin-left:4px;vertical-align:middle;transition:color var(--transition-fast)}.inline-help-icon:hover,.inline-help-icon[aria-expanded=true]{color:var(--text-primary)}.session-help-bubble{background:var(--bg-card-hover);border:1px solid var(--border-color-hover);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.78rem;line-height:1.4;min-width:220px;padding:10px 12px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.notice{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px;border-radius:var(--border-radius);font-size:.9rem;line-height:1.4;border:1px solid transparent;animation:fadeIn .2s ease}.notice-success{background:var(--success-bg);border-color:#10b98133;color:var(--success-primary)}.notice-error{background:var(--danger-bg);border-color:#ef444433;color:var(--danger-primary)}.notice-info{background:var(--notice-info-bg);border-color:#3b82f633;color:var(--accent-primary)}.notice-message{font-weight:500}.input-field-container{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;width:100%}.input-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-control{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);outline:none;min-height:40px;padding:0 12px;width:100%;transition:border-color var(--transition-fast)}.input-control:focus{border-color:var(--border-color-focus)}.input-control.input-password{padding-right:40px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:var(--border-radius);transition:color var(--transition-fast)}.password-toggle-btn:hover{color:var(--text-primary)}.input-description{color:var(--text-secondary);font-size:.8rem;margin:0}.input-error-msg{color:var(--danger-primary);font-size:.8rem;margin:0;font-weight:500}button{align-items:center;border:0;cursor:pointer;display:inline-flex;gap:6px;justify-content:center;outline:none;transition:background-color var(--transition-fast);border-radius:var(--border-radius);color:inherit}button:active{opacity:.85}button:disabled{cursor:not-allowed;opacity:.4}.primary-button,.secondary-button,.danger-button,.icon-button{font-weight:500;min-height:38px;padding:0 16px;font-size:.9rem;border-radius:var(--border-radius)}.primary-button{background:var(--accent-primary);color:#fff}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.secondary-button:hover:not(:disabled){border-color:var(--border-color-hover)}.danger-button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--danger-primary)}.danger-button:hover:not(:disabled){border-color:var(--danger-primary)}.icon-button{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);min-height:34px;padding:0 12px}.icon-button:hover:not(:disabled){border-color:var(--border-color-hover)}.button-icon{display:flex;align-items:center}.text-link{align-items:center;color:var(--accent-primary);display:inline-flex;font-weight:500;gap:4px;text-decoration:none;font-size:.9rem}.text-link:hover{text-decoration:underline}.connect-form{margin-top:16px;max-width:480px;display:flex;flex-direction:column;gap:12px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;padding:16px;transition:border-color var(--transition-fast)}.metric-card:hover{border-color:var(--border-color-hover)}.metric-icon-wrapper{color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.metric-info{display:flex;flex-direction:column}.metric-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.metric-value{color:var(--text-primary);font-size:1.3rem;font-weight:700;line-height:1.2}.location-select,.location-selector{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;max-width:360px}.location-selector-control{align-items:center;display:flex;position:relative}.location-selector-icon,.location-selector-chevron{color:var(--text-secondary);pointer-events:none;position:absolute}.location-selector-icon{left:12px}.location-selector-chevron{right:12px}.location-selector-select{background-color:var(--bg-input);background-image:none;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-primary);min-height:42px;padding:0 38px;width:100%}.location-selector-select:hover:not(:disabled){border-color:var(--border-color-hover)}.location-selector-select:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 3px #3b82f629}.location-selector-select:disabled{cursor:not-allowed;opacity:.65}select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);outline:none;padding:10px 36px 10px 12px;width:100%;cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}select:focus{border-color:var(--border-color-focus)}.data-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.list-block{min-width:0}.list-block-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-left:6px;border-left:2px solid var(--accent-primary);line-height:1.2}.list-empty-state{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--border-radius);padding:20px;text-align:center}.list-empty-text{color:var(--text-secondary);margin:0;font-size:.9rem}.list-items-container{display:grid;gap:8px;list-style:none;margin:0;padding:0}.list-items-container li{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:2px;min-height:56px;padding:10px 14px;transition:border-color var(--transition-fast)}.list-items-container li:hover{border-color:var(--border-color-hover)}.list-items-container li span{font-weight:600;color:var(--text-primary);overflow-wrap:anywhere;font-size:.9rem}.list-items-container li small{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.8rem}.ai-launch-card .panel-card-header{margin-bottom:16px}.ai-launch-content{display:grid;gap:16px}.ai-secret-warning{color:var(--text-secondary);font-size:.82rem;margin:8px 0 0}.ai-launch-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ai-claude-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.ai-launch-button{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;min-height:40px;padding:0 14px;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.ai-launch-button:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.ai-launch-button-primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.ai-launch-button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ai-guide-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-weight:600;min-height:30px;padding:0 10px}.ai-guide-button:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.ai-feature-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ai-feature-label{color:var(--text-secondary);font-size:.82rem;font-weight:600}.ai-feature-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.ai-feature-item{display:inline-flex;position:relative}.ai-feature-pill{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-weight:600;min-height:28px;padding:0 10px}.ai-feature-pill:hover,.ai-feature-pill[aria-expanded=true]{border-color:var(--accent-primary);color:var(--text-primary)}.ai-feature-bubble{background:var(--bg-card-hover);border:1px solid var(--border-color-hover);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.78rem;left:0;line-height:1.4;min-width:220px;padding:10px 12px;position:absolute;top:calc(100% + 8px);z-index:20}.modal-backdrop{align-items:center;background:#0000009e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:560px;padding:22px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{margin:0}.modal-close-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);height:32px;padding:0;width:32px}.modal-close-button:hover{border-color:var(--border-color-hover);color:var(--text-primary)}.claude-guide-steps{color:var(--text-secondary);margin:0 0 18px;padding-left:20px}.claude-guide-steps li+li{margin-top:6px}.connector-copy-row{align-items:stretch;display:flex;gap:8px}.connector-copy-row code{align-items:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);display:flex;flex:1;font-size:.82rem;min-width:0;overflow-wrap:anywhere;padding:10px 12px}.copy-message{color:var(--success-primary);font-size:.82rem;margin:10px 0 0}.row-between{justify-content:space-between;width:100%}.heading-inline{align-items:center;display:flex;gap:8px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.app-shell{padding:24px 16px 40px}.topbar{align-items:stretch;flex-direction:column;gap:12px;padding-bottom:16px}.metrics{grid-template-columns:1fr;gap:8px}.data-grid{grid-template-columns:1fr;gap:16px}.panel-card-header{flex-direction:column;align-items:stretch;gap:10px}.panel-card-extra button{width:100%}.session-boundary-panel{align-items:stretch;flex-direction:column}.session-boundary-actions{align-items:flex-start}.session-help-bubble{left:0;right:auto}.ai-launch-actions,.ai-claude-actions,.ai-launch-button{width:100%}.ai-guide-button{width:auto}.ai-feature-line{align-items:flex-start;flex-direction:column}.ai-feature-bubble{left:50%;max-width:calc(100vw - 48px);min-width:220px;transform:translate(-50%)}.connector-copy-row{flex-direction:column}.primary-button,.secondary-button,.danger-button,.icon-button{width:100%}}.theme-toggle-group{display:inline-flex;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2px;gap:2px;height:34px;align-items:center}.theme-toggle-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;height:28px;width:28px;padding:0;border-radius:calc(var(--border-radius) - 1px);transition:color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle-btn:hover{color:var(--text-primary);background:#ffffff08}:root[data-theme=light] .theme-toggle-btn:hover{background:#00000008}@media(prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]) .theme-toggle-btn:hover{background:#00000008}}.theme-toggle-btn.active{color:var(--text-primary);background:var(--bg-card-hover);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.collapsible-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;font-size:.92rem;transition:background var(--transition-fast),border-color var(--transition-fast)}.collapsible-header:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.collapsible-content{padding:14px;border:1px solid var(--border-color);border-top:none;border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);margin-bottom:12px;background:#0000000d}:root[data-theme=light] .collapsible-content{background:#00000005}.device-room-group{margin-bottom:14px}.device-room-group:last-child{margin-bottom:0}.device-room-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:0 0 6px;letter-spacing:.02em}.device-badge-grid{display:flex;flex-wrap:wrap;gap:6px}.device-badge-item{font-size:.82rem;padding:3px 8px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:999px;color:var(--text-primary)}.rule-compact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.rule-compact-item{font-size:.88rem;padding:6px 10px;background:var(--bg-input);border-left:3px solid var(--accent-primary);border-radius:0 var(--border-radius) var(--border-radius) 0}.app-footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.app-footer-text{font-size:.82rem;color:var(--text-secondary)}.app-footer-links{display:flex;gap:16px}.app-footer-link{font-size:.82rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast) ease}.app-footer-link:hover{color:var(--accent-primary)}.landing-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background-color:#faf9f6;color:#292524;line-height:1.6;min-height:100vh}.landing-page h1,.landing-page h2,.landing-page h3{font-weight:700;color:#1c1917}.hero-section{position:relative;padding:6rem 1rem 4rem;text-align:center;background:linear-gradient(to bottom,#faf9f6,#f5f5f4);overflow:hidden}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:10}.hero-badge{display:inline-block;padding:.6rem 1.4rem;border-radius:9999px;background-color:#e0f2fe;color:#0369a1;font-size:1.35rem;font-weight:700;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0369a11a;letter-spacing:-.01em}.hero-title{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:#57534e;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-bg-decoration{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:550px;height:300px;background:radial-gradient(ellipse at center,rgba(99,149,204,.08) 0%,rgba(139,92,246,.06) 50%,transparent 80%);filter:blur(50px);z-index:1;pointer-events:none;transition:all .8s cubic-bezier(.16,1,.3,1)}.hero-section:has(.central-btn:hover) .hero-bg-decoration{width:650px;height:350px;background:radial-gradient(ellipse at center,rgba(2,132,199,.13) 0%,rgba(139,92,246,.09) 60%,transparent 80%);filter:blur(40px)}.hero-cta-container{display:flex;align-items:center;justify-content:center;position:relative;max-width:650px;margin:2.5rem auto 0;gap:0}.hero-primary-btn{background:#ffffff6b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.85rem 2.2rem;border-radius:4px;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;border:none;cursor:pointer;z-index:10;position:relative;overflow:hidden;box-shadow:0 4px 30px #00000005,0 4px 12px #6395cc0d,inset 0 1.5px #ffffffa6,inset 0 1px 1px #fff3}.hero-primary-btn:before{content:"";position:absolute;inset:0;border-radius:4px;padding:1.2px;background:linear-gradient(90deg,#0284c7,#38bdf8,#8b5cf6,#c084fc,#0284c7);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .5s ease,padding .5s ease;opacity:.45;z-index:6}.hero-primary-btn:after{content:"";position:absolute;top:0;left:-150%;width:70px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 30%,rgba(255,255,255,.65) 50%,rgba(255,255,255,.3) 70%,transparent);transform:skew(-25deg);pointer-events:none;z-index:5}.hero-primary-btn:hover{background:#ffffff8c;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #6395cc1f,0 4px 20px #8b5cf60d,inset 0 1.5px #fffc,inset 0 1px 1px #ffffff4d}.hero-primary-btn:hover:before{opacity:1;padding:1.5px;animation:border-flow 3s infinite linear}.hero-primary-btn:hover:after{left:150%;transition:left .85s cubic-bezier(.16,1,.3,1)}.btn-text{background:linear-gradient(135deg,#0284c7 20%,#8b5cf6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;transition:all .3s ease}.hero-primary-btn:hover .btn-text{filter:brightness(1.15)}@keyframes border-flow{0%{background-position:0% 0}to{background-position:300% 0}}.cta-side-node{display:flex;flex-direction:column;align-items:center;opacity:.15;transform:translateY(8px);transition:all .5s cubic-bezier(.16,1,.3,1);width:90px;flex-shrink:0}.node-icon-wrapper{width:46px;height:46px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#78716c;box-shadow:0 1px 3px #0000000d;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1)}.node-border-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.node-left .node-border-ring{transform:rotate(0)}.node-right .node-border-ring{transform:rotate(180deg)}.ring-path{fill:none;stroke:#e7e5e4;stroke-width:2.5;stroke-dasharray:296;stroke-dashoffset:296;transition:stroke-dashoffset .6s cubic-bezier(.16,1,.3,1),stroke .4s ease}.node-inner-icon{z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}.node-label{font-size:.75rem;font-weight:500;color:#78716c;margin-top:.5rem;white-space:nowrap;transition:all .5s cubic-bezier(.16,1,.3,1)}.cta-connect-line{height:2px;flex-grow:1;background:#e7e5e4;transform:scaleX(0);transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.line-left{transform-origin:right center;background:linear-gradient(to left,#6395cc,#0284c7,#e0f2fe,#6395cc);background-size:300% 100%}.line-right{transform-origin:left center;background:linear-gradient(to right,#6395cc,#8b5cf6,#ddd6fe,#6395cc);background-size:300% 100%}.hero-cta-container:has(.central-btn:hover) .cta-connect-line{transform:scaleX(1)}.hero-cta-container:has(.central-btn:hover) .cta-side-node{opacity:1;transform:translateY(0)}.hero-cta-container:has(.central-btn:hover) .cta-side-node .ring-path{stroke-dashoffset:0;transition-delay:.25s}.hero-cta-container:has(.central-btn:hover) .node-left .node-icon-wrapper{color:#0284c7;background-color:#f0f9ff;box-shadow:0 0 15px #0284c740}.hero-cta-container:has(.central-btn:hover) .node-left .ring-path{stroke:#0284c7}.hero-cta-container:has(.central-btn:hover) .node-right .node-icon-wrapper{color:#8b5cf6;background-color:#f5f3ff;box-shadow:0 0 15px #8b5cf640}.hero-cta-container:has(.central-btn:hover) .node-right .ring-path{stroke:#8b5cf6}.hero-cta-container:has(.central-btn:hover) .node-left .node-label{color:#0284c7;font-weight:600}.hero-cta-container:has(.central-btn:hover) .node-right .node-label{color:#8b5cf6;font-weight:600}.hero-cta-container:has(.central-btn:hover) .cta-side-node .node-inner-icon{transform:scale(1.05)}@keyframes flow-left{0%{background-position:100% 0}to{background-position:0% 0}}@keyframes flow-right{0%{background-position:0% 0}to{background-position:100% 0}}.hero-cta-container:has(.central-btn:hover) .line-left{animation:flow-left 1.8s infinite linear}.hero-cta-container:has(.central-btn:hover) .line-right{animation:flow-right 1.8s infinite linear}.how-it-works-section{padding:5rem 1rem;max-width:1000px;margin:0 auto}.section-title{text-align:center;font-size:2rem;margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card{background:#fff;padding:2rem;border-radius:4px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e7e5e4;transition:transform .2s ease,box-shadow .2s ease}.step-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d}.step-icon-wrapper{width:48px;height:48px;background-color:#f0f9ff;color:#6395cc;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.step-title{font-size:1.25rem;margin-bottom:.75rem}.step-desc{color:#57534e;font-size:.95rem}.features-section{padding:5rem 1rem;background-color:#fcfbfa}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.bento-card{background:#fff;padding:2rem;border-radius:4px;box-shadow:0 1px 3px #0000000d;border:1px solid #e7e5e4;display:flex;flex-direction:column}.feature-icon{margin-bottom:1rem;color:#6395cc}.feature-title{font-size:1.125rem;margin-bottom:.5rem}.feature-desc{color:#57534e;font-size:.9rem}.security-section{padding:5rem 1rem;max-width:800px;margin:0 auto;text-align:center}.security-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem;color:#10b981}.security-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:2rem auto 0}.security-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#44403c;word-break:keep-all}.security-list li span{flex-grow:1;line-height:1.5}.check-icon{color:#10b981;flex-shrink:0;margin-top:.25rem}.limitations-section{padding:2.5rem 1rem;max-width:800px;margin:0 auto}.limitations-box{background-color:#fffdf9;border:1px solid rgba(245,158,11,.16);padding:1.5rem 1.8rem;border-radius:4px;box-shadow:0 10px 25px -5px #f59e0b08,0 8px 10px -6px #00000005;position:relative;overflow:hidden}.limitations-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,#0284c7,#8b5cf6)}.limitations-header{display:flex;align-items:center;gap:.5rem;color:#1c1917;margin-bottom:.6rem}.limitations-header strong{font-size:.95rem;font-weight:700}.limitations-icon{color:#f59e0b;flex-shrink:0}.limitations-desc{color:#57534e;font-size:.92rem;line-height:1.6;margin:0}.landing-footer{padding:3rem 1rem;border-top:1px solid #e7e5e4;margin-top:4rem;color:#78716c}.footer-content{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}.footer-copyright{grid-column:2;margin:0;text-align:center}.footer-counter{color:#a8a29e;font-size:.72rem;grid-column:3;justify-self:end;opacity:.45}.footer-links{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.footer-links a{color:#78716c;text-decoration:none}.footer-links a:hover{color:#44403c;text-decoration:underline}:root[data-theme=dark] .landing-page{background-color:#0a0e17;color:#e7e5e4}:root[data-theme=dark] .landing-page h1,:root[data-theme=dark] .landing-page h2,:root[data-theme=dark] .landing-page h3{color:#f9fafb}:root[data-theme=dark] .hero-section{background:linear-gradient(to bottom,#0a0e17,#111827)}:root[data-theme=dark] .hero-subtitle{color:#a8a29e}:root[data-theme=dark] .hero-bg-decoration{background:radial-gradient(ellipse at center,rgba(99,149,204,.12) 0%,rgba(139,92,246,.08) 50%,transparent 80%)}:root[data-theme=dark] .hero-primary-btn{background:#ffffffd9;box-shadow:0 4px 30px #ffffff0d,0 4px 12px #6395cc1a,inset 0 1.5px #ffffffe6}:root[data-theme=dark] .hero-primary-btn:hover{background:#fffffff2;box-shadow:0 12px 32px #6395cc33,0 4px 20px #8b5cf61a}:root[data-theme=dark] .node-icon-wrapper{background-color:#1f2937;color:#d6d3d1;box-shadow:0 1px 3px #0003}:root[data-theme=dark] .ring-path{stroke:#374151}:root[data-theme=dark] .node-label{color:#a8a29e}:root[data-theme=dark] .cta-connect-line{background:#374151}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-left .node-icon-wrapper{background-color:#0c4a6e;box-shadow:0 0 15px #38bdf866;color:#38bdf8}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-left .ring-path{stroke:#38bdf8}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-left .node-label{color:#38bdf8}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-right .node-icon-wrapper{background-color:#4c1d95;box-shadow:0 0 15px #a78bfa66;color:#a78bfa}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-right .ring-path{stroke:#a78bfa}:root[data-theme=dark] .hero-cta-container:has(.central-btn:hover) .node-right .node-label{color:#a78bfa}:root[data-theme=dark] .step-card,:root[data-theme=dark] .bento-card{background:#111827;border-color:#1f2937}:root[data-theme=dark] .step-card:hover,:root[data-theme=dark] .bento-card:hover{border-color:#374151;box-shadow:0 10px 15px -3px #0000004d}:root[data-theme=dark] .step-icon-wrapper{background-color:#1e293b;color:#38bdf8}:root[data-theme=dark] .step-desc,:root[data-theme=dark] .feature-desc{color:#a8a29e}:root[data-theme=dark] .features-section{background-color:#0f172a}:root[data-theme=dark] .security-list li{color:#d6d3d1}:root[data-theme=dark] .limitations-box{background-color:#121824;border-color:#f59e0b4d}:root[data-theme=dark] .limitations-desc{color:#a8a29e}:root[data-theme=dark] .limitations-header{color:#f9fafb}:root[data-theme=dark] .landing-footer{border-top-color:#1f2937;color:#78716c}:root[data-theme=dark] .footer-links a{color:#a8a29e}:root[data-theme=dark] .footer-links a:hover{color:#f9fafb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .landing-page{background-color:#0a0e17;color:#e7e5e4}:root:not([data-theme=light]) .landing-page h1,:root:not([data-theme=light]) .landing-page h2,:root:not([data-theme=light]) .landing-page h3{color:#f9fafb}:root:not([data-theme=light]) .hero-section{background:linear-gradient(to bottom,#0a0e17,#111827)}:root:not([data-theme=light]) .hero-subtitle{color:#a8a29e}:root:not([data-theme=light]) .hero-bg-decoration{background:radial-gradient(ellipse at center,rgba(99,149,204,.12) 0%,rgba(139,92,246,.08) 50%,transparent 80%)}:root:not([data-theme=light]) .hero-primary-btn{background:#ffffffd9;box-shadow:0 4px 30px #ffffff0d,0 4px 12px #6395cc1a,inset 0 1.5px #ffffffe6}:root:not([data-theme=light]) .hero-primary-btn:hover{background:#fffffff2;box-shadow:0 12px 32px #6395cc33,0 4px 20px #8b5cf61a}:root:not([data-theme=light]) .node-icon-wrapper{background-color:#1f2937;color:#d6d3d1;box-shadow:0 1px 3px #0003}:root:not([data-theme=light]) .ring-path{stroke:#374151}:root:not([data-theme=light]) .node-label{color:#a8a29e}:root:not([data-theme=light]) .cta-connect-line{background:#374151}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-left .node-icon-wrapper{background-color:#0c4a6e;box-shadow:0 0 15px #38bdf866;color:#38bdf8}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-left .ring-path{stroke:#38bdf8}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-left .node-label{color:#38bdf8}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-right .node-icon-wrapper{background-color:#4c1d95;box-shadow:0 0 15px #a78bfa66;color:#a78bfa}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-right .ring-path{stroke:#a78bfa}:root:not([data-theme=light]) .hero-cta-container:has(.central-btn:hover) .node-right .node-label{color:#a78bfa}:root:not([data-theme=light]) .step-card,:root:not([data-theme=light]) .bento-card{background:#111827;border-color:#1f2937}:root:not([data-theme=light]) .step-card:hover,:root:not([data-theme=light]) .bento-card:hover{border-color:#374151;box-shadow:0 10px 15px -3px #0000004d}:root:not([data-theme=light]) .step-icon-wrapper{background-color:#1e293b;color:#38bdf8}:root:not([data-theme=light]) .step-desc,:root:not([data-theme=light]) .feature-desc{color:#a8a29e}:root:not([data-theme=light]) .features-section{background-color:#0f172a}:root:not([data-theme=light]) .security-list li{color:#d6d3d1}:root:not([data-theme=light]) .limitations-box{background-color:#121824;border-color:#f59e0b4d}:root:not([data-theme=light]) .limitations-desc{color:#a8a29e}:root:not([data-theme=light]) .limitations-header{color:#f9fafb}:root:not([data-theme=light]) .landing-footer{border-top-color:#1f2937;color:#78716c}:root:not([data-theme=light]) .footer-links a{color:#a8a29e}:root:not([data-theme=light]) .footer-links a:hover{color:#f9fafb}}@media(max-width:640px){.hero-cta-container{padding:0 .5rem;gap:4px}.cta-side-node{width:68px;transform:translateY(4px)}.node-icon-wrapper{width:36px;height:36px}.node-inner-icon svg{width:16px!important;height:16px!important}.node-inner-icon{display:flex;align-items:center;justify-content:center}.node-label{font-size:.65rem;margin-top:.35rem}.cta-connect-line{min-width:15px;flex-shrink:1}.hero-primary-btn{padding:.75rem 1.1rem;max-width:160px;flex-shrink:1;min-width:0;justify-content:center}.btn-text{font-size:.95rem;white-space:normal;word-break:keep-all;text-align:center;line-height:1.25;display:inline-block;width:100%}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.05rem;padding:0 1rem}}