:root{--ocean-deep:#0b1628;--ocean-mid:#132744;--ocean-surface:#1a3a5c;--sea-foam:#2dd4a8;--sea-foam-glow:#2dd4a880;--coral:#ff6b8a;--coral-soft:#ff6b8a40;--pearl:#e8f4f8;--sand:#f5e6d3;--gold:gold;--bubble:#7ec8e3;--mermaid-purple:#9b59b6;--mermaid-teal:#1abc9c;--accent-warm:#f5a623;--accent-cool:#7c8cf8}html,body{height:100%;margin:0;overflow:hidden}body{background:linear-gradient(180deg,var(--ocean-deep)0%,var(--ocean-mid)50%,var(--ocean-surface)100%);color:var(--pearl);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.navbar-mermagent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--sea-foam-glow);padding:.5rem 1rem;background:#0b1628e6!important}.navbar-mermagent .navbar-brand{letter-spacing:1px;font-size:1.4rem;font-weight:700;color:var(--sea-foam)!important}.navbar-mermagent .navbar-brand span{color:var(--bubble)}.board-container{height:calc(100vh - 56px);display:flex}.chat-panel{background:#0b1628b3;border-right:1px solid #2dd4a833;flex-direction:column;width:400px;min-width:350px;display:flex}.chat-header{background:#13274480;border-bottom:1px solid #2dd4a826;padding:.75rem 1rem}.chat-header h6{color:var(--bubble);margin:0;font-weight:600}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--sea-foam-glow);border-radius:3px}.message{border-radius:12px;max-width:85%;padding:.6rem .9rem;font-size:.9rem;line-height:1.4;animation:.3s ease-out bubbleIn}@keyframes bubbleIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.message-user{background:linear-gradient(135deg,var(--ocean-surface),var(--ocean-mid));color:var(--pearl);border:1px solid #7ec8e34d;align-self:flex-end}.message-agent{color:var(--pearl);background:linear-gradient(135deg,#2dd4a826,#1abc9c1a);border:1px solid #2dd4a840;align-self:flex-start}.message-agent .agent-name{color:var(--sea-foam);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.chat-input-area{background:#13274480;border-top:1px solid #2dd4a826;padding:.75rem}.usage-bar{margin-bottom:.5rem;padding:0 .25rem}.usage-info{color:#e8f4f880;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.7rem;display:flex}.usage-reset{color:var(--coral);font-weight:600}.usage-track{background:#e8f4f81a;border-radius:2px;height:3px;overflow:hidden}.usage-fill{background:var(--sea-foam);border-radius:2px;height:100%;transition:width .3s}.usage-fill.usage-warn{background:#f0ad4e}.usage-fill.usage-full{background:var(--coral)}.chat-input-area .form-control{color:var(--pearl);background:#0b1628cc;border:1px solid #2dd4a84d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem}.chat-input-area .form-control:focus{border-color:var(--sea-foam);box-shadow:0 0 0 .2rem var(--sea-foam-glow);color:var(--pearl);background:#0b1628e6}.chat-input-area .form-control::placeholder{color:#e8f4f88c}.btn-send{border:none;border-radius:20px;padding:.5rem 1.2rem;font-weight:600;transition:all .2s;background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal))!important;color:var(--ocean-deep)!important}.btn-send:hover{box-shadow:0 4px 15px var(--sea-foam-glow);transform:translateY(-1px);background:linear-gradient(135deg,var(--mermaid-teal),var(--sea-foam))!important;color:var(--ocean-deep)!important}.btn-send:disabled,.btn-send.disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none;color:var(--ocean-deep)!important;background:#2dd4a84d!important}.diagram-panel{background:#1327444d;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.diagram-header{background:#13274480;border-bottom:1px solid #2dd4a826;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.diagram-header h6{color:var(--bubble);margin:0;font-weight:600}.diagram-content{flex:1;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative;overflow:auto}.diagram-content svg{max-width:100%;max-height:100%}.empty-state{text-align:center;color:#e8f4f866}.empty-state .trident{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state p{font-size:.95rem}.bubble-decoration{pointer-events:none;z-index:0;background:radial-gradient(circle,#7ec8e314,#0000);border-radius:50%;position:fixed}.badge-ocean{color:var(--sea-foam);background:#2dd4a833;border:1px solid #2dd4a84d;font-size:.7rem;font-weight:500}.typing-indicator{align-items:center;gap:4px;padding:.5rem .9rem;display:flex}.typing-indicator span{background:var(--sea-foam);border-radius:50%;width:6px;height:6px;animation:1.4s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.diagram-type-badge{color:var(--mermaid-purple);background:#9b59b633;border:1px solid #9b59b64d;border-radius:10px;padding:.15rem .5rem;font-size:.7rem;display:inline-block}.btn-clear{color:var(--coral);background:0 0;border:1px solid #ff6b8a66;border-radius:10px;padding:.2rem .6rem;font-size:.7rem;transition:all .2s}.btn-clear:hover{border-color:var(--coral);color:var(--coral);background:#ff6b8a26}.btn-export{color:var(--sea-foam);background:0 0;border:1px solid #2dd4a866;border-radius:10px;padding:.2rem .6rem;font-size:.7rem;transition:all .2s}.btn-export:hover{border-color:var(--sea-foam);color:var(--sea-foam);background:#2dd4a826}.zoom-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0b1628d9;border:1px solid #2dd4a833;border-radius:8px;align-items:center;gap:.25rem;padding:.3rem;display:flex;position:absolute;bottom:1rem;right:1rem}.zoom-controls button{color:var(--bubble);cursor:pointer;background:0 0;border:1px solid #7ec8e34d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.zoom-controls button:hover{border-color:var(--sea-foam);color:var(--sea-foam);background:#2dd4a826}.zoom-controls .zoom-level{color:#e8f4f899;text-align:center;-webkit-user-select:none;user-select:none;min-width:36px;font-size:.65rem}.zoom-controls .zoom-reset{width:auto;margin-left:.15rem;padding:0 .4rem;font-size:.65rem}.zoom-separator{color:#7ec8e333;-webkit-user-select:none;user-select:none;margin:0 .15rem;font-size:.8rem}.bg-picker-btn{position:relative}.bg-picker-btn.active{box-shadow:0 0 0 1px var(--sea-foam);border-color:var(--sea-foam)!important}.bg-picker-swatch{border:1px solid #7ec8e34d;border-radius:3px;width:14px;height:14px;display:block}.diagram-bg-white svg .mindmap-node text{fill:#1a1a1a!important}.diagram-bg-white svg .mindmap-node rect,.diagram-bg-white svg .mindmap-node path,.diagram-bg-white svg .mindmap-node circle,.diagram-bg-white svg .mindmap-node polygon{stroke:#546e7a!important;stroke-width:1.5px!important}.diagram-bg-white svg [class*=section-edge]{stroke:#546e7a!important}.diagram-bg-dark svg .mindmap-node text{fill:#e8f4f8!important}.diagram-bg-dark svg .mindmap-node rect,.diagram-bg-dark svg .mindmap-node path,.diagram-bg-dark svg .mindmap-node circle,.diagram-bg-dark svg .mindmap-node polygon{fill:#1a3a5c!important;stroke:#7ec8e3!important;stroke-width:1.5px!important}.diagram-bg-dark svg .mindmap-node.section-root rect,.diagram-bg-dark svg .mindmap-node.section-root path,.diagram-bg-dark svg .mindmap-node.section-root circle,.diagram-bg-dark svg .mindmap-node.section-root polygon{fill:#2dd4a8!important;stroke:#2dd4a8!important}.diagram-bg-dark svg .mindmap-node.section-root text{fill:#0b1628!important}.diagram-bg-dark svg [class*=section-edge]{stroke:#7ec8e3!important}.mode-tabs{background:#0b162880;border-radius:8px;gap:2px;padding:2px;display:flex}.mode-tab{color:#e8f4f880;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.mode-tab:hover{color:var(--pearl)}.mode-tab.active{color:var(--sea-foam);background:#2dd4a833}.code-editor-area{flex:1;min-height:0;padding:0;overflow:hidden}.code-editor{width:100%;height:100%;color:var(--sea-foam);resize:none;tab-size:2;background:#0b162899;border:none;outline:none;padding:1rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.85rem;line-height:1.5}.code-editor::placeholder{color:#e8f4f840}.code-editor:focus{background:#0b1628cc}.code-hint{color:#e8f4f859;font-size:.7rem}.login-container{background:linear-gradient(180deg,var(--ocean-deep)0%,var(--ocean-mid)50%,var(--ocean-surface)100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#13274499;border:1px solid #2dd4a833;border-radius:16px;width:100%;max-width:400px;padding:2.5rem}.login-icon{margin-bottom:.5rem;font-size:3rem}.login-header{margin-bottom:2rem}.login-title{color:var(--sea-foam);letter-spacing:1px;margin:.5rem 0;font-size:2rem;font-weight:700}.login-title span{color:var(--bubble)}.login-subtitle{color:#e8f4f899;margin:0;font-size:.9rem}.login-buttons{flex-direction:column;gap:.75rem;display:flex}.btn-login{border:1px solid;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.2rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-google{color:var(--pearl);background:#ffffff14;border-color:#fff3}.btn-google:hover{color:#fff;background:#ffffff26;border-color:#fff6;transform:translateY(-1px)}.btn-github{color:var(--pearl);background:#ffffff0d;border-color:#ffffff26}.btn-github:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.login-footer{color:#e8f4f84d;margin-top:1.5rem;margin-bottom:0;font-size:.75rem}.navbar-avatar{border:1px solid #2dd4a84d;border-radius:50%;width:28px;height:28px}.navbar-username{color:var(--pearl);font-size:.8rem;font-weight:500}.btn-logout{color:var(--coral);background:0 0;border:1px solid #ff6b8a4d;border-radius:8px;padding:.15rem .5rem;font-size:.7rem;transition:all .2s}.btn-logout:hover{border-color:var(--coral);color:var(--coral);background:#ff6b8a26}.dashboard-container{max-width:1100px;min-height:calc(100vh - 56px);margin:0 auto;padding:2rem 1.5rem;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard-title{color:var(--pearl);margin:0;font-size:1.5rem;font-weight:600}.dashboard-loading{text-align:center;color:#e8f4f880;padding:3rem}.dashboard-empty{text-align:center;color:var(--pearl);padding:4rem 2rem}.dashboard-empty .empty-icon{opacity:.5;margin-bottom:1rem;font-size:4rem}.dashboard-empty h3{color:var(--bubble);margin-bottom:.5rem}.dashboard-empty p{color:#e8f4f880;margin-bottom:1.5rem}.btn-lg{padding:.6rem 1.5rem!important;font-size:.95rem!important}.board-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.board-card{cursor:pointer;background:#13274480;border:1px solid #2dd4a826;border-radius:12px;transition:all .2s;overflow:hidden}.board-card:hover{border-color:#2dd4a866;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.board-card-preview{background:#0b162866;border-bottom:1px solid #2dd4a81a;justify-content:center;align-items:center;height:100px;display:flex}.board-card-empty-preview{opacity:.3;font-size:2rem}.board-card-info{padding:.75rem 1rem}.board-card-name{color:var(--pearl);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9rem;font-weight:600;overflow:hidden}.board-card-date{color:#e8f4f866;font-size:.7rem}.board-card-actions{gap:.25rem;padding:0 .75rem .75rem;display:flex}.btn-card-action{color:#e8f4f880;background:0 0;border:1px solid #7ec8e333;border-radius:6px;padding:.15rem .5rem;font-size:.65rem;transition:all .15s}.btn-card-action:hover{border-color:var(--bubble);color:var(--bubble);background:#7ec8e31a}.btn-card-delete:hover{border-color:var(--coral);color:var(--coral);background:#ff6b8a1a}.board-rename-input{border:1px solid var(--sea-foam)!important;color:var(--pearl)!important;background:#0b1628cc!important;border-radius:6px!important;padding:.2rem .5rem!important;font-size:.9rem!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#132744f2;border:1px solid #2dd4a840;border-radius:12px;width:100%;max-width:400px;margin:1rem;padding:1.5rem}.modal-title{color:var(--pearl);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.modal-text{color:#e8f4f899;margin-bottom:1rem;font-size:.85rem}.modal-input{margin-bottom:1rem;color:var(--pearl)!important;background:#0b1628cc!important;border:1px solid #2dd4a84d!important;border-radius:8px!important;padding:.5rem .75rem!important}.modal-input:focus{border-color:var(--sea-foam)!important;box-shadow:0 0 0 .2rem var(--sea-foam-glow)!important}.modal-error{text-align:center;background:#ff6b8a1a;border:1px solid #ff6b8a4d;border-radius:8px;margin-top:.75rem;padding:.75rem}.modal-error p{color:var(--coral);margin:0;font-size:.85rem}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-cancel{color:#e8f4f899;background:0 0;border:1px solid #e8f4f833;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}.btn-cancel:hover{color:var(--pearl);background:#e8f4f80d}.btn-danger-action{border:1px solid var(--coral);color:var(--coral);background:#ff6b8a33;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-danger-action:hover{color:#fff;background:#ff6b8a59}.diagram-area{flex:1;display:flex;position:relative;overflow:hidden}.history-panel{background:#0b1628cc;border-left:1px solid #2dd4a826;flex-direction:column;width:260px;min-width:260px;animation:.2s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.history-panel-header{border-bottom:1px solid #2dd4a81a;padding:.6rem .75rem}.history-panel-header h6{color:var(--bubble);margin:0;font-size:.8rem;font-weight:600}.history-list{flex-direction:column;flex:1;gap:.35rem;padding:.5rem;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--sea-foam-glow);border-radius:2px}.history-item{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.5rem .6rem;transition:all .15s;position:relative}.history-item:hover{background:#2dd4a814;border-color:#2dd4a826}.history-item.active{background:#2dd4a826;border-color:#2dd4a866}.history-item.current{border-color:#7ec8e333}.history-item-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.history-version{color:var(--sea-foam);font-size:.75rem;font-weight:600}.history-date{color:#e8f4f859;font-size:.65rem}.history-message{color:#e8f4f88c;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.3;overflow:hidden}.history-current-badge{color:var(--bubble);background:#7ec8e326;border:1px solid #7ec8e340;border-radius:6px;margin-top:.25rem;padding:.05rem .35rem;font-size:.6rem;display:inline-block}.history-upgrade{text-align:center;border-top:1px solid #7ec8e326;padding:.75rem}.history-upgrade p{color:#e8f4f880;margin:0 0 .35rem;font-size:.75rem}.history-upgrade a{color:var(--sea-foam);font-size:.75rem;text-decoration:underline}.btn-export.active{border-color:var(--sea-foam);background:#2dd4a833}.mobile-tab-bar{display:none}@media (max-width:768px){.mobile-tab-bar{z-index:10;background:#0b1628e6;border-bottom:1px solid #2dd4a826;display:flex;position:sticky;top:56px}.mobile-tab{color:#e8f4f866;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .2s;position:relative}.mobile-tab.active{color:var(--sea-foam);border-bottom-color:var(--sea-foam)}.mobile-tab-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;position:absolute;top:8px;right:calc(50% - 30px)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.board-container{flex-direction:column;height:calc(100vh - 98px);overflow:hidden}@supports (height:100dvh){.board-container{height:calc(100dvh - 98px)}}.board-container .chat-panel{border-bottom:1px solid #2dd4a81a;border-right:none;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.board-container .chat-panel .chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.board-container .diagram-panel{width:100%;height:100%;min-height:0;overflow:hidden}.board-container .diagram-panel .diagram-content{-webkit-overflow-scrolling:touch;overflow:auto}.board-container.mobile-show-chat .chat-panel{display:flex}.board-container.mobile-show-chat .diagram-panel,.board-container.mobile-show-diagram .chat-panel{display:none}.board-container.mobile-show-diagram .diagram-panel{display:flex}.chat-input-area .d-flex{width:100%}.chat-input-area .form-control{flex:1;min-width:0}.diagram-header{flex-wrap:wrap;gap:.5rem}.diagram-header h6{font-size:.8rem}.diagram-header .d-flex{flex-wrap:wrap;gap:.35rem!important}.history-panel{width:100%!important;min-width:0!important}.badge-ocean{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}}.landing-page{height:100vh;overflow:hidden auto}.landing-nav{z-index:100;position:sticky;top:0}.landing-nav-buttons{flex-wrap:nowrap}@media (max-width:576px){.landing-nav-buttons{gap:.35rem!important}.landing-nav-buttons .btn{padding:.3rem .6rem;font-size:.8rem}.landing-login-btn{display:none}}.btn-login-nav{color:var(--sea-foam);background:0 0;border:1px solid #2dd4a866;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}.btn-login-nav:hover{border-color:var(--sea-foam);color:var(--sea-foam);background:#2dd4a81a}.landing-hero{justify-content:center;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;display:flex}.hero-content{flex:1;max-width:520px}.hero-title{color:var(--pearl);margin-bottom:1.25rem;font-size:3rem;font-weight:800;line-height:1.15}.hero-highlight{background:linear-gradient(135deg,var(--sea-foam),var(--bubble));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#e8f4f8a6;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-actions{margin-bottom:.75rem}.btn-hero{border-radius:24px!important;padding:.7rem 2rem!important;font-size:1rem!important}.hero-note{color:#e8f4f859;font-size:.8rem}.hero-visual{flex:1;max-width:480px}.hero-demo-card{background:#0b1628b3;border:1px solid #2dd4a833;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.demo-chat-bubble{border-radius:12px;padding:.6rem .9rem;font-size:.85rem;line-height:1.4}.demo-user{background:linear-gradient(135deg,var(--ocean-surface),var(--ocean-mid));color:var(--pearl);border:1px solid #7ec8e34d;align-self:flex-end;max-width:80%;font-style:italic}.demo-agent{color:var(--pearl);background:linear-gradient(135deg,#2dd4a826,#1abc9c1a);border:1px solid #2dd4a840;align-self:flex-start;max-width:80%}.demo-agent-name{color:var(--sea-foam);margin-bottom:.2rem;font-size:.7rem;font-weight:600;display:block}.demo-diagram-preview{background:#13274499;border:1px solid #2dd4a826;border-radius:10px;margin-top:.25rem;padding:1rem}.demo-code{color:var(--sea-foam);white-space:pre;background:0 0;border:none;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.5}.section-title{text-align:center;color:var(--pearl);margin-bottom:.5rem;font-size:2rem;font-weight:700}.section-subtitle{text-align:center;color:#e8f4f8a6;margin-bottom:2.5rem;font-size:1rem}.landing-features{max-width:1100px;margin:0 auto;padding:4rem 2rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{border:1px solid #2dd4a81f;border-top:3px solid var(--sea-foam);background:#13274466;border-radius:14px;padding:1.5rem;transition:all .2s}.feature-card:nth-child(2),.feature-card:nth-child(5){border-top-color:var(--accent-warm)}.feature-card:nth-child(3),.feature-card:nth-child(6){border-top-color:var(--accent-cool)}.feature-card:hover{border-color:#2dd4a859;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.feature-icon{margin-bottom:.75rem;font-size:1.8rem}.feature-card h3{color:var(--pearl);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.feature-card p{color:#e8f4f88c;margin:0;font-size:.85rem;line-height:1.5}.landing-how-it-works{max-width:900px;margin:0 auto;padding:4rem 2rem}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.step-card{text-align:center;padding:1.5rem 1rem}.step-number{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));width:48px;height:48px;color:var(--ocean-deep);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.3rem;font-weight:800;display:flex}.step-card h3{color:var(--pearl);margin-bottom:.5rem;font-size:1rem;font-weight:600}.step-card p{color:#e8f4f880;margin:0;font-size:.85rem;line-height:1.5}.landing-types{max-width:800px;margin:0 auto;padding:3rem 2rem}.types-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.type-pill{color:var(--sea-foam);background:#2dd4a81a;border:1px solid #2dd4a833;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:500;transition:all .15s}.type-pill:nth-child(3n+2){color:var(--accent-warm);background:#f5a6231a;border-color:#f5a62333}.type-pill:nth-child(3n){color:var(--accent-cool);background:#7c8cf81a;border-color:#7c8cf833}.type-pill:hover{border-color:var(--sea-foam);background:#2dd4a833}.type-pill:nth-child(3n+2):hover{border-color:var(--accent-warm);background:#f5a62333}.type-pill:nth-child(3n):hover{border-color:var(--accent-cool);background:#7c8cf833}.landing-cta{text-align:center;max-width:600px;margin:0 auto;padding:4rem 2rem 5rem}.landing-cta h2{color:var(--pearl);margin-bottom:.75rem;font-size:2rem;font-weight:700}.landing-cta p{color:#e8f4f88c;margin-bottom:2rem;font-size:1rem;line-height:1.6}.landing-footer{background:#0b1628cc;border-top:1px solid #f5a62326;padding:3rem 2rem 1.5rem}.footer-content{justify-content:space-between;gap:2rem;max-width:1100px;margin:0 auto 2rem;display:flex}.footer-brand{max-width:300px}.footer-logo{color:var(--sea-foam);font-size:1.2rem;font-weight:700}.footer-tagline{color:#e8f4f866;margin-top:.5rem;font-size:.8rem}.footer-links{gap:3rem;display:flex}.footer-col{flex-direction:column;gap:.4rem;display:flex}.footer-col h4{color:var(--accent-warm);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.footer-col a{color:#e8f4f880;font-size:.8rem;text-decoration:none;transition:color .15s}.footer-col a:hover{color:var(--sea-foam)}.footer-bottom{text-align:center;border-top:1px solid #2dd4a81a;max-width:1100px;margin:0 auto;padding-top:1.5rem}.footer-bottom p{color:#e8f4f84d;margin:0;font-size:.75rem}.footer-bottom a{color:#2dd4a899;text-decoration:none}.footer-bottom a:hover{color:var(--sea-foam)}@media (max-width:768px){.landing-hero{text-align:center;flex-direction:column;padding:2rem 1.5rem 3rem}.hero-title{font-size:2.2rem}.hero-visual{max-width:100%}.features-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.footer-content{flex-direction:column}.footer-links{flex-wrap:wrap;gap:2rem}}@media (max-width:1024px) and (min-width:769px){.features-grid{grid-template-columns:repeat(2,1fr)}}.legal-page{height:100vh;overflow-y:auto}.legal-container{max-width:760px;margin:0 auto;padding:2rem 1.5rem 4rem}.legal-container h1{color:var(--pearl);margin-bottom:.25rem;font-size:2rem;font-weight:700}.legal-updated{color:#e8f4f859;margin-bottom:2rem;font-size:.8rem}.legal-container h2{color:var(--bubble);margin-top:2rem;margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.legal-container h3{color:var(--pearl);margin-top:1.25rem;margin-bottom:.4rem;font-size:.95rem;font-weight:600}.legal-container p{color:#e8f4f899;margin-bottom:.75rem;font-size:.88rem;line-height:1.7}.legal-container ul{color:#e8f4f899;margin-bottom:.75rem;padding-left:1.5rem;font-size:.88rem;line-height:1.7}.legal-container a{color:var(--sea-foam);text-decoration:none}.legal-container a:hover{text-decoration:underline}.legal-footer-nav{border-top:1px solid #2dd4a826;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;display:flex}.legal-footer-nav a{color:var(--sea-foam);font-size:.85rem;text-decoration:none}.legal-footer-nav a:hover{text-decoration:underline}.pricing-container{max-width:900px;margin:0 auto;padding:3rem 1.5rem 4rem;overflow-y:auto}.pricing-title{text-align:center;color:var(--pearl);margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.pricing-subtitle{text-align:center;color:#e8f4f880;margin-bottom:2rem;font-size:1rem}.interval-toggle{background:#0b162880;border-radius:10px;justify-content:center;gap:2px;width:fit-content;margin:0 auto 2.5rem;padding:3px;display:flex}.interval-btn{color:#e8f4f880;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.interval-btn.active{color:var(--sea-foam);background:#2dd4a833}.save-badge{color:var(--sea-foam);background:#2dd4a840;border-radius:6px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.pricing-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.plan-card{background:#13274466;border:1px solid #2dd4a81f;border-radius:16px;flex-direction:column;padding:2rem;display:flex;position:relative}.plan-card-featured{border-color:var(--sea-foam);box-shadow:0 0 30px #2dd4a81a}.plan-popular{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));color:var(--ocean-deep);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.2rem .8rem;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-header{margin-bottom:1.5rem}.plan-header h3{color:var(--pearl);margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.plan-price{margin-bottom:.25rem}.price-amount{color:var(--pearl);font-size:2.5rem;font-weight:800}.price-interval{color:#e8f4f866;font-size:.9rem}.plan-billed{color:#e8f4f859;margin:0;font-size:.8rem}.plan-desc{color:#e8f4f880;margin:.5rem 0 0;font-size:.85rem}.plan-features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.plan-features li{color:#e8f4f8a6;border-bottom:1px solid #2dd4a80f;padding:.35rem 0;font-size:.85rem}.plan-features li:before{content:"✓ ";color:var(--sea-foam);font-weight:600}.btn-plan-cta{width:100%;padding:.6rem!important;font-size:.95rem!important}.btn-plan-secondary{width:100%;color:var(--sea-foam);background:0 0;border:1px solid #2dd4a866;border-radius:20px;padding:.6rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-plan-secondary:hover{background:#2dd4a81a}.btn-plan-current{color:#e8f4f866;cursor:default;background:0 0;border:1px solid #7ec8e333;border-radius:20px;width:100%;padding:.6rem;font-size:.95rem}.comparison-section{margin-top:2rem}.comparison-section h2{color:var(--pearl);text-align:center;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.comparison-table{border-collapse:collapse;width:100%}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #2dd4a814;padding:.6rem 1rem;font-size:.85rem}.comparison-table th{color:var(--bubble);font-weight:600}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;color:#e8f4f8b3}.comparison-table td{color:#e8f4f88c}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}.settings-container{max-width:700px;min-height:calc(100vh - 56px);margin:0 auto;padding:2rem 1.5rem 4rem;overflow-y:auto}.settings-title{color:var(--pearl);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.settings-card{background:#13274466;border:1px solid #2dd4a81f;border-radius:14px;margin-bottom:1rem;padding:1.5rem}.settings-card h3{color:var(--bubble);margin-bottom:1rem;font-size:1rem;font-weight:600}.settings-loading{color:#e8f4f866;font-size:.85rem}.plan-info-row{border-bottom:1px solid #2dd4a80f;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.plan-info-row:last-of-type{border-bottom:none}.plan-info-label{color:#e8f4f880;font-size:.85rem}.plan-info-value{color:var(--pearl);font-size:.85rem;font-weight:500}.plan-badge-pro{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.plan-badge-free{color:#e8f4f899}.settings-actions{gap:.75rem;margin-top:1rem;display:flex}.badge-pro-small{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));color:var(--ocean-deep);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.1rem .4rem;font-size:.6rem;font-weight:700}.btn-upgrade-nav{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));color:var(--ocean-deep);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s}.btn-upgrade-nav:hover{opacity:.9;color:var(--ocean-deep);transform:translateY(-1px)}.landing-v2 .landing-hero-v2{text-align:center;max-width:900px;margin:0 auto;padding:3rem 2rem 2rem}.hero-title-v2{color:var(--pearl);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.15}.hero-subtitle-v2{color:#e8f4f8bf;max-width:600px;margin:0 auto 1.25rem;font-size:1.15rem;line-height:1.6}.hero-demo-container{max-width:800px;margin:0 auto}.demo-social-proof{text-align:center;color:#f5a62399;margin:1rem 0 0;font-size:.82rem;font-style:italic}.hero-demo-live{text-align:left;background:#13274499;border:1px solid #2dd4a840;border-radius:16px;padding:1.25rem 1.5rem;animation:3s ease-in-out infinite demo-glow;box-shadow:inset 0 1px #ffffff08}@keyframes demo-glow{0%,to{box-shadow:inset 0 1px #ffffff08,0 0 20px #2dd4a826,0 0 40px #2dd4a80d}50%{box-shadow:inset 0 1px #ffffff08,0 0 35px #2dd4a859,0 0 70px #2dd4a826}}.demo-try-label{color:var(--sea-foam);text-align:center;letter-spacing:.3px;margin:0 0 .5rem;font-size:.8rem;font-weight:500}.demo-try-icon{color:var(--accent-warm)}.demo-input-area{margin-bottom:.5rem}.demo-input-wrapper{align-items:flex-end;gap:.5rem;display:flex;position:relative}.demo-input{color:var(--pearl);resize:none;background:#0b162899;border:1px solid #2dd4a826;border-radius:12px;outline:none;flex:1;min-height:38px;max-height:120px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;line-height:1.4;transition:border-color .2s;overflow:hidden}.demo-input:focus{border-color:var(--sea-foam);overflow-y:auto}.demo-input::placeholder{color:#e8f4f88c}.demo-typewriter{color:#e8f4f88c;pointer-events:none;white-space:nowrap;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;line-height:1.4;position:absolute;top:0;left:0;overflow:hidden}.demo-typewriter-cursor{background:var(--sea-foam);vertical-align:text-bottom;width:1px;height:1em;margin-left:1px;animation:.8s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.demo-send-btn{white-space:nowrap;align-self:flex-end;animation:3.5s ease-in-out infinite btn-pulse;padding:.6rem 1.6rem!important;font-size:1rem!important}.demo-send-btn:hover{animation:none;transform:translateY(-1px);box-shadow:0 4px 20px #2dd4a866}@keyframes btn-pulse{0%,to{box-shadow:0 0 8px #2dd4a826}50%{box-shadow:0 0 18px #2dd4a859,0 0 35px #2dd4a81a}}.demo-btn-arrow{margin-left:.3rem;transition:transform .2s;display:inline-block}.demo-send-btn:hover .demo-btn-arrow{transform:translate(3px)}.demo-examples{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.demo-examples-label{color:var(--accent-warm);margin-right:.25rem;font-size:.8rem}.demo-example-btn{color:var(--sea-foam);cursor:pointer;background:#2dd4a814;border:1px solid #2dd4a833;border-radius:20px;padding:.3rem .75rem;font-size:.78rem;transition:all .2s}.demo-example-btn:hover{border-color:var(--sea-foam);background:#2dd4a833;transform:translateY(-1px);box-shadow:0 0 10px #2dd4a826}.demo-loading{text-align:center;padding:2.5rem 1rem}.demo-loading-animation{justify-content:center;align-items:center;gap:.75rem;display:flex}.demo-wave{font-size:1.5rem;animation:1.2s ease-in-out infinite wave-bob;display:inline-block}@keyframes wave-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-loading-text{color:#e8f4f880;font-size:.95rem}.demo-spinner{border:2px solid #0b16284d;border-top-color:var(--ocean-deep);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.demo-error{text-align:center;color:var(--coral);padding:1.5rem;font-size:.9rem}.demo-error-cta{margin-top:1rem}.demo-error-cta .btn{padding:.75rem 2rem;font-size:1rem}.demo-result{margin-top:.5rem}.demo-response-text{color:#e8f4f8b3;margin-bottom:.75rem;padding:.5rem 0;font-size:.9rem;line-height:1.5}.demo-marina-badge{background:linear-gradient(135deg,var(--sea-foam),var(--mermaid-teal));color:var(--ocean-deep);text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border-radius:6px;margin-right:.5rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.demo-diagram-live{background:#0b162866;border:1px solid #2dd4a81a;border-radius:10px;height:50vh;min-height:300px;max-height:500px;position:relative;overflow:hidden}.demo-diagram-live .diagram-viewport{height:100%!important}.demo-diagram-live .diagram-viewport svg{max-width:100%;max-height:100%}.demo-diagram-live .zoom-controls{position:absolute;bottom:0;left:0;right:0}.demo-result-cta{margin-top:1.5rem;padding-top:1rem}.demo-cta-card{text-align:center;background:linear-gradient(135deg,#2dd4a814,#4facfe14);border:1px solid #2dd4a833;border-radius:12px;padding:1.5rem 2rem}.demo-cta-title{color:var(--seafoam);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.demo-cta-subtitle{color:#e8f4f8b3;margin-bottom:1rem;font-size:.9rem}.demo-cta-features{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.demo-cta-features li{color:#e8f4f8d9;padding-left:1.2rem;font-size:.85rem;position:relative}.demo-cta-features li:before{content:"✓";color:var(--seafoam);font-weight:700;position:absolute;left:0}.demo-cta-btn{padding:.75rem 2rem;font-size:1rem;font-weight:600}.demo-cta-note{color:#e8f4f866;margin-top:.75rem;margin-bottom:0;font-size:.78rem}.demo-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#050c18bf;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.demo-modal{text-align:center;background:linear-gradient(145deg,#0f1f38,#0b1628);border:1px solid #2dd4a840;border-radius:16px;width:100%;max-width:480px;padding:2.5rem 2rem;animation:.4s modalSlideUp;position:relative;box-shadow:0 24px 64px #00000080,0 0 40px #2dd4a814}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.demo-modal-close{color:#e8f4f866;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:.75rem;right:1rem}.demo-modal-close:hover{color:var(--pearl)}.demo-modal-icon{margin-bottom:.75rem;font-size:2.5rem}.demo-modal-title{color:var(--pearl);margin-bottom:.25rem;font-size:1.35rem;font-weight:600}.demo-modal-subtitle{color:#e8f4f899;margin-bottom:1.25rem;font-size:.9rem}.demo-modal .demo-cta-features{flex-direction:column;align-items:flex-start;gap:.5rem;max-width:320px;margin:0 auto 1.5rem}.demo-modal-btn{width:100%;max-width:320px;padding:.85rem 2.5rem;font-size:1.05rem;font-weight:600}.demo-modal-dismiss{color:#e8f4f859;cursor:pointer;background:0 0;border:none;margin:.75rem auto 0;font-size:.8rem;text-decoration:underline;transition:color .2s;display:block}.demo-modal-dismiss:hover{color:#e8f4f899}@media (max-width:576px){.demo-cta-card{padding:1.25rem 1rem}.demo-cta-features{flex-direction:column;align-items:flex-start;gap:.4rem;padding-left:1rem}.demo-modal{margin:.5rem;padding:2rem 1.25rem}.demo-modal-title{font-size:1.15rem}}.product-showcase{max-width:960px;margin:0 auto;padding:2rem 2rem 3rem}.product-showcase-inner{background:#0b162880;border:1px solid #2dd4a826;border-radius:14px;overflow:hidden;box-shadow:0 8px 40px #0006,0 0 20px #2dd4a80f}.product-showcase-img{width:100%;height:auto;display:block}.product-showcase-caption{text-align:center;color:#e8f4f873;margin-top:1rem;font-size:.82rem;font-style:italic}.fade-in-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(20px)}.fade-in-on-scroll.fade-in-visible{opacity:1;transform:translateY(0)}.social-proof-bar{background:#0b16284d;border-top:1px solid #2dd4a814;border-bottom:1px solid #2dd4a814;padding:1.5rem 2rem}.proof-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.proof-item{color:#e8f4f8a6;white-space:nowrap;font-size:.85rem}.proof-item strong{color:var(--sea-foam);font-weight:700}.proof-divider{background:#f5a62380;width:1px;height:20px}.landing-use-cases{max-width:1100px;margin:0 auto;padding:4rem 2rem}.use-case-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.use-case-card{background:#13274466;border:1px solid #2dd4a81a;border-radius:14px;padding:1.5rem;transition:border-color .2s}.use-case-primary{border-top:3px solid var(--sea-foam)}.use-case-warm{border-top:3px solid var(--accent-warm)}.use-case-cool{border-top:3px solid var(--accent-cool)}.use-case-card:hover{border-color:#2dd4a840}.use-case-icon{margin-bottom:.75rem;font-size:2rem}.use-case-card h3{color:var(--pearl);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.use-case-card p{color:#e8f4f8b3;margin-bottom:.75rem;font-size:.85rem;line-height:1.6}.use-case-example{color:var(--accent-warm);opacity:.7;font-size:.78rem;font-style:italic;line-height:1.4;display:block}.landing-before-after{max-width:1000px;margin:0 auto;padding:4rem 2rem}.ba-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-top:2rem;display:grid}.ba-card{background:#13274466;border:1px solid #2dd4a81a;border-radius:14px;padding:1.5rem}.ba-before{border-color:#f5a62333}.ba-after{border-color:#7c8cf840}.ba-label{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.ba-before .ba-label{color:var(--accent-warm)}.ba-after .ba-label{color:var(--accent-cool)}.ba-code{color:#e8f4f899;background:#0b162899;border-radius:8px;margin-bottom:.75rem;padding:1rem;font-size:.72rem;line-height:1.5;overflow-x:auto}.ba-chat{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.ba-msg{border-radius:10px;padding:.6rem .8rem;font-size:.8rem;line-height:1.4}.ba-user-msg{color:var(--pearl);background:#2dd4a81a;align-self:flex-end;max-width:90%}.ba-agent-msg{color:var(--bubble);background:#7ec8e31a;align-self:flex-start}.ba-note{color:#e8f4f866;margin:0;font-size:.75rem;font-style:italic}.ba-arrow{color:var(--accent-warm);font-size:2rem;font-weight:700}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-hero-secondary{border-radius:30px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;color:#e8f4f8b3!important;background:0 0!important;border:1px solid #e8f4f84d!important}.btn-hero-secondary:hover{color:var(--pearl)!important;background:#e8f4f80d!important}.landing-testimonials{max-width:800px;margin:0 auto;padding:4rem 2rem}.testimonials-grid{justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.testimonial-card{border:1px solid #f5a62326;border-left:3px solid var(--accent-warm);background:#13274466;border-radius:14px;max-width:500px;padding:1.5rem}.testimonial-quote{color:#e8f4f8bf;margin-bottom:1rem;font-size:.95rem;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:.75rem;display:flex}.testimonial-avatar{background:linear-gradient(135deg,var(--accent-warm),#e08a15);width:40px;height:40px;color:var(--ocean-deep);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.testimonial-name{color:var(--pearl);font-size:.9rem;font-weight:600}.testimonial-handle{color:var(--accent-cool);opacity:.7;font-size:.78rem}.landing-founder{max-width:700px;margin:0 auto;padding:3rem 2rem}.founder-card{border:1px solid #7c8cf826;border-top:3px solid var(--accent-cool);text-align:center;background:#1327444d;border-radius:14px;padding:2rem}.founder-card h3{color:var(--pearl);margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.founder-card p{color:#e8f4f88c;margin:0;font-size:.9rem;line-height:1.6}.founder-card a{color:var(--sea-foam);text-decoration:none}.founder-card a:hover{text-decoration:underline}.landing-security{max-width:900px;margin:0 auto;padding:3rem 2rem}.security-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.security-item{text-align:center;border-top:2px solid var(--sea-foam);padding:1rem}.security-item:nth-child(2){border-top-color:var(--accent-warm)}.security-item:nth-child(3){border-top-color:var(--accent-cool)}.security-icon{margin-bottom:.5rem;font-size:1.5rem}.security-item h4{color:var(--pearl);margin-bottom:.4rem;font-size:.95rem;font-weight:600}.security-item p{color:#e8f4f880;margin:0;font-size:.8rem;line-height:1.5}.security-item a{color:var(--sea-foam);text-decoration:none}.security-item a:hover{text-decoration:underline}.beta-badge{background:linear-gradient(135deg,var(--accent-warm),#e08a15);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:20px;margin-bottom:.75rem;padding:.25rem .8rem;font-size:.7rem;font-weight:700;display:inline-block}@media (max-width:768px){.product-showcase{padding:1.5rem 1rem 2rem}.product-showcase-inner{border-radius:10px}.hero-title-v2{font-size:2rem}.hero-subtitle-v2{font-size:1rem}.demo-input-wrapper{flex-direction:column}.demo-input,.demo-send-btn{width:100%}.demo-try-label{font-size:.75rem}.demo-examples{justify-content:center}.use-case-grid,.ba-grid{grid-template-columns:1fr}.ba-arrow{text-align:center;transform:rotate(90deg)}.proof-divider{display:none}.proof-items{gap:1rem}.security-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:1024px) and (min-width:769px){.use-case-grid{grid-template-columns:repeat(2,1fr)}.use-case-card:last-child{grid-column:span 2;justify-self:center;max-width:50%}}.cookie-consent-banner{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--seafoam-dim);background:#0a192ff2;padding:1rem 1.5rem;animation:.4s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent-content{max-width:900px;color:var(--pearl);align-items:center;gap:1.5rem;margin:0 auto;font-size:.9rem;display:flex}.cookie-consent-buttons{flex-shrink:0;gap:.5rem;display:flex}@media (max-width:576px){.cookie-consent-content{text-align:center;flex-direction:column;gap:.75rem}.cookie-consent-buttons{justify-content:center;width:100%}}.btn-danger-ocean{border:1px solid var(--coral);color:var(--coral);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1.25rem;transition:all .2s}.btn-danger-ocean:hover:not(:disabled){background:var(--coral);color:var(--deep-ocean)}.btn-danger-ocean:disabled{opacity:.4;cursor:not-allowed}.gdpr-modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.gdpr-modal{background:var(--deep-ocean);border:1px solid var(--seafoam-dim);border-radius:12px;width:100%;max-width:480px;padding:2rem}.gdpr-confirm-input{border:1px solid var(--seafoam-dim);width:100%;color:var(--pearl);background:#ffffff0d;border-radius:8px;outline:none;padding:.6rem .75rem;font-size:1rem;transition:border-color .2s}.gdpr-confirm-input:focus{border-color:var(--coral)}.admin-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.admin-stat-card{text-align:center}.admin-stat-value{color:var(--seafoam);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.admin-stat-label{color:var(--pearl);opacity:.7;font-size:.85rem}.admin-period-select{border:1px solid var(--seafoam-dim);color:var(--pearl);background:#ffffff0d;border-radius:8px;width:auto;padding:.4rem .75rem}.admin-table{--bs-table-bg:transparent;--bs-table-striped-bg:#ffffff08;font-size:.9rem}@media (max-width:576px){.admin-stats-grid{grid-template-columns:1fr}}.document-panel-content{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.doc-drop-zone{border:2px dashed var(--seafoam-dim);text-align:center;cursor:pointer;background:#ffffff05;border-radius:12px;padding:2rem 1.5rem;transition:all .2s}.doc-drop-zone:hover,.doc-drop-zone.drag-over{border-color:var(--seafoam);background:#6ecfb60f}.doc-drop-icon{margin-bottom:.5rem;font-size:2.5rem}.doc-drop-text{color:var(--pearl);margin-bottom:.25rem;font-size:.95rem}.doc-drop-hint{color:var(--pearl);opacity:.5;margin:0;font-size:.8rem}.doc-divider{color:var(--pearl);opacity:.4;align-items:center;gap:1rem;font-size:.8rem;display:flex}.doc-divider:before,.doc-divider:after{content:"";background:var(--seafoam-dim);flex:1;height:1px}.doc-paste-area{flex-direction:column;gap:.5rem;display:flex}.doc-name-input{border:1px solid var(--seafoam-dim)!important;color:var(--pearl)!important;background:#ffffff0d!important;border-radius:8px!important;padding:.5rem .75rem!important;font-size:.9rem!important}.doc-paste-textarea{border:1px solid var(--seafoam-dim);color:var(--pearl);resize:vertical;background:#ffffff0d;border-radius:8px;min-height:120px;padding:.75rem;font-family:inherit;font-size:.85rem}.doc-paste-textarea:focus{border-color:var(--seafoam);outline:none}.doc-paste-btn{align-self:flex-end}.doc-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem;display:flex}.doc-error p{color:var(--coral);margin:0;font-size:.85rem}.doc-active-header{border:1px solid var(--seafoam-dim);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.doc-active-info{align-items:center;gap:.5rem;display:flex}.doc-active-icon{font-size:1.2rem}.doc-active-name{color:var(--pearl);font-size:.9rem;font-weight:500}.doc-summarized-notice{border:1px solid var(--seafoam-dim);color:var(--seafoam);background:#6ecfb614;border-radius:8px;padding:.5rem .75rem;font-size:.8rem}.doc-analyzing{color:var(--pearl);opacity:.7;align-items:center;gap:.75rem;padding:1rem;font-size:.9rem;display:flex}.doc-analyzing p{margin:0}.doc-suggestions{flex-direction:column;gap:.5rem;display:flex}.doc-suggestions-title{color:var(--seafoam);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:600}.doc-suggestion-card{border:1px solid var(--seafoam-dim);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;transition:border-color .2s;display:flex}.doc-suggestion-card:hover{border-color:var(--seafoam)}.doc-suggestion-info{flex:1;gap:.5rem;min-width:0;display:flex}.doc-suggestion-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.doc-suggestion-title{color:var(--pearl);font-size:.9rem;font-weight:500}.doc-suggestion-type{color:var(--seafoam);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.75rem}.doc-suggestion-desc{color:var(--pearl);opacity:.6;margin-top:.25rem;font-size:.8rem}.doc-suggestion-card .btn{flex-shrink:0;align-self:center}.doc-custom-request{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.doc-reanalyze{align-self:flex-start;margin-top:.25rem}.doc-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.doc-list-title{color:var(--seafoam);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:600}.doc-list-item{border:1px solid var(--seafoam-dim);background:#ffffff08;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;transition:border-color .2s;display:flex}.doc-list-item:hover{border-color:var(--seafoam)}.doc-list-item-info{cursor:pointer;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.doc-list-icon{flex-shrink:0;font-size:1.2rem}.doc-list-name{color:var(--pearl);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.doc-list-meta{color:var(--pearl);opacity:.5;font-size:.75rem}.doc-list-actions{flex-shrink:0;gap:.25rem;display:flex}.doc-content-preview{width:100%;margin-top:.5rem}.doc-content-preview pre{border:1px solid var(--seafoam-dim);color:var(--pearl);white-space:pre-wrap;word-wrap:break-word;background:#0003;border-radius:6px;max-height:200px;margin:0;padding:.75rem;font-size:.8rem;overflow-y:auto}.doc-content-truncated{color:var(--pearl);opacity:.5;margin:.25rem 0 0;font-size:.75rem}.toast-container-ocean{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:70px;right:1rem}.toast-ocean{color:var(--pearl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;max-width:400px;padding:.75rem 1rem;font-size:.9rem;animation:.3s ease-out toastSlideIn;display:flex;box-shadow:0 4px 20px #0000004d}.toast-ocean.toast-exit{animation:.3s ease-in forwards toastSlideOut}.toast-success{background:#2dd4a826;border:1px solid #2dd4a866}.toast-error{background:#ff6b8a26;border:1px solid #ff6b8a66}.toast-info{background:#7ec8e326;border:1px solid #7ec8e366}.toast-icon{flex-shrink:0;font-size:1rem}.toast-success .toast-icon{color:var(--sea-foam)}.toast-error .toast-icon{color:var(--coral)}.toast-info .toast-icon{color:var(--bubble)}.toast-message{flex:1;line-height:1.3}@keyframes toastSlideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@media (max-width:576px){.toast-container-ocean{left:.5rem;right:.5rem}.toast-ocean{max-width:100%}}.error-boundary{background:linear-gradient(180deg,var(--ocean-deep)0%,var(--ocean-mid)50%,var(--ocean-surface)100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary-card{text-align:center;background:#13274499;border:1px solid #2dd4a833;border-radius:16px;max-width:450px;padding:2.5rem}.error-boundary-icon{margin-bottom:1rem;font-size:3rem}.error-boundary-card h3{color:var(--pearl);margin-bottom:.75rem}.error-boundary-card p{color:var(--pearl);opacity:.7;font-size:.95rem}.error-boundary-detail{color:var(--coral);background:#0003;border-radius:6px;margin-top:.75rem;padding:.5rem .75rem;font-family:monospace;font-size:.8rem;opacity:1!important}.error-boundary-actions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.shortcuts-btn{min-width:28px;padding:.15rem .4rem;font-size:.85rem;font-weight:700}.shortcuts-panel{background:#13274499;border-bottom:1px solid #2dd4a826;padding:.5rem 1rem;animation:.15s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.shortcuts-list{color:var(--pearl);opacity:.7;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8rem;display:flex}.shortcuts-list kbd{color:var(--sea-foam);background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;margin-right:.25rem;padding:.1rem .35rem;font-family:inherit;font-size:.75rem}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.skeleton-card{pointer-events:none}.skeleton-card .board-card-preview{border-radius:8px 8px 0 0;height:120px}.skeleton-line{border-radius:4px;height:14px;margin-bottom:.4rem}.skeleton-line-sm{height:10px}.board-skeleton{background:linear-gradient(180deg,var(--ocean-deep)0%,var(--ocean-mid)50%);flex-direction:column;height:100vh;display:flex}.board-skeleton-nav{border-bottom:1px solid #2dd4a81a;height:56px}.board-skeleton-body{flex:1;min-height:0;display:flex}.board-skeleton-left{border-right:1px solid #2dd4a81a;flex-direction:column;width:400px;display:flex}.board-skeleton-header{border-bottom:1px solid #2dd4a81a;height:48px}.board-skeleton-messages{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.skeleton-message{border-radius:12px;align-self:flex-start;height:48px}.skeleton-message-right{align-self:flex-end}.board-skeleton-input{border-top:1px solid #2dd4a81a;height:60px}.board-skeleton-right{flex:1}@media (max-width:768px){.board-skeleton-body{flex-direction:column}.board-skeleton-left{flex:1;width:100%}.board-skeleton-right,.shortcuts-panel{display:none}.settings-container,.settings-card{padding:1rem}.settings-actions{flex-direction:column}.settings-actions .btn{width:100%}.pricing-grid{grid-template-columns:1fr}.pricing-container{padding:1rem}.navbar-mermagent .navbar-brand{font-size:1.1rem}.doc-suggestion-card{flex-direction:column;align-items:stretch}.doc-suggestion-card .btn{align-self:flex-end}.doc-drop-zone{padding:1.5rem 1rem}.doc-paste-textarea{min-height:80px}}@media (prefers-reduced-motion:reduce){.hero-demo-live,.demo-send-btn,.demo-typewriter-cursor{animation:none}.fade-in-on-scroll{opacity:1;transition:none;transform:none}}