:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#ec4899;--gradient-main:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary), var(--accent-tertiary));--gradient-glass:linear-gradient(135deg, #ffffff0d 0%, #ffffff03 100%);--glow-accent:0 0 20px #8b5cf64d;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}:root,.light-theme{--bg-primary:#f4f4f5;--bg-secondary:#fff;--bg-glass:#ffffffd9;--border-subtle:#00000014;--border-focus:#0003;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--shadow-card:0 8px 32px 0 #0000000d}.dark-theme{--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-glass:#121214bf;--border-subtle:#ffffff14;--border-focus:#fff3;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-card:0 8px 32px 0 #0000005e}@media (prefers-color-scheme:dark){:root:not(.light-theme){--bg-primary:#0a0a0b;--bg-secondary:#121214;--bg-glass:#121214bf;--border-subtle:#ffffff14;--border-focus:#fff3;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--shadow-card:0 8px 32px 0 #0000005e}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:background-color var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:16px}.text-gradient{background:var(--gradient-main);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-main);color:#fff;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--glow-accent);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}.btn-icon{color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-focus)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-secondary)}input,textarea,select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-subtle);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #6366f133}input::placeholder,textarea::placeholder{color:var(--text-muted)}.grid-user-dashboard{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.25rem;display:grid}.grid-analytics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;display:grid}.grid-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.grid-articles{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.grid-user-dashboard{grid-template-columns:1fr}.grid-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.grid-articles{grid-template-columns:repeat(3,1fr)}}.desktop-only{display:flex!important}.mobile-only{display:none!important}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.responsive-sidebar-grid{grid-template-columns:250px 1fr;display:grid}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.responsive-grid-2{grid-template-columns:1fr;gap:1rem!important}.responsive-sidebar-grid,.grid-analytics{grid-template-columns:1fr}.grid-user-dashboard{grid-template-columns:1fr!important;gap:1rem!important}.grid-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.grid-articles{grid-template-columns:repeat(2,1fr)}.category-scroll-mobile{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto;flex-wrap:nowrap!important}.category-scroll-mobile::-webkit-scrollbar{display:none}}@media (width<=480px){.grid-articles{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.chat-fab{z-index:9998;background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem;transform:scale(1);box-shadow:0 4px 12px #6366f166}.chat-fab.open{transform:scale(0)}.chat-fab-icon{width:24px;height:24px}.chat-window{z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-focus);width:350px;height:500px;box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;animation:.3s ease-out forwards slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;overflow:hidden}@media (width<=768px){.chat-fab{width:48px;height:48px;bottom:5rem;right:1.5rem}.chat-fab-icon{width:20px;height:20px}.chat-window{width:auto;height:400px;bottom:5rem;left:1rem;right:1rem}}.dashboard-container{background-color:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.sidebar{z-index:10;border-radius:16px;flex-direction:column;width:260px;margin:1rem 0 1rem 1rem;padding:1.5rem 1rem;display:flex}.sidebar-header{align-items:center;gap:.75rem;padding:0 .5rem 2rem;display:flex}.sidebar-header h2{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding-right:.25rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#80808033;border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#80808066}.nav-item{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-primary);background:#6366f11a}.dark-theme .nav-item:hover{background:#ffffff0d}.light-theme .nav-item:hover{background:#0000000d}.sidebar-footer{justify-content:center;margin-top:auto;padding-top:1rem;display:flex}.main-content{flex-direction:column;flex:1;padding:1rem;display:flex;overflow:hidden}.main-header{z-index:50;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 1.5rem;display:flex;position:relative}.user-avatar{background:var(--gradient-main);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.content-scroll{flex-direction:column;flex:1;gap:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.mobile-topbar{display:none!important}.mobile-drawer,.mobile-sidebar-overlay{display:none}@media (width<=768px){.dashboard-container>.sidebar{display:none}.dashboard-container{flex-direction:column}.main-content{padding:0;padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;height:100vh;display:flex;overflow:hidden}.content-scroll{gap:1rem;padding:.75rem}.main-header{display:none!important}.mobile-drawer{flex-direction:column;display:flex!important}.mobile-sidebar-overlay{display:block}.mobile-topbar{z-index:200;border-top:none;border-left:none;border-right:none;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;min-height:60px;margin:0;padding:0 1rem;position:relative;display:flex!important}.mobile-topbar__left{align-items:center;gap:.75rem;display:flex}.mobile-topbar__brand{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:flex}.mobile-topbar__menu-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.mobile-topbar__menu-btn:active{transform:scale(.93)}.mobile-topbar__actions{align-items:center;gap:.5rem;display:flex}.mobile-topbar__avatar{cursor:pointer;box-shadow:0 0 0 2px var(--accent-primary);font-size:.85rem;transition:box-shadow .2s,transform .15s;width:34px!important;height:34px!important}.mobile-topbar__avatar:active{transform:scale(.92)}.mobile-profile-dropdown{background:var(--bg-secondary);border:1px solid var(--border-subtle);z-index:300;border-radius:14px;min-width:240px;animation:.18s fadeInDown;position:absolute;top:68px;right:1rem;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-profile-dropdown__info{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f10f,#8b5cf60a);align-items:center;gap:.75rem;padding:1rem;display:flex}.mobile-profile-dropdown__avatar{background:var(--gradient-main);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.mobile-profile-dropdown__name{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.mobile-profile-dropdown__email{color:var(--text-muted);margin:0;font-size:.78rem}.mobile-profile-dropdown__item{color:var(--text-primary);text-align:left;cursor:pointer;border:none;border-top:1px solid var(--border-subtle);background:0 0;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-profile-dropdown__item:first-of-type{border-top:none}.mobile-profile-dropdown__item:hover{background:#6366f10f}.mobile-profile-dropdown__item--danger{color:#ef4444}.mobile-profile-dropdown__item--danger:hover{background:#ef444412}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:290;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{z-index:295;border-radius:0 20px 20px 0;flex-direction:column;width:min(300px,85vw);height:100dvh;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-110%);box-shadow:8px 0 40px #0000004d}.mobile-drawer.open{transform:translate(0)}.mobile-drawer__header{flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 0;display:flex}.mobile-drawer__close{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.mobile-drawer__close:hover{color:#ef4444;background:#ef44441a}.mobile-drawer .nav-item{justify-content:flex-start;padding:.85rem 1rem}.mobile-drawer .nav-item span{display:inline!important}.desktop-only{display:none!important}.mobile-only{display:flex!important}.grid-summary{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.grid-summary .glass-panel{padding:1rem!important}.grid-user-dashboard{grid-template-columns:1fr!important;gap:1rem!important}#task-prompt-input{font-size:1rem!important}.task-submit-row,.task-history-item{flex-wrap:wrap!important;gap:.5rem!important}.pricing-mobile-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.pricing-card-popular-scale{transform:none!important}}.pricing-page{max-width:100%;padding:1.5rem 1rem}.pricing-page__header{text-align:center;margin-bottom:2.5rem;padding:0 .5rem}.pricing-page__title{background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:clamp(1.6rem,5vw,3rem);font-weight:800;line-height:1.2}.pricing-page__subtitle{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.pricing-page{padding:1rem .75rem}.pricing-grid{grid-template-columns:1fr;gap:1rem}}.plan-card{border:1px solid var(--border-subtle);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;padding:2rem 1.75rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.plan-card--popular{border:2px solid var(--accent-primary);box-shadow:0 0 0 1px #6366f133, var(--shadow-card);background:linear-gradient(135deg,#6366f10a 0%,#8b5cf60a 100%)}.plan-badge{background:linear-gradient(135deg, var(--accent-primary), var(--accent-tertiary));color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem 1.1rem;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plan-name{color:var(--text-primary);margin-bottom:.35rem;font-size:1.3rem;font-weight:700}.plan-interval-badge{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;border-radius:20px;align-items:center;margin-bottom:1.25rem;padding:.2rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.plan-price-row{align-items:baseline;gap:.4rem;margin-bottom:1.5rem;display:flex}.plan-price-amount{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1}.plan-price-currency{color:var(--text-muted);align-self:flex-start;padding-top:.4rem;font-size:1.4rem;font-weight:600}.plan-price-base{color:var(--text-muted);margin-left:.25rem;font-size:1rem;text-decoration:line-through}.plan-price-period{color:var(--text-muted);font-size:.95rem;font-weight:500}.plan-subscribe-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1.75rem;padding:.9rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.plan-subscribe-btn--primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #6366f159}.plan-subscribe-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.plan-subscribe-btn--secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-focus)!important}.plan-subscribe-btn--secondary:hover:not(:disabled){background:var(--bg-primary);color:var(--accent-primary);border-color:var(--accent-primary)!important}.plan-subscribe-btn:disabled{opacity:.65;cursor:not-allowed}.plan-features-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.9rem;font-size:.75rem;font-weight:700}.plan-features-list{flex-direction:column;flex:1;gap:.7rem;display:flex}.plan-feature-item{color:var(--text-secondary);align-items:flex-start;gap:.65rem;font-size:.9rem;line-height:1.4;display:flex}.plan-feature-check{color:#10b981;background:#10b9811f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:.05rem;display:flex}.plan-discount-badge{color:var(--accent-tertiary);background:#ec48991f;border-radius:20px;align-items:center;margin-left:.5rem;padding:.15rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.pricing-guarantee{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:16px;justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;padding:1.25rem;font-size:.9rem;display:flex}@media (width<=480px){.plan-price-amount{font-size:2.5rem}.plan-card{padding:1.5rem 1.25rem}.pricing-guarantee{text-align:center;flex-direction:column}}.settings-page{flex-direction:column;max-width:100%;height:100%;padding:1.5rem;display:flex;overflow:hidden}.settings-page__title{color:var(--text-primary);align-items:center;gap:.6rem;margin-bottom:1.25rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:800;display:flex}.settings-tabs{border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{white-space:nowrap;color:var(--text-muted);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active,.settings-tab[aria-current=page]{color:var(--accent-primary);border-bottom-color:var(--accent-primary);font-weight:600}.settings-content{flex:1;padding-bottom:2rem;padding-right:.25rem;overflow-y:auto}.settings-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:1.25rem;padding:1.75rem}.settings-card__header{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.6rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.05rem;font-weight:700;display:flex}.profile-row{flex-wrap:wrap;align-items:flex-start;gap:1.75rem;display:flex}.profile-avatar-col{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.profile-avatar-ring{background:var(--bg-primary);border:2px dashed var(--border-focus);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.profile-avatar-ring:hover{border-color:var(--accent-primary)}.profile-avatar-ring input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.field-group{flex-direction:column;flex:1;gap:.4rem;min-width:200px;display:flex}.field-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.field-input-wrap{position:relative}.field-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-input{width:100%;background:var(--bg-secondary)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;border-radius:10px!important;padding:.7rem 1rem .7rem 2.4rem!important;font-size:.95rem!important;transition:border-color .2s,box-shadow .2s!important}.field-input:focus{border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #6366f126!important}.field-input--no-icon{padding-left:1rem!important}.data-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.data-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.data-row__text h3{margin-bottom:.3rem;font-size:.95rem;font-weight:600}.data-row__text p{color:var(--text-muted);max-width:340px;margin:0;font-size:.82rem}.btn-danger{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444414;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef444466}.btn-export{background:var(--bg-secondary);border:1px solid var(--border-focus);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.btn-export:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}@media (width<=768px){.settings-page{padding:1rem .75rem}.settings-card{padding:1.25rem 1rem}.settings-tab{gap:.3rem;padding:.65rem .75rem;font-size:.82rem}.settings-tab-label-desktop{display:none}.profile-row{flex-direction:column;align-items:stretch;gap:1.25rem}.profile-avatar-col{flex-direction:row;align-items:center}.data-row{flex-direction:column;gap:.75rem}.data-row__text p{max-width:100%}.btn-danger,.btn-export{justify-content:center;width:100%}}@media (width<=480px){.settings-tab svg{width:16px;height:16px}}.landing-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}:root:not(.dark-theme) .landing-page{background:radial-gradient(circle at top right, #fdf4ff 0%, var(--bg-primary) 40%, var(--bg-primary) 100%)}.dark-theme .landing-page{background:radial-gradient(circle at top right, #1a0b2e 0%, var(--bg-primary) 40%, var(--bg-primary) 100%)}.section-inner{max-width:1200px;margin:0 auto}.landing-nav{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0}.nav-logo{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-actions{align-items:center;gap:1rem;display:flex}.btn-login{color:var(--text-primary);border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .2s}.btn-login:hover{background:var(--border-subtle)}.btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #ec48994d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.btn-icon{margin-left:.5rem}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--border-focus);transform:translateY(-2px)}.btn-primary.large{padding:.75rem 1.5rem;font-size:1rem}.hero-section{text-align:center;padding:12rem 5% 6rem;position:relative}.hero-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:600px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-glow-2{background:radial-gradient(circle,#ec48991a 0%,#0000 70%);top:60%;left:40%}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-badge{color:#8b5cf6;letter-spacing:.05em;text-transform:uppercase;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-dot{background:#ec4899;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #ec4899}.hero-title{background:linear-gradient(to right, var(--text-primary), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:5rem;font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(90deg,#ec4899,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-typing-row{background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:12px;margin-bottom:3rem;padding:1rem 2rem;font-size:1.2rem;display:inline-block}.hero-typing-label{color:var(--text-muted)}.typing-text{color:var(--accent-primary);font-weight:600}.typing-cursor{color:var(--accent-primary);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-actions{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.hero-disclaimer{color:var(--text-muted);font-size:.85rem}.stats-bar{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);padding:2rem 5%}.stats-bar-inner{flex-wrap:wrap;justify-content:space-around;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.stat-item{text-align:center}.stat-value{color:var(--text-primary);margin-bottom:.25rem;font-size:2.5rem;font-weight:800;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.section-header{text-align:center;margin-bottom:4rem}.section-label{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.clarity-section{background:var(--bg-primary);padding:6rem 5%}.clarity-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.clarity-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;border-radius:16px;padding:2rem;transition:transform .3s}.clarity-card:hover{border-color:var(--border-focus);transform:translateY(-5px)}.clarity-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1.5rem;display:flex}.clarity-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.clarity-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.features-section{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:6rem 5%}.agents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.agent-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:16px;flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.agent-card:hover{box-shadow:var(--shadow-card);border-color:#8b5cf64d;transform:translateY(-5px)}.agent-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#8b5cf60d,#0000 50%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.agent-card:hover:before{opacity:1}.agent-icon{background:var(--border-subtle);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;display:flex}.agent-card.hermes .agent-icon{color:#3b82f6;background:#3b82f61a}.agent-card.openclaw .agent-icon{color:#f59e0b;background:#f59e0b1a}.agent-card.clawcode .agent-icon{color:#10b981;background:#10b9811a}.agent-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.agent-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.agent-use-cases{border-top:1px solid var(--border-subtle);padding:1.5rem 0 0;list-style:none}.agent-use-cases li{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.agent-use-cases li svg{color:var(--accent-primary)}.how-it-works-section{background:var(--bg-primary);padding:6rem 5%}.hiw-layout{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hiw-steps{flex-direction:column;gap:2rem;display:flex}.hiw-step{gap:1.5rem;display:flex}.hiw-step-num{border:1px solid var(--step-color);width:40px;height:40px;color:var(--step-color);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.hiw-step-body h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem}.hiw-step-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.hiw-demo{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;padding:2.5rem}.hiw-demo-label{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem;font-weight:700}.hiw-demo-input,.hiw-demo-output{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:12px;padding:1.25rem;position:relative}.hiw-demo-tag{background:var(--bg-primary);color:var(--accent-primary);text-transform:uppercase;padding:0 .5rem;font-size:.75rem;font-weight:700;position:absolute;top:-10px;left:1rem}.hiw-demo-tag.output{color:#10b981}.hiw-demo-input span:last-child{color:var(--text-primary);font-weight:600}.hiw-demo-arrow{text-align:center;color:var(--accent-primary);margin:1rem 0;font-weight:700}.hiw-demo-routing{flex-direction:column;gap:.75rem;display:flex}.hiw-engine{border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.hiw-engine.skipped{border:1px solid var(--border-subtle);color:var(--text-muted);background:#ffffff05}.hiw-engine.selected{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;box-shadow:0 4px 12px #10b98126}.hiw-demo-output-preview{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.hiw-line{background:var(--border-subtle);border-radius:4px;height:8px}.hiw-line.wide{width:100%}.hiw-line.mid{width:70%}.hiw-line.short{width:40%}.hiw-output-label{color:#10b981;font-size:.8rem;font-weight:600}.use-cases-section{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:6rem 5%}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.use-case-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:16px;padding:2rem;transition:transform .2s}.use-case-card:hover{border-color:var(--border-focus);transform:translateY(-3px)}.use-case-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.5rem;display:flex}.use-case-card h3{margin-bottom:.75rem;font-size:1.2rem}.use-case-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.integrations-section{background:var(--bg-primary);text-align:center;padding:6rem 5%}.integrations-grid{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.integration-chip{color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 0;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.integration-chip:hover{border-color:var(--border-focus);transform:translateY(-3px)}.integration-chip span{white-space:nowrap;text-overflow:ellipsis;padding-right:.5rem;overflow:hidden}.integration-chip--more{background:#6366f10d;border-color:#6366f14d;grid-column:span 6;margin-top:1rem;padding:1rem;font-size:1.05rem}.trust-section{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:6rem 5%}.trust-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;display:grid}.trust-card{text-align:center}.trust-icon{margin-bottom:1.5rem}.trust-card h3{margin-bottom:.75rem;font-size:1.2rem}.trust-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.testimonials-section{background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:6rem 5%}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:16px;padding:2.5rem;position:relative}.testimonial-quote-icon{color:var(--border-focus);margin-bottom:1.5rem}.testimonial-text{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-style:italic;line-height:1.6}.testimonial-stars{gap:.25rem;margin-bottom:1.5rem;display:flex}.testimonial-author{border-top:1px solid var(--border-subtle);align-items:center;gap:1rem;padding-top:1.5rem;display:flex}.testimonial-avatar{background:var(--border-subtle);width:48px;height:48px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.testimonial-author strong{color:var(--text-primary);font-size:1rem;display:block}.testimonial-author span{color:var(--text-muted);font-size:.85rem}.pricing-preview{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:6rem 5%}.dark-theme .pricing-preview{background:linear-gradient(to bottom, var(--bg-secondary), #11071d)}.pricing-cards{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.price-card{background:var(--bg-primary);border:1px solid var(--border-subtle);text-align:center;border-radius:24px;flex-direction:column;flex:1;min-width:280px;padding:2.5rem 2rem;transition:transform .3s;display:flex}.price-card:hover{transform:translateY(-5px)}.price-card.popular{background:#ec489905;border-color:#ec48994d;position:relative;transform:scale(1.05)}.price-card.popular:hover{transform:scale(1.05)translateY(-5px)}.popular-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:12px;padding:.25rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.price-amount{color:var(--text-primary);justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;font-size:3rem;font-weight:800;display:flex}.price-currency{color:var(--text-muted);font-size:1.5rem}.price-period{color:var(--text-muted);font-size:1rem;font-weight:500}.price-tagline{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.price-features{text-align:left;flex-grow:1;margin:0 0 2rem;padding:0;list-style:none}.price-features li{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.price-features li svg{color:#10b981}.btn-price{box-sizing:border-box;border-radius:8px;width:100%;padding:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.btn-outline{border:1px solid var(--border-focus);color:var(--text-primary)}.btn-outline:hover{background:var(--border-subtle)}.cta-banner{text-align:center;background:var(--bg-primary);padding:8rem 5%;position:relative;overflow:hidden}.cta-glow{z-index:0;background:radial-gradient(circle,#ec48991a 0%,#0000 60%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-content h2{margin-bottom:1rem;font-size:3rem;font-weight:800}.cta-content p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-footer{border-top:1px solid var(--border-subtle);background:var(--bg-primary);padding:4rem 5% 2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto 3rem;display:flex}.footer-brand{max-width:300px}.footer-logo{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.footer-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.footer-links-group{gap:4rem;display:flex}.footer-column h4{color:var(--text-primary);margin-bottom:1.25rem;font-weight:600}.footer-column ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-column a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-column a:hover{color:var(--accent-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);max-width:1200px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding-top:2rem;font-size:.85rem;display:flex}.footer-legal-links{gap:1.5rem;display:flex}.footer-legal-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:var(--text-primary)}@media (width<=1024px){.hero-title{font-size:4rem}.hiw-layout{grid-template-columns:1fr;gap:3rem}.integrations-grid{grid-template-columns:repeat(4,1fr)}.integration-chip--more{grid-column:span 4}.price-card.popular{transform:none}.price-card.popular:hover{transform:translateY(-5px)}}@media (width<=768px){.nav-links{display:none}.hero-section{padding-top:8rem}.hero-title{font-size:3rem}.hero-actions{flex-direction:column}.stats-bar-inner{flex-direction:column;gap:2rem}.integrations-grid{grid-template-columns:repeat(3,1fr)}.integration-chip--more{grid-column:span 3}.footer-content{flex-direction:column}.footer-links-group{flex-wrap:wrap;gap:2rem}.cta-content h2{font-size:2.5rem}.cta-actions{flex-direction:column}}@media (width<=480px){.hero-title{font-size:2.5rem}.hero-typing-row{padding:.75rem 1rem;font-size:1rem}.integrations-grid{grid-template-columns:repeat(2,1fr)}.integration-chip--more{grid-column:span 2}}.nav-mobile-controls{display:none}.landing-nav--scrolled{box-shadow:0 4px 20px #0000001a}.nav-hamburger{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .15s;display:flex}.nav-hamburger.is-open{color:var(--accent-primary);background:#6366f11a;border-color:#6366f14d}.nav-hamburger:active{transform:scale(.93)}.mobile-nav-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:98;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;position:fixed;inset:0}.mobile-nav-overlay.visible{opacity:1;pointer-events:all}.mobile-nav-drawer{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);z-index:99;flex-direction:column;width:min(320px,88vw);height:100dvh;padding:0;transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(110%);box-shadow:-12px 0 50px #00000040}.mobile-nav-drawer.open{transform:translate(0)}.mobile-nav-drawer__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.mobile-nav-drawer__links{flex-direction:column;flex:1;gap:.25rem;padding:1.25rem 1rem;display:flex}.mobile-nav-link{color:var(--text-primary);border-radius:10px;align-items:center;gap:.85rem;padding:.9rem 1rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .18s,color .18s,transform .15s;display:flex}.mobile-nav-link:hover{color:var(--accent-primary);background:#6366f114;transform:translate(4px)}.mobile-nav-link__dot{background:var(--gradient-main);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mobile-nav-drawer__actions{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.mobile-nav-cta{text-align:center;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:block}.mobile-nav-cta--ghost{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-primary)}.mobile-nav-cta--ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mobile-nav-cta--primary{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);box-shadow:0 4px 16px #ec489959}.mobile-nav-cta--primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #ec489973}.mobile-nav-drawer__tagline{text-align:center;color:var(--text-muted);letter-spacing:.03em;padding:.75rem 1.25rem 1.5rem;font-size:.78rem;font-style:italic}@media (width<=768px){.nav-links,.nav-actions{display:none!important}.nav-mobile-controls{align-items:center;gap:.5rem;display:flex}}.agent-hub{flex-direction:column;gap:1.5rem;min-height:100%;display:flex}.hub-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hub-title h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.hub-subtitle{color:var(--text-muted,#00000080);margin-top:.25rem;font-size:.85rem;display:block}.hub-stats{flex-wrap:wrap;gap:1rem;display:flex}.hub-stat{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.78rem;display:flex;box-shadow:0 2px 4px #00000005}.hub-stat.online{color:#10b981;background:#10b9810d;border-color:#10b9814d}.hub-stat.offline{color:var(--text-muted)}.stat-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.agent-tabs{background:var(--bg-secondary,#00000005);border:1px solid var(--border-subtle,#0000000d);border-radius:12px;gap:.75rem;padding:.5rem;display:flex}@media (width<=768px){.agent-tabs{flex-direction:column}}.agent-tab-btn{background:var(--bg-primary,#fff);border:1px solid var(--border-subtle,#0000001a);cursor:pointer;border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.agent-tab-btn:before{content:"";background:var(--agent-color,#fff);opacity:0;transition:opacity .2s;position:absolute;inset:0}.agent-tab-btn:hover{border-color:var(--agent-color,var(--border-focus));transform:translateY(-1px);box-shadow:0 4px 6px #0000000a}.agent-tab-btn:hover:before{opacity:.05}.agent-tab-btn.selected{background:var(--bg-primary,#fff);border-color:var(--agent-color,#0000004d);box-shadow:0 4px 15px -5px var(--agent-color,transparent)}.agent-tab-btn.selected:before{opacity:.12}.agent-tab-icon{z-index:1;font-size:1.25rem}.agent-tab-info{z-index:1;flex-direction:column;flex:1;display:flex}.agent-tab-name{color:var(--text-primary,#000);font-size:.95rem;font-weight:700}.agent-tab-label{color:var(--text-muted,#00000080);margin-top:.1rem;font-size:.7rem}.status-dot{z-index:1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:#10b981;animation:2s infinite pulse-green;box-shadow:0 0 8px #10b98199}.status-dot.offline{background:var(--border-subtle,#0003)}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #10b98199}50%{box-shadow:0 0 14px #10b981e6}}.agent-frame-container{border:1.5px solid var(--border-subtle,#0000001a);border-top-color:var(--agent-color,var(--border-subtle));background:var(--bg-primary,#fff);border-radius:16px;flex-direction:column;flex:1;min-height:500px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.agent-frame-header{background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid var(--border-subtle,#0000001a);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.frame-agent-icon{font-size:1.1rem}.frame-agent-name{color:var(--text-primary,#000);flex:1;font-size:.9rem;font-weight:600}.frame-status{border-radius:20px;padding:.2rem .6rem;font-size:.75rem}.frame-status.online{color:#10b981;background:#10b9811a}.frame-status.offline{color:var(--text-muted);background:var(--border-subtle)}.frame-open-btn{color:var(--agent-color,var(--text-primary));border:1px solid var(--agent-color,var(--border-subtle));opacity:.8;border-radius:6px;padding:.2rem .6rem;font-size:.73rem;text-decoration:none;transition:opacity .2s}.frame-open-btn:hover{opacity:1}.agent-iframe{background:#fff;border:none;flex:1;width:100%;min-height:500px}.agent-offline-panel{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.offline-icon{filter:grayscale(.5)opacity(.6);font-size:3.5rem}.agent-offline-panel h3{color:var(--text-primary,#000);margin:0;font-size:1.3rem}.agent-offline-panel p{color:var(--text-muted,#00000080);margin:0;font-size:.9rem}.offline-instructions{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-subtle,#0000001a);text-align:left;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;max-width:480px;padding:1.25rem 1.5rem;display:flex}.instruction-step{color:var(--text-primary,#000);align-items:flex-start;gap:.75rem;font-size:.85rem;display:flex}.step-num{background:var(--border-subtle,#0000001a);width:22px;height:22px;color:var(--text-primary,#000);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.instruction-step code{color:var(--accent-primary,#ec4899);background:var(--bg-primary,#0000000d);border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.8rem}.fallback-note{color:#4ade80cc;text-align:left;background:#4ade800f;border:1px solid #4ade8026;border-radius:10px;align-items:flex-start;gap:.6rem;width:100%;max-width:480px;padding:.85rem 1.1rem;font-size:.8rem;display:flex}.fallback-note strong{color:#4ade80}