.outlined-button{border:2px solid #ccc;background-color:transparent;padding:8px 12px;cursor:pointer}.outlined-button:active{background-color:#f0ad4e}.title-box{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:200px}.dem-explorer-page{width:100%;max-width:100vw;height:100%;overflow:hidden;overflow-x:hidden;position:relative}.dem-tabs{display:flex;flex-direction:column;height:100%}.tabs-header{background:var(--bg-color-1, #fff);border-bottom:1px solid rgba(0,0,0,.1);padding:0 20px}.tabs-nav{display:flex;gap:10px;align-items:center;height:60px}.tab-button{position:relative;display:flex;align-items:center;gap:8px;padding:10px 20px;background:none;border:none;color:var(--text-color-1, #666);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:8px 8px 0 0}.tab-button:hover{background:#667eea1a;color:#667eea}.tab-button.active{color:#667eea;font-weight:600}.tab-indicator{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px 2px 0 0}.tab-icon{font-size:18px}.tabs-content{flex:1;overflow:auto}.dem-hero{padding:40px 30px;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-content{max-width:500px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:13px;font-weight:600;color:#667eea;margin-bottom:20px}.hero-title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{display:block;font-size:20px;font-weight:400;margin-top:8px;opacity:.8}.hero-description{font-size:16px;line-height:1.6;color:#666;margin-bottom:30px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.stat-item{padding:16px;background:#667eea0d;border-radius:12px;border:1px solid rgba(102,126,234,.1)}.stat-value{font-size:24px;font-weight:700;color:#667eea;margin-bottom:4px}.stat-label{font-size:13px;color:#888;text-transform:uppercase;letter-spacing:.5px}.hero-benefits{margin-bottom:30px}.benefit-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#555}.benefit-icon{color:#52c41a;font-size:16px}.hero-actions{display:flex;gap:15px;margin-bottom:30px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:25px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea0d}.hero-trust{font-size:13px;color:#888;display:flex;align-items:center;gap:8px}@media (max-width: 1024px){.dem-explorer-page .grid{grid-template-columns:1fr!important}.floating-control-panel{width:280px!important}.hero-title{font-size:28px}.feature-cards-section .features-grid{grid-template-columns:1fr!important}.use-case-carousel .use-case-slide>div{grid-template-columns:1fr!important}}@media (max-width: 768px){.tabs-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{white-space:nowrap;flex-shrink:0}.hero-stats{grid-template-columns:1fr}.hero-actions{flex-direction:column}.floating-control-panel{width:100%!important;right:-100%!important;border-radius:0!important}.floating-control-panel:not(.collapsed){right:0!important}.carousel-control{display:none!important}}