/* Approved Digital GalaxAI identity: Quiet Signal Orbit */
:root {
  --dga-ink: #10182b;
  --dga-ink-soft: #26324a;
  --dga-blue: #4a63f6;
  --dga-blue-dark: #364ee3;
  --dga-violet: #8d79f8;
  --dga-green: #148e83;
  --dga-gold: #a76a10;
  --dga-bg: #f7f8fc;
  --dga-soft: #f5f6fa;
  --dga-soft-blue: #eef1ff;
  --dga-muted: #5f6a80;
  --dga-line: #e4e8f1;
  --dga-shadow: 0 22px 60px rgba(16, 24, 43, .10);
  --dga-shadow-sm: 0 8px 24px rgba(16, 24, 43, .06);
  --dga-radius: 18px;
  --dga-radius-lg: 26px;
}
body.dga-site { background: #fff; color: var(--dga-ink); }
.site-header { background: rgba(255, 255, 255, .94); border-color: rgba(228, 232, 241, .9); backdrop-filter: blur(14px); }
.dga-mark { color: var(--dga-blue); }
.brand-copy strong { letter-spacing: -.03em; }
.eyebrow { color: var(--dga-blue); }
.eyebrow-dot { background: var(--dga-violet); box-shadow: 0 0 0 4px rgba(141, 121, 248, .11); }
a { color: var(--dga-blue); }
a:hover { color: var(--dga-blue-dark); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline-color: rgba(74, 99, 246, .66); }
::selection { background: var(--dga-blue); }
.button-primary, .wp-block-button.is-style-fill .wp-block-button__link { background: var(--dga-blue); border-color: var(--dga-blue); box-shadow: 0 8px 20px rgba(74, 99, 246, .18); }
.button-primary:hover, .wp-block-button.is-style-fill .wp-block-button__link:hover { background: var(--dga-blue-dark); border-color: var(--dga-blue-dark); box-shadow: 0 10px 25px rgba(74, 99, 246, .22); }
.button-outline { color: var(--dga-blue); border-color: #d4dcff; }
.button-outline:hover { color: var(--dga-blue-dark); background: #f3f5ff; border-color: #b9c5ff; }
.hero-section { padding-block: clamp(62px, 7.4vw, 94px); background: radial-gradient(ellipse at 4% 78%, rgba(44, 199, 184, .055), transparent 34%), radial-gradient(ellipse at 100% 5%, rgba(141, 121, 248, .07), transparent 35%), linear-gradient(180deg, #f7f8fc 0%, #fff 100%); }
.hero-section::before { border-color: rgba(74, 99, 246, .09); box-shadow: 0 0 0 32px rgba(74, 99, 246, .02), 0 0 0 70px rgba(44, 199, 184, .018); }
.hero-grid { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(32px, 5.2vw, 72px); }
.hero-copy { max-width: 620px; }
.hero-copy h1 { max-width: 650px; font-size: clamp(2.55rem, 4.75vw, 4.25rem); line-height: 1.13; letter-spacing: -.045em; }
.hero-copy h1 em { color: var(--dga-blue); }
.hero-lead { max-width: 580px; color: #566176; font-size: clamp(1rem, 1.3vw, 1.12rem); line-height: 1.88; }
.hero-note { max-width: 560px; color: #5f6a80; }
.hero-note > span { color: #248f88; }
.product-dashboard { padding: 16px; background: rgba(255,255,255,.98); border-color: #e6e9f1; border-radius: 23px; box-shadow: 0 28px 74px rgba(16, 24, 43, .12); }
.product-dashboard::before { width: 170px; height: 170px; background: rgba(141, 121, 248, .055); }
.product-dashboard .preview-topline { padding-bottom: 13px; }
.product-dashboard .preview-brand { gap: 7px; font-size: .83rem; }
.product-dashboard .preview-brand .dga-mark { width: 25px; height: 25px; }
.preview-brand > span { margin-inline-start: 7px; color: var(--dga-muted); font-size: .72rem; font-weight: 550; }
.preview-badge { color: #5b50a2; background: #f3f1ff; }
.preview-badge i { background: var(--dga-violet); }
.preview-shell { position: relative; display: grid; grid-template-columns: 132px minmax(0,1fr); min-height: 340px; }
.preview-sidebar { display: flex; min-width: 0; flex-direction: column; padding: 12px 10px 9px 5px; border-inline-end: 1px solid #eef0f5; }
.preview-sidebar > strong { display: flex; align-items: center; gap: 6px; padding: 0 5px 13px; color: var(--dga-ink); font-size: .73rem; }
.preview-sidebar .dga-mark { width: 20px; height: 20px; }
.preview-sidebar ul { display: grid; gap: 3px; padding: 0; margin: 0; list-style: none; }
.preview-sidebar li { padding: 7px 8px; color: #677187; border-radius: 8px; font-size: .68rem; }
.preview-sidebar li.is-active { color: var(--dga-blue); background: #f1f3ff; font-weight: 750; }
.preview-sidebar > small { margin-top: auto; padding: 9px 5px 0; color: #657287; border-top: 1px solid #eff1f5; font-size: .62rem; line-height: 1.5; }
.preview-main { min-width: 0; padding: 10px 0 8px 13px; }
.preview-connection { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 9px 10px; background: #fafbfe; border: 1px solid #edf0f6; border-radius: 10px; }
.preview-connection > span:first-child { display: grid; min-width: 0; line-height: 1.45; }
.preview-connection strong { overflow-wrap: anywhere; color: var(--dga-ink); font-size: .68rem; }
.preview-connection small { color: #687388; font-size: .61rem; }
.connection-state { flex: 0 0 auto; padding: 4px 7px; color: #606d82; background: #f0f2f7; border-radius: 99px; font-size: .59rem; }
.preview-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-block: 9px; }
.preview-metrics article { min-width: 0; padding: 8px; background: #fff; border: 1px solid #edf0f6; border-radius: 10px; }
.preview-metrics article span { display: block; min-height: 2.5em; color: #687388; font-size: .58rem; line-height: 1.4; }
.preview-metrics article strong { display: block; margin-top: 3px; color: var(--dga-ink); font-size: .95rem; }
.product-dashboard .review-preview { padding: 11px; border-color: #edf0f6; border-radius: 12px; }
.product-dashboard .review-preview > p { font-size: .69rem; }
.product-dashboard .review-head > div strong { font-size: .69rem; }
.product-dashboard .avatar-dot { color: #6255bd; background: #f0eeff; }
.product-dashboard .suggestion { padding: 9px; border-color: #e8e9f7; }
.product-dashboard .suggestion p { font-size: .65rem; }
.product-dashboard .preview-whatsapp { justify-content: flex-start; padding: 9px 10px; background: #f1faf8; border-color: #e1f2ee; }
.product-dashboard .preview-whatsapp > span:nth-child(2) { flex: 1; }
.product-dashboard .preview-whatsapp strong { color: #205b55; }
.product-dashboard .preview-whatsapp small { color: #586f6e; }
.product-dashboard .whatsapp-orb { background: #2e9a85; }
.product-dashboard .preview-footnote { margin-top: 9px; font-size: .66rem; }
.section { padding-block: clamp(60px, 7.3vw, 96px); }
.section-heading h2, .page-hero h1, .page-heading h1 { letter-spacing: -.025em; }
.section-features { background: #fff; }
.feature-grid-home { grid-template-columns: repeat(3,minmax(0,1fr)); }
.feature-card { border-color: #e7eaf1; box-shadow: 0 6px 18px rgba(16,24,43,.025); }
.feature-card:hover { border-color: #cfd6ff; box-shadow: 0 14px 28px rgba(16,24,43,.07); }
.feature-icon { color: var(--dga-blue); background: #eff2ff; }
.feature-icon-violet { color: #7667d8; background: #f3f1ff; }
.feature-icon-green { color: #18887d; background: #e9f7f4; }
.feature-icon-gold { color: #98600e; background: #fff7e9; }
.status-label { color: #4e5a70; background: #f7f8fb; border-color: #e9ecf2; }
.section-workflow { background: #f9fafe; }
.steps-list li > span { color: var(--dga-blue); background: #eef1ff; }
.industry-grid { grid-template-columns: repeat(auto-fit,minmax(205px,1fr)); }
.industry-card { border-color: #e7eaf1; transition: border-color .18s ease, transform .18s ease; }
.industry-card:hover { border-color: #cfd6ff; transform: translateY(-2px); }
.industry-number { color: #7c879a; }
.trust-panel { background: radial-gradient(circle at 100% 0%, rgba(44,199,184,.14), transparent 38%), linear-gradient(125deg, #10182b 0%, #17243f 78%, #1c3150 100%); }
.trust-symbol { border-radius: 22px; }
.trust-symbol .dga-mark { color: #92a3ff; }
.pricing-teaser { background: linear-gradient(110deg,#f4f6ff,#f8fbfb); border-color: #e8ebf3; }
.final-cta { background: linear-gradient(120deg,#4a63f6,#4058e8 76%,#5b70f5); box-shadow: 0 20px 48px rgba(74,99,246,.17); }
.page-hero { background: radial-gradient(ellipse at 90% 0%,rgba(141,121,248,.07),transparent 42%),linear-gradient(180deg,#f7f8fc 0%,#fff 100%); }
.site-footer { background: #10182b; }
.footer-brand .dga-mark { color: #98a8ff; }
@media (max-width: 1050px) {
  .hero-grid { gap: 28px; }
  .preview-shell { grid-template-columns: 112px minmax(0,1fr); }
}
@media (max-width: 820px) {
  .hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .product-dashboard { padding: 12px; }
  .preview-shell { grid-template-columns: 92px minmax(0,1fr); }
  .preview-sidebar { padding-inline: 2px 7px; }
  .preview-sidebar li { padding: 6px 5px; font-size: .61rem; }
}
@media (max-width: 640px) {
  .hero-section { padding-block: 48px 56px; }
  .hero-grid { grid-template-columns: 1fr; gap: 27px; }
  .hero-copy h1 { font-size: clamp(2.45rem,10vw,3.45rem); line-height: 1.17; }
  .product-dashboard { padding: 12px; }
  .preview-shell { grid-template-columns: 1fr; min-height: auto; }
  .preview-sidebar { display: none; }
  .preview-main { padding: 10px 0 0; }
  .preview-metrics article span { min-height: 2em; }
  .feature-grid-home { grid-template-columns: 1fr; }
  .section-heading-centered { text-align: start; }
  .section-heading-centered .eyebrow { justify-content: flex-start; }
}
@media (max-width: 390px) {
  .product-dashboard .preview-badge { font-size: .58rem; }
  .preview-metrics { gap: 5px; }
  .preview-metrics article { padding: 6px; }
  .preview-metrics article span { font-size: .53rem; }
  .product-dashboard .preview-whatsapp .preview-badge { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .industry-card:hover, .feature-card:hover, .button:hover { transform: none; }
}


/* Functional contact channels and AI-generated feature art. */
.contact-icon { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.header-contact-actions { display: inline-flex; align-items: center; gap: 7px; }
.header-quick-link { display: inline-flex; min-width: 38px; min-height: 38px; align-items: center; justify-content: center; gap: 7px; padding: 6px 10px; color: var(--dga-ink-soft); background: #fff; border: 1px solid var(--dga-line); border-radius: 10px; font-size: .78rem; font-weight: 720; text-decoration: none; white-space: nowrap; }
.header-quick-link:hover { color: var(--dga-blue); background: var(--dga-soft-blue); border-color: #cbd4ff; }
.header-whatsapp .contact-icon, .footer-whatsapp .contact-icon, .contact-channel-whatsapp .contact-icon { color: #13826f; }
.footer-contact { display: grid; align-content: start; gap: 11px; }
.footer-contact-action { display: inline-flex; width: fit-content; align-items: center; gap: 9px; color: #e7eaf3; font-weight: 650; text-decoration: none; }
.footer-contact-action:hover { color: #fff; text-decoration: underline; }
.footer-contact-action .contact-icon { color: #a8b4ff; }
.contact-layout { align-items: start; }
.contact-aside { display: grid; align-content: start; gap: 14px; }
.contact-aside p { margin: 0; color: var(--dga-muted); }
.contact-channel { display: flex; min-height: 52px; align-items: center; gap: 11px; padding: 12px 14px; color: var(--dga-ink); background: #fff; border: 1px solid var(--dga-line); border-radius: 12px; font-weight: 720; text-decoration: none; box-shadow: var(--dga-shadow-sm); }
.contact-channel:hover { color: var(--dga-blue); border-color: #cbd4ff; }
.contact-channel > span:nth-of-type(1) { flex: 1; }
.contact-channel-whatsapp { background: #f4fbf9; }
.contact-channel-email { background: #f6f7ff; }
.contact-channel-email .contact-icon { color: var(--dga-blue); }
.feature-visual { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; margin: 0 0 18px; background: #f7f8fc; border: 1px solid #e7eaf1; border-radius: 15px; }
.feature-visual img { display: block; width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.feature-card .feature-visual + .feature-icon { margin-top: 0; }
.dga-contact-form form { display: grid; gap: 15px; }
.dga-contact-form .form-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.dga-data-notice { padding: 13px 15px; margin: 0; color: #43516b; background: #f6f7fb; border-inline-start: 3px solid var(--dga-violet); border-radius: 8px; font-size: .83rem; line-height: 1.75; }
.dga-data-notice a { font-weight: 700; }
.consent-label { display: flex; align-items: flex-start; gap: 10px; color: var(--dga-ink-soft); font-size: .86rem; line-height: 1.65; }
.consent-label input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; accent-color: var(--dga-blue); }
.form-notice { padding: 13px 15px; margin-bottom: 16px; border: 1px solid var(--dga-line); border-radius: 10px; line-height: 1.65; }
.form-success { color: #165b4f; background: #effaf7; border-color: #ccece4; }
.form-warning { color: #70460a; background: #fff8eb; border-color: #f0dfba; }
.form-error { color: #813b3b; background: #fff4f3; border-color: #f1d6d2; }
.button-whatsapp-cta { gap: 8px; }
.button-whatsapp-cta .contact-icon { color: #16836d; }
@media (max-width: 1100px) {
  .header-quick-link span { display: none; }
  .header-quick-link { width: 38px; padding: 6px; }
}
@media (max-width: 820px) {
  .header-actions { gap: 8px; }
  .header-contact-actions { gap: 5px; }
  .footer-contact { margin-top: 6px; }
}
@media (max-width: 640px) {
  .dga-contact-form .form-row { grid-template-columns: 1fr; }
  .header-quick-link { width: 35px; min-width: 35px; min-height: 35px; }
  .header-quick-link .contact-icon { width: 17px; height: 17px; }
  .button-whatsapp-cta { width: 100%; margin-top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .header-quick-link, .contact-channel, .feature-card, .button { transition: none; }
}

/* Click-through service cards and dedicated service detail pages. */
.feature-card-link {
  display: flex;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  min-height: 100%;
}
.feature-card-link:focus-visible,
.related-service-card:focus-visible {
  outline: 3px solid rgba(74, 99, 246, .55);
  outline-offset: 4px;
}
.feature-card-link h2,
.feature-card-link h3 { transition: color .18s ease; }
.feature-card-link:hover h2,
.feature-card-link:hover h3 { color: var(--dga-blue); }
.feature-card-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  color: var(--dga-blue);
  font-size: .88rem;
  font-weight: 750;
}
.feature-card-more > span { transition: transform .18s ease; }
.feature-card-link:hover .feature-card-more > span,
.related-service-card:hover .feature-card-more > span { transform: translate(3px, -2px); }
html[dir="rtl"] .feature-card-link:hover .feature-card-more > span,
html[dir="rtl"] .related-service-card:hover .feature-card-more > span { transform: translate(-3px, -2px); }
.feature-grid-service-links .feature-card { height: 100%; }
.feature-visual-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 18%, rgba(129, 111, 246, .18), transparent 32%),
    radial-gradient(circle at 18% 82%, rgba(54, 190, 192, .14), transparent 34%),
    linear-gradient(135deg, #f7f8ff, #edf2ff 55%, #f8fbff);
}
.feature-visual-placeholder > span {
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(86, 107, 205, .16);
  border-radius: 25px;
  color: #4e64df;
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 38px rgba(43,63,135,.12);
  font-size: 2.25rem;
  font-weight: 800;
}
.feature-visual-placeholder > i {
  position: absolute;
  z-index: -1;
  width: 34%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(91,111,201,.32), transparent);
  transform: rotate(28deg);
}
.feature-visual-placeholder > i:nth-of-type(1) { top: 27%; left: 12%; }
.feature-visual-placeholder > i:nth-of-type(2) { right: 12%; bottom: 28%; transform: rotate(-26deg); }
.feature-visual-placeholder > i:nth-of-type(3) { top: 50%; left: 33%; transform: rotate(90deg); }

.service-detail-hero { padding-block: clamp(48px, 7vw, 88px); }
.service-detail-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr);
  align-items: center;
  gap: clamp(28px, 5vw, 72px);
}
.service-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 28px;
  color: var(--dga-muted);
  font-size: .82rem;
}
.service-breadcrumbs a { color: var(--dga-blue); text-decoration: none; }
.service-breadcrumbs a:hover { text-decoration: underline; }
.service-detail-copy h1 { max-width: 760px; margin-bottom: 18px; }
.service-detail-lead { max-width: 700px; margin: 0; color: var(--dga-muted); font-size: clamp(1.03rem, 1.7vw, 1.2rem); line-height: 1.9; }
.service-detail-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 23px;
  padding: 9px 13px;
  border: 1px solid #e6eaf3;
  border-radius: 999px;
  color: #65718a;
  background: rgba(255,255,255,.72);
  font-size: .79rem;
  font-weight: 700;
}
.service-detail-status .status-dot { width: 8px; height: 8px; border-radius: 50%; background: #a6b0c4; box-shadow: 0 0 0 4px rgba(166,176,196,.14); }
.service-detail-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
.service-detail-visual {
  min-height: 270px;
  overflow: hidden;
  border: 1px solid #e7eaf2;
  border-radius: 25px;
  background: #f7f8fc;
  box-shadow: 0 26px 64px rgba(29,44,86,.09);
}
.service-detail-visual img { display: block; width: 100%; height: 100%; min-height: 310px; object-fit: cover; }
.service-detail-placeholder {
  position: relative;
  display: flex;
  min-height: 310px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle at 75% 20%, rgba(125,105,237,.2), transparent 38%), linear-gradient(135deg,#f6f8ff,#eef2ff 58%,#f6fbff);
}
.service-detail-placeholder > span {
  display: grid;
  place-items: center;
  width: 112px;
  height: 112px;
  border: 1px solid rgba(91,109,205,.16);
  border-radius: 32px;
  color: #5369e2;
  background: rgba(255,255,255,.86);
  box-shadow: 0 22px 46px rgba(39,57,126,.13);
  font-size: 3rem;
}
.service-detail-placeholder > i { position: absolute; width: 170px; height: 1px; background: rgba(81,103,194,.22); transform: rotate(24deg); }
.service-detail-placeholder > i:nth-of-type(1) { top: 25%; left: 4%; }
.service-detail-placeholder > i:nth-of-type(2) { right: 2%; bottom: 26%; transform: rotate(-22deg); }
.service-detail-placeholder > i:nth-of-type(3) { top: 48%; left: 40%; transform: rotate(90deg); }
.service-detail-placeholder small { margin-top: 20px; color: #75819b; font-size: .78rem; }
.service-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: start; gap: 28px; }
.service-rich-content { min-width: 0; }
.service-rich-content h2 { margin: 1.7em 0 .55em; color: var(--dga-ink); font-size: clamp(1.18rem,2vw,1.48rem); }
.service-rich-content h2:first-child { margin-top: 0; }
.service-rich-content p,
.service-rich-content li { color: var(--dga-muted); line-height: 1.95; }
.service-rich-content ul,
.service-rich-content ol { padding-inline-start: 1.45em; }
.service-detail-aside { display: grid; gap: 16px; }
.service-aside-card {
  padding: 23px;
  border: 1px solid var(--dga-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 25px rgba(20,35,70,.035);
}
.service-aside-card h2 { margin: 9px 0; color: var(--dga-ink); font-size: 1.05rem; }
.service-aside-card p { margin: 0; color: var(--dga-muted); font-size: .88rem; line-height: 1.8; }
.service-aside-cta { background: linear-gradient(145deg,#f8f9ff,#fff); }
.service-aside-cta .text-link { display: inline-flex; margin-top: 16px; }
.related-services { background: #f8faff; border-top: 1px solid #edf0f6; }
.related-service-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.related-service-card {
  display: flex;
  min-width: 0;
  min-height: 235px;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  border: 1px solid var(--dga-line);
  border-radius: 17px;
  color: inherit;
  background: #fff;
  box-shadow: 0 5px 18px rgba(20,35,70,.025);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.related-service-card:hover { transform: translateY(-3px); border-color: #cfd6ff; box-shadow: var(--dga-shadow-sm); }
.related-service-card h2,
.related-service-card h3 { margin: 15px 0 8px; color: var(--dga-ink); font-size: 1.02rem; }
.related-service-card p { margin: 0; color: var(--dga-muted); font-size: .88rem; line-height: 1.8; }
.related-service-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 13px; color: var(--dga-blue); background: #f0f3ff; font-size: 1.35rem; font-weight: 800; }

@media (max-width: 900px) {
  .service-detail-hero-grid { grid-template-columns: 1fr; }
  .service-detail-visual { max-width: 680px; width: 100%; }
  .service-detail-layout { grid-template-columns: 1fr; }
  .service-detail-aside { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .related-service-grid { grid-template-columns: 1fr; }
  .service-detail-aside { grid-template-columns: 1fr; }
  .service-detail-hero { padding-block: 42px; }
  .service-detail-visual img { min-height: 210px; }
  .service-detail-placeholder { min-height: 230px; }
  .service-detail-actions .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-card-link, .related-service-card, .feature-card-more > span { transition: none !important; }
}
