:root{--font-heading:"Plus Jakarta Sans",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--color-accent:#0064b7;--color-accent-hover:#005094;--color-accent-subtle:rgba(0, 100, 183, 0.12);--color-accent-glow:rgba(0, 100, 183, 0.35);--bg-dark-deep:#070b11;--bg-dark-navbar:rgba(9, 14, 23, 0.96);--bg-dark-surface:#0e1624;--bg-dark-elevated:#152033;--border-tech:rgba(255, 255, 255, 0.12);--border-tech-hover:rgba(0, 100, 183, 0.5);--border-tech-subtle:rgba(255, 255, 255, 0.08);--color-cyan:#38bdf8;--color-cyan-subtle:rgba(56, 189, 248, 0.12);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted-tech:#64748b;--transition-fast:0.25s cubic-bezier(0.16, 1, 0.3, 1);--transition-smooth:0.35s cubic-bezier(0.16, 1, 0.3, 1);--transition-slow:0.5s cubic-bezier(0.16, 1, 0.3, 1)}
[data-bs-theme=light],[data-theme=light],body.theme-light{--bg-dark-deep:#f8fafc;--bg-dark-navbar:rgba(255, 255, 255, 0.98);--bg-dark-surface:#ffffff;--bg-dark-elevated:#f1f5f9;--border-tech:#e2e8f0;--border-tech-hover:rgba(0, 100, 183, 0.6);--border-tech-subtle:#edf2f7;--color-cyan:#0284c7;--color-cyan-subtle:rgba(2, 132, 199, 0.1);--text-primary:#0f172a;--text-secondary:#475569;--text-muted-tech:#64748b}
[data-bs-theme=light] .text-white,[data-theme=light] .text-white,body.theme-light .text-white{color:#0f172a!important}
[data-bs-theme=light] .text-light,[data-theme=light] .text-light,body.theme-light .text-light{color:#1e293b!important}
[data-bs-theme=light] .text-secondary,[data-theme=light] .text-secondary,body.theme-light .text-secondary{color:#475569!important}
[data-bs-theme=light] .table-dark,[data-theme=light] .table-dark,body.theme-light .table-dark{--bs-table-bg:#ffffff;--bs-table-color:#0f172a;--bs-table-border-color:#e2e8f0;--bs-table-hover-bg:#f8fafc;--bs-table-striped-bg:#f8fafc;color:#0f172a!important;background-color:#fff!important;border-color:#e2e8f0!important}
[data-theme=light] .table-active,[data-theme=light] .table-dark td,[data-theme=light] .table-dark th{color:#0f172a!important;border-color:#e2e8f0!important}
[data-theme=light] .table-active th{background-color:#f1f5f9!important;color:#475569!important}
[data-theme=light] .form-tech-control,body.theme-light .form-tech-control{background-color:#fff!important;color:#0f172a!important;border-color:#cbd5e1!important}
[data-theme=light] .form-tech-control:focus,body.theme-light .form-tech-control:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-subtle)!important}
[data-theme=light] .dropdown-menu-dark,body.theme-light .dropdown-menu-dark{background-color:#fff!important;color:#0f172a!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px rgba(0,0,0,.08)!important}
[data-theme=light] .dropdown-menu-dark .dropdown-item,body.theme-light .dropdown-menu-dark .dropdown-item{color:#334155!important}
[data-theme=light] .dropdown-menu-dark .dropdown-item:hover,body.theme-light .dropdown-menu-dark .dropdown-item:hover{background-color:#f1f5f9!important;color:#0064b7!important}
[data-theme=light] .dropdown-divider{border-color:#e2e8f0!important}
[data-theme=light] .bg-dark-deep{background-color:#f8fafc!important}
[data-theme=light] .bg-dark-surface{background-color:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.05)}
[data-theme=light] .bg-dark-elevated{background-color:#f1f5f9!important}
[data-theme=light] .border-tech{border-color:#e2e8f0!important}
[data-theme=light] .application-card,[data-theme=light] .card,[data-theme=light] .credential-card,[data-theme=light] .step-card{background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 2px 6px rgba(0,0,0,.04)}
[data-theme=light] .app-card-kicker{background:rgba(255,255,255,.95);border:1px solid #e2e8f0;color:#0284c7}
[data-theme=light] .header-sticky{background-color:rgba(255,255,255,.98)!important;border-color:#e2e8f0!important;box-shadow:0 1px 4px rgba(0,0,0,.05)}
[data-theme=light] .brand-title{color:#0f172a!important}
[data-theme=light] .hamburger-line{background-color:#0f172a!important}
[data-theme=light] .btn-atap-ghost{color:#0f172a!important;border-color:#cbd5e1!important}
[data-theme=light] .btn-atap-ghost:hover{background-color:rgba(0,100,183,.08)!important;border-color:var(--color-accent)!important;color:var(--color-accent)!important}
[data-theme=light] .btn-outline-tech{background-color:#fff!important;color:#475569!important;border-color:#cbd5e1!important}
[data-theme=light] .btn-outline-tech:hover{border-color:var(--color-accent)!important;color:var(--color-accent)!important;background-color:rgba(0,100,183,.08)!important}
[data-theme=light] .footer{background-color:#f1f5f9!important;border-color:#e2e8f0!important}
[data-theme=light] .hero-wrapper{background:radial-gradient(circle at 75% 30%,rgba(0,100,183,.08) 0,transparent 60%),radial-gradient(circle at 20% 80%,rgba(0,100,183,.05) 0,transparent 50%),#f8fafc!important}
*,::after,::before{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{background-color:var(--bg-dark-deep);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;max-width:100%;overflow-x:clip;margin:0;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast)}
img,svg,video{max-width:100%;height:auto}
.scroll-mt-header{scroll-margin-top:96px}
.brand-title,.hero-headline,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}
.font-monospace{font-family:var(--font-mono)!important}
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.tracking-wider{letter-spacing:.05em}
.tracking-widest{letter-spacing:.15em}
.text-muted-tech{color:var(--text-muted-tech)!important}
.text-accent{color:var(--color-accent)!important}
.text-cyan{color:var(--color-cyan)!important}
.hover-white:hover{color:var(--text-primary)!important}
.separator-bullet{color:var(--text-muted-tech);opacity:.6}
.status-indicator-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}
.status-indicator-dot.online{background-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.6)}
.max-w-3xl{max-width:48rem}
.max-w-2xl{max-width:42rem}
.max-w-xl{max-width:36rem}
.header-sticky{background-color:var(--bg-dark-navbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0, 100, 183, .3))}
.brand-title{font-size:1.15rem;font-weight:800;color:var(--text-primary)}
.mobile-header-strip{width:100%}
.mobile-header-top-row{min-height:44px}
.mobile-header-sub-row{border-color:var(--border-tech)!important}
.hamburger-btn{width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:0 0;border:1px solid var(--border-tech);border-radius:6px;cursor:pointer;padding:0;transition:background-color var(--transition-fast),border-color var(--transition-fast)}
.hamburger-btn:hover{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}
.hamburger-line{width:20px;height:2px;background-color:var(--text-primary);border-radius:2px;transition:transform var(--transition-smooth),opacity var(--transition-fast),background-color var(--transition-fast)}
.hamburger-btn.is-active .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg);background-color:var(--color-accent)}
.hamburger-btn.is-active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}
.hamburger-btn.is-active .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);background-color:var(--color-accent)}
.navbar-collapse{transition:height var(--transition-smooth),opacity var(--transition-fast)}
@media (max-width:1199.98px){
.navbar-collapse{padding-top:1rem;padding-bottom:1rem;border-top:1px solid var(--border-tech);margin-top:.5rem}
}
.theme-switch-btn{background:var(--bg-dark-surface);border:1px solid var(--border-tech);color:var(--text-primary);border-radius:20px;padding:.35rem .85rem;font-size:.75rem;font-family:var(--font-mono);display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:34px;touch-action:manipulation;transition:all var(--transition-fast)}
.theme-switch-btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 12px var(--color-accent-subtle)}
.nav-tech{color:var(--text-secondary)!important;font-size:.9rem;font-weight:500;padding:.5rem .9rem!important;position:relative;transition:color .2s ease}
.nav-tech:hover{color:var(--color-accent)!important}
.nav-tech.active{color:var(--color-accent)!important;font-weight:700}
.nav-tech.active::after{content:"";position:absolute;bottom:-4px;left:.9rem;right:.9rem;height:2px;background-color:var(--color-accent)}
.btn-atap-primary{background-color:var(--color-accent);color:#fff!important;border:1px solid var(--color-accent);font-weight:600;font-size:.875rem;padding:.65rem 1.4rem;border-radius:4px;transition:all var(--transition-fast);text-decoration:none;box-shadow:0 4px 14px var(--color-accent-glow);display:inline-flex;align-items:center;justify-content:center}
.btn-atap-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff!important;box-shadow:0 6px 20px var(--color-accent-glow);transform:translateY(-1px)}
.btn-atap-ghost{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-tech);font-weight:500;font-size:.875rem;padding:.65rem 1.4rem;border-radius:4px;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.btn-atap-ghost:hover{background-color:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}
.btn-outline-tech{background-color:var(--bg-dark-surface);color:var(--text-secondary);border:1px solid var(--border-tech);font-weight:500;font-size:.8rem;border-radius:4px;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;padding:.45rem .85rem}
.btn-outline-tech:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:var(--color-accent-subtle)}
.bg-dark-deep{background-color:var(--bg-dark-deep)!important}
.bg-dark-surface{background-color:var(--bg-dark-surface)!important}
.bg-dark-elevated{background-color:var(--bg-dark-elevated)!important}
.border-tech{border-color:var(--border-tech)!important}
.hero-wrapper{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(0,100,183,.08) 0,transparent 60%),radial-gradient(circle at 20% 80%,rgba(0,100,183,.05) 0,transparent 50%),var(--bg-dark-deep);transition:background var(--transition-fast)}
.hero-kicker{font-size:.8rem;letter-spacing:.18em;color:var(--color-accent);font-family:var(--font-mono);font-weight:700}
.hero-headline{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary)}
.hero-quote-box{background:var(--bg-dark-surface);border:1px solid var(--border-tech);border-left:3px solid var(--color-accent);border-radius:4px;transition:background-color var(--transition-fast),border-color var(--transition-fast)}
.hero-visual-card{position:relative;border-radius:6px;border:1px solid var(--border-tech);overflow:hidden;background-color:var(--bg-dark-surface);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.hero-visual-img{width:100%;height:440px;object-fit:cover;display:block;object-position:top left;filter:brightness(.92) contrast(1.05)}
@media (max-width:767.98px){
.hero-visual-img{height:280px}
}
.feature-badge-strip{background-color:var(--bg-dark-elevated);border-top:1px solid var(--border-tech);border-bottom:1px solid var(--border-tech);transition:background-color var(--transition-fast),border-color var(--transition-fast)}
.feature-badge-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1rem;border-right:1px solid var(--border-tech)}
@media (max-width:991.98px){
.feature-badge-item{border-right:none;border-bottom:1px solid var(--border-tech)}
}
.feature-badge-icon{width:44px;height:44px;border-radius:4px;background-color:var(--bg-dark-surface);border:1px solid var(--border-tech);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.step-pipeline-container{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:1rem;gap:.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-tech) transparent}
.step-card{flex:1 1 0;min-width:155px;background:var(--bg-dark-surface);border:1px solid var(--border-tech);border-radius:4px;padding:1.2rem 1rem;position:relative;text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast)}
.step-card:hover{border-color:var(--border-tech-hover);transform:translateY(-2px)}
.step-number-tag{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--color-accent);background:var(--color-accent-subtle);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;margin-bottom:.75rem}
.step-arrow-divider{color:var(--text-muted-tech);display:flex;align-items:center;font-size:1.1rem;opacity:.4}
.application-card-wrapper{height:100%;padding:4px;max-width:100%}
.application-card{background:var(--bg-dark-surface);border:1px solid var(--border-tech);border-radius:6px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}
.application-card:hover{border-color:var(--border-tech-hover);transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.15)}
.app-card-img-wrap{position:relative;height:190px;overflow:hidden}
.app-card-img{width:100%;height:100%;object-fit:cover;filter:brightness(.88);transition:filter var(--transition-fast),transform var(--transition-smooth)}
.application-card:hover .app-card-img{filter:brightness(.96);transform:scale(1.03)}
.app-card-kicker{position:absolute;bottom:.75rem;left:.75rem;background:rgba(7,11,17,.9);backdrop-filter:blur(4px);border:1px solid var(--border-tech);padding:.25rem .6rem;border-radius:2px;font-size:.7rem;font-family:var(--font-mono);color:var(--color-cyan)}
.app-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}
.problem-callout{background:rgba(239,68,68,.08);border-left:2px solid #ef4444;padding:.6rem .8rem;margin-bottom:.85rem;border-radius:2px;color:#f87171}
.scenario-callout{background:var(--color-accent-subtle);border-left:2px solid var(--color-accent);padding:.6rem .8rem;margin-top:auto;border-radius:2px;color:var(--color-cyan)}
.owl-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:16px!important}
.owl-nav button.owl-next,.owl-nav button.owl-prev,.owl-nav-btn{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--bg-dark-surface)!important;border:1px solid var(--border-tech)!important;color:var(--text-primary)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;transition:all var(--transition-fast)!important;cursor:pointer!important}
.owl-nav button.owl-next:hover,.owl-nav button.owl-prev:hover,.owl-nav-btn:hover{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important;box-shadow:0 4px 14px var(--color-accent-glow)!important}
.credentials-strip{background-color:var(--bg-dark-surface);border-top:1px solid var(--border-tech);border-bottom:1px solid var(--border-tech);transition:background-color var(--transition-fast),border-color var(--transition-fast)}
.credential-card{background:var(--bg-dark-surface);border:1px solid var(--border-tech);border-radius:4px;padding:.85rem 1rem}
.credential-icon-box{width:38px;height:38px;background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--color-accent);flex-shrink:0}
.footer{background-color:var(--bg-dark-deep);transition:background-color var(--transition-fast),border-color var(--transition-fast)}
.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}
.footer-link:hover{color:var(--color-accent);text-decoration:underline}
.form-tech-control{background-color:var(--bg-dark-surface)!important;border:1px solid var(--border-tech)!important;color:var(--text-primary)!important;font-size:.9rem;border-radius:4px;padding:.65rem .9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
.form-tech-control:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-glow)!important}
.form-tech-control::placeholder{color:var(--text-muted-tech)!important}
.sector-selector-btn{border-radius:4px;font-size:.8rem;font-family:var(--font-mono);padding:.4rem .8rem;transition:all var(--transition-fast)}
.form-range::-webkit-slider-thumb{background-color:var(--color-accent)}
.form-range::-moz-range-thumb{background-color:var(--color-accent)}
[data-aos]{pointer-events:auto!important}
html[data-aos]{overflow-x:clip!important}
#applicationsCarousel .owl-stage{display:flex}
#applicationsCarousel .owl-item{display:flex;height:auto}
#applicationsCarousel .application-card-wrapper{display:flex;width:100%;height:auto}
#applicationsCarousel .application-card{width:100%;height:auto;min-height:100%}
#applicationsCarousel .app-card-img-wrap{flex-shrink:0;height:190px}
#applicationsCarousel .app-card-body{flex:1}
#applicationsCarousel .scenario-callout{margin-top:auto}
[data-bs-theme=light] .btn-atap-primary,[data-theme=light] .btn-atap-primary,body.theme-light .btn-atap-primary{background-color:#0064b7!important;border-color:#0064b7!important;color:#fff!important;opacity:1}
[data-bs-theme=light] .btn-atap-primary:hover,[data-theme=light] .btn-atap-primary:hover,body.theme-light .btn-atap-primary:hover{background-color:#005094!important;border-color:#005094!important;color:#fff!important}
[data-bs-theme=light] .btn-atap-primary:focus-visible,[data-theme=light] .btn-atap-primary:focus-visible,body.theme-light .btn-atap-primary:focus-visible{outline:3px solid rgba(0,100,183,.35);outline-offset:3px}
[data-bs-theme=light] .btn-atap-primary:disabled,[data-theme=light] .btn-atap-primary:disabled,body.theme-light .btn-atap-primary:disabled{opacity:.65}