@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');

/* DiazUX Studio — final public shell / 2026-09-02
   One visual source of truth: white, black, Helvetica grotesk + DM Mono.
   No chromatic accents, no dark SaaS sections, no hidden reveal dependency. */
:root{
  --dx-paper:#fff;
  --dx-ink:#000;
  --dx-muted:#5b5b5b;
  --dx-soft:#f6f6f6;
  --dx-rule:#d8d8d8;
  --dx-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --dx-mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --dx-max:1440px;
  --dx-pad:clamp(18px,4vw,64px);
  --accent:#000;
  --orange:#000;
  --brand:#000;
  --dx-accent:#000;
  --dxp-accent:#000;
  --dxs-orange:#000;
  --dxs-green:#000;
}

*{box-sizing:border-box}
html{background:#fff;color-scheme:light;scroll-behavior:smooth}
:is(body.dx-home,body.dx-secondary){margin:0;background:#fff!important;color:#000!important;font-family:var(--dx-sans)!important;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
:is(body.dx-home,body.dx-secondary) main{background:#fff!important}
:is(body.dx-home,body.dx-secondary) a{color:inherit}
:is(body.dx-home,body.dx-secondary) ::selection{background:#000;color:#fff}
:is(body.dx-home,body.dx-secondary) :focus-visible{outline:2px solid #000!important;outline-offset:4px!important}
:is(body.dx-home,body.dx-secondary) main :is(img,video,canvas){filter:grayscale(1) contrast(1.03)!important}
:is(body.dx-home,body.dx-secondary) :is(.reveal,.line-reveal){opacity:1!important;visibility:visible!important;transform:none!important}

/* Typography */
:is(body.dx-home,body.dx-secondary) :is(h1,h2,h3,h4,.page-title,.title,.ic-heading,.ic-title,.contact-copy h1,.serif,.accent,.page-title span,.contact-copy h1 span){font-family:var(--dx-sans)!important;font-style:normal!important;color:#000!important}
:is(body.dx-home,body.dx-secondary) :is(h1,h2,h3,h4){font-weight:400!important;letter-spacing:-.05em!important}
:is(body.dx-home,body.dx-secondary) :is(p,li,.text,.page-lead,.page-text,.hero-sub,.hero-note,.contact-lead){font-family:var(--dx-sans)!important;color:#000!important}
:is(body.dx-home,body.dx-secondary) :is(.kicker,.eyebrow,.tagline,.hero-meta,.card-kicker,.problem-num,.plan-tag,.price,.flow-n,.ic-kicker,.ic-note,.ic-help,.ic-meta,.project-kicker,.project-index,.contact-kicker,.contact-form-note,label,.btn,.footer-links,footer small){font-family:var(--dx-mono)!important}
:is(body.dx-home,body.dx-secondary) :is(.kicker,.eyebrow,.tagline,.hero-meta,.card-kicker,.plan-tag,.flow-n,.ic-kicker,.ic-note,.ic-help,.ic-meta,.project-kicker,.project-index,.contact-kicker,label,.footer-links,footer small){font-size:11px!important;line-height:1.45!important;letter-spacing:.06em!important}

/* Shared layout */
:is(body.dx-home,body.dx-secondary) :is(.shell,.container,.ic-shell){width:min(calc(100% - var(--dx-pad)*2),var(--dx-max))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
.skip,.skip-link{position:fixed;left:12px;top:10px;z-index:2000;transform:translateY(-150%);background:#000;color:#fff!important;padding:10px 12px;font:500 12px/1 var(--dx-mono);text-decoration:none}
.skip:focus,.skip-link:focus{transform:none}

/* Header */
:is(body.dx-home,body.dx-secondary) .header{position:sticky!important;top:0!important;z-index:900!important;min-height:64px!important;background:#fff!important;color:#000!important;border:0!important;border-bottom:1px solid var(--dx-rule)!important;box-shadow:none!important}
:is(body.dx-home,body.dx-secondary) .header .nav{height:64px!important;min-height:64px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:24px!important}
:is(body.dx-home,body.dx-secondary) .header :is(.logo,.brand,.brand-logo,.dxs-header-logo){display:inline-flex!important;align-items:center!important;width:clamp(142px,11vw,184px)!important;max-width:184px!important;line-height:0!important}
:is(body.dx-home,body.dx-secondary) .header :is(.logo,.brand,.brand-logo,.dxs-header-logo) img{display:block!important;width:100%!important;height:auto!important;filter:grayscale(1) brightness(0)!important}
:is(body.dx-home,body.dx-secondary) :is(.desktop-nav,.header nav){justify-self:end!important}
:is(body.dx-home,body.dx-secondary) :is(.navlinks,.nav-links){display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(20px,2.5vw,38px)!important;list-style:none!important;margin:0!important;padding:0!important}
:is(body.dx-home,body.dx-secondary) :is(.navlinks,.nav-links) a{display:inline-flex!important;align-items:center!important;min-height:44px!important;color:#000!important;font:500 11px/1 var(--dx-mono)!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-decoration:none!important}
:is(body.dx-home,body.dx-secondary) :is(.navlinks,.nav-links) a:is(:hover,:focus-visible,.is-active,[aria-current="page"]){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px!important}
:is(body.dx-home,body.dx-secondary) .header :is(.nav-cta,.topcta){display:none!important}

/* Hamburger */
:is(body.dx-home,body.dx-secondary) :is(.burger,.dxs-menu-trigger){display:none!important;position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;color:#000!important;box-shadow:none!important;cursor:pointer!important}
:is(body.dx-home,body.dx-secondary) .dxs-burger-lines{position:absolute!important;inset:0!important;display:grid!important;place-content:center!important;gap:5px!important}
:is(body.dx-home,body.dx-secondary) .dxs-burger-lines i{display:block!important;width:24px!important;height:1px!important;background:#000!important}
:is(body.dx-home,body.dx-secondary) .burger>span:not(.dxs-burger-lines),:is(body.dx-home,body.dx-secondary) .burger::before,:is(body.dx-home,body.dx-secondary) .burger::after{display:none!important}

/* Mobile menu */
:is(body.dx-home,body.dx-secondary) .mobile-menu{position:fixed!important;inset:0!important;z-index:950!important;padding:max(90px,calc(env(safe-area-inset-top) + 70px)) var(--dx-pad) max(32px,calc(env(safe-area-inset-bottom) + 22px))!important;background:#fff!important;color:#000!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate3d(100%,0,0)!important;transition:transform .26s ease,opacity .18s ease,visibility 0s linear .26s!important;overflow-y:auto!important}
:is(body.dx-home,body.dx-secondary) .mobile-menu:is(.open,.is-open){visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:transform .26s ease,opacity .18s ease,visibility 0s!important}
:is(body.dx-home,body.dx-secondary) .mobile-menu nav{width:min(100%,640px)!important;margin:0 auto!important;display:grid!important;border-top:1px solid #000!important}
:is(body.dx-home,body.dx-secondary) .mobile-menu a{display:block!important;padding:14px 0!important;border-bottom:1px solid var(--dx-rule)!important;color:#000!important;font:400 clamp(32px,8.5vw,52px)/1 var(--dx-sans)!important;letter-spacing:-.05em!important;text-decoration:none!important}
:is(body.dx-home,body.dx-secondary) :is(.mobile-close,.dxs-menu-close){position:absolute!important;right:18px!important;top:max(14px,env(safe-area-inset-top))!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;font-size:0!important}
:is(body.dx-home,body.dx-secondary) .dxs-menu-close::before,:is(body.dx-home,body.dx-secondary) .dxs-menu-close::after{content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:22px!important;height:1px!important;background:#000!important}
:is(body.dx-home,body.dx-secondary) .dxs-menu-close::before{transform:rotate(45deg)!important}
:is(body.dx-home,body.dx-secondary) .dxs-menu-close::after{transform:rotate(-45deg)!important}
:is(body.dx-home,body.dx-secondary).menu-open,:is(body.dx-home,body.dx-secondary).is-locked{overflow:hidden!important}

/* Actions */
:is(body.dx-home,body.dx-secondary) .btn,
:is(body.dx-home,body.dx-secondary) button[class*="btn"],
:is(body.dx-home,body.dx-secondary) a[class*="btn"]{min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 18px!important;border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;box-shadow:none!important;font:500 12px/1 var(--dx-mono)!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-decoration:none!important}
:is(body.dx-home,body.dx-secondary) :is(.btn-accent,.btn-orange,.btn-black){background:#000!important;color:#fff!important}
:is(body.dx-home,body.dx-secondary) .btn:hover{background:#000!important;color:#fff!important;transform:none!important}
:is(body.dx-home,body.dx-secondary) :is(.btn-accent,.btn-orange,.btn-black):hover{background:#fff!important;color:#000!important}

/* HOME */
body.dx-home .hero{background:#fff!important;border-bottom:1px solid var(--dx-rule)!important}
body.dx-home :is(.hero-gridlines,.hero-scene){display:none!important}
body.dx-home .hero-grid{display:block!important;min-height:auto!important;padding:clamp(76px,10vw,150px) 0 clamp(72px,9vw,130px)!important}
body.dx-home .hero-copy{max-width:1160px!important}
body.dx-home .hero-meta{display:flex!important;justify-content:space-between!important;gap:24px!important;margin:0 0 clamp(42px,7vw,84px)!important;color:#000!important;text-transform:uppercase!important}
body.dx-home .kicker{margin-bottom:18px!important;text-transform:uppercase!important}
body.dx-home .kicker::before{display:none!important}
body.dx-home .hero h1{max-width:1160px!important;margin:0 0 34px!important;font-size:clamp(60px,9vw,142px)!important;line-height:.86!important;letter-spacing:-.07em!important;text-wrap:balance!important}
body.dx-home .hero-sub{max-width:650px!important;margin-left:auto!important;font-size:clamp(18px,1.6vw,24px)!important;line-height:1.4!important;letter-spacing:-.02em!important}
body.dx-home .hero-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin-top:30px!important}
body.dx-home .hero-note{max-width:650px!important;margin:38px 0 0 auto!important;padding-top:16px!important;border-top:1px solid #000!important;font:400 12px/1.6 var(--dx-mono)!important;letter-spacing:.02em!important;text-transform:none!important}
body.dx-home .service-ticker{background:#fff!important;border-top:1px solid #000!important;border-bottom:1px solid #000!important}
body.dx-home .service-ticker-inner{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;font:500 11px/1 var(--dx-mono)!important;text-transform:uppercase!important}
body.dx-home .service-ticker i{width:4px!important;height:4px!important;background:#000!important;border-radius:50%!important}
body.dx-home :is(.section,.problems-section,.projects-section,.dux-section,#studio,.final){background:#fff!important;color:#000!important;border-bottom:1px solid var(--dx-rule)!important;padding:clamp(72px,9vw,132px) 0!important}
body.dx-home :is(.featured-case,#metodo,.engagement-section){display:none!important}
body.dx-home .section-head,body.dx-home .projects-head{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr)!important;gap:clamp(32px,7vw,100px)!important;align-items:end!important;margin-bottom:clamp(44px,7vw,84px)!important}
body.dx-home :is(.section-head h2,.projects-head h2,.about-copy h2,.final h2,.dux-section h2){margin:0!important;font-size:clamp(48px,6.8vw,104px)!important;line-height:.9!important}
body.dx-home :is(.section-head p,.projects-head p,.about-copy p,.final p,.dux-section p){font-size:16px!important;line-height:1.6!important}
body.dx-home .problem-list{border-top:1px solid #000!important}
body.dx-home .problem{display:grid!important;grid-template-columns:64px minmax(0,1.25fr) minmax(220px,.6fr) 48px!important;gap:24px!important;align-items:center!important;min-height:126px!important;padding:22px 0!important;border-bottom:1px solid var(--dx-rule)!important;background:#fff!important}
body.dx-home .problem h3{margin:0!important;font-size:clamp(30px,3.4vw,54px)!important;line-height:.96!important}
body.dx-home .problem p{margin:0!important;font-size:14px!important;color:var(--dx-muted)!important}
body.dx-home .arrow-btn{width:44px!important;height:44px!important;border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;font-size:20px!important}
body.dx-home .arrow-btn:hover{background:#000!important;color:#fff!important}

/* Home projects: work first, no chromatic atmosphere */
body.dx-home .projects-ambient,body.dx-home .project-color-name{display:none!important}
body.dx-home .carousel-viewport{overflow:hidden!important}
body.dx-home .carousel-track{display:flex!important;gap:18px!important}
body.dx-home .project-card{flex:0 0 min(78vw,760px)!important;background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important}
body.dx-home .project-media{aspect-ratio:16/10!important;background:#fff!important;overflow:hidden!important}
body.dx-home .project-media img{width:100%!important;height:100%!important;object-fit:cover!important}
body.dx-home .project-shade{display:none!important}
body.dx-home .project-index{padding:16px 18px 0!important}
body.dx-home .project-copy{display:grid!important;grid-template-columns:1fr auto!important;gap:20px!important;padding:14px 18px 22px!important;color:#000!important}
body.dx-home .project-copy h3{margin:4px 0 8px!important;font-size:clamp(30px,3vw,48px)!important;line-height:1!important}
body.dx-home .project-copy p{margin:0!important;font-size:15px!important;line-height:1.5!important;color:var(--dx-muted)!important}
body.dx-home .project-open{font-size:22px!important}
body.dx-home .carousel-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-top:18px!important}
body.dx-home .car-btn{width:44px!important;height:44px!important;border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important}
body.dx-home .dots{display:flex!important;gap:8px!important;margin-right:auto!important}

/* DUX section and studio */
body.dx-home .dux-section{padding-block:clamp(68px,8vw,110px)!important}
body.dx-home .terminal{background:#fff!important;color:#000!important;border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;filter:grayscale(1)!important}
body.dx-home .about-grid{display:grid!important;grid-template-columns:minmax(280px,.7fr) minmax(0,1fr)!important;gap:clamp(36px,8vw,120px)!important;align-items:start!important}
body.dx-home .about-photo img{width:100%!important;height:auto!important;filter:grayscale(1) contrast(1.05)!important}
body.dx-home .about-copy .lead{font-size:clamp(20px,2vw,28px)!important;line-height:1.35!important}
body.dx-home .proof{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;background:#000!important;margin-top:30px!important}
body.dx-home .proof>div{background:#fff!important;padding:18px!important}
body.dx-home .proof b{display:block!important;font:500 12px/1.4 var(--dx-mono)!important}
body.dx-home .proof span{display:block!important;margin-top:6px!important;font-size:14px!important;color:var(--dx-muted)!important}
body.dx-home .final{border-bottom:0!important}
body.dx-home .final-grid{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(280px,.5fr)!important;gap:clamp(36px,8vw,120px)!important;align-items:end!important;border-top:1px solid #000!important;padding-top:34px!important}

/* SECONDARY HERO */
body.dx-secondary :is(.grid-lines,.page-watermark,.big-watermark,.orange-slab){display:none!important}
body.dx-secondary .page-hero{background:#fff!important;padding:clamp(76px,9vw,138px) 0 clamp(60px,7vw,100px)!important;border-bottom:1px solid var(--dx-rule)!important}
body.dx-secondary :is(.tagline,.eyebrow,.contact-kicker,.ic-kicker){display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:20px!important;text-transform:uppercase!important}
body.dx-secondary :is(.tagline,.eyebrow,.contact-kicker,.ic-kicker)::before{content:"";width:12px;height:1px;background:#000;flex:0 0 12px}
body.dx-secondary .page-title{max-width:1120px!important;margin:0 0 28px!important;font-size:clamp(54px,7.6vw,116px)!important;line-height:.88!important;letter-spacing:-.07em!important;text-transform:none!important}
body.dx-secondary .page-lead{max-width:680px!important;margin:0 0 0 auto!important;font-size:clamp(18px,1.5vw,23px)!important;line-height:1.45!important}
body.dx-secondary .page-text{max-width:720px!important;margin-top:28px!important;padding-top:18px!important;border-top:1px solid var(--dx-rule)!important;font-size:16px!important;line-height:1.6!important;color:var(--dx-muted)!important}
body.dx-secondary .section{background:#fff!important;padding:clamp(68px,8vw,118px) 0!important;border-bottom:1px solid var(--dx-rule)!important}
body.dx-secondary .section-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr)!important;gap:clamp(32px,7vw,96px)!important;align-items:end!important;margin-bottom:50px!important}
body.dx-secondary :is(.title,.section-head h2,.system-copy h2,.final h2){margin:0!important;font-size:clamp(42px,5.5vw,82px)!important;line-height:.94!important}
body.dx-secondary :is(.text,.section-head p,.system-copy p,.final p){font-size:16px!important;line-height:1.6!important;color:var(--dx-muted)!important}

/* Services */
body.dx-secondary .grid.grid-3{display:block!important;border-top:1px solid #000!important}
body.dx-secondary .grid.grid-3 .card{display:grid!important;grid-template-columns:64px minmax(240px,.75fr) minmax(0,1fr)!important;gap:clamp(20px,5vw,70px)!important;align-items:start!important;padding:30px 0!important;border:0!important;border-bottom:1px solid var(--dx-rule)!important;background:#fff!important;box-shadow:none!important}
body.dx-secondary .grid.grid-3 .card::before{content:attr(data-n)!important;position:static!important;color:#000!important;font:500 11px/1.4 var(--dx-mono)!important;opacity:1!important}
body.dx-secondary .grid.grid-3 .card::after{display:none!important}
body.dx-secondary .grid.grid-3 .card h3{margin:0!important;font-size:clamp(30px,3vw,46px)!important;line-height:1!important}
body.dx-secondary .grid.grid-3 .card p{margin:0!important;font-size:16px!important;line-height:1.6!important;color:var(--dx-muted)!important}

/* Pricing */
body.dx-secondary .plans{display:block!important;border-top:1px solid #000!important}
body.dx-secondary .plans .plan{display:grid!important;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr)!important;gap:clamp(28px,7vw,100px)!important;align-items:start!important;padding:32px 0!important;border:0!important;border-bottom:1px solid var(--dx-rule)!important;background:#fff!important;box-shadow:none!important}
body.dx-secondary .plans .plan.is-featured{padding-left:20px!important;box-shadow:inset 2px 0 0 #000!important}
body.dx-secondary .plan h3{margin:6px 0 6px!important;font-size:clamp(34px,3.5vw,54px)!important;line-height:1!important}
body.dx-secondary .price{font-size:14px!important;line-height:1.4!important}
body.dx-secondary .plan p{font-size:15px!important;color:var(--dx-muted)!important}
body.dx-secondary .plan ul{margin:0!important;padding:0!important;list-style:none!important;border-top:1px solid var(--dx-rule)!important}
body.dx-secondary .plan li{padding:11px 0!important;border-bottom:1px solid var(--dx-rule)!important;font-size:15px!important}
body.dx-secondary .plan li::before{color:#000!important}

/* Audit */
body.dx-secondary .grid.grid-4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border-top:1px solid #000!important}
body.dx-secondary .grid.grid-4 .card{position:relative!important;min-height:0!important;padding:30px 28px 34px 0!important;border:0!important;border-bottom:1px solid var(--dx-rule)!important;background:#fff!important;box-shadow:none!important}
body.dx-secondary .grid.grid-4 .card:nth-child(odd){border-right:1px solid var(--dx-rule)!important;margin-right:28px!important}
body.dx-secondary .grid.grid-4 .card::before{color:#c7c7c7!important}
body.dx-secondary .grid.grid-4 .card h3{font-size:clamp(30px,3vw,46px)!important}
body.dx-secondary .grid.grid-4 .card p{font-size:15px!important;line-height:1.6!important;color:var(--dx-muted)!important}
body.dx-secondary .system-grid{display:grid!important;grid-template-columns:minmax(280px,.65fr) minmax(0,1fr)!important;gap:clamp(38px,8vw,110px)!important;align-items:start!important;background:#fff!important}
body.dx-secondary .flow-list{border-top:1px solid #000!important}
body.dx-secondary .flow{display:grid!important;grid-template-columns:54px 1fr!important;gap:20px!important;padding:24px 0!important;border-bottom:1px solid var(--dx-rule)!important;background:#fff!important}
body.dx-secondary .flow h3{margin:0 0 5px!important;font-size:26px!important}
body.dx-secondary .flow p{margin:0!important;font-size:15px!important;color:var(--dx-muted)!important}

/* Projects page */
body.dx-secondary .projects-industrial{background:#fff!important;color:#000!important;padding:clamp(68px,8vw,112px) 0!important;border-bottom:1px solid var(--dx-rule)!important;filter:none!important}
body.dx-secondary .ic-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr)!important;gap:40px!important;align-items:end!important;margin-bottom:46px!important}
body.dx-secondary .ic-heading{margin:0!important;font-size:clamp(44px,6vw,88px)!important;line-height:.92!important}
body.dx-secondary .ic-note{font-size:12px!important;line-height:1.6!important;color:var(--dx-muted)!important;text-transform:none!important}
body.dx-secondary :is(.ic-stage,.ic-track,.ic-card,.ic-panel,.ic-copy){background:#fff!important;color:#000!important}
body.dx-secondary .ic-card{border-radius:0!important;box-shadow:none!important}
body.dx-secondary .ic-panel{border:1px solid #000!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important;overflow:hidden!important}
body.dx-secondary .ic-media img{filter:grayscale(1) contrast(1.03)!important}
body.dx-secondary .ic-copy{padding:20px!important}
body.dx-secondary .ic-title{margin:6px 0 10px!important;font-size:clamp(32px,3.5vw,52px)!important;line-height:1!important}
body.dx-secondary .ic-desc{font-size:15px!important;line-height:1.5!important;color:var(--dx-muted)!important}
body.dx-secondary .ic-link{display:inline-block!important;margin-top:16px!important;font:500 11px/1 var(--dx-mono)!important;text-transform:uppercase!important;text-decoration:underline!important;text-underline-offset:4px!important}
body.dx-secondary :is(.ic-btn,.ic-toggle){border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;font:500 11px/1 var(--dx-mono)!important}
body.dx-secondary :is(.ic-btn,.ic-toggle):hover{background:#000!important;color:#fff!important}

/* Contact: form first, DUX stays in the single floating launcher */
body.dx-secondary .contact-page{background:#fff!important;padding:clamp(76px,9vw,128px) 0!important}
body.dx-secondary .contact-shell{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(420px,1fr)!important;gap:clamp(44px,8vw,116px)!important;align-items:start!important}
body.dx-secondary .contact-copy{position:sticky!important;top:104px!important}
body.dx-secondary .contact-copy h1{margin:18px 0 24px!important;font-size:clamp(50px,6vw,88px)!important;line-height:.9!important}
body.dx-secondary .contact-lead{font-size:18px!important;line-height:1.5!important}
body.dx-secondary .contact-trust{margin-top:34px!important;border-top:1px solid #000!important}
body.dx-secondary .contact-trust span{display:block!important;padding:12px 0!important;border-bottom:1px solid var(--dx-rule)!important;font-size:14px!important;color:var(--dx-muted)!important}
body.dx-secondary .contact-trust span::before{background:#000!important;color:#fff!important}
body.dx-secondary .form-panel{background:#fff!important;color:#000!important;border:0!important;border-top:1px solid #000!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
body.dx-secondary :is(.contact-dia,.contact-divider){display:none!important}
body.dx-secondary .form{padding:26px 0 0!important;background:#fff!important}
body.dx-secondary .form-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
body.dx-secondary .field{margin-bottom:20px!important}
body.dx-secondary .field label{display:block!important;margin-bottom:9px!important;color:#000!important;text-transform:uppercase!important;font-size:11px!important}
body.dx-secondary :is(.field input,.field select,.field textarea){width:100%!important;background:#fff!important;color:#000!important;border:0!important;border-bottom:1px solid #777!important;border-radius:0!important;box-shadow:none!important;padding:13px 0!important;font:400 16px/1.4 var(--dx-sans)!important}
body.dx-secondary .field textarea{min-height:130px!important;resize:vertical!important}
body.dx-secondary :is(.field input,.field select,.field textarea):focus{border-color:#000!important;border-bottom-width:2px!important;outline:0!important}
body.dx-secondary :is(.field input,.field textarea)::placeholder{color:#777!important}
body.dx-secondary .contact-form-note{font-size:11px!important;line-height:1.6!important;color:var(--dx-muted)!important;text-transform:none!important}
body.dx-secondary .contact-whatsapp{margin-top:34px!important;padding:24px 0!important;border-top:1px solid var(--dx-rule)!important;background:#fff!important;color:#000!important}
body.dx-secondary .contact-whatsapp-copy strong{display:block!important;margin-bottom:6px!important;font-size:16px!important}
body.dx-secondary .contact-whatsapp-copy span{font-size:14px!important;color:var(--dx-muted)!important}

/* Final CTA */
body.dx-secondary .final{background:#fff!important;padding:clamp(68px,8vw,112px) 0!important;border-bottom:0!important}
body.dx-secondary .final::before,body.dx-secondary .final::after{display:none!important}
body.dx-secondary .final-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr)!important;gap:clamp(36px,8vw,110px)!important;align-items:end!important;border-top:1px solid #000!important;padding-top:34px!important}

/* Footer: simple closing line */
:is(body.dx-home,body.dx-secondary) .footer{background:#fff!important;color:#000!important;border:0!important;border-top:1px solid #000!important;padding:38px 0!important}
:is(body.dx-home,body.dx-secondary) .footer :is(.footer-grid,.footer-inner){display:grid!important;grid-template-columns:auto 1fr auto!important;gap:28px!important;align-items:center!important}
:is(body.dx-home,body.dx-secondary) .footer :is(.logo,.brand,.brand-logo,.dxs-footer-logo){display:inline-flex!important;width:154px!important;line-height:0!important}
:is(body.dx-home,body.dx-secondary) .footer :is(.logo,.brand,.brand-logo,.dxs-footer-logo) img{width:100%!important;height:auto!important;filter:grayscale(1) brightness(0)!important}
:is(body.dx-home,body.dx-secondary) .footer .footer-links{display:flex!important;justify-content:center!important;gap:18px!important;list-style:none!important;margin:0!important;padding:0!important}
:is(body.dx-home,body.dx-secondary) .footer :is(.footer-links a,small){color:#000!important;font:500 11px/1.5 var(--dx-mono)!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-decoration:none!important}

@media(max-width:1180px){
  :is(body.dx-home,body.dx-secondary) .header .nav{grid-template-columns:minmax(0,1fr) auto!important}
  :is(body.dx-home,body.dx-secondary) .header :is(.desktop-nav,nav:not(.mobile-menu nav)){display:none!important}
  :is(body.dx-home,body.dx-secondary) :is(.burger,.dxs-menu-trigger){display:block!important;justify-self:end!important}
  body.dx-secondary .contact-shell{grid-template-columns:1fr!important}
  body.dx-secondary .contact-copy{position:static!important;max-width:760px!important}
}

@media(max-width:760px){
  :root{--dx-pad:16px}
  :is(body.dx-home,body.dx-secondary){font-size:16px!important}
  :is(body.dx-home,body.dx-secondary) .header{min-height:58px!important}
  :is(body.dx-home,body.dx-secondary) .header .nav{height:58px!important;min-height:58px!important}
  :is(body.dx-home,body.dx-secondary) .header :is(.logo,.brand,.brand-logo,.dxs-header-logo){width:126px!important;max-width:126px!important}
  body.dx-home .hero-grid{padding:64px 0 62px!important}
  body.dx-home .hero-meta{display:grid!important;gap:7px!important;margin-bottom:40px!important;font-size:11px!important}
  body.dx-home .hero h1{font-size:clamp(48px,14.2vw,70px)!important;line-height:.88!important}
  body.dx-home .hero-sub,body.dx-home .hero-note{margin-left:0!important;max-width:100%!important}
  body.dx-home .hero-actions{justify-content:flex-start!important;flex-wrap:wrap!important}
  body.dx-home .service-ticker-inner{overflow-x:auto!important;justify-content:flex-start!important;white-space:nowrap!important;padding:0 2px!important}
  body.dx-home .section-head,body.dx-home .projects-head,body.dx-home .about-grid,body.dx-home .final-grid{grid-template-columns:1fr!important;gap:24px!important}
  body.dx-home .problem{grid-template-columns:38px minmax(0,1fr) 44px!important;gap:12px!important;min-height:0!important;padding:24px 0!important}
  body.dx-home .problem h3{font-size:34px!important;grid-column:2!important}
  body.dx-home .problem p{grid-column:2!important;font-size:14px!important}
  body.dx-home .problem .arrow-btn{grid-column:3!important;grid-row:1/3!important;align-self:center!important}
  body.dx-home .project-card{flex-basis:88vw!important}
  body.dx-home .proof{grid-template-columns:1fr!important}

  body.dx-secondary .page-hero{padding:62px 0 54px!important}
  body.dx-secondary .page-title{font-size:clamp(46px,13vw,62px)!important;line-height:.9!important}
  body.dx-secondary .page-lead{margin-left:0!important;font-size:18px!important}
  body.dx-secondary .section-head,body.dx-secondary .system-grid,body.dx-secondary .final-grid{grid-template-columns:1fr!important;gap:28px!important}
  body.dx-secondary .grid.grid-3 .card{grid-template-columns:38px 1fr!important;gap:12px!important;padding:26px 0!important}
  body.dx-secondary .grid.grid-3 .card p{grid-column:2!important}
  body.dx-secondary .plans .plan,body.dx-secondary .plans .plan.is-featured{grid-template-columns:1fr!important;gap:18px!important;padding:28px 0!important}
  body.dx-secondary .plans .plan.is-featured{padding-left:14px!important}
  body.dx-secondary .grid.grid-4{grid-template-columns:1fr!important}
  body.dx-secondary .grid.grid-4 .card:nth-child(odd){border-right:0!important;margin-right:0!important}
  body.dx-secondary .form-grid-2{grid-template-columns:1fr!important}

  /* Mobile portfolio = natural vertical scroll; no carousel controls/autoplay. */
  body.dx-secondary .projects-industrial{padding:58px 0 70px!important}
  body.dx-secondary .ic-head{grid-template-columns:1fr!important;gap:18px!important;margin-bottom:34px!important}
  body.dx-secondary .ic-stage{display:block!important;overflow:visible!important;perspective:none!important;min-height:0!important;height:auto!important}
  body.dx-secondary .ic-track{display:grid!important;grid-template-columns:1fr!important;gap:38px!important;transform:none!important;position:static!important;width:100%!important;height:auto!important}
  body.dx-secondary .ic-card{position:static!important;inset:auto!important;width:100%!important;height:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;filter:none!important}
  body.dx-secondary .ic-panel{display:block!important;width:100%!important}
  body.dx-secondary :is(.ic-floor,.ic-prev,.ic-next,.ic-controls,.ic-help){display:none!important}
  body.dx-secondary .ic-media{aspect-ratio:4/3!important;overflow:hidden!important}
  body.dx-secondary .ic-media img{width:100%!important;height:100%!important;object-fit:cover!important}

  :is(body.dx-home,body.dx-secondary) .footer{padding:34px 0 max(110px,calc(28px + env(safe-area-inset-bottom)))!important}
  :is(body.dx-home,body.dx-secondary) .footer :is(.footer-grid,.footer-inner){grid-template-columns:1fr!important;justify-items:center!important;gap:22px!important;text-align:center!important}
  :is(body.dx-home,body.dx-secondary) .footer .footer-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(100%,300px)!important;gap:14px 24px!important}
}

@media(max-width:430px){
  :root{--dx-pad:14px}
  :is(body.dx-home,body.dx-secondary) .mobile-menu{padding-inline:16px!important}
  body.dx-home :is(.section-head h2,.projects-head h2,.about-copy h2,.final h2,.dux-section h2){font-size:44px!important}
  body.dx-secondary :is(.title,.section-head h2,.system-copy h2,.final h2){font-size:40px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  :is(body.dx-home,body.dx-secondary) .mobile-menu{transition:none!important}
}