:root{--dbc-white:#ffffff;--dbc-light-gray:#f8f9fa;--dbc-dark-gray:#212529;--dbc-blue:#2196f3;--dbc-blue-hover:#1976d2;--dbc-orange:#ff6b35;--dbc-orange-hover:#e85a24;--dbc-text-dark-logo:#000000;--dbc-text-dark-logo2:#131313;--dbc-text-dark:#344767;--dbc-text-dark-body:#7b809a;--dbc-text-muted:#6c757d;--dbc-border:#dee2e6;--dbc-success:#198754;--dbc-btn-grey:#6c757d;--dbc-btn-grey-hover:#495057;--dbc-btn-dark:#344767;--dbc-btn-dark-hover:#375281}body{font-family:'Roboto Slab',sans-serif;background-color:var(--dbc-light-gray);color:var(--dbc-text-dark-body);overflow-x:hidden}a{color:var(--dbc-text-dark-body)}a:hover{color:var(--dbc-text-dark-body)}header{background:transparent!important;border-bottom:none}header .header-inner-bg{background:linear-gradient(135deg,#1e1b30 0%,#0f1720 100%)!important;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.3);border-radius:8px;padding-left:24px;padding-right:24px;box-shadow:0 4px 12px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}header a.text-light{color:#ffffff!important;transition:color 0.2s ease}header a.text-light:hover{color:var(--dbc-orange)!important}.logo{font-size:24px;font-weight:800;color:#ffffff}.logo span{color:#ffffff}.hero{background:transparent!important}.hero-inner-bg{position:relative;background:var(--dbc-white)!important;border:1px solid var(--dbc-border);border-radius:24px;padding:48px 24px;overflow:hidden}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(25,135,84,0.08);color:#146c43;font-weight:700;font-size:14px;border:1px solid rgba(25,135,84,0.18)}.btn-dbc-primary{background:linear-gradient(135deg,#ff9800 0%,#e68900 100%)!important;color:#ffffff!important;font-weight:700;border:none;box-shadow:0 4px 15px rgba(0,0,0,0.4);transition:transform 0.2s ease,box-shadow 0.2s ease}.btn-dbc-primary:hover{background:linear-gradient(135deg,#e68900 0%,#cc7a00 100%)!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.6)}.btn-dbc-secondary{background:var(--dbc-light-gray)!important;color:var(--dbc-text-dark)!important;border:1px solid var(--dbc-border)!important;font-weight:600;transition:background 0.2s ease}.btn-dbc-secondary:hover{background:#cbd5e1!important;border-color:var(--dbc-text-muted)!important}.quick-links a{padding:8px 16px;border-radius:999px;border:1px solid var(--dbc-border);background:rgba(0,0,0,0.02);color:var(--dbc-text-muted);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.2s ease}.quick-links a:hover{color:var(--dbc-blue);border-color:var(--dbc-blue);background:rgba(0,86,179,0.05)}.hero-panel{background:var(--dbc-white)!important;border:1px solid var(--dbc-border);border-radius:24px}.panel-status{display:inline-flex;align-items:center;gap:8px;color:#198754!important;font-weight:700}.panel-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#198754!important}.tab-button{border:1px solid var(--dbc-border);background:rgba(0,0,0,0.03);color:var(--dbc-text-muted);padding:4px 8px;border-radius:10px;font-weight:80;cursor:pointer;transition:all 0.2s ease}.tab-button:hover{color:var(--dbc-text-dark);border-color:var(--dbc-text-muted)}.tab-button.active{background:var(--dbc-btn-dark-hover)!important;color:#ffffff!important;font-weight:700}.terminal{background:#1e1e1e;color:#e5e7eb;border-radius:16px;border:1px solid var(--dbc-border);padding:20px;font-size:14px;line-height:1.6;height:280px;overflow-y:auto;scrollbar-width:none}.terminal::-webkit-scrollbar{display:none}.terminal pre{white-space:pre-wrap;word-break:break-word;margin-bottom:0}.blue{color:#35b5ff}.green{color:#4ade80}.code-slide{display:none}.code-slide.active{display:block;animation:dbcFadeIn 0.3s ease}@keyframes dbcFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero .btn-dbc-primary{position:relative}.hero .btn-dbc-primary::before,.hero .btn-dbc-primary::after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(255,152,0,0.5);animation:expandRingBtn 2s ease-out infinite;pointer-events:none}.hero .btn-dbc-primary::after{animation-delay:0.65s}@keyframes expandRingBtn{0%{transform:scale(1);opacity:0.5}100%{transform:scale(1.3);opacity:0}}.feature-card{padding:30px;border-radius:20px;background:var(--dbc-white)!important;border:1px solid #e0e0e0;transition:transform 0.2s ease,box-shadow 0.2s ease;position:relative;overflow:hidden;animation:breathe 3s ease-in-out infinite}#features .row.g-4>:nth-child(1) .feature-card{animation-delay:0s}#features .row.g-4>:nth-child(2) .feature-card{animation-delay:0.4s}#features .row.g-4>:nth-child(3) .feature-card{animation-delay:0.8s}#features .row.g-4>:nth-child(4) .feature-card{animation-delay:1.2s}#features .row.g-4>:nth-child(5) .feature-card{animation-delay:1.6s}#features .row.g-4>:nth-child(6) .feature-card{animation-delay:2s}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes shimmerBar{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes floatNumber{0%,100%{transform:translateY(0px)}50%{transform:translateY(-4px)}}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff9800,#e68900,#ffb74d);border-radius:20px 20px 0 0}.feature-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#1e1b30,#0f1720);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 4px 15px rgba(30,27,48,0.3)}#features,#stats,#workflow,#faq{scroll-margin-top:100px}#stats{background-color:transparent!important;border-top:none!important;border-bottom:none!important}.stats-inner-bg{background-color:var(--dbc-white)!important;border:1px solid var(--dbc-border)!important;border-radius:24px;padding:40px 20px}.stat-box{background:var(--dbc-white)!important;border:1px solid #e0e0e0;border-radius:20px;padding:30px 20px;box-shadow:0 4px 12px rgba(0,0,0,0.08);position:relative;overflow:hidden}.stat-box::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#5CB85C,#4a9e4a,#7dcd7d,#4a9e4a,#5CB85C);background-size:200% 100%;border-radius:20px 20px 0 0;animation:shimmerBar 3s ease-in-out infinite}.hero-panel .stat-box::before{background:linear-gradient(90deg,#5CB85C,#7dcd7d,#5CB85C);background-size:200% 100%;animation:shimmerBar 3s ease-in-out infinite}.hero-panel .stat-box strong.text-orange{color:#344767!important}#stats .stat-box strong{animation:floatNumber 3s ease-in-out infinite}#stats .row.g-4.text-center>:nth-child(1) .stat-box strong{animation-delay:0s}#stats .row.g-4.text-center>:nth-child(2) .stat-box strong{animation-delay:0.5s}#stats .row.g-4.text-center>:nth-child(3) .stat-box strong{animation-delay:1s}#stats .row.g-4.text-center>:nth-child(4) .stat-box strong{animation-delay:1.5s}.workflow-card{padding:30px;border-radius:20px;border:1px solid var(--dbc-border);background:var(--dbc-white)!important}.workflow-step{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#5CB85C,#4a9e4a);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;position:relative}.workflow-step::before,.workflow-step::after{content:"";position:absolute;inset:0;border-radius:14px;border:2px solid rgba(92,184,92,0.5);animation:expandRing 2s ease-out infinite}.workflow-step::after{animation-delay:0.65s}@keyframes expandRing{0%{transform:scale(1);opacity:0.6}100%{transform:scale(2.2);opacity:0}}.faq-item{padding:26px;border-radius:18px;border:1px solid var(--dbc-border);background:var(--dbc-white)!important}.cta-box{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#1e1b30 0%,#0f1720 100%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 30px rgba(15,23,42,0.3)}.cta-box h2,.cta-box p{color:#ffffff!important}.cta-box .btn-dbc-primary{background:linear-gradient(135deg,#ff9800 0%,#e68900 100%)!important;color:#ffffff!important;box-shadow:0 4px 15px rgba(255,152,0,0.4);border:none!important;transition:all 0.2s ease}.cta-box .btn-dbc-primary:hover{background:linear-gradient(135deg,#e68900 0%,#cc7a00 100%)!important;color:#ffffff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,152,0,0.6)}footer{background-color:transparent!important;border-top:none!important}.footer-inner-bg{background-color:var(--dbc-white)!important;border:1px solid var(--dbc-border)!important;border-radius:16px;padding:24px}.text-muted-custom{color:var(--dbc-muted)!important}.hero-lead{max-width:680px}.features-lead{max-width:720px}.faq-row{max-width:980px}.cta-lead{max-width:720px;color:rgba(255,255,255,0.75)!important}.text-orange{color:var(--dbc-orange)!important}.text-dark{color:#283750!important}.icon-brand{color:inherit}#resources{scroll-margin-top:100px}#resources .feature-card{cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}#resources a.text-decoration-none:hover .feature-card{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:var(--dbc-orange)}#resources .feature-card h3{transition:color 0.2s ease}#resources a.text-decoration-none:hover .feature-card h3{color:var(--dbc-orange)!important}#resources .feature-icon{transition:transform 0.2s ease,box-shadow 0.2s ease}#resources a.text-decoration-none:hover .feature-icon{transform:scale(1.05);box-shadow:0 6px 20px rgba(30,27,48,0.4)}@media (max-width:991.98px){.navbar-collapse{background:rgba(0,0,0,0.6);border-radius:0.5rem;padding:1rem;margin-top:0.5rem}.navbar-collapse>.d-flex:first-child{gap:0.75rem!important;flex-direction:column;align-items:flex-start!important}.navbar-collapse>.d-flex:first-child a{padding:0.5rem 0}.navbar-toggler:focus{box-shadow:none}}