/* Portfolio additions for the original DBell Creations theme (May 2026).
   Scope all changes to the new project showcase; do not replace the original design. */
.db-new-work{background:linear-gradient(180deg,#f7f5fc 0%,#fff 100%);padding:72px 0}
.db-new-work .db-new-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.db-new-work .db-new-work-card{background:#fff;border:1px solid #e8e1f2;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(34,12,64,.07);height:100%;transition:transform .2s ease,box-shadow .2s ease}
.db-new-work .db-new-work-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(34,12,64,.12)}
.db-new-work .db-new-work-preview{display:block;position:relative;background:linear-gradient(145deg,#2d1263,#6222cc);overflow:hidden;aspect-ratio:16/10}
.db-new-work .db-new-work-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;background:#ece8f4}
.db-new-work .db-new-work-preview:after{content:"View live project ↗";position:absolute;bottom:12px;right:12px;background:rgba(4,0,11,.85);color:#fff;padding:7px 12px;border-radius:99px;font-size:.75rem;font-weight:700}
.db-new-work .db-new-work-body{padding:24px}
.db-new-work .db-new-work-type{color:#6222cc;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:800}
.db-new-work h3{font-size:1.3rem;margin:10px 0;color:#211333}
.db-new-work p{color:#5f5a6a;font-size:.95rem;line-height:1.65}
.db-new-work .db-new-work-link{font-weight:750;color:#6222cc;text-decoration:none}
.db-new-work .db-new-work-link:hover{text-decoration:underline}
.db-new-work .db-new-work-note{font-size:.8rem;color:#6d6678;margin-top:18px}
@media(max-width:767px){.db-new-work{padding:48px 0}.db-new-work .db-new-work-grid{grid-template-columns:1fr;gap:18px}.db-new-work .db-new-work-body{padding:19px}}
@media(prefers-reduced-motion:reduce){.db-new-work .db-new-work-card{transition:none}.db-new-work .db-new-work-card:hover{transform:none}}

/* Privacy-safe illustrative preview for the internal Vortex Ops application */
.db-vortex-preview{height:100%;min-height:235px;padding:20px;background:linear-gradient(145deg,#111c38,#253c68);color:#f4f7ff;display:flex;flex-direction:column;gap:16px;font-family:inherit}
.db-vortex-top{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ffffff2a;padding-bottom:12px}
.db-vortex-top strong{font-size:1.05rem;color:#fff}.db-vortex-top small{margin-left:auto;color:#d0d9f1;font-size:.72rem}
.db-vortex-dot{height:12px;width:12px;border-radius:50%;background:#fba504;display:inline-block}
.db-vortex-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.db-vortex-stats span{border:1px solid #ffffff2e;background:#ffffff14;border-radius:9px;padding:12px 5px;text-align:center;font-size:.76rem;color:#fff}
.db-vortex-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;flex:1}
.db-vortex-panels>div{background:#ffffff10;border:1px solid #ffffff1f;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:10px}
.db-vortex-panels i{display:block;height:8px;border-radius:5px;background:#ffffff38}.db-vortex-panels i:nth-child(2){width:75%}.db-vortex-panels i:nth-child(3){width:55%}
.db-vortex-disclaimer{font-size:.66rem;color:#d1d9ed}
.db-vortex-preview-detail{min-height:300px;border-radius:16px}

/* October portfolio polish — retains the original purple and gold identity */
.db-new-work .container{max-width:1200px}
.db-new-work .db-new-work-grid{gap:26px}
.db-new-work .db-new-work-card{border-color:#e6e0ef;border-radius:20px;box-shadow:0 10px 28px rgba(41,18,81,.075)}
.db-new-work .db-new-work-card:hover{box-shadow:0 18px 42px rgba(41,18,81,.14)}
.db-new-work .db-new-work-preview{aspect-ratio:16/9}
.db-new-work .db-new-work-preview img{transition:transform .3s ease;object-position:top center}
.db-new-work .db-new-work-card:hover img{transform:scale(1.025)}
.db-new-work .db-new-work-body{padding:26px}
.db-new-work .db-new-work-body p{min-height:3.2em}
.db-new-work .db-new-work-link{display:inline-flex;align-items:center;min-height:42px}
.db-new-work .db-new-work-preview:focus-visible,.db-new-work .db-new-work-link:focus-visible{outline:3px solid #fba504;outline-offset:3px}
.db-vortex-login-shot{padding:12px;border-radius:18px;background:#f7f5fb;border:1px solid #e8e0f0}
.db-vortex-login-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:12px}
@media(max-width:767px){.db-new-work .db-new-work-body{padding:20px}.db-new-work .db-new-work-body p{min-height:0}}
@media(prefers-reduced-motion:reduce){.db-new-work .db-new-work-preview img{transition:none}.db-new-work .db-new-work-card:hover img{transform:none}}

/* Original-theme refinements: navigation, readable spacing, mobile controls */
html{scroll-padding-top:90px}
body{overflow-x:clip}
.db-skip-link{position:absolute;z-index:99999;left:12px;top:-90px;background:#fff;color:#40128a;border:3px solid #fba504;padding:12px 18px;border-radius:8px;font-weight:700}
.db-skip-link:focus{top:12px}
.navbar .nav-link{transition:color .2s ease,opacity .2s ease}
.navbar .nav-link:focus-visible,.navbar .dropdown-item:focus-visible,.navbar-toggler:focus-visible,.btn:focus-visible{outline:3px solid #fba504;outline-offset:3px}
.navbar .dropdown-menu{border-radius:12px;box-shadow:0 14px 30px rgba(24,9,45,.13);border:1px solid rgba(98,34,204,.09);padding:8px}
.navbar .dropdown-item{border-radius:7px;padding:10px 15px}
.hero-header .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.hero-header h1{max-width:720px}
.case-study-row{border-radius:16px;box-shadow:0 10px 30px rgba(30,10,60,.08)}
.case-study-row .case-study-img img{transition:transform .3s ease}
.case-study-row .case-study-img{overflow:hidden}
.case-study-row:hover .case-study-img img{transform:scale(1.015)}
@media(max-width:991.98px){.navbar .navbar-collapse{max-height:calc(100dvh - 80px);overflow-y:auto}.navbar .dropdown-menu{box-shadow:none}.navbar .nav-link{padding-top:12px;padding-bottom:12px}.hero-header .btn{width:100%;max-width:360px}}
@media(max-width:767.98px){.hero-header h1{letter-spacing:-.025em}.hero-header .d-flex.flex-wrap.gap-3{gap:12px!important}.case-study-row{border-radius:14px}.db-new-work .db-new-work-grid{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.case-study-row .case-study-img img{transition:none}.case-study-row:hover .case-study-img img{transform:none}}

/* Site-wide refinement for the restored original template. No layout framework replacement. */
body:not(.dbell-modern){-webkit-font-smoothing:antialiased}
body:not(.dbell-modern) .container-xxl{max-width:1440px}
body:not(.dbell-modern) h1,body:not(.dbell-modern) h2,body:not(.dbell-modern) h3{text-wrap:balance}
body:not(.dbell-modern) p{overflow-wrap:break-word}
body:not(.dbell-modern) .btn{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body:not(.dbell-modern) .btn:hover{box-shadow:0 7px 17px rgba(67,23,133,.14)}
body:not(.dbell-modern) .btn:focus-visible,body:not(.dbell-modern) a:focus-visible,body:not(.dbell-modern) input:focus-visible,body:not(.dbell-modern) textarea:focus-visible,body:not(.dbell-modern) select:focus-visible{outline:3px solid #fba504;outline-offset:3px}
body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item,body:not(.dbell-modern) .team-item{border-radius:16px;transition:box-shadow .2s ease,transform .2s ease}
body:not(.dbell-modern) .service-item:hover,body:not(.dbell-modern) .feature-item:hover{box-shadow:0 14px 35px rgba(55,23,106,.11);transform:translateY(-2px)}
body:not(.dbell-modern) .footer a{text-underline-offset:3px}
body:not(.dbell-modern) img{max-width:100%}
body:not(.dbell-modern) input,body:not(.dbell-modern) select,body:not(.dbell-modern) textarea{max-width:100%}
body:not(.dbell-modern) .form-control:focus,body:not(.dbell-modern) .form-select:focus{border-color:#6222cc;box-shadow:0 0 0 .2rem rgba(98,34,204,.12)}
@media(max-width:991.98px){body:not(.dbell-modern) .navbar .navbar-nav{padding-bottom:12px}body:not(.dbell-modern) .container-xxl{max-width:100%}}
@media(max-width:575.98px){body:not(.dbell-modern) .container,body:not(.dbell-modern) .container-fluid{padding-left:18px;padding-right:18px}body:not(.dbell-modern) h1{overflow-wrap:normal}body:not(.dbell-modern) .btn{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item,body:not(.dbell-modern) .team-item,body:not(.dbell-modern) .btn{transition:none!important;transform:none!important}}

/* Blue and orange brand refresh across the classic pages */
body:not(.dbell-modern){--primary:#29abe2;--secondary:#fba504;--light:#f5f9fc;--dark:#071827;--primary-light:rgba(41,171,226,.08);--primary-mid:rgba(41,171,226,.18)}
body:not(.dbell-modern) .bg-primary{background-color:#071827!important}
body:not(.dbell-modern) .hero-header{background:linear-gradient(115deg,#071827 0%,#0b2236 65%,#145478 100%)!important}
body:not(.dbell-modern) .hero-header .text-gradient{background:linear-gradient(90deg,#fba504,#ffcb63);-webkit-background-clip:text;background-clip:text;color:transparent}
body:not(.dbell-modern) .btn-secondary{background:#fba504;border-color:#fba504;color:#071827;font-weight:800}
body:not(.dbell-modern) .btn-secondary:hover{background:#ffc044;border-color:#ffc044;color:#071827}
body:not(.dbell-modern) .btn-primary{background:#29abe2;border-color:#29abe2;color:#071827;font-weight:700}
body:not(.dbell-modern) .btn-primary:hover{background:#1599d0;border-color:#1599d0;color:#fff}
body:not(.dbell-modern) .text-primary{color:#087cae!important}
body:not(.dbell-modern) .navbar .nav-link:hover,body:not(.dbell-modern) .navbar .nav-link.active{color:#fba504!important}
body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item{border:1px solid #e0eaf1}
body:not(.dbell-modern) .service-item:hover,body:not(.dbell-modern) .feature-item:hover{border-color:#a7ddf4}
body:not(.dbell-modern) .form-control:focus,body:not(.dbell-modern) .form-select:focus{border-color:#29abe2;box-shadow:0 0 0 .2rem rgba(41,171,226,.15)}
body:not(.dbell-modern) .db-new-work{background:linear-gradient(180deg,#f3f9fd,#fff)}
body:not(.dbell-modern) .db-new-work .db-new-work-card{border-color:#dfe8ef}
body:not(.dbell-modern) .db-vortex-login-shot{background:#f5f9fc;border-color:#dfe8ef}
body:not(.dbell-modern) .db-skip-link{color:#071827}
body:not(.dbell-modern) .navbar .dropdown-menu{border-color:#dfe8ef}
body:not(.dbell-modern) .footer{background:#071827}

/* Premium blue/orange homepage and portfolio presentation */
body:not(.dbell-modern) .hero-header{position:relative;isolation:isolate;overflow:hidden}
body:not(.dbell-modern) .hero-header:before{content:"";position:absolute;z-index:-1;right:-8%;top:2%;width:min(56vw,700px);height:min(56vw,700px);border-radius:50%;background:radial-gradient(circle,rgba(41,171,226,.18),rgba(41,171,226,0) 68%);pointer-events:none}
body:not(.dbell-modern) .hero-header h1{font-size:clamp(2.25rem,4.2vw,4rem)!important;line-height:1.12!important;letter-spacing:-.035em}
body:not(.dbell-modern) .hero-header p{max-width:650px}
body:not(.dbell-modern) .hero-header .btn-secondary{box-shadow:0 12px 30px rgba(251,165,4,.22)}
body:not(.dbell-modern) .hero-header .btn-outline-light:hover{background:#fff;color:#071827}
.db-hero-services{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.db-hero-services span{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;color:#f5f9fc;font-size:.85rem;font-weight:700;backdrop-filter:blur(7px)}
.db-hero-services i{color:#fba504}
@media(min-width:992px){.db-hero-services{justify-content:flex-start}}
body:not(.dbell-modern) .db-new-work{padding:80px 0}
body:not(.dbell-modern) .db-new-work-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
body:not(.dbell-modern) .db-new-work-card:hover{transform:translateY(-3px)}
body:not(.dbell-modern) .db-new-work-type{color:#087cae}
body:not(.dbell-modern) .db-new-work-link{color:#087cae;font-weight:800}
body:not(.dbell-modern) .db-new-work-link:hover{color:#065d84}
@media(max-width:767px){body:not(.dbell-modern) .hero-header h1{font-size:clamp(2rem,8vw,2.75rem)!important}.db-hero-services{gap:7px}.db-hero-services span{font-size:.78rem;padding:8px 10px}body:not(.dbell-modern) .db-new-work{padding:54px 0}}
@media(prefers-reduced-motion:reduce){body:not(.dbell-modern) .db-new-work-card{transition:none}body:not(.dbell-modern) .db-new-work-card:hover{transform:none}}

/* Cohesive rounded UI pass: classic pages, 2026-10-16 */
body:not(.dbell-modern){background:#edf3f8;color:#162c3d}
body:not(.dbell-modern)>.container-xxl.bg-white.p-0{background:#fff!important;box-shadow:0 0 48px rgba(7,24,39,.055)}
body:not(.dbell-modern) .navbar{border-radius:0 0 18px 18px}
body:not(.dbell-modern) .navbar .navbar-collapse{border-radius:16px}
body:not(.dbell-modern) .navbar .btn{border-radius:999px!important;background:#fba504!important;color:#071827!important;border:1px solid #fba504!important;font-weight:800}
body:not(.dbell-modern) .hero-header{border-radius:0 0 34px 34px!important;padding-bottom:65px}
body:not(.dbell-modern) .hero-header img{border-radius:22px;filter:drop-shadow(0 22px 36px rgba(0,0,0,.18))}
body:not(.dbell-modern) .btn{border-radius:12px!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
body:not(.dbell-modern) .hero-header .btn{border-radius:999px!important}
body:not(.dbell-modern) .container-xxl.fact{border-radius:0 0 24px 24px;background:#0b2236!important}
body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item,body:not(.dbell-modern) .team-item,body:not(.dbell-modern) .testimonial-item,body:not(.dbell-modern) .pricing-card,body:not(.dbell-modern) .case-study-row,body:not(.dbell-modern) .db-new-work-card{border-radius:20px!important;overflow:hidden;box-shadow:0 12px 35px rgba(7,24,39,.075)!important}
body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item{padding:26px!important}
body:not(.dbell-modern) .service-item:hover,body:not(.dbell-modern) .feature-item:hover{box-shadow:0 20px 44px rgba(7,24,39,.13)!important}
body:not(.dbell-modern) .db-new-work-card{background:#fff}
body:not(.dbell-modern) .db-new-work-preview{display:block;overflow:hidden;border-radius:18px 18px 0 0}
body:not(.dbell-modern) .db-new-work-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
body:not(.dbell-modern) .db-new-work-body h3{color:#10283a}
body:not(.dbell-modern) .db-new-work-body p{color:#526579}
body:not(.dbell-modern) .db-new-work-link{color:#087cae!important}
body:not(.dbell-modern) .case-study-content{border-radius:0 20px 20px 0}
body:not(.dbell-modern) .form-control,body:not(.dbell-modern) .form-select,body:not(.dbell-modern) input:not([type=checkbox]):not([type=radio]),body:not(.dbell-modern) textarea{border-radius:12px}
body:not(.dbell-modern) .footer{border-radius:28px 28px 0 0}
body:not(.dbell-modern) .section-title{letter-spacing:.03em}
body:not(.dbell-modern) .container-xxl.py-5>.container{max-width:1190px}
body:not(.dbell-modern) .db-hero-services span{border-radius:999px}
@media(max-width:991.98px){body:not(.dbell-modern) .navbar{border-radius:0 0 14px 14px}body:not(.dbell-modern) .hero-header{border-radius:0 0 24px 24px!important}body:not(.dbell-modern) .case-study-content{border-radius:0 0 20px 20px}}
@media(max-width:575.98px){body:not(.dbell-modern) .hero-header{padding-bottom:40px}body:not(.dbell-modern) .service-item,body:not(.dbell-modern) .feature-item{padding:20px!important}body:not(.dbell-modern) .db-new-work-card{border-radius:16px!important}body:not(.dbell-modern) .container-xxl.fact{border-radius:0 0 18px 18px}}

/* Shared premium footer — compact, consistent, responsive */
body:not(.dbell-modern) .db-footer{background:linear-gradient(130deg,#061724,#09253a 70%,#0c3249);color:#d1e0ea;border-radius:28px 28px 0 0;margin-top:20px}
.db-footer-inner{max-width:1280px;margin:auto;padding:64px 32px 22px}
.db-footer-top{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.1fr;gap:42px}
.db-footer-brand{display:inline-flex;flex-direction:column;text-decoration:none!important;line-height:1.02;letter-spacing:.09em}.db-footer-brand strong{color:#fff;font-size:1.75rem;font-weight:900}.db-footer-brand span{color:#fba504;font-size:.96rem;font-weight:900;letter-spacing:.18em}
.db-footer-intro>p{margin:20px 0;color:#adc4d3;font-size:.95rem;line-height:1.7;max-width:310px}
.db-footer-contact{display:grid;gap:12px}.db-footer-contact a,.db-footer-contact span{color:#d4e2ec;font-size:.88rem;text-decoration:none}.db-footer-contact i{color:#fba504;width:22px}
.db-footer-social{display:flex;gap:10px;margin-top:22px}.db-footer-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #2b4a5e;background:#112d42;color:#fff;text-decoration:none}.db-footer-social a:hover{background:#155a80;color:#fff}
.db-footer-top nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.db-footer-top h2{font-size:1rem;color:#fff;font-weight:800;margin:3px 0 12px}.db-footer-top nav a{font-size:.9rem;color:#b7cddd;text-decoration:none;line-height:1.4}.db-footer-top nav a:hover,.db-footer-bottom a:hover,.db-footer-local a:hover{color:#fba504}
.db-footer-cta{padding:24px;border-radius:20px;border:1px solid #23516d;background:linear-gradient(145deg,#11364e,#0b293d);align-self:start}.db-footer-cta h2{font-size:1.3rem;line-height:1.25;margin:0 0 12px}.db-footer-cta p{font-size:.9rem;color:#b8d0dd;line-height:1.65;margin:0 0 20px}.db-footer-cta>a{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 17px;border-radius:12px;background:#fba504;color:#081a28;font-weight:800;text-decoration:none}.db-footer-cta>a:hover{background:#ffc04b;color:#081a28}.db-footer-cta>span{display:block;color:#93b0c2;font-size:.76rem;margin-top:15px}
.db-footer-local{display:flex;align-items:center;flex-wrap:wrap;gap:12px 19px;margin-top:40px;padding:20px 0;border-top:1px solid #234257;border-bottom:1px solid #234257}.db-footer-local span{font-weight:800;color:#fff;font-size:.82rem}.db-footer-local a{color:#abc2d2;font-size:.82rem;text-decoration:none}
.db-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;color:#90acbe;font-size:.8rem}.db-footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}.db-footer-bottom a{color:#abc2d2;text-decoration:none}
.db-footer a:focus-visible{outline:3px solid #fba504;outline-offset:4px}
@media(max-width:1000px){.db-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.db-footer-inner{padding:50px 25px 22px}}
@media(max-width:600px){.db-footer-inner{padding:40px 22px 24px}.db-footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.db-footer-intro,.db-footer-cta{grid-column:1/-1}.db-footer-top nav a{font-size:.86rem}.db-footer-local{margin-top:30px}.db-footer-bottom{align-items:flex-start;flex-direction:column}.db-footer-cta{padding:20px}}