/* DBell Creations — mockup-inspired 2026 design refresh */
:root{
  --dbm-bg:#06111f;--dbm-bg-2:#0a1d32;--dbm-panel:#0c2238;--dbm-card:#ffffff;
  --dbm-blue:#0d6efd;--dbm-blue-2:#29abe2;--dbm-ink:#0a1726;--dbm-muted:#657387;
  --dbm-line:#dfe6ee;--dbm-soft:#f5f7fb;--dbm-white:#fff;--dbm-radius:14px;--dbm-radius-lg:22px;
  --dbm-shadow:0 14px 34px rgba(4,18,32,.10);--dbm-shadow-lg:0 24px 60px rgba(3,15,28,.18)
}
html{scroll-behavior:smooth}
body.dbell-modern{background:#fff;color:var(--dbm-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.62;-webkit-font-smoothing:antialiased}
body.dbell-modern main{overflow:hidden}
body.dbell-modern h1,body.dbell-modern h2,body.dbell-modern h3,body.dbell-modern h4,body.dbell-modern h5{font-family:Manrope,Inter,sans-serif;letter-spacing:-.04em;line-height:1.06;color:var(--dbm-ink)}
body.dbell-modern .navbar{min-height:64px!important;background:rgba(5,17,31,.98)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(14px);box-shadow:none!important}
body.dbell-modern .navbar .container,body.dbell-modern .navbar{max-width:none}
body.dbell-modern .navbar-brand .brand-logo-text{font-size:1.08rem!important;font-weight:800!important;letter-spacing:-.04em!important}
body.dbell-modern .brand-dbell{color:#fff!important}.brand-creations{color:#2b9cff!important}
body.dbell-modern .navbar .nav-link{font-size:.78rem!important;font-weight:700!important;color:#edf4fb!important;padding:.7rem .58rem!important;background:transparent!important}
body.dbell-modern .navbar .nav-link:hover,body.dbell-modern .navbar .nav-link.active{color:#58b8ff!important}
body.dbell-modern .navbar .dropdown-menu{border-radius:12px!important;border:1px solid #e5ebf1!important;box-shadow:0 20px 45px rgba(4,18,32,.18)!important}
body.dbell-modern .dbell-nav-cta{background:#0d6efd!important;color:#fff!important;border-radius:7px!important;min-height:38px!important;padding:.55rem .9rem!important;box-shadow:none!important}
body.dbell-modern .page-hero,body.dbell-modern .article-hero,body.dbell-modern .hero-header,body.dbell-modern .dbell-auto-hero{background:radial-gradient(circle at 80% 36%,rgba(13,110,253,.22),transparent 25%),radial-gradient(circle at 65% 86%,rgba(41,171,226,.11),transparent 28%),linear-gradient(135deg,#04111f 0%,#07192a 58%,#0a2037 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important}
body.dbell-modern .page-hero:after,body.dbell-modern .article-hero:after,body.dbell-modern .hero-header:after,body.dbell-modern .dbell-auto-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#168dff 1.2px,transparent 1.4px);background-size:54px 54px;opacity:.11;mask-image:linear-gradient(90deg,transparent 22%,#000 72%);pointer-events:none}
body.dbell-modern .page-hero{padding:5.8rem 0 4.2rem!important}
body.dbell-modern .page-hero h1,body.dbell-modern .article-hero h1{font-size:clamp(2.6rem,5.4vw,4.8rem)!important;line-height:1.0!important;max-width:840px;color:#fff!important}
body.dbell-modern .page-hero .lead,body.dbell-modern .article-hero .lead{max-width:700px;color:#d6e2ee!important;font-size:1rem!important}
body.dbell-modern .section-title{font-size:.66rem!important;letter-spacing:.14em!important;color:#2372d9!important;font-weight:850!important;text-transform:uppercase!important;margin-bottom:.7rem!important}
body.dbell-modern .section-title.text-white{color:#68b9ff!important}
body.dbell-modern .section-title span{display:none!important}
body.dbell-modern .container{max-width:1180px}
body.dbell-modern .container-xxl.py-5>.container.py-5,body.dbell-modern main>.container.py-5{padding-top:4rem!important;padding-bottom:4rem!important}
body.dbell-modern .bg-light{background:#f7f8fb!important}
body.dbell-modern .service-item,body.dbell-modern main .card,body.dbell-modern .contact-form,body.dbell-modern .article-card,body.dbell-modern .project-card{border:1px solid #e3e8ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 20px rgba(4,18,32,.045)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body.dbell-modern .service-item:hover,body.dbell-modern main .card:hover{transform:translateY(-3px);box-shadow:var(--dbm-shadow)!important;border-color:#c8d8e8!important}
body.dbell-modern .service-item{padding:1.55rem!important}
body.dbell-modern .service-icon,body.dbell-modern .icon-wrap{width:46px!important;height:46px!important;border-radius:10px!important;background:#edf5ff!important;color:#0d6efd!important;margin-bottom:1rem!important}
body.dbell-modern .service-item h3,body.dbell-modern .service-item h4{font-size:1.05rem!important;line-height:1.15!important}
body.dbell-modern .service-item p{font-size:.86rem!important;color:#657387!important}
body.dbell-modern .btn{border-radius:7px!important;min-height:42px!important;padding:.62rem 1rem!important;font-size:.86rem!important;font-weight:750!important}
body.dbell-modern .btn-primary{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;box-shadow:none!important}
body.dbell-modern .btn-primary:hover{background:#095edc!important;border-color:#095edc!important}
body.dbell-modern .btn-outline-primary{background:#fff!important;color:#0d6efd!important;border-color:#a7c7ee!important}
body.dbell-modern .btn-outline-light{border-color:rgba(255,255,255,.28)!important;color:#fff!important;background:transparent!important}
body.dbell-modern .form-control,body.dbell-modern .form-select{border-radius:8px!important;min-height:46px!important;border-color:#dce4ec!important;font-size:.9rem!important}
body.dbell-modern .dbell-shared-footer,body.dbell-modern .footer{background:#04111f!important;color:#b7c5d4!important;border-top:1px solid rgba(255,255,255,.08)!important}
body.dbell-modern .footer .section-title{color:#eaf3fb!important;font-size:.75rem!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:.7rem!important}
body.dbell-modern .footer .btn-link{display:block!important;padding:.22rem 0!important;min-height:0!important;color:#aebfd0!important;text-decoration:none!important;font-size:.82rem!important}
body.dbell-modern .footer .btn-link:hover{color:#fff!important}
body.dbell-modern .footer .copyright{font-size:.74rem!important;color:#73889a!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:1rem!important;margin-top:1.2rem!important}
body.dbell-modern .db-dark-band{background:linear-gradient(135deg,#04111f,#071d33)!important;color:#fff!important}
body.dbell-modern .db-dark-band h2,body.dbell-modern .db-dark-band h3{color:#fff!important}
body.dbell-modern .db-dark-band p{color:#b9c9d8!important}
body.dbell-modern .db-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.dbell-modern .db-feature-card{background:#fff;border:1px solid #e2e7ee;border-radius:12px;padding:1.45rem;box-shadow:0 5px 16px rgba(4,18,32,.045)}
body.dbell-modern .db-feature-card h3{font-size:1.02rem;margin:.75rem 0 .55rem}.db-feature-card p{font-size:.86rem;color:#67758a}
body.dbell-modern .db-feature-icon{font-size:1.55rem;color:#0d6efd}
body.dbell-modern .home-hero{padding:6.4rem 0 4.8rem!important;min-height:620px!important;display:flex;align-items:center;background:radial-gradient(circle at 78% 42%,rgba(13,110,253,.20),transparent 25%),linear-gradient(135deg,#04111f,#071a2e 58%,#0a2037)!important;color:#fff!important}
body.dbell-modern .home-hero .row{min-height:440px;align-items:center!important}
body.dbell-modern .home-hero h1{color:#fff!important;font-size:clamp(3rem,4.25vw,4.25rem)!important;line-height:1.01!important;letter-spacing:-.055em!important;max-width:650px!important;margin:0!important}
body.dbell-modern .home-hero h1 .accent{color:#168dff!important}
body.dbell-modern .home-hero p{color:#c8d6e4!important;font-size:1rem!important;line-height:1.65!important;max-width:620px!important}
body.dbell-modern .home-kicker{color:#45a8ff!important;font-size:.68rem!important;letter-spacing:.14em!important;margin-bottom:1.15rem!important}
body.dbell-modern .home-hero .hero-trust{display:none!important}
body.dbell-modern .home-hero .hero-showcase{min-height:420px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;position:relative!important}
body.dbell-modern .home-hero .hero-browser{width:min(100%,560px)!important;margin-left:auto!important;transform:none!important;border-radius:18px!important;overflow:hidden!important;background:#091b2d!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 30px 75px rgba(0,0,0,.34)!important}
body.dbell-modern .home-hero .hero-browser img{width:100%!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:top!important;display:block!important}
body.dbell-modern .home-hero .hero-mobile{display:none!important}
body.dbell-modern .home-hero .hero-project-label,body.dbell-modern .home-hero .hero-caption{position:static!important;margin-top:12px!important;max-width:560px!important;margin-left:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:#dce9f6!important}
body.dbell-modern .home-hero .hero-project-label strong,body.dbell-modern .home-hero .hero-caption strong{color:#fff!important}
body.dbell-modern .home-hero .device-panel{display:none!important}
body.dbell-modern .work-band h2,body.dbell-modern .work-band h3{color:#fff!important}
body.blog-modern #blog-controls{margin-bottom:2rem!important}
body.blog-modern #blog-grid{--bs-gutter-x:1.25rem;--bs-gutter-y:1.25rem}
body.blog-modern #blog-grid .blog-card .service-item{padding:0!important;border-radius:12px!important;min-height:100%!important;overflow:hidden!important}
body.blog-modern #blog-grid .blog-card .service-item .p-4{padding:1.35rem!important}
body.blog-modern #blog-grid .blog-card .service-item .pt-0{padding-top:0!important}
body.blog-modern #blog-grid .blog-card h2,body.blog-modern #blog-grid .blog-card h2.h5,body.blog-modern #blog-grid .blog-card .h5{font-size:1.24rem!important;line-height:1.22!important;letter-spacing:-.025em!important;margin-bottom:.8rem!important;color:#0a1726!important}
body.blog-modern #blog-grid .blog-card h2 a{font-size:inherit!important;line-height:inherit!important;color:#0a1726!important;font-weight:750!important;text-decoration:none!important}
body.blog-modern #blog-grid .blog-card p{font-size:.84rem!important;line-height:1.55!important;margin-bottom:.7rem!important}
body.blog-modern #blog-grid .blog-card .btn{font-size:.78rem!important;min-height:36px!important;padding:.45rem .75rem!important}
body.blog-modern #blog-controls .btn{min-height:36px!important;padding:.45rem .8rem!important;font-size:.78rem!important;border-radius:8px!important}
body.blog-modern #blog-controls .form-control{min-height:44px!important;font-size:.85rem!important}
body.blog-modern .container{max-width:1120px!important}
body.blog-modern main h1{letter-spacing:-.04em!important}

/* Contrast + portfolio image repair */
body.dbell-modern .work-band,body.dbell-modern .work-band *{opacity:1!important;visibility:visible!important}
body.dbell-modern .work-band h2,body.dbell-modern .work-band h3,body.dbell-modern .work-band .project-tile h3{color:#fff!important}
body.dbell-modern .work-band p,body.dbell-modern .work-band span{color:#aebfd0!important}
body.dbell-modern .project-tile{position:relative}
body.dbell-modern .project-tile img{display:block!important}
body.dbell-modern .project-tile:before{display:none!important;content:none!important}

/* Blog: old animation/theme rules were leaving the page faded or hidden. */
body.blog-modern,body.blog-modern main,body.blog-modern main *,body.blog-modern #blog-grid,body.blog-modern #blog-grid *{opacity:1!important;visibility:visible!important;filter:none!important}
body.blog-modern .wow,body.blog-modern .animated,body.blog-modern [class*="fadeIn"],body.blog-modern [class*="slideIn"]{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important}
body.blog-modern #spinner{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.blog-modern .container-xxl.bg-white{opacity:1!important;background:#fff!important}
body.blog-modern #start-here{opacity:1!important;visibility:visible!important}
body.blog-modern #blog-grid .service-item{background:#fff!important;color:#0a1726!important}
body.blog-modern #blog-grid .text-muted{color:#657387!important}
body.blog-modern #blog-grid .text-secondary{color:#53677b!important}

@media(max-width:991.98px){body.dbell-modern .navbar{padding:9px 16px!important}.db-feature-grid{grid-template-columns:1fr 1fr!important}body.dbell-modern .page-hero{padding:4.5rem 0 3.2rem!important}body.dbell-modern .home-hero{min-height:auto!important;padding:5rem 0 3.5rem!important}body.dbell-modern .home-hero .row{min-height:0}body.dbell-modern .home-hero .hero-showcase{min-height:auto!important;margin-top:2rem!important;justify-content:center!important}body.dbell-modern .home-hero .hero-browser{max-width:650px!important;margin:0 auto!important}}
@media(max-width:575.98px){.db-feature-grid{grid-template-columns:1fr!important}body.dbell-modern .page-hero h1{font-size:2.65rem!important}body.dbell-modern .home-hero h1{font-size:2.7rem!important}body.dbell-modern .home-hero{padding-top:4.5rem!important}.hero-trust{grid-template-columns:1fr!important}}