/* DCCC Get in Touch contact hub — scoped to the existing /contact route */
.dccc-contact-hub{--dccc-hub-yellow:#f4bd00;--dccc-hub-ink:#111820;--dccc-hub-muted:#626b74;--dccc-hub-line:#e1e6ea;max-width:1480px;margin:0 auto;padding:0 28px 42px;color:var(--dccc-hub-ink)}
.dccc-hub-hero{margin:24px 0 34px;padding:clamp(28px,5vw,62px);background:linear-gradient(115deg,#111820 0%,#202b35 68%,#303b45 100%);color:#fff;border-bottom:6px solid var(--dccc-hub-yellow);position:relative;overflow:hidden}
.dccc-hub-hero:after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-110px;border:1px solid rgba(244,189,0,.24);border-radius:50%;box-shadow:0 0 0 32px rgba(244,189,0,.035),0 0 0 68px rgba(244,189,0,.025)}
.dccc-hub-eyebrow{display:block;color:var(--dccc-hub-yellow);font-size:11px;font-weight:900;letter-spacing:.2em}
.dccc-hub-hero h1{position:relative;z-index:1;max-width:980px;margin:14px 0 12px;font-size:clamp(27px,4.3vw,55px);line-height:1.07;letter-spacing:-.035em}
.dccc-hub-hero h1 i{color:var(--dccc-hub-yellow);font-style:normal}
.dccc-hub-hero h1 strong{color:var(--dccc-hub-yellow)}
.dccc-hub-hero p{position:relative;z-index:1;max-width:680px;margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55}
.dccc-hub-section{padding:8px 0 28px}
.dccc-hub-section-heading{margin:0 0 18px}
.dccc-hub-section-heading>span{color:#8a6b00;font-size:10px;font-weight:900;letter-spacing:.18em}
.dccc-hub-section-heading h2{margin:6px 0 7px;font-size:clamp(21px,2.5vw,30px);line-height:1.15;letter-spacing:-.02em}
.dccc-hub-section-heading p{margin:0;color:var(--dccc-hub-muted);font-size:13px;line-height:1.5}
.dccc-hub-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dccc-hub-platform{position:relative;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 18px 17px;border:1px solid var(--dccc-hub-line);border-radius:9px;background:#fff;color:var(--dccc-hub-ink);text-align:center;text-decoration:none;box-shadow:0 4px 15px rgba(18,28,38,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dccc-hub-platform:hover{transform:translateY(-3px);border-color:#d5b34a;box-shadow:0 10px 24px rgba(18,28,38,.09)}
.dccc-hub-platform:focus-visible,.dccc-hub-contact-value:focus-visible,.dccc-hub-directions:focus-visible{outline:3px solid rgba(244,189,0,.8);outline-offset:3px}
.dccc-hub-platform-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:17px;background:#17212a;color:#fff}
.dccc-hub-platform-mark svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dccc-mark-whatsapp{background:#1fae62!important}
.dccc-mark-linkedin{background:#0a66c2!important}
.dccc-mark-facebook{background:#1877f2!important}
.dccc-mark-instagram{background:linear-gradient(145deg,#6f42c1,#d52f79 58%,#f6a33b)!important}
.dccc-mark-linkedin svg,.dccc-mark-facebook svg{fill:currentColor;stroke:none}
.dccc-mark-instagram svg .dccc-mark-fill{fill:currentColor;stroke:none}
.dccc-hub-platform-label{font-size:13px;font-weight:800;line-height:1.3}
.dccc-hub-eye{position:absolute;top:11px;right:12px;width:25px;height:25px;display:grid;place-items:center;color:#59636c}
.dccc-hub-eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dccc-hub-contact-section{margin-top:5px;padding-top:25px;border-top:1px solid var(--dccc-hub-line)}
.dccc-hub-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.dccc-hub-contact-card{min-width:0;padding:18px 17px;border:1px solid var(--dccc-hub-line);border-radius:8px;background:#f8fafb}
.dccc-hub-contact-label{display:block;margin-bottom:8px;color:var(--dccc-hub-muted);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.dccc-hub-contact-value{display:inline-block;color:#18232d;font-size:15px;font-weight:800;text-decoration:none;overflow-wrap:anywhere}
.dccc-hub-contact-value:hover{color:#997400;text-decoration:underline}
.dccc-hub-location-section{margin-top:2px;padding-top:25px;border-top:1px solid var(--dccc-hub-line)}
.dccc-hub-address{margin:7px 0 0;color:#26313b;font-size:15px;font-weight:700;line-height:1.45}
.dccc-hub-map-wrap{position:relative;min-height:320px;overflow:hidden;border:1px solid var(--dccc-hub-line);border-radius:9px;background:#eef1f3}
.dccc-hub-map{display:block;width:100%;height:390px;border:0}
.dccc-hub-directions{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border-radius:4px;background:var(--dccc-hub-yellow);color:#111820;font-size:11px;font-weight:900;letter-spacing:.07em;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.dccc-hub-directions:hover{background:#ffd23f}
@media(max-width:1100px){.dccc-hub-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dccc-hub-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dccc-contact-hub{padding:0 15px 28px}.dccc-hub-hero{margin:15px 0 25px;padding:29px 22px}.dccc-hub-hero:after{width:190px;height:190px;right:-90px;top:-75px}.dccc-hub-eyebrow{font-size:9px}.dccc-hub-hero h1{font-size:clamp(27px,8vw,39px)}.dccc-hub-hero p{font-size:13px}.dccc-hub-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dccc-hub-platform{min-height:132px;padding:22px 9px 14px}.dccc-hub-platform-mark{width:52px;height:52px;border-radius:14px}.dccc-hub-platform-mark svg{width:32px;height:32px}.dccc-hub-platform-label{font-size:11px}.dccc-hub-contact-grid{grid-template-columns:1fr;gap:9px}.dccc-hub-contact-card{padding:15px}.dccc-hub-map-wrap{min-height:290px}.dccc-hub-map{height:330px}.dccc-hub-directions{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.dccc-hub-platform{transition:none}}