/* ==========================================================
   TGW inner pages skin (2026-11-14)
   Brings the old inner pages (services, ERP, contact, forms...) to the
   same visual language as the redesigned home page (tgw-ds.css).
   Scoped to body.tgw-inner so nothing else is affected.
   ========================================================== */

/* ---- 1) remap the legacy variables used by landing_page_v2.css ---- */
body.tgw-inner {
    --cyber-primary: var(--x-blue-500, #1f66b3);
    --cyber-secondary: var(--x-violet, #7c5cff);
    --cyber-blue: var(--x-blue-500, #1f66b3);
    --cyber-cyan: var(--x-cyan, #41dbf2);
    --cyber-accent: var(--x-cyan, #41dbf2);
    --cyber-gradient: var(--x-magic);
    --cyber-gradient-alt: var(--x-brand);
    --bg-light: var(--x-soft, #f4f8fd);
    --bg-lighter: var(--x-line, #e2eaf4);
    --text-primary: var(--x-ink, #0b1b33);
    --text-secondary: var(--x-body, #3b4a63);
    --text-muted: var(--x-muted, #66768f);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --shadow-md: var(--x-sh-sm);
    --shadow-lg: var(--x-sh-md);
    --shadow-xl: var(--x-sh-lg);
    --ai-glow: rgba(124, 92, 255, .25);
    margin: 0;
    color: var(--x-body, #3b4a63);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
    font-family: var(--x-font-en, 'Inter', 'Cairo', sans-serif);
}
html[dir="rtl"] body.tgw-inner, body.tgw-inner.rtl { font-family: var(--x-font-ar, 'Cairo', 'Inter', sans-serif); }
body.tgw-inner h1, body.tgw-inner h2, body.tgw-inner h3, body.tgw-inner h4 { letter-spacing: -.01em; }

/* ---- 2) page hero bands: same soft gradient + dotted texture as the home hero ---- */
body.tgw-inner .svc-hero,
body.tgw-inner .erp-module-hero,
body.tgw-inner .hero,
body.tgw-inner > section.features-section:first-of-type,
body.tgw-inner main > section:first-child:not(.svc-hero):not(.erp-module-hero):not(.ai-hero) {
    background: linear-gradient(180deg, #e7f5ff 0%, #f7fbff 62%, #fff 100%);
    position: relative;
}
body.tgw-inner .svc-hero::before,
body.tgw-inner > section.features-section:first-of-type::before {
    content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .5; z-index: 0;
    background-image: radial-gradient(rgba(24, 72, 126, .18) 1px, transparent 1.4px);
    background-size: 36px 36px;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
            mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
}
body.tgw-inner .svc-hero > *, body.tgw-inner > section.features-section:first-of-type > * { position: relative; z-index: 1; }
body.tgw-inner > section.features-section:first-of-type { padding-top: clamp(56px, 7vw, 96px) !important; }
body.tgw-inner .svc-hero { padding-top: clamp(36px, 5vw, 64px); padding-bottom: clamp(48px, 6vw, 84px); }

/* ---- 3) headings ---- */
body.tgw-inner .section-title,
body.tgw-inner .svc-title h2,
body.tgw-inner .module-title h2,
body.tgw-inner .industry-title h2,
body.tgw-inner .contact-title,
body.tgw-inner .ai-title {
    color: var(--x-ink, #0b1b33);
    font-weight: 900;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.2;
}
body.tgw-inner .svc-hero h1,
body.tgw-inner .erp-module-hero h1,
body.tgw-inner .hero-title {
    color: var(--x-ink, #0b1b33);
    font-weight: 900;
    line-height: 1.2;
}
body.tgw-inner .section-description,
body.tgw-inner .svc-title p,
body.tgw-inner .svc-hero p,
body.tgw-inner .erp-module-hero p,
body.tgw-inner .hero-description { color: var(--x-body, #3b4a63); }

/* eyebrow pills */
body.tgw-inner .svc-kicker,
body.tgw-inner .erp-kicker,
body.tgw-inner .section-badge,
body.tgw-inner .hero-badge,
body.tgw-inner .ai-kicker,
body.tgw-inner .eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 14px; border-radius: 999px;
    background: var(--x-cyan-soft, #e8fbff); color: var(--x-blue, #18487e);
    border: 1px solid rgba(65, 219, 242, .45);
    font-size: 13px; font-weight: 800; box-shadow: none;
}

/* ---- 4) buttons ---- */
body.tgw-inner .btn-hero.btn-primary,
body.tgw-inner .btn-primary,
body.tgw-inner .svc-btn.primary,
body.tgw-inner .btn-pricing,
body.tgw-inner .ai-btn:not(.ghost):not(.sales),
body.tgw-inner button.btn-primary,
body.tgw-inner .form-actions .btn,
body.tgw-inner .form-actions button[type="submit"] {
    background: var(--x-magic); background-size: 160% 100%; color: #fff !important; border: 0;
    border-radius: 999px; font-weight: 800;
    box-shadow: 0 14px 36px rgba(124, 92, 255, .32);
    transition: transform .25s var(--x-ease, ease), background-position .4s, box-shadow .25s;
}
body.tgw-inner .btn-hero.btn-primary:hover,
body.tgw-inner .btn-primary:hover,
body.tgw-inner .svc-btn.primary:hover,
body.tgw-inner .btn-pricing:hover,
body.tgw-inner .ai-btn:not(.ghost):not(.sales):hover { transform: translateY(-2px); background-position: 100% 0; box-shadow: 0 18px 44px rgba(124, 92, 255, .4); }
body.tgw-inner .svc-btn.secondary,
body.tgw-inner .btn-outline,
body.tgw-inner .btn-hero.btn-outline,
body.tgw-inner .ai-btn.ghost {
    background: #fff; color: var(--x-blue, #18487e) !important; border: 1px solid #cfe0f2;
    border-radius: 999px; font-weight: 800; box-shadow: var(--x-sh-sm);
}
body.tgw-inner .svc-btn.secondary:hover,
body.tgw-inner .btn-outline:hover,
body.tgw-inner .ai-btn.ghost:hover { border-color: var(--x-cyan, #41dbf2); transform: translateY(-2px); }

/* ---- 5) cards ---- */
body.tgw-inner .benefit-card,
body.tgw-inner .pricing-card,
body.tgw-inner .svc-card,
body.tgw-inner .svc-proof,
body.tgw-inner .contact-card,
body.tgw-inner .contact-map-card,
body.tgw-inner .industry-card,
body.tgw-inner .related-card,
body.tgw-inner .module-metric,
body.tgw-inner .bd-card,
body.tgw-inner .ai-card,
body.tgw-inner .stat-card {
    background: #fff;
    border: 1px solid var(--x-line, #e2eaf4);
    border-radius: var(--x-r-lg, 24px);
    box-shadow: var(--x-sh-sm);
    transition: transform .35s var(--x-ease, ease), box-shadow .35s var(--x-ease, ease), border-color .35s;
}
body.tgw-inner .benefit-card:hover,
body.tgw-inner .pricing-card:hover,
body.tgw-inner .svc-card:hover,
body.tgw-inner .industry-card:hover,
body.tgw-inner .related-card:hover,
body.tgw-inner .ai-card:hover {
    transform: translateY(-6px); box-shadow: var(--x-sh-md); border-color: rgba(65, 219, 242, .6);
}
body.tgw-inner .svc-card h3, body.tgw-inner .benefit-card h3, body.tgw-inner .pricing-card .plan-name { color: var(--x-ink, #0b1b33); font-weight: 900; }
body.tgw-inner .svc-card p, body.tgw-inner .benefit-card p { color: var(--x-body, #3b4a63); }
body.tgw-inner .svc-card-media img { border-radius: 16px; }
body.tgw-inner .svc-card-media { border-radius: 18px; overflow: hidden; }
body.tgw-inner .svc-chip { background: rgba(255, 255, 255, .94); color: var(--x-blue, #18487e); border: 1px solid #d6e4f3; font-weight: 800; }
body.tgw-inner .svc-proof i, body.tgw-inner .benefit-icon-wrapper {
    background: var(--x-cyan-soft, #e8fbff); color: var(--x-blue-500, #1f66b3); border-radius: 16px;
}
body.tgw-inner .svc-proof strong { color: var(--x-ink, #0b1b33); }
body.tgw-inner .svc-proof li::before { color: var(--x-green, #19c39a); }
body.tgw-inner .svc-media { border-radius: var(--x-r-lg, 24px); border: 1px solid var(--x-line, #e2eaf4); box-shadow: var(--x-sh-md); }
body.tgw-inner .svc-media img, body.tgw-inner .svc-media video, body.tgw-inner .svc-slideshow { border-radius: 16px; }
body.tgw-inner .svc-section.alt, body.tgw-inner .module-section.alt { background: var(--x-soft, #f4f8fd); }
body.tgw-inner .svc-platform { background: #fff; border: 1px solid var(--x-line, #e2eaf4); border-radius: var(--x-r-md, 16px); box-shadow: var(--x-sh-sm); }

/* ---- 6) forms ---- */
body.tgw-inner .form-label { color: var(--x-ink, #0b1b33); font-weight: 800; font-size: 14px; }
body.tgw-inner .form-control,
body.tgw-inner input[type="text"].form-control,
body.tgw-inner select.form-control,
body.tgw-inner textarea.form-control {
    border: 1.5px solid #d6e2f0; border-radius: 14px; background: #fff; color: var(--x-ink, #0b1b33);
    padding: 13px 16px; font-family: inherit; font-size: 15px; min-height: 48px;
    transition: border-color .2s, box-shadow .2s;
}
body.tgw-inner .form-control:focus { border-color: var(--x-cyan, #41dbf2); box-shadow: 0 0 0 4px rgba(65, 219, 242, .22); outline: none; }
body.tgw-inner textarea.form-control { min-height: 130px; }
body.tgw-inner .alert-success { border-radius: 14px; }
body.tgw-inner .alert-danger { border-radius: 14px; }

/* ---- 7) pricing ---- */
body.tgw-inner .pricing-card.featured, body.tgw-inner .pricing-card.popular { border-color: var(--x-violet, #7c5cff); box-shadow: 0 24px 60px rgba(124, 92, 255, .18); }
body.tgw-inner .plan-features i { color: var(--x-green, #19c39a); }

/* ---- 8) ERP module/industry/country pages ---- */
body.tgw-inner .erp-module-hero h1 { font-size: clamp(30px, 4.6vw, 56px); }
body.tgw-inner .module-metric strong { color: var(--x-blue, #18487e); }
body.tgw-inner .country-link, body.tgw-inner .industry-card a { color: var(--x-blue-500, #1f66b3); font-weight: 800; }

/* ---- 9) mobile ---- */
@media (max-width: 900px) {
    body.tgw-inner .svc-grid { grid-template-columns: 1fr; }
    body.tgw-inner .svc-proof { order: 2; }
}
@media (max-width: 640px) {
    body.tgw-inner .container, body.tgw-inner .svc-shell { padding-inline: 18px; width: 100%; max-width: 100%; box-sizing: border-box; }
    body.tgw-inner .svc-hero h1, body.tgw-inner .erp-module-hero h1, body.tgw-inner .hero-title { font-size: clamp(26px, 8vw, 34px); max-width: none; }
    body.tgw-inner .section-title, body.tgw-inner .svc-title h2, body.tgw-inner .module-title h2, body.tgw-inner .industry-title h2 { font-size: clamp(24px, 7vw, 30px); }
    body.tgw-inner .svc-actions, body.tgw-inner .hero-cta-group, body.tgw-inner .hero-actions { flex-direction: column; align-items: stretch; }
    body.tgw-inner .svc-btn, body.tgw-inner .btn-hero { width: 100%; justify-content: center; }
    body.tgw-inner .svc-media img, body.tgw-inner .svc-media video, body.tgw-inner .svc-slideshow { height: 200px; }
    body.tgw-inner .svc-cards, body.tgw-inner .benefits-grid, body.tgw-inner .pricing-grid { grid-template-columns: 1fr; gap: 16px; }
    body.tgw-inner .form-row { grid-template-columns: 1fr; }
    body.tgw-inner .contact-grid { grid-template-columns: 1fr; }
    body.tgw-inner .contact-map-head { flex-direction: column; align-items: flex-start; gap: 10px; }
    body.tgw-inner table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    body.tgw-inner > section.features-section:first-of-type { padding-top: 40px !important; }
}

/* legacy cards that waited for a missing scroll script: always visible */
body.tgw-inner .pricing-card, body.tgw-inner .feature-card, body.tgw-inner .benefit-card { opacity: 1 !important; transform: none; animation: none; }
body.tgw-inner .pricing-card.animate-in, body.tgw-inner .feature-card.animate-in { animation: none; }
body.tgw-inner .pricing-card:hover, body.tgw-inner .benefit-card:hover { transform: translateY(-6px); }