:root { --contact-bg: #080c1c; --contact-card: #11152d; --contact-muted: #adb2c7; --contact-purple: #a875fa; }
.digitnetic-contact-page { background: var(--contact-bg); color: #fff; font-family: Inter, sans-serif; }
.digitnetic-contact-page .contact-main { overflow: hidden; background: radial-gradient(circle at 85% 16%, rgba(133, 77, 240, .14), transparent 22%), radial-gradient(circle at 10% 48%, rgba(255, 123, 39, .055), transparent 19%), var(--contact-bg); }
.contact-shell { width: min(100% - 40px, 1180px); margin: 0 auto; }
.contact-eyebrow { display: block; color: var(--contact-purple); font-size: 9px; font-weight: 700; letter-spacing: .19em; }
.contact-hero { position: relative; padding: 72px 0 62px; background: radial-gradient(circle at 76% 46%, rgba(124, 70, 239, .2), transparent 25%), linear-gradient(125deg, #050919, #0a0d24 66%, #150b27); }
.contact-hero:after { position: absolute; right: -25px; bottom: -50px; width: 290px; height: 170px; border: 1px solid rgba(159, 115, 255, .16); border-radius: 50%; content: ''; transform: rotate(-16deg); }
.contact-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); align-items: center; gap: 80px; }
.contact-hero-copy { max-width: 565px; }
.contact-hero h1, .contact-section-intro h2, .contact-panel h2 { margin: 9px 0 13px; color: #fff; font-family: Sora, sans-serif; font-weight: 800; line-height: 1.08; }
.contact-hero h1 { font-size: clamp(35px, 4vw, 52px); }
.contact-hero h1 em, .contact-section-intro h2 em { background: linear-gradient(100deg, #ff8a34, #e86eac 48%, #a875fa); background-clip: text; -webkit-background-clip: text; color: transparent; font-style: normal; }
.contact-hero p { max-width: 510px; margin: 0; color: var(--contact-muted); font-size: 12px; line-height: 1.7; }
.contact-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 23px; }
.contact-primary-btn, .contact-secondary-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border-radius: 999px; color: #fff; font-size: 10px; font-weight: 700; text-decoration: none; transition: transform .23s ease, filter .23s ease, box-shadow .23s ease; }
.contact-primary-btn { border: 0; background: linear-gradient(105deg, #ff822b, #e9679c 56%, #9562f7); box-shadow: 0 9px 21px rgba(182, 73, 175, .28); }
.contact-primary-btn span { display: inline-block; transition: transform .23s ease; }
.contact-primary-btn:hover { color: #fff; filter: brightness(1.1); box-shadow: 0 12px 25px rgba(182, 73, 175, .42); transform: translateY(-2px); }
.contact-primary-btn:hover span { transform: translateX(4px); }
.contact-secondary-btn { border: 1px solid rgba(172, 130, 255, .36); background: rgba(23, 25, 53, .58); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035); }
.contact-secondary-btn:hover { border-color: rgba(194, 150, 255, .7); background: rgba(135, 76, 239, .14); color: #fff; transform: translateY(-2px); }
.contact-connect-card { position: relative; padding: 27px 29px; overflow: visible; border: 1px solid rgba(168, 117, 255, .34); border-radius: 16px; background: linear-gradient(145deg, rgba(28, 29, 62, .9), rgba(14, 17, 40, .9)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 22px 44px rgba(19, 8, 51, .35); backdrop-filter: blur(10px); }
.contact-connect-card h2 { margin: 8px 0 20px; font-family: Sora, sans-serif; font-size: 21px; line-height: 1.25; }
.contact-connect-card > a { display: flex; align-items: center; gap: 11px; margin-top: 12px; color: #d9dcec; font-size: 10px; text-decoration: none; }
.contact-connect-card > a > i, .contact-detail-list > a > i, .contact-trust-strip > article > i { display: grid; flex: 0 0 29px; width: 29px; height: 29px; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #ff822b, #df67aa 50%, #9562f7); box-shadow: 0 5px 13px rgba(147, 72, 205, .22); color: #fff; font-size: 10px; }
.contact-connect-card small { display: block; margin-bottom: 2px; color: #9fa5bd; font-size: 8px; }
.contact-connect-card > a:hover { color: #fff; }
.contact-orbit { position: absolute; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(181, 130, 255, .36); border-radius: 9px; background: #1b1d42; box-shadow: 0 8px 18px rgba(24, 10, 72, .35); color: #bb8cff; font-size: 11px; }
.contact-orbit-one { top: -14px; right: 28px; }.contact-orbit-two { right: -14px; bottom: 28px; color: #ff9b70; }
.contact-section-intro { padding: 47px 0 25px; text-align: center; }.contact-section-intro h2 { margin-bottom: 0; font-size: clamp(24px, 3vw, 33px); }
.contact-panel { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); overflow: hidden; margin-top: 14px; border: 1px solid rgba(159, 115, 255, .3); border-radius: 18px; background: linear-gradient(135deg, rgba(20, 24, 51, .97), rgba(12, 16, 37, .97)); box-shadow: 0 20px 48px rgba(33, 13, 85, .2); }
.contact-form-side, .contact-info-side { padding: 31px; }.contact-form-side { border-right: 1px solid rgba(159, 115, 255, .18); }
.contact-panel h2 { margin: 7px 0 7px; font-size: 22px; }.contact-form-side > p, .contact-info-side > h2 { color: var(--contact-muted); font-family: Inter, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.55; }.contact-form-side > p { margin: 0 0 20px; }
.contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }.contact-fields label { color: #c8ccdc; font-size: 9px; font-weight: 600; }.contact-fields label span { display: block; margin: 0 0 6px; }.contact-required { color: #ff7b5d; font-style: normal; font-weight: 800; margin-left: 3px; }.contact-fields input, .contact-fields textarea { width: 100%; border: 1px solid rgba(151, 118, 232, .28); border-radius: 9px; outline: 0; background: #0b1025; color: #fff; font: 10px Inter, sans-serif; transition: border-color .2s, box-shadow .2s; }.contact-fields input { height: 47px; padding: 0 12px; }.contact-fields textarea { height: 140px; padding: 12px; resize: vertical; }.contact-fields input::placeholder, .contact-fields textarea::placeholder { color: #747b98; }.contact-fields input:focus, .contact-fields textarea:focus { border-color: #aa7bff; box-shadow: 0 0 0 3px rgba(157, 99, 247, .15); }.contact-field-wide { grid-column: 1 / -1; }.contact-submit { margin-top: 18px; cursor: pointer; }
.contact-form-error { display: none; margin-top: 14px; padding: 11px 14px; border: 1px solid rgba(255, 136, 91, .38); border-radius: 10px; background: rgba(255, 106, 71, .08); color: #ffd9cb; font-size: 10px; line-height: 1.55; box-shadow: 0 10px 18px rgba(103, 39, 16, .12); }
.contact-form-error.show { display: block; }
.contact-success-overlay { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(5, 8, 22, .58); backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity .3s ease; z-index: 9999; }
.contact-success-overlay.is-visible { opacity: 1; pointer-events: auto; }
.contact-success-modal { position: relative; width: min(100%, 450px); padding: 28px 26px 24px; border: 1px solid rgba(160, 120, 255, .52); border-radius: 20px; background: linear-gradient(180deg, rgba(18,20,36,.94), rgba(12,15,30,.96)); box-shadow: 0 20px 42px rgba(16, 12, 42, .42), 0 0 30px rgba(156, 112, 255, .18), inset 0 1px 0 rgba(255,255,255,.08); color: #fff; text-align: center; transform: scale(.95) translateY(12px); opacity: 0; transition: transform .3s ease, opacity .3s ease; }
.contact-success-overlay.is-visible .contact-success-modal { transform: scale(1) translateY(0); opacity: 1; }
.contact-success-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(169, 128, 255, .45); border-radius: 50%; background: rgba(12, 14, 30, .66); color: rgba(255,255,255,.82); font-size: 18px; line-height: 1; cursor: pointer; transition: transform .2s ease, border-color .2s ease; }
.contact-success-close:hover { transform: translateY(-1px); border-color: rgba(192, 150, 255, .8); }
.contact-success-icon { display: grid; place-items: center; width: 74px; height: 74px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #ff8b34, #e9679c 52%, #8b67ff); box-shadow: 0 0 0 8px rgba(171, 116, 255, .12), 0 12px 24px rgba(171, 116, 255, .32); animation: contactSuccessPulse .35s ease both; }
.contact-success-icon span { font-size: 30px; font-weight: 800; color: #fff; line-height: 1; }
.contact-success-modal h3 { margin: 0 0 10px; font-family: Sora, sans-serif; font-size: clamp(28px, 3vw, 36px); font-weight: 800; color: #fff; }
.contact-success-modal p { margin: 0; color: #d8ddf1; font-size: 14px; line-height: 1.65; }
.contact-success-lead { margin-bottom: 8px !important; font-size: 15px !important; font-weight: 600; color: #fff !important; }
.contact-success-btn { margin-top: 22px; min-width: 132px; padding-inline: 22px; border: none; cursor: pointer; }
.contact-success-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(182, 73, 175, .42); }
@keyframes contactSuccessPulse { 0% { opacity: 0; transform: scale(.72); } 100% { opacity: 1; transform: scale(1); } }
.contact-info-side > h2 { max-width: 345px; margin: 8px 0 15px; }.contact-detail-list { border-top: 1px solid rgba(159, 115, 255, .16); }.contact-detail-list > a { display: flex; gap: 11px; padding: 13px 0; border-bottom: 1px solid rgba(159, 115, 255, .16); color: #adb3c9; font-size: 9px; line-height: 1.55; text-decoration: none; }.contact-detail-list strong { display: block; margin-bottom: 2px; color: #fff; font-size: 10px; }.contact-detail-list > a:hover { color: #fff; }.contact-map { height: 305px; margin-top: 18px; overflow: hidden; border: 1px solid rgba(163, 120, 255, .3); border-radius: 12px; background: #0b1025; }.contact-map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.7) invert(.88) hue-rotate(180deg) contrast(.88); }
.contact-trust-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 28px 0 52px; }.contact-trust-strip article { display: flex; align-items: center; gap: 12px; padding: 15px; border: 1px solid rgba(159, 115, 255, .21); border-radius: 12px; background: rgba(18, 22, 48, .72); }.contact-trust-strip h3 { margin: 0 0 3px; color: #fff; font-family: Sora, sans-serif; font-size: 11px; }.contact-trust-strip p { margin: 0; color: var(--contact-muted); font-size: 9px; }.contact-reveal-up { animation: contactRise .6s ease both; }.contact-reveal-right { animation: contactIn .7s .12s ease both; }@keyframes contactRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }@keyframes contactIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 991px) { .contact-hero-grid { gap: 40px; }.contact-panel { grid-template-columns: 1fr; }.contact-form-side { border-right: 0; border-bottom: 1px solid rgba(159, 115, 255, .18); }.contact-info-side { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }.contact-info-side > .contact-eyebrow, .contact-info-side > h2 { grid-column: 1 / -1; }.contact-map { height: auto; min-height: 305px; margin-top: 0; } }
@media (max-width: 767px) { .contact-shell { width: min(100% - 32px, 1180px); }.contact-hero { padding: 54px 0 48px; }.contact-hero-grid { grid-template-columns: 1fr; gap: 40px; }.contact-connect-card { max-width: 480px; }.contact-info-side { display: block; }.contact-map { height: 300px; margin-top: 18px; }.contact-trust-strip { grid-template-columns: 1fr; padding-bottom: 38px; } }
@media (max-width: 480px) { .contact-hero h1 { font-size: 34px; }.contact-hero-actions { display: grid; grid-template-columns: 1fr; }.contact-fields { grid-template-columns: 1fr; }.contact-field-wide { grid-column: auto; }.contact-form-side, .contact-info-side { padding: 24px 20px; }.contact-connect-card { padding: 24px 20px; }.contact-orbit-two { right: 10px; }.contact-section-intro { padding-top: 38px; } }

/* Light Contact-page treatment. The shared navbar and footer retain their own theme. */
.digitnetic-contact-page { background: #fff; color: #13204a; }
.digitnetic-contact-page .contact-main { background: radial-gradient(circle at 83% 13%, rgba(155, 105, 242, .13), transparent 23%), radial-gradient(circle at 8% 48%, rgba(255, 141, 66, .09), transparent 18%), #fff; }
.contact-hero { padding: 66px 0 58px; background: radial-gradient(circle at 75% 47%, rgba(163, 110, 246, .13), transparent 26%), linear-gradient(135deg, #fff 0%, #faf9ff 72%, #fff7f7 100%); }
.contact-hero:after { border-color: rgba(151, 107, 255, .14); }
.contact-hero h1, .contact-section-intro h2, .contact-panel h2 { color: #111b42; }
.contact-hero p, .contact-form-side > p, .contact-info-side > h2 { color: #66708e; }
.contact-secondary-btn { border-color: rgba(145, 100, 231, .34); background: rgba(255, 255, 255, .76); box-shadow: 0 8px 20px rgba(85, 57, 151, .08); color: #282452; }
.contact-secondary-btn:hover { background: #fff; color: #282452; }
.contact-connect-card { padding: 28px 30px; border-color: rgba(151, 107, 255, .27); background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(249,247,255,.94)); box-shadow: 0 19px 40px rgba(69, 43, 133, .14), 0 0 45px rgba(150, 91, 244, .09); }
.contact-connect-card h2 { color: #131e48; font-size: 28px; font-weight: 700; }
.contact-connect-card > a { color: #69718c; }.contact-connect-card > a:hover { color: #242a52; }.contact-connect-card small { color: #202852; font-weight: 700; }
.contact-connect-intro { margin: -9px 0 19px; color: #66708e; font-size: 10px; line-height: 1.65; }
.contact-orbit { border-color: rgba(163, 113, 247, .25); background: #fff; box-shadow: 0 8px 18px rgba(84, 54, 157, .14); }
.contact-section-intro { padding-top: 43px; }
.contact-panel { border-color: rgba(151, 107, 255, .22); background: #fff; box-shadow: 0 18px 43px rgba(53, 36, 107, .11); }
.contact-form-side { border-right-color: rgba(151, 107, 255, .17); }.contact-form-side > p, .contact-info-side > h2 { color: #68718d; }
.contact-fields label { color: #30385b; }.contact-fields input, .contact-fields textarea { border-color: #dfe1ea; background: #fff; color: #172044; box-shadow: inset 0 1px 2px rgba(26, 29, 61, .02); }.contact-fields input::placeholder, .contact-fields textarea::placeholder { color: #969caf; }.contact-fields input:focus, .contact-fields textarea:focus { border-color: #9b68f5; box-shadow: 0 0 0 3px rgba(155, 104, 245, .13); }
.contact-info-side > h2 { color: #4e5879; }.contact-detail-list { border-top-color: rgba(151, 107, 255, .16); }.contact-detail-list > a { border-bottom-color: rgba(151, 107, 255, .16); color: #68718d; }.contact-detail-list > a:hover { color: #242a52; }.contact-detail-list strong { color: #18224a; }
.contact-map { height: 285px; border-color: rgba(151, 107, 255, .25); background: #fff; }.contact-map iframe { filter: none; }
.contact-trust-strip article { border-color: rgba(151, 107, 255, .18); background: rgba(255, 255, 255, .86); box-shadow: 0 9px 24px rgba(48, 29, 107, .06); }.contact-trust-strip h3 { color: #172147; }.contact-trust-strip p { color: #6e7690; }
@media (max-width: 991px) { .contact-form-side { border-bottom-color: rgba(151, 107, 255, .17); } }
@media (max-width: 480px) { .contact-success-modal { padding: 26px 20px 20px; } .contact-success-icon { width: 64px; height: 64px; } .contact-success-modal p { font-size: 12px; } }

/* Keep the page canvas light while preserving the Contact cards' dark glass language. */
.contact-connect-card { border-color: rgba(168, 117, 255, .34); background: linear-gradient(145deg, rgba(28, 29, 62, .96), rgba(14, 17, 40, .96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 22px 44px rgba(19, 8, 51, .28), 0 0 38px rgba(150, 91, 244, .10); }
.contact-connect-card h2 { color: #fff; }.contact-connect-card > a { color: #d9dcec; }.contact-connect-card > a:hover { color: #fff; }.contact-connect-card small { color: #aeb4ca; font-weight: 500; }.contact-connect-intro { color: #b4b9cd; }.contact-orbit { background: #1b1d42; border-color: rgba(181, 130, 255, .36); box-shadow: 0 8px 18px rgba(24, 10, 72, .35); }
.contact-panel { border-color: rgba(159, 115, 255, .3); background: linear-gradient(135deg, rgba(20, 24, 51, .98), rgba(12, 16, 37, .98)); box-shadow: 0 20px 48px rgba(33, 13, 85, .2); }.contact-form-side { border-right-color: rgba(159, 115, 255, .18); }.contact-panel h2 { color: #fff; }.contact-form-side > p, .contact-info-side > h2 { color: #adb2c7; }
.contact-fields label { color: #c8ccdc; }.contact-fields input, .contact-fields textarea { border-color: rgba(151, 118, 232, .28); background: #0b1025; color: #fff; box-shadow: none; }.contact-fields input::placeholder, .contact-fields textarea::placeholder { color: #747b98; }.contact-fields input:focus, .contact-fields textarea:focus { border-color: #aa7bff; box-shadow: 0 0 0 3px rgba(157, 99, 247, .15); }
.contact-info-side > h2 { color: #adb2c7; }.contact-detail-list > a { color: #adb3c9; }.contact-detail-list > a:hover { color: #fff; }.contact-detail-list strong { color: #fff; }
.contact-map { border-color: rgba(163, 120, 255, .3); background: #0b1025; }.contact-map iframe { filter: none; }
.contact-trust-strip article { border-color: rgba(159, 115, 255, .21); background: rgba(18, 22, 48, .92); box-shadow: none; }.contact-trust-strip h3 { color: #fff; }.contact-trust-strip p { color: #adb2c7; }
@media (max-width: 991px) { .contact-form-side { border-bottom-color: rgba(159, 115, 255, .18); } }

.contact-reveal-scale-right { animation: contactScaleRight .75s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes contactScaleRight {
	from { opacity: 0; transform: translateX(34px) scale(.92); transform-origin: right center; }
	to { opacity: 1; transform: translateX(0) scale(1); transform-origin: right center; }
}
@media (max-width: 991px) {
    .contact-shell { width: min(100% - 28px, 1180px); }
    .contact-hero { padding: 58px 0 48px; }
    .contact-hero-grid { gap: 32px; }
    .contact-hero-copy { max-width: 100%; }
    .contact-hero p { max-width: 100%; }
    .contact-panel { grid-template-columns: 1fr; }
    .contact-form-side { border-right: 0; border-bottom: 1px solid rgba(159, 115, 255, .18); }
    .contact-info-side { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; }
    .contact-info-side > .contact-eyebrow, .contact-info-side > h2 { grid-column: 1 / -1; }
    .contact-detail-list > a { gap: 10px; }
    .contact-map { height: 280px; min-height: 280px; margin-top: 0; }
    .contact-trust-strip { gap: 12px; }
}

@media (max-width: 767px) {
    .contact-shell { width: min(100% - 20px, 1180px); }
    .contact-hero { padding: 46px 0 40px; }
    .contact-hero-grid { grid-template-columns: 1fr; gap: 28px; }
    .contact-hero-copy { max-width: 100%; }
    .contact-hero h1 { font-size: clamp(30px, 9vw, 40px); line-height: 1.12; }
    .contact-hero p { font-size: 13px; }
    .contact-hero-actions { display: flex; flex-wrap: wrap; width: 100%; }
    .contact-primary-btn, .contact-secondary-btn { flex: 1 1 100%; min-height: 46px; font-size: 11px; }
    .contact-connect-card { padding: 22px 18px; }
    .contact-connect-card h2 { font-size: 24px; }
    .contact-connect-card > a { align-items: flex-start; gap: 10px; }
    .contact-connect-card > a span { display: block; }
    .contact-section-intro { padding: 32px 0 18px; }
    .contact-form-side, .contact-info-side { padding: 24px 20px; }
    .contact-fields { grid-template-columns: 1fr; gap: 12px; }
    .contact-field-wide { grid-column: auto; }
    .contact-fields input { height: 46px; }
    .contact-fields textarea { height: 120px; }
    .contact-submit { margin-top: 16px; }
    .contact-info-side > h2 { margin: 6px 0 12px; }
    .contact-map { height: 230px; min-height: 230px; margin-top: 16px; }
    .contact-trust-strip { grid-template-columns: 1fr; padding: 18px 0 34px; }
    .contact-trust-strip article { padding: 13px 12px; }
}

@media (max-width: 480px) {
    .contact-shell { width: min(100% - 18px, 1180px); }
    .contact-hero h1 { font-size: clamp(28px, 8.5vw, 34px); }
    .contact-hero p { font-size: 12.5px; }
    .contact-primary-btn, .contact-secondary-btn { min-height: 46px; }
    .contact-connect-card > a { gap: 10px; }
    .contact-detail-list > a { gap: 10px; padding: 12px 0; font-size: 10px; }
    .contact-detail-list strong { font-size: 11px; }
    .contact-trust-strip h3 { font-size: 12px; }
    .contact-trust-strip p { font-size: 10px; }
    .contact-success-modal { padding: 26px 20px 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.contact-reveal-scale-right { animation: none; }
}