@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;height:80px;z-index:1000;transition:all .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{height:70px;background:#0a0a0cd9;border-bottom-color:var(--border-color)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:12px}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--text-primary)}.badge{background:#3b82f626;color:var(--accent-primary);padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;border:1px solid rgba(59,130,246,.3)}.nav-links{display:flex;align-items:center;gap:32px}.nav-item{font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-item:hover{color:var(--accent-primary)}.nav-cta{padding:8px 20px;font-size:.875rem}.nav-actions{display:flex;align-items:center;gap:12px}.search-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.search-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.search-btn svg{flex-shrink:0}.search-text{font-size:.875rem}.search-shortcut{display:flex;align-items:center;gap:2px;padding:2px 6px;background:var(--bg-tertiary);border-radius:4px;font-size:.75rem;font-weight:600}.mobile-menu-toggle{display:none;color:var(--text-primary)}@media(max-width:992px){.nav-links{position:absolute;top:100%;left:0;width:100%;flex-direction:column;align-items:flex-start;padding:24px;gap:20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s ease-in-out}.nav-links.open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.nav-actions{width:100%;justify-content:space-between}.nav-cta{width:auto}.search-btn{flex:1}.search-text{display:none}.mobile-menu-toggle{display:block}}@media(max-width:640px){.search-shortcut{display:none}.search-btn{padding:10px 12px}}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-glow{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#3b82f626,#0a0a0c00 70%);z-index:0;pointer-events:none}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:30px;font-size:.875rem;font-weight:500;margin-bottom:24px}.pulse-dot{width:8px;height:8px;background-color:var(--accent-success);border-radius:50%;box-shadow:0 0 10px var(--accent-success);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:40px;max-width:500px;line-height:1.6}.hero-actions{display:flex;gap:16px;margin-bottom:60px}.hero-stats{display:flex;gap:32px;border-top:1px solid var(--border-color);padding-top:32px}.stat-item{display:flex;align-items:center;gap:12px}.stat-icon{color:var(--accent-primary);background:#3b82f61a;padding:8px;border-radius:8px;width:40px;height:40px}.stat-item h4{font-size:1.125rem;margin-bottom:2px}.stat-item p{font-size:.875rem;color:var(--text-muted)}.hero-visual{position:relative;height:500px}.abstract-ui{position:relative;width:100%;height:100%}.ui-layer{position:absolute;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d}.layer-1{width:80%;height:70%;bottom:10%;right:0;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);transform:perspective(1000px) rotateY(-15deg) rotateX(5deg)}.layer-2{width:70%;height:80%;top:5%;left:5%;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);border:1px solid var(--border-color-glow);padding:20px;display:flex;flex-direction:column}.mock-header{display:flex;gap:6px;margin-bottom:24px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mock-body{flex:1;display:flex;flex-direction:column;gap:16px}.mock-line{height:12px;background:#ffffff1a;border-radius:6px;width:100%}.mock-line.title{height:24px;width:60%;margin-bottom:16px;background:#ffffff26}.mock-line.short{width:40%}.mock-chart{margin-top:auto;height:120px;display:flex;align-items:flex-end;gap:16px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.1)}.bar{flex:1;background:#ffffff1a;border-radius:4px 4px 0 0;animation:growUp 2s ease-out forwards;transform-origin:bottom}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.floating-element{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;box-shadow:0 10px 30px #00000080;animation:float 6s ease-in-out infinite}.el-1{bottom:20%;left:-20px;animation-delay:0s;border:1px solid rgba(59,130,246,.4)}.el-2{top:15%;right:-10px;animation-delay:3s;border:1px solid rgba(16,185,129,.4)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:40px}.hero-glow{top:30%}.hero-title{font-size:3rem}.hero-subtitle{margin:0 auto 32px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{height:400px;margin-top:40px}}@media(max-width:480px){.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;align-items:center;gap:24px}}.erd-section{background-color:var(--bg-primary)}.erd-layout{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:stretch}.erd-diagram{position:relative;min-height:480px;display:flex;align-items:center;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px}.diagram-core{position:relative;width:100%;height:300px;display:flex;align-items:center;padding:0 40px}.erd-node{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;z-index:2;transition:all .3s ease;cursor:pointer}.erd-node:hover,.erd-node.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.erd-node.central{width:180px;background:#3b82f61a;border-color:var(--accent-primary)}.node-header{font-family:var(--font-heading);font-weight:700;border-bottom:1px dashed var(--border-color);padding-bottom:8px;margin-bottom:8px}.node-key{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.key-icon{background:var(--accent-warning);color:#000;font-size:.625rem;font-weight:900;padding:2px 4px;border-radius:4px}.erd-branches{display:flex;flex:1;justify-content:space-around;padding-left:60px}.branch-col{display:flex;flex-direction:column;justify-content:center;gap:30px}.erd-node.small{padding:12px 16px;font-size:.875rem;font-weight:600}.erd-node.final{background:#10b9811a;border-color:var(--accent-success)}.erd-lines{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.erd-line{stroke:var(--border-color);stroke-width:2;fill:none;stroke-dasharray:4}.erd-line.animated{animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:-1000}}.erd-details{display:flex;flex-direction:column;gap:20px}.entity-list{display:flex;gap:10px;flex-wrap:wrap}.entity-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.875rem;transition:all .2s}.entity-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.entity-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.entity-info{flex:1;border-top-width:4px;border-top-color:var(--accent-primary)}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.entity-icon{color:var(--accent-primary);background:#3b82f61a;padding:8px;border-radius:8px}.entity-type{margin-left:auto;font-size:.75rem;background:var(--bg-tertiary);padding:4px 8px;border-radius:12px;color:var(--text-secondary)}.entity-desc{color:var(--text-secondary);font-size:.9375rem;margin-bottom:24px}.attr-title{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.attr-list{list-style:none;display:flex;flex-direction:column;gap:8px}.attr-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border-radius:var(--radius-sm);font-family:monospace;font-size:.875rem}.pk-badge{background:var(--accent-warning);color:#000;font-size:.625rem;padding:2px 6px;border-radius:4px;font-weight:700}.fk-badge{background:var(--text-muted);color:#fff;font-size:.625rem;padding:2px 6px;border-radius:4px;font-weight:700}.bullet{width:6px;height:6px;background:var(--text-secondary);border-radius:50%}@media(max-width:992px){.erd-layout{grid-template-columns:1fr}.diagram-core{flex-direction:column;height:auto;padding:40px;gap:40px}.erd-branches{padding:0;width:100%;flex-wrap:wrap;gap:20px}.erd-lines{display:none}}.architecture-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.arch-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid rgba(16,185,129,.4);border-radius:20px;color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:16px}.arch-tabs{display:flex;gap:8px;margin-bottom:32px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius);overflow-x:auto}.arch-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.arch-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.arch-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.erd-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.erd-visual{padding:24px;min-height:500px}.erd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.erd-header h3{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.erd-badge{padding:4px 12px;background:#10b98126;color:#10b981;border-radius:20px;font-size:.75rem;font-weight:600}.erd-diagram{position:relative;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.erd-center{position:relative;z-index:10}.erd-node{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .3s ease;text-align:center}.erd-node.core{padding:20px 32px;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border-color:#3b82f6}.erd-node:hover,.erd-node.active{transform:scale(1.05);box-shadow:0 10px 30px #3b82f64d}.erd-node span{font-weight:600;color:var(--text-primary);font-size:.875rem}.erd-node small{font-size:.75rem;color:var(--text-muted)}.erd-branches{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap;justify-content:center}.erd-node.branch{padding:12px 16px;flex-direction:row;gap:8px}.erd-node.branch span{font-size:.8125rem}.erd-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.erd-lines .line{fill:none;stroke:var(--accent-primary);stroke-width:2;stroke-dasharray:5,5;opacity:.5}.entity-details{display:flex;flex-direction:column;gap:16px}.entity-list{display:flex;flex-wrap:wrap;gap:8px}.entity-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:all .3s ease}.entity-tab:hover{border-color:var(--entity-color);color:var(--text-primary)}.entity-tab.active{background:var(--entity-color);border-color:var(--entity-color);color:#fff}.entity-type-badge{font-size:.625rem;padding:2px 6px;background:#fff3;border-radius:4px}.entity-info{padding:24px;border-left:4px solid var(--accent-primary)}.info-header{display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.entity-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);color:#fff;flex-shrink:0}.entity-meta h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.entity-type{display:block;font-size:.8125rem;color:var(--text-secondary);margin-bottom:8px}.external-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);border-radius:20px;font-size:.75rem;color:var(--accent-primary)}.entity-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.attr-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.attr-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.attr-item{display:flex;gap:12px;align-items:flex-start}.attr-badge{padding:2px 8px;border-radius:4px;font-size:.625rem;font-weight:700;min-width:32px;text-align:center}.attr-badge.pk{background:#3b82f633;color:#3b82f6}.attr-badge.fk{background:#8b5cf633;color:#a78bfa}.attr-badge.attr{background:#ffffff1a;color:var(--text-secondary)}.attr-info{flex:1}.attr-name{display:block;font-weight:600;color:var(--text-primary);font-size:.875rem}.attr-desc{display:block;font-size:.75rem;color:var(--text-muted)}.connections-info h4{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.connection-tags{display:flex;flex-wrap:wrap;gap:8px}.connection-tag{padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius);font-size:.8125rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.connection-tag:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.systems-container{display:flex;flex-direction:column;gap:32px}.systems-header,.flow-header{text-align:center}.systems-header h3,.flow-header h3{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.systems-header p,.flow-header p{font-size:1rem;color:var(--text-secondary)}.systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.system-card{padding:24px;display:flex;flex-direction:column;gap:16px}.system-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);color:#fff}.system-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.system-info p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:8px}.system-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.system-status.connected{background:#10b98126;color:#10b981}.system-status.integrated{background:#3b82f626;color:#3b82f6}.system-entities{padding-top:12px;border-top:1px solid var(--border-color)}.entities-label{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:8px}.entity-tags{display:flex;flex-wrap:wrap;gap:6px}.entity-tag{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:500}.integration-benefits h3{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center}.benefit-card svg{color:var(--accent-primary);margin-bottom:16px}.benefit-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.benefit-card p{font-size:.875rem;color:var(--text-secondary)}.flow-container{display:flex;flex-direction:column;gap:32px}.flow-timeline{display:flex;flex-direction:column;gap:0}.flow-step{display:flex;gap:20px;position:relative}.step-connector{display:flex;flex-direction:column;align-items:center;width:40px}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent-primary);border-radius:50%;font-weight:700;color:#fff;font-size:1rem;z-index:1}.connector-line{flex:1;width:2px;background:var(--accent-primary);opacity:.3}.flow-step:last-child .connector-line{display:none}.step-content{flex:1;padding:20px 24px;margin-bottom:16px;position:relative}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.step-header h4{font-size:1rem;font-weight:600;color:var(--text-primary)}.step-system{padding:4px 10px;background:#3b82f626;color:var(--accent-primary);border-radius:20px;font-size:.75rem;font-weight:600}.step-time{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-secondary)}.step-arrow{position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--accent-primary);opacity:.5}.flow-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.summary-stat{text-align:center}.summary-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:4px}.summary-stat .stat-label{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:1024px){.erd-container{grid-template-columns:1fr}.systems-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.flow-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.systems-grid,.flow-summary{grid-template-columns:1fr}.erd-branches{flex-direction:column;align-items:center}}.sectors-section{background-color:var(--bg-secondary)}.sectors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:20px}.sector-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.sector-card:hover{border-color:#fff3}.sector-card.active{border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.sector-header{display:flex;align-items:center;padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none}.sector-id{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--text-muted);margin-right:20px;transition:color .3s}.sector-card:hover .sector-id,.sector-card.active .sector-id{color:var(--accent-primary)}.sector-name{font-size:1.125rem;font-weight:600;flex:1}.chevron{color:var(--text-secondary);transition:transform .3s ease}.chevron.rotated{transform:rotate(180deg);color:var(--accent-primary)}.sector-details{padding:0 24px 24px 64px;display:flex;flex-direction:column;gap:24px;border-top:1px solid transparent}.sector-card.active .sector-details{border-top-color:var(--border-color);padding-top:24px}.detail-item{display:flex;gap:16px}.detail-icon{color:var(--accent-primary);margin-top:2px}.detail-item h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.tags{display:flex;flex-wrap:wrap;gap:8px}.glass-tag{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:12px;font-size:.75rem;font-family:monospace}.flow-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.flow-step{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;background:var(--bg-tertiary);padding:6px 12px;border-radius:6px;border:1px solid var(--border-color)}.flow-arrow{color:var(--text-muted)}.docs-text{font-size:.875rem;color:var(--text-secondary);line-height:1.6}@media(max-width:992px){.sectors-grid{grid-template-columns:1fr}}@media(max-width:576px){.sector-header{padding:16px}.sector-details{padding:0 16px 16px}.sector-id{margin-right:12px;font-size:1rem}.flow-steps{flex-direction:column;align-items:flex-start}.flow-step{width:100%;justify-content:space-between}}.problems-section{background-color:var(--bg-primary);position:relative}.problems-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent)}.problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.column-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.dot.danger{background:var(--accent-danger);box-shadow:0 0 10px #ef444480}.dot.warning{background:var(--accent-warning);box-shadow:0 0 10px #f59e0b80}.cards-stack{display:flex;flex-direction:column;gap:20px}.problem-card{display:flex;gap:20px;align-items:flex-start;transition:transform .3s ease,border-color .3s ease}.problem-card:hover{transform:translate(10px)}.prob-icon{background:#ef44441a;color:var(--accent-danger);padding:12px;border-radius:var(--radius-md);flex-shrink:0}.prob-icon.entrepreneur{background:#f59e0b1a;color:var(--accent-warning)}.prob-content h4{font-size:1.125rem;margin-bottom:8px;color:var(--text-primary)}.prob-content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}@media(max-width:992px){.problems-grid{grid-template-columns:1fr;gap:40px}}.solutions-section{background-color:var(--bg-secondary)}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.solution-card{display:flex;flex-direction:column;padding:32px;height:100%}.sol-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:1.5rem}.glow-primary{border-top:3px solid var(--accent-primary)}.glow-primary .sol-icon-wrapper{background:#3b82f61a;color:var(--accent-primary)}.glow-secondary{border-top:3px solid var(--accent-secondary)}.glow-secondary .sol-icon-wrapper{background:#8b5cf61a;color:var(--accent-secondary)}.glow-success{border-top:3px solid var(--accent-success)}.glow-success .sol-icon-wrapper{background:#10b9811a;color:var(--accent-success)}.glow-warning{border-top:3px solid var(--accent-warning)}.glow-warning .sol-icon-wrapper{background:#f59e0b1a;color:var(--accent-warning)}.glow-danger{border-top:3px solid var(--accent-danger)}.glow-danger .sol-icon-wrapper{background:#ef44441a;color:var(--accent-danger)}.sol-title{font-size:1.25rem;margin-bottom:12px;color:var(--text-primary)}.sol-desc{color:var(--text-secondary);line-height:1.6;font-size:.9375rem;flex:1}@media(max-width:768px){.solutions-grid{grid-template-columns:1fr;gap:20px}.solution-card{padding:24px}}.ai-section{background-color:var(--bg-primary);position:relative;overflow:hidden;border-top:1px solid rgba(139,92,246,.2)}.ai-bg-glow{position:absolute;top:50%;right:-20%;transform:translateY(-50%);width:800px;height:800px;background:radial-gradient(circle,#8b5cf626,#0a0a0c00 70%);z-index:0;pointer-events:none}.ai-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf61a;color:var(--accent-secondary);border:1px solid rgba(139,92,246,.3);border-radius:30px;font-size:.875rem;font-weight:500;margin-bottom:24px}.ai-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.ai-dashboard-mockup{border:1px solid var(--border-color-glow);border-radius:var(--radius-lg);padding:24px;box-shadow:0 30px 60px #00000080,0 0 40px #8b5cf61a;position:relative}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-title{display:flex;align-items:center;gap:12px;font-size:1.125rem;color:var(--text-primary)}.system-status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.system-status .pulse-dot{background-color:var(--accent-secondary);box-shadow:0 0 10px var(--accent-secondary)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:20px}.widget{background:#0003;border-radius:var(--radius-md);padding:20px}.widget h4{font-size:.875rem;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.heatmap{grid-column:1 / -1}.heatmap-bars{display:flex;flex-direction:column;gap:10px}.h-bar{height:12px;border-radius:6px}.h-bar.safe{background:linear-gradient(90deg,rgba(16,185,129,.2),var(--accent-success))}.h-bar.warning{background:linear-gradient(90deg,rgba(245,158,11,.2),var(--accent-warning))}.h-bar.critical{background:linear-gradient(90deg,rgba(239,68,68,.2),var(--accent-danger))}.score-display{display:flex;flex-direction:column}.score-number{font-size:2.5rem;font-weight:800;color:var(--accent-success);font-family:var(--font-heading);line-height:1}.score-number small{font-size:1.5rem}.score-label{color:var(--text-secondary);font-size:.875rem;margin-top:4px}.trend-line{width:100%;height:auto;margin-top:10px}.ai-features-grid{display:flex;flex-direction:column;gap:24px}.ai-feat-card{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#ffffff05;border:1px solid transparent;border-radius:var(--radius-md);transition:all .3s ease}.ai-feat-card:hover{background:#ffffff0d;border-color:#8b5cf64d;transform:translate(-10px)}.ai-feat-icon{background:#8b5cf61a;color:var(--accent-secondary);padding:12px;border-radius:var(--radius-sm);flex-shrink:0}.ai-feat-title{font-size:1.125rem;color:var(--text-primary);margin-bottom:6px}.ai-feat-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}@media(max-width:992px){.ai-layout{grid-template-columns:1fr;gap:40px}.ai-dashboard-mockup{margin-top:20px}}@media(max-width:576px){.dashboard-grid{grid-template-columns:1fr}}.quick-actions-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.section-subtitle{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto}.stats-bar{display:flex;justify-content:center;gap:40px;margin-bottom:48px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.stats-bar .stat-item{display:flex;align-items:center;gap:12px}.stats-bar .stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f626;border-radius:var(--radius);color:var(--accent-primary)}.stats-bar .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stats-bar .stat-label{font-size:.875rem;color:var(--text-secondary)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}.actions-grid .action-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.actions-grid .action-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.actions-grid .action-card:hover .action-arrow,.actions-grid .action-card:hover .action-shortcut{transform:translate(4px);opacity:1}.action-hover-effect{position:absolute;inset:0;opacity:0;transition:opacity .3s ease;z-index:0}.actions-grid .action-card:hover .action-hover-effect{opacity:.1}.action-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);color:#fff;flex-shrink:0;position:relative;z-index:1}.action-content{flex:1;position:relative;z-index:1}.action-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.action-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.action-arrow{color:var(--text-muted);flex-shrink:0;position:relative;z-index:1;transition:all .3s ease;opacity:.5}.action-shortcut{padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-muted);position:relative;z-index:1;transition:all .3s ease;opacity:.5}.cta-banner{display:flex;justify-content:space-between;align-items:center;padding:32px;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg)}.cta-content{display:flex;align-items:center;gap:20px}.cta-content svg{color:var(--accent-primary);flex-shrink:0}.cta-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cta-content p{font-size:.9375rem;color:var(--text-secondary)}.cta-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius);color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;white-space:nowrap}@media(max-width:1024px){.actions-grid{grid-template-columns:repeat(2,1fr)}.stats-bar{flex-wrap:wrap;gap:20px}}@media(max-width:768px){.actions-grid{grid-template-columns:1fr}.cta-banner{flex-direction:column;text-align:center;gap:24px}.cta-content{flex-direction:column}.stats-bar{flex-direction:column;align-items:center}.stats-bar .stat-item{flex-direction:column;text-align:center}}@media(max-width:480px){.quick-actions-section{padding:60px 0}.section-title{font-size:1.5rem}}.timeline-section{padding:80px 0;background:var(--bg-primary)}.timeline-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.3);border-radius:20px;color:var(--accent-primary);font-size:.875rem;font-weight:600;margin-bottom:16px}.timeline-desktop{position:relative;margin-bottom:48px}.timeline-line{position:absolute;top:60px;left:50%;transform:translate(-50%);width:80%;height:4px;background:var(--bg-tertiary);border-radius:2px;z-index:0}.line-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);border-radius:2px;transform-origin:left}.timeline-steps{display:flex;justify-content:space-between;position:relative;z-index:1}.timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;position:relative}.step-connector{margin-bottom:20px}.step-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;color:#fff;box-shadow:0 8px 24px #0003;position:relative}.step-circle svg{margin-bottom:4px}.step-number{position:absolute;bottom:-8px;right:-8px;width:24px;height:24px;background:var(--bg-secondary);border:2px solid;border-radius:50%;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.step-content{max-width:180px}.step-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.step-header h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.step-time{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary);padding:4px 8px;background:var(--bg-secondary);border-radius:20px}.step-content p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.step-systems{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.system-badge{padding:4px 10px;background:var(--bg-secondary);border:1px solid;border-radius:20px;font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.step-arrow{position:absolute;right:-20px;top:30px;color:var(--accent-primary);opacity:.5;z-index:2}.timeline-mobile{display:none}.mobile-step{display:flex;gap:16px;padding:16px 0;position:relative}.mobile-step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.indicator-line{width:2px;flex:1;background:var(--accent-primary);opacity:.3}.mobile-step:last-child .indicator-line{display:none}.indicator-dot{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.mobile-step-content{flex:1;padding-bottom:16px}.mobile-step-content .step-header{flex-direction:row;justify-content:flex-start;margin-bottom:8px}.mobile-step-content h3{font-size:1rem;font-weight:600;color:var(--text-primary)}.step-icon{margin-right:8px}.mobile-step-content p{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.sla-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sla-card{display:flex;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease}.sla-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.sla-icon{color:var(--accent-primary);flex-shrink:0}.sla-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.sla-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}@media(max-width:1024px){.timeline-desktop{display:none}.timeline-mobile{display:block}.sla-info{grid-template-columns:1fr}}@media(max-width:640px){.timeline-section{padding:60px 0}.sla-card{flex-direction:column;text-align:center}.sla-icon{margin:0 auto}}.stats-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.stats-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-size:.875rem;font-weight:600;margin-bottom:16px}.live-indicator{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:.8125rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.active{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toggle-btn{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--accent-primary);color:#fff}.last-update{color:var(--text-muted);font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease}.stat-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 24px #0000001a}.stat-card.main{grid-column:span 2;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-color:#3b82f64d}.stat-card.wide{grid-column:span 2}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8125rem;color:var(--text-secondary)}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.stat-card.main .stat-value{font-size:2.5rem}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:500}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.stat-trend.neutral{color:var(--text-muted)}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.chart-card{padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.chart-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:24px}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding-bottom:32px;position:relative}.bar-chart:before{content:"";position:absolute;bottom:32px;left:0;right:0;height:1px;background:var(--border-color)}.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.bar-container{display:flex;gap:4px;align-items:flex-end;height:160px}.bar{width:32px;border-radius:4px 4px 0 0;position:relative;transition:height .5s ease}.bar.approved{background:linear-gradient(180deg,#10b981,#059669)}.bar.total{background:#3b82f680}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;color:var(--text-secondary)}.bar-label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--text-secondary)}.legend-item .dot{width:12px;height:12px;border-radius:2px}.legend-item .dot.approved{background:#10b981}.legend-item .dot.total{background:#3b82f680}.sector-list{display:flex;flex-direction:column;gap:16px}.sector-item{display:flex;align-items:center;gap:12px}.sector-info{display:flex;flex-direction:column;width:100px;flex-shrink:0}.sector-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.sector-days{font-size:.75rem;color:var(--text-muted)}.mini-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.sector-percent{font-size:.875rem;font-weight:600;color:var(--text-primary);width:50px;text-align:right}.quick-stats-actions{display:flex;justify-content:center;gap:16px}.action-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:.9375rem;text-decoration:none;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.action-btn.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.action-btn.secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card.main,.stat-card.wide{grid-column:span 1}.charts-row{grid-template-columns:1fr}.quick-stats-actions{flex-direction:column}.quick-stats-actions .action-btn{width:100%;justify-content:center}}@media(max-width:480px){.stats-section{padding:60px 0}.stat-card{flex-direction:column;text-align:center}.stat-icon-wrapper{margin:0 auto}.stat-content{align-items:center}}.faq-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.faq-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid var(--accent-primary);border-radius:20px;color:var(--accent-primary);font-size:.875rem;font-weight:600;margin-bottom:16px}.faq-categories{max-width:900px;margin:0 auto}.faq-category{margin-bottom:16px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color);transition:all .3s ease}.faq-category:hover{border-color:#3b82f64d}.faq-category-header{display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .3s ease}.faq-category-header:hover{background:var(--bg-tertiary)}.faq-category-header.open{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);border-bottom:1px solid var(--border-color)}.category-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius);color:#fff;flex-shrink:0}.category-icon svg{width:24px;height:24px}.faq-category-header h3{flex:1;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.category-count{font-size:.8125rem;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 12px;border-radius:20px}.category-icon-right{color:var(--text-secondary);flex-shrink:0}.faq-questions{padding:8px 0}.faq-item{border-bottom:1px solid var(--border-color)}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%;padding:16px 24px;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .3s ease}.faq-question:hover{background:var(--bg-tertiary)}.faq-question span{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5}.faq-icon{flex-shrink:0;color:var(--accent-primary);margin-top:2px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 20px;font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin:0}.faq-cta{max-width:900px;margin:48px auto 0;padding:32px;display:flex;align-items:center;gap:24px;border-radius:var(--radius-lg);border:1px solid var(--border-color-glow)}.cta-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius);color:#fff;flex-shrink:0}.cta-content{flex:1}.cta-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.cta-content p{font-size:.9375rem;color:var(--text-secondary);margin:0}.cta-buttons{display:flex;gap:12px;flex-shrink:0}.cta-buttons button,.cta-buttons a{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.cta-buttons .btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none}.cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.cta-buttons .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cta-buttons .btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.faq-section{padding:60px 0}.faq-category-header{padding:16px 20px;flex-wrap:wrap}.faq-category-header h3{flex-basis:calc(100% - 80px);font-size:1rem}.category-count{display:none}.faq-question span{font-size:.9375rem}.faq-answer p{font-size:.875rem}.faq-cta{flex-direction:column;text-align:center;padding:24px}.cta-buttons{flex-direction:column;width:100%}.cta-buttons button,.cta-buttons a{justify-content:center;width:100%}}.contact-section{padding:80px 0;background:var(--bg-primary)}.contact-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ec489933,#ec48991a);border:1px solid rgba(236,72,153,.3);border-radius:20px;color:#ec4899;font-size:.875rem;font-weight:600;margin-bottom:16px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-bottom:48px}.contact-info-column{display:flex;flex-direction:column;gap:16px}.contact-info-card{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease}.contact-info-card:hover{border-color:var(--accent-primary);transform:translate(8px)}.info-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius);color:#fff;flex-shrink:0}.info-content h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.info-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;margin:0}.contact-form-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px}.form-header{margin-bottom:24px}.form-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.form-header p{font-size:.875rem;color:var(--text-secondary)}.contact-form-wrapper form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9375rem;color:var(--text-primary);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:#10b981}.form-success h3{font-size:1.25rem;margin:16px 0 8px;color:var(--text-primary)}.form-success p{color:var(--text-secondary)}.quick-links-section{margin-bottom:48px}.quick-links-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:20px}.quick-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-link-card{display:flex;align-items:center;gap:12px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease}.quick-link-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.quick-link-card svg{color:var(--accent-primary);flex-shrink:0}.quick-link-content{display:flex;flex-direction:column}.link-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.link-desc{font-size:.75rem;color:var(--text-secondary)}.contact-stats-banner{display:flex;justify-content:center;align-items:center;gap:48px;padding:32px;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);margin-bottom:48px}.banner-item{display:flex;align-items:center;gap:16px;color:var(--accent-primary)}.banner-item div{display:flex;flex-direction:column}.banner-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.banner-label{font-size:.8125rem;color:var(--text-secondary)}.banner-divider{width:1px;height:48px;background:var(--border-color)}.contact-cta{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.cta-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius);color:#fff;flex-shrink:0}.cta-content{flex:1;padding:0 24px}.cta-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.cta-content p{font-size:.875rem;color:var(--text-secondary)}.cta-btn{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}.quick-links-grid{grid-template-columns:repeat(2,1fr)}.contact-stats-banner{flex-wrap:wrap;gap:24px}.banner-divider{display:none}}@media(max-width:768px){.contact-section{padding:60px 0}.form-row,.quick-links-grid{grid-template-columns:1fr}.contact-cta{flex-direction:column;text-align:center;gap:24px}.cta-content{padding:0}}@media(max-width:480px){.contact-info-card{flex-direction:column;text-align:center}.info-icon{margin:0 auto}}.simulator-section{background-color:var(--bg-primary);border-top:1px solid rgba(255,255,255,.05);padding:100px 0}.simulator-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.simulator-panel{padding:32px;display:flex;flex-direction:column}.simulator-panel h3{display:flex;align-items:center;gap:12px;font-size:1.25rem;margin-bottom:8px}.icon-blue{color:var(--accent-primary)}.panel-desc{color:var(--text-secondary);font-size:.9375rem;margin-bottom:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:8px;font-weight:500}.sim-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:border-color .2s}.sim-input:focus{outline:none;border-color:var(--accent-primary)}.sim-input.textarea{resize:vertical;min-height:100px}.w-full{width:100%;justify-content:center}.error-alert{background:#ef44441a;color:var(--accent-danger);padding:12px;border-radius:var(--radius-sm);font-size:.875rem;display:flex;align-items:center;gap:8px;margin-bottom:20px;border:1px solid rgba(239,68,68,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-muted)}.empty-icon{opacity:.2;margin-bottom:16px}.empty-state h4{color:var(--text-secondary);font-size:1.125rem;margin-bottom:8px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.radar{width:80px;height:80px;border-radius:50%;border:2px solid rgba(59,130,246,.2);position:relative;overflow:hidden;margin-bottom:20px}.radar:before{content:"";position:absolute;top:50%;left:50%;width:50%;height:50%;background:linear-gradient(45deg,rgba(59,130,246,.8),transparent);transform-origin:0 0;animation:radar-spin 2s linear infinite}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--accent-primary);font-size:.9375rem;animation:pulse 1.5s infinite}.result-content{display:flex;flex-direction:column;height:100%}.score-header{display:flex;align-items:center;gap:24px;margin-bottom:32px;background:var(--bg-tertiary);padding:24px;border-radius:var(--radius-md);border:1px solid var(--border-color)}.score-circle{width:80px;height:80px;flex-shrink:0}.circular-chart{display:block;margin:0 auto;max-width:80%;max-height:250px}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.green .circle{stroke:var(--accent-success)}.circular-chart.orange .circle{stroke:var(--accent-warning)}.circular-chart.red .circle{stroke:var(--accent-danger)}.percentage{fill:#fff;font-family:var(--font-heading);font-size:.5em;font-weight:800;text-anchor:middle}.score-info h3{font-size:1.25rem;margin-bottom:8px}.score-info p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-danger{color:var(--accent-danger)}.docs-analysis{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.doc-box{padding:16px;border-radius:var(--radius-sm);border:1px solid}.doc-box.danger{background:#ef44440d;border-color:#ef444433}.doc-box.danger h4{color:var(--accent-danger)}.doc-box.success{background:#10b9810d;border-color:#10b98133}.doc-box.success h4{color:var(--accent-success)}.doc-box h4{display:flex;align-items:center;gap:8px;font-size:.9375rem;margin-bottom:12px}.doc-box ul{list-style:none;display:flex;flex-direction:column;gap:6px}.doc-box li{font-size:.875rem;position:relative;padding-left:16px;color:var(--text-primary)}.doc-box li:before{content:"•";position:absolute;left:0;color:var(--text-muted)}.recommendation-box{margin-top:auto;padding:20px;border-top:1px solid var(--border-color);background:#3b82f60d!important;border-color:#3b82f633!important}.recommendation-box h4{display:flex;align-items:center;gap:8px;color:var(--accent-primary);margin-bottom:8px;font-size:.9375rem}.recommendation-box p{font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.text-secondary{color:var(--accent-secondary)!important}@media(max-width:992px){.simulator-grid{grid-template-columns:1fr;gap:24px}}.sla-intelligence-section{padding:80px 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.sla-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:1px solid rgba(139,92,246,.4);border-radius:20px;color:#a78bfa;font-size:.875rem;font-weight:600;margin-bottom:16px}.live-indicator{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.sla-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.metric-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease}.metric-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 30px #3b82f61a}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);flex-shrink:0}.metric-icon.green{background:#10b98126;color:#10b981}.metric-icon.blue{background:#3b82f626;color:#3b82f6}.metric-icon.purple{background:#8b5cf626;color:#a78bfa}.metric-icon.orange{background:#fbbf2426;color:#f59e0b}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);font-family:var(--font-heading)}.metric-label{font-size:.875rem;color:var(--text-secondary)}.metric-trend{display:flex;align-items:center;gap:4px;font-size:.75rem;margin-top:4px}.metric-trend.up,.metric-trend.down{color:#10b981}.metric-desc{font-size:.75rem;color:var(--text-muted)}.sla-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-secondary);border-radius:var(--radius);overflow-x:auto}.sla-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sla-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sla-tab.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.sla-tab-content{min-height:400px}.overview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.overview-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.overview-card h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.tiers-preview{display:flex;flex-direction:column;gap:12px}.tier-mini{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius);border-left:4px solid}.tier-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.tier-sla{font-size:.75rem;color:var(--text-secondary)}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:var(--radius)}.recent-info{display:flex;flex-direction:column;gap:4px}.recent-id{font-size:.8125rem;font-weight:600;color:var(--text-primary);font-family:monospace}.recent-sector{font-size:.75rem;color:var(--text-secondary)}.recent-status{display:flex;align-items:center;gap:6px;font-size:.8125rem}.status-complete{color:#10b981}.status-fast{color:#f59e0b}.status-processing{color:#3b82f6}.status-verification{color:#a78bfa}.status-pending{color:var(--text-muted)}.fiktif-card{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border-color:#8b5cf64d}.fiktif-header{display:flex;gap:16px;margin-bottom:24px;color:#a78bfa}.fiktif-header h3{color:var(--text-primary);margin-bottom:4px}.fiktif-header p{font-size:.8125rem;color:var(--text-secondary)}.fiktif-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fiktif-stat{text-align:center;padding:12px;background:#0003;border-radius:var(--radius)}.fiktif-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#a78bfa}.fiktif-stat .stat-label{font-size:.75rem;color:var(--text-secondary)}.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tier-card{padding:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.tier-card:hover{border-color:var(--tier-color);transform:translateY(-4px)}.tier-card.selected{border-color:var(--tier-color);background:linear-gradient(135deg,rgba(59,130,246,.1),transparent);box-shadow:0 10px 30px #3b82f626}.tier-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.tier-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);color:#fff;flex-shrink:0}.tier-info{flex:1}.tier-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.tier-sla-badge{display:inline-block;padding:4px 10px;background:var(--bg-tertiary);border-radius:20px;font-size:.75rem;color:var(--tier-color);font-weight:600}.fiktif-badge{padding:4px 8px;background:#10b98126;color:#10b981;border-radius:20px;font-size:.625rem;font-weight:600}.tier-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.sectors-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.sectors-chart{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.sectors-chart h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:24px}.chart-bars{display:flex;flex-direction:column;gap:16px}.chart-row{display:grid;grid-template-columns:120px 1fr 80px;align-items:center;gap:16px}.chart-label{font-size:.8125rem;color:var(--text-secondary)}.chart-bar-container{height:24px;background:var(--bg-tertiary);border-radius:var(--radius);overflow:hidden}.chart-bar{height:100%;border-radius:var(--radius);display:flex;align-items:center;padding:0 8px;min-width:50px}.bar-value{font-size:.75rem;font-weight:600;color:#fff}.chart-meta{font-size:.75rem;color:var(--text-muted);text-align:right}.sectors-insights{display:flex;flex-direction:column;gap:16px}.sectors-insights h3{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:var(--text-primary)}.insight-card{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.insight-icon.gold,.insight-icon.orange{color:#f59e0b}.insight-icon.green{color:#10b981}.insight-card h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.insight-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.live-feed{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.live-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.live-status{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-primary)}.live-dot{width:10px;height:10px;background:#10b981;border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}.refresh-btn{padding:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.spinning{animation:spin 1s linear infinite}.live-timeline{display:flex;flex-direction:column;gap:0;position:relative}.live-timeline:before{content:"";position:absolute;left:5px;top:20px;bottom:20px;width:2px;background:var(--border-color)}.timeline-item{display:flex;gap:20px;padding:16px 0;position:relative}.timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:1}.timeline-dot.green{background:#10b981}.timeline-dot.blue{background:#3b82f6}.timeline-dot.purple{background:#a78bfa}.timeline-dot.gold{background:#f59e0b}.timeline-content{flex:1}.timeline-time{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:4px}.timeline-content p{font-size:.875rem;color:var(--text-primary);line-height:1.5}.timeline-content strong{color:var(--accent-primary)}@media(max-width:1024px){.sla-metrics-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.tiers-grid{grid-template-columns:repeat(2,1fr)}.sectors-grid{grid-template-columns:1fr}}@media(max-width:640px){.sla-metrics-grid,.tiers-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:80px 1fr}.chart-meta{display:none}.fiktif-stats{grid-template-columns:1fr}}.kbli-search-container{padding:60px 0;background:var(--bg-primary)}.kbli-header{text-align:center;margin-bottom:40px}.kbli-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.kbli-title svg{color:var(--accent-primary)}.kbli-subtitle{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.popular-kbli-section{max-width:900px;margin:0 auto 40px}.popular-kbli-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;text-align:center}.popular-kbli-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.popular-kbli-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-align:center}.popular-kbli-card:hover{border-color:var(--accent-primary);background:#3b82f61a;transform:translateY(-2px)}.popular-code{font-size:1.125rem;font-weight:700;color:var(--accent-primary);font-family:var(--font-heading)}.popular-name{font-size:.75rem;color:var(--text-primary);font-weight:500}.popular-sector{font-size:.625rem;color:var(--text-muted);padding:2px 8px;background:var(--bg-tertiary);border-radius:20px}.kbli-filters{max-width:800px;margin:0 auto 24px}.search-input-wrapper{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-input{width:100%;padding:16px 48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;color:var(--text-primary);transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f633}.search-input::placeholder{color:var(--text-muted)}.clear-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius)}.clear-search:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.filter-group svg{color:var(--text-secondary)}.filter-select{flex:1;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9375rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.clear-filters-btn{padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-filters-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.kbli-results-info{max-width:800px;margin:0 auto 16px;text-align:left;font-size:.875rem;color:var(--text-secondary)}.kbli-results{max-width:800px;margin:0 auto}.kbli-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.kbli-empty svg{opacity:.3;margin-bottom:16px}.kbli-empty button{margin-top:16px;padding:12px 24px;background:var(--accent-primary);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:all .3s ease}.kbli-empty button:hover{background:var(--accent-secondary)}.kbli-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:all .3s ease}.kbli-item:hover{border-color:var(--accent-primary)}.kbli-item.expanded{border-color:var(--accent-primary);box-shadow:0 0 20px #3b82f626}.kbli-item-header{display:flex;align-items:center;gap:16px;padding:20px;cursor:pointer}.kbli-code-badge{display:flex;align-items:center;gap:8px;flex-shrink:0}.kbli-code{background:var(--accent-primary);color:#fff;padding:6px 12px;border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:monospace}.copy-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);padding:6px;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.copy-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.kbli-info{flex:1;min-width:0}.kbli-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.kbli-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kbli-sector{font-size:.8125rem;color:var(--text-secondary)}.kbli-risk{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600}.kbli-risk.risk-rendah{background:#22c55e26;color:var(--accent-success)}.kbli-risk.risk-rendah-menengah{background:#3b82f626;color:var(--accent-primary)}.kbli-risk.risk-menengah-tinggi{background:#fbbf2426;color:var(--accent-warning)}.kbli-risk.risk-tinggi{background:#ef444426;color:var(--accent-danger)}.expand-icon{flex-shrink:0;color:var(--text-secondary)}.kbli-item-details{padding:0 20px 20px;border-top:1px solid var(--border-color);margin-top:0;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-section{padding-top:16px}.detail-section h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.detail-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin:0}.platform-tags{display:flex;flex-wrap:wrap;gap:8px}.platform-tags span{background:var(--bg-tertiary);padding:6px 12px;border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary);border:1px solid var(--border-color)}@media(max-width:768px){.kbli-search-container{padding:40px 20px}.kbli-title{font-size:1.5rem}.popular-kbli-grid{grid-template-columns:repeat(3,1fr)}.kbli-item-header{flex-wrap:wrap}.kbli-code-badge{order:1}.kbli-info{order:3;flex-basis:100%}.expand-icon{order:2;margin-left:auto}}@media(max-width:480px){.popular-kbli-grid{grid-template-columns:repeat(2,1fr)}}.command-palette-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:overlayIn .15s ease-out}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.command-palette{width:100%;max-width:640px;max-height:70vh;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:paletteIn .2s ease-out}@keyframes paletteIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.palette-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);flex-shrink:0}.palette-header .search-icon{color:var(--text-secondary);flex-shrink:0}.palette-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary);font-family:inherit}.palette-input::placeholder{color:var(--text-muted)}.shortcut-hint{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted)}.back-btn-header{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-btn-header:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:#ef444433;color:#ef4444}.palette-results{max-height:400px;overflow-y:auto;padding:8px;flex:1}.chat-container{display:flex;flex-direction:column;flex:1;min-height:400px;max-height:500px}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-message{display:flex;flex-direction:column}.chat-message.user{align-items:flex-end}.chat-message.assistant{align-items:flex-start}.chat-bubble{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.9375rem;line-height:1.5}.chat-message.user .chat-bubble{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .chat-bubble{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px}.chat-bubble p{margin:0}.chat-bubble.loading{display:flex;align-items:center;gap:8px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quick-questions{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.quick-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.quick-btns{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.8125rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:left}.quick-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3b82f61a}.chat-input-row{display:flex;gap:12px;padding:16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.chat-input-row input{flex:1;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:.9375rem;color:var(--text-primary);outline:none;transition:border-color .2s ease}.chat-input-row input:focus{border-color:var(--accent-primary)}.chat-input-row input::placeholder{color:var(--text-muted)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:all .2s ease}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.palette-results::-webkit-scrollbar{width:6px}.palette-results::-webkit-scrollbar-track{background:transparent}.palette-results::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.palette-results::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.category-section{margin-bottom:8px}.category-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.category-header svg{opacity:.7}.command-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;text-align:left;transition:all .15s ease}.command-item:hover,.command-item.selected{background:var(--accent-primary)}.command-item.selected{background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border:1px solid rgba(59,130,246,.3)}.command-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border-radius:var(--radius);color:var(--accent-primary);flex-shrink:0}.command-item.selected .command-icon{background:#3b82f633;color:var(--accent-primary)}.command-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.command-name{font-size:.9375rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-desc{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-shortcut{padding:4px 8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-muted)}.command-item.selected .command-shortcut{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}.arrow-icon,.copied-icon{color:var(--text-muted);flex-shrink:0}.command-item.selected .arrow-icon{color:var(--accent-primary)}.copied-icon{color:var(--accent-success)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.no-results svg{color:var(--text-muted);opacity:.3;margin-bottom:16px}.no-results p{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.no-results span{font-size:.875rem;color:var(--text-secondary)}.info-panel{padding:16px}.info-header{margin-bottom:16px}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.info-content{padding:20px;background:var(--bg-tertiary);border-radius:var(--radius)}.info-content h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.info-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.palette-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--border-color);background:var(--bg-tertiary)}.footer-hints{display:flex;gap:16px;font-size:.75rem;color:var(--text-muted)}.footer-hints span{display:flex;align-items:center;gap:4px}.footer-ai{display:flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(135deg,#3b82f633,#8b5cf61a);border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--accent-primary)}@media(max-width:680px){.command-palette-overlay{padding:10px;align-items:flex-start}.command-palette{max-width:none}.footer-hints{display:none}}.error-fallback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.error-fallback{max-width:500px;width:100%;text-align:center;padding:40px;border-radius:var(--radius-lg)}.error-icon-wrapper{margin-bottom:24px}.error-icon{color:var(--accent-danger);animation:pulse-error 2s ease-in-out infinite}@keyframes pulse-error{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.error-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.error-message{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.error-reasons{text-align:left;padding-left:24px;margin-bottom:20px;color:var(--text-secondary)}.error-reasons li{margin-bottom:8px;position:relative}.error-reasons li:before{content:"•";position:absolute;left:-16px;color:var(--accent-warning)}.error-details{background:var(--bg-tertiary);padding:12px 16px;border-radius:var(--radius);margin-bottom:24px;overflow-x:auto}.error-code{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-muted);margin:0;white-space:nowrap}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.error-actions button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9375rem}.error-actions .btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.error-actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.error-actions .btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.error-contact{font-size:.875rem;color:var(--text-muted);margin:0}@media(max-width:480px){.error-fallback{padding:24px}.error-title{font-size:1.5rem}.error-actions{flex-direction:column}.error-actions button{width:100%;justify-content:center}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 10px 30px #0006;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9375rem;color:var(--text-primary);line-height:1.5;margin:0}.toast-close{flex-shrink:0;background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);transition:color .2s;border-radius:var(--radius)}.toast-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.toast-success{background:linear-gradient(135deg,rgba(34,197,94,.15),var(--bg-secondary));border-color:#22c55e4d}.toast-success .toast-icon{color:var(--accent-success)}.toast-error{background:linear-gradient(135deg,rgba(239,68,68,.15),var(--bg-secondary));border-color:#ef44444d}.toast-error .toast-icon{color:var(--accent-danger)}.toast-warning{background:linear-gradient(135deg,rgba(251,191,36,.15),var(--bg-secondary));border-color:#fbbf244d}.toast-warning .toast-icon{color:var(--accent-warning)}.toast-info{background:linear-gradient(135deg,rgba(59,130,246,.15),var(--bg-secondary));border-color:#3b82f64d}.toast-info .toast-icon{color:var(--accent-primary)}@media(max-width:480px){.toast-container{inset:auto 10px 20px;max-width:none}}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:80px}section{padding:100px 0;position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto 60px}.section-title{font-size:2.5rem;margin-bottom:16px}.section-subtitle{color:var(--text-secondary);font-size:1.125rem}.footer{padding:40px 0;margin-top:auto;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-logo .logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.footer-logo .logo-highlight{color:var(--accent-primary)}.footer-copyright{color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.section-title{font-size:2rem}.footer-content{flex-direction:column;text-align:center}}:root{--bg-primary: #0a0a0c;--bg-secondary: #121216;--bg-tertiary: #1a1a20;--text-primary: #ffffff;--text-secondary: #a0a0ab;--text-muted: #6b6b75;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-success: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--border-color: rgba(255, 255, 255, .1);--border-color-glow: rgba(59, 130, 246, .3);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--font-sans: "Inter", system-ui, sans-serif;--font-heading: "Outfit", system-ui, sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}.skip-to-content{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:12px 24px;border-radius:var(--radius);font-weight:600;z-index:10000;transition:top .3s ease;text-decoration:none}.skip-to-content:focus{top:20px;outline:2px solid white;outline-offset:2px}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){:root{--bg-primary: #000000;--bg-secondary: #111111;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: rgba(255, 255, 255, .3)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .3s ease}.card:hover{border-color:var(--border-color-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card:hover:before{opacity:1}.glass-panel{background:#121216b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}