:root{
  --dba-bg:#171819;
  --dba-bg-soft:#202224;
  --dba-panel:#26282a;
  --dba-cream:#f2eee7;
  --dba-text:#f7f3ec;
  --dba-muted:#b8b4ae;
  --dba-copper:#d67a45;
  --dba-line:rgba(255,255,255,.12);
  --dba-radius:24px;
  --dba-shadow:0 28px 80px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.dba-noir-theme{margin:0;background:var(--dba-bg);color:var(--dba-text);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.dba-header{position:sticky;top:0;z-index:999;background:rgba(23,24,25,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--dba-line)}
.dba-header-inner{max-width:1380px;margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.dba-brand{display:flex;align-items:center;gap:14px}
.dba-mark{width:46px;height:46px;border-radius:14px;background:var(--dba-copper);color:#111;display:grid;place-items:center;font-weight:900;letter-spacing:-1px}
.dba-brand-copy{display:flex;flex-direction:column}
.dba-brand-copy strong{font-size:17px}
.dba-brand-copy small{font-size:11px;color:var(--dba-muted);letter-spacing:.08em;text-transform:uppercase}
.dba-navigation{display:flex;align-items:center;gap:30px}
.dba-nav{display:flex;list-style:none;margin:0;padding:0;gap:24px}
.dba-nav a{font-size:14px;color:#e6e2dc}
.dba-nav a:hover{color:var(--dba-copper)}
.dba-header-cta{padding:13px 19px;border-radius:999px;background:var(--dba-cream);color:#18191a;font-weight:700;font-size:14px}
.dba-menu-toggle{display:none;background:none;border:0;padding:8px}
.dba-menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.dba-footer{background:#111213;padding:80px 28px 26px;border-top:1px solid var(--dba-line)}
.dba-footer-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}
.dba-footer-logo{font-size:30px;font-weight:800;letter-spacing:-1px}
.dba-footer p{max-width:430px;color:var(--dba-muted);line-height:1.7}
.dba-footer-label{display:block;color:var(--dba-copper);font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}
.dba-footer-grid a{display:block;margin:9px 0;color:#ece8e1}
.dba-footer-menu{list-style:none;margin:0;padding:0}
.dba-footer-bottom{max-width:1320px;margin:60px auto 0;padding-top:20px;border-top:1px solid var(--dba-line);display:flex;justify-content:space-between;color:#8f8c87;font-size:13px}
.dba-default-page{padding:100px 24px}
.dba-default-wrap{max-width:1100px;margin:0 auto}
.dba-default-wrap h1{font-size:54px}
@media(max-width:900px){
  .dba-menu-toggle{display:block}
  .dba-navigation{display:none;position:absolute;left:18px;right:18px;top:82px;background:#202224;border:1px solid var(--dba-line);border-radius:20px;padding:22px;flex-direction:column;align-items:stretch}
  .dba-navigation.is-open{display:flex}
  .dba-nav{flex-direction:column;gap:10px}
  .dba-nav a{display:block;padding:12px}
  .dba-header-cta{text-align:center}
  .dba-footer-grid{grid-template-columns:1fr}
  .dba-footer-bottom{flex-direction:column;gap:8px}
}


/* Elementor visual system */
.dba-hero{background:
 radial-gradient(circle at 82% 16%,rgba(214,122,69,.18),transparent 32%),
 linear-gradient(180deg,#171819 0%,#1b1c1e 100%)}
.dba-hero-grid{align-items:stretch}
.dba-eyebrow,.dba-eyebrow p{font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0}
.dba-display .elementor-heading-title{font-size:clamp(56px,7.2vw,112px)!important;line-height:.96!important;letter-spacing:-.055em;font-weight:700}
.dba-display em{color:var(--dba-copper);font-family:Georgia,serif;font-weight:400}
.dba-lead p{font-size:20px;line-height:1.7;max-width:760px}
.dba-button-row{margin-top:22px}
.dba-btn-light .elementor-button{background:var(--dba-cream);color:#171819;border-radius:999px;padding:17px 24px;font-weight:700}
.dba-btn-ghost .elementor-button{background:transparent;color:#fff;border:1px solid var(--dba-line);border-radius:999px;padding:16px 24px}
.dba-btn-dark .elementor-button{background:#171819;color:#fff;border-radius:999px;padding:17px 24px;font-weight:700}
.dba-btn-outline-dark .elementor-button{background:transparent;color:#171819;border:1px solid rgba(23,24,25,.32);border-radius:999px;padding:16px 24px}
.dba-proof-row{margin-top:46px;padding-top:28px;border-top:1px solid var(--dba-line)}
.dba-mini-proof p{font-size:13px;line-height:1.5;color:#aaa59e}
.dba-mini-proof strong{color:#f7f3ec;font-size:14px}
.dba-browser-card{background:var(--dba-cream);border-radius:28px;padding:22px;box-shadow:var(--dba-shadow);transform:rotate(1.5deg)}
.dba-browser-title .elementor-heading-title{color:#171819;font-size:38px}
.dba-browser-card img{border-radius:18px;display:block;aspect-ratio:4/3;object-fit:cover;background:#d9d3ca}
.dba-browser-footer{border-top:1px solid rgba(23,24,25,.16);padding-top:14px;margin-top:16px}
.dba-marquee{background:var(--dba-copper);overflow:hidden}
.dba-marquee-text .elementor-heading-title{white-space:nowrap;font-size:22px;letter-spacing:.06em}
.dba-section-title .elementor-heading-title{font-size:clamp(44px,5.3vw,82px)!important;line-height:1.03;letter-spacing:-.045em}
.dba-large-copy p{font-size:clamp(22px,2.4vw,38px);line-height:1.42}
.dba-service-row{padding:30px 0;border-top:1px solid var(--dba-line)}
.dba-service-row:last-child{border-bottom:1px solid var(--dba-line)}
.dba-service-number .elementor-heading-title{font-size:16px}
.dba-service-title .elementor-heading-title{font-size:36px}
.dba-service-copy p{font-size:17px;line-height:1.65}
.dba-work{background:#202224}
.dba-work-intro{max-width:420px}
.dba-case{margin-top:48px;background:#171819;border:1px solid var(--dba-line);border-radius:30px;padding:28px}
.dba-case img{border-radius:20px;min-height:480px;object-fit:cover}
.dba-project-card{background:#171819;border:1px solid var(--dba-line);border-radius:26px;padding:28px}
.dba-demo-visual{border-radius:18px;margin-top:24px}
.dba-demo-one{background:linear-gradient(145deg,#b7c0cc,#536372)}
.dba-demo-two{background:linear-gradient(145deg,#879c6d,#2f4734)}
.dba-process{background:#171819}
.dba-process-item{border:1px solid var(--dba-line);border-radius:22px;padding:28px;min-height:260px}
.dba-process-num p{font-size:42px;font-weight:800}
.dba-about{background:#202224}
.dba-portrait-placeholder{background:var(--dba-copper);border-radius:30px;display:flex;align-items:center;justify-content:center}
.dba-portrait-letter .elementor-heading-title{font-size:220px;line-height:1;font-family:Georgia,serif}
.dba-signature p{font-size:18px;line-height:1.6;margin-top:28px}
.dba-contact{background:#171819}
.dba-contact-panel{background:var(--dba-cream);border-radius:34px;padding:70px}
.dba-contact-title .elementor-heading-title{font-size:clamp(46px,6vw,90px)!important;line-height:1;letter-spacing:-.05em}
.dba-contact-copy p{font-size:19px;line-height:1.65;max-width:760px}
@media(max-width:900px){
 .dba-hero-grid,.dba-intro>.e-con-inner>.e-con,.dba-case,.dba-case-pair,.dba-process-grid,.dba-about>.e-con-inner>.e-con{flex-direction:column!important}
 .dba-hero-grid>.e-con,.dba-intro .e-con,.dba-case>.e-con,.dba-case-pair>.e-con,.dba-process-grid>.e-con,.dba-about .e-con{width:100%!important}
 .dba-display .elementor-heading-title{font-size:58px!important}
 .dba-proof-row{flex-direction:column!important}
 .dba-service-row{flex-wrap:wrap!important}
 .dba-service-row>.e-con{width:100%!important}
 .dba-contact-panel{padding:40px 24px}
}