/* ==========================================================================
   BayBot "Friendly" theme
   Visual layer from the baybot-friendly-catalog design (clean white surfaces,
   Manrope headings, DM Sans body, flat blue accent, 8px corners).
   Loaded after styles.css. Markup and content are unchanged.
   Delete the <link> to theme-friendly.css in the pages to revert.
   ========================================================================== */

:root {
    --primary-color: #1a5fd6;
    --primary-dark: #1450b8;
    --primary-light: #4a82e6;
    --secondary-color: #1a5fd6;
    --secondary-dark: #1450b8;
    --font-primary: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Manrope', 'DM Sans', sans-serif;
    --radius-full: 8px;
    --fr-bg: #ffffff;
    --fr-fg: #1c2229;
    --fr-card: #f6f8fa;
    --fr-muted: #6b7480;
    --fr-border: #e2e6ea;
    --fr-accent: #e8eefb;
    --fr-shadow: 0 8px 36px rgba(20, 30, 50, 0.07);
}

body {
    font-family: var(--font-primary);
    color: var(--fr-fg);
    background: var(--fr-bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.hero-title, .section-title, .product-hero-title {
    font-family: var(--font-heading);
    letter-spacing: 0;
}

.gradient-text {
    background: none;
    -webkit-text-fill-color: var(--primary-color);
    color: var(--primary-color);
}

/* Buttons: flat, 8px corners */
.btn { border-radius: 8px; font-weight: 600; box-shadow: none; }
.btn-primary { background: var(--primary-color); box-shadow: none; }
.btn-primary:hover { background: var(--primary-dark); transform: none; box-shadow: none; }
.btn-outline { background: var(--fr-bg); color: var(--fr-fg); border-color: var(--fr-border); }
.btn-outline:hover { background: var(--fr-card); color: var(--primary-color); border-color: var(--primary-color); }
.btn-white { border-radius: 8px; }

/* Navbar: plain white bar with hairline border */
.navbar {
    background: var(--fr-bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border-bottom: 1px solid var(--fr-border);
}
.navbar.scrolled { background: var(--fr-bg); box-shadow: none; }
.nav-links > li > a { font-size: 0.9rem; font-weight: 550; color: var(--fr-fg); }
.nav-links > li > a:hover { color: var(--primary-color); }
.dropdown {
    background: var(--fr-bg);
    border: 1px solid var(--fr-border);
    border-radius: 8px;
    box-shadow: var(--fr-shadow);
}

/* Hero: full-bleed photo with soft white wash, copy on the left */
.hero-section {
    background: var(--fr-card) url('assets/images/warehouse-hero.webp') center 55% / cover no-repeat;
    min-height: 620px;
    display: flex;
    align-items: center;
}
.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(250,251,252,.97) 0%, rgba(250,251,252,.92) 28%, rgba(250,251,252,.4) 55%, rgba(250,251,252,0) 72%);
    pointer-events: none;
}
.hero-background, .scroll-indicator { display: none; }
.hero-container { position: relative; z-index: 1; width: 100%; }
.hero-eyebrow { color: var(--primary-color); letter-spacing: 1.3px; }
.hero-title { font-weight: 750; line-height: 1.08; }
.hero-subtitle { color: var(--fr-muted); }
.hero-media-caption {
    background: rgba(255,255,255,.9);
    border: 1px solid var(--fr-border);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    box-shadow: var(--fr-shadow);
}
@media (min-width: 969px) {
    .hero-grid { grid-template-columns: 1.1fr 0.9fr; }
    .hero-product-image { max-height: min(430px, 52vh); filter: drop-shadow(0 18px 24px rgba(20,30,50,.18)); }
}
@media (max-width: 968px) {
    .hero-section::before { background: rgba(250,251,252,.88); }
}

/* Section headings */
.section-label { color: var(--primary-color); letter-spacing: 1.4px; }
.section-title { font-weight: 700; }
.section-description { color: var(--fr-muted); }

/* Alternating section surfaces become flat white / light grey */
.about-section { background: var(--fr-bg); }
.industries-section, .faq-section { background: var(--fr-card); }

/* Cards */
.industry-card, .model-card, .contact-card, .radio-card, .chat-card {
    background: var(--fr-bg);
    border: 1px solid var(--fr-border);
    border-radius: 8px;
    box-shadow: none;
}
.industry-card:hover, .model-card:hover { box-shadow: var(--fr-shadow); transform: none; border-color: var(--primary-color); }
.model-card-media { background: var(--fr-card); }
.card-link { color: var(--primary-color); font-weight: 600; }

/* Forms */
input, select, textarea {
    border-radius: 5px;
    border: 1px solid var(--fr-border);
    background: var(--fr-bg);
    font-family: var(--font-primary);
}
input:focus, select:focus, textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px rgba(26, 95, 214, .15);
    outline: 0;
}

/* CTA band: flat blue */
.cta-section { background: var(--primary-color); }


/* Inner-page banners and icon tiles: flat, no gradients */
.page-header { background: var(--fr-card); border-bottom: 1px solid var(--fr-border); }
.industry-icon { background: var(--fr-accent); border-radius: 8px; }
.industry-icon i { color: var(--primary-color); }

/* "Why choose us": light surface, so restore dark text */
.why-choose-section { background: var(--fr-bg); color: var(--fr-fg); }
.why-choose-background { display: none; }
.why-choose-section .section-title, .features-list h4 { color: var(--fr-fg); }
.features-list p, .why-choose-section .section-description { color: var(--fr-muted); }
.features-list i { color: var(--primary-color); }

/* Product pages: flat light hero; dark video band keeps light text */
.product-hero { background: var(--fr-card); border-bottom: 1px solid var(--fr-border); }
.product-video-section .section-title { color: #fff; }
.product-video-section .section-label { color: #7fa8f0; }
.product-video-section .section-description { color: rgba(255, 255, 255, .75); }

/* ==========================================================================
   Light-blue visual system
   Soft sky background, white glass cards, blue accents, gentle depth.
   ========================================================================== */
:root {
    --sky-50: #f2f8ff;
    --sky-100: #e6f1ff;
    --sky-200: #d3e6ff;
    --sky-300: #b6d4fb;
    --ink: #0f2547;
    --blue-glow: 0 18px 50px rgba(26, 95, 214, 0.14);
    --card-shadow: 0 2px 4px rgba(15, 37, 71, .04), 0 12px 32px rgba(26, 95, 214, .08);
}

html { scroll-behavior: smooth; }
body {
    background:
        radial-gradient(900px 500px at 8% -5%, #dcebff 0%, transparent 60%),
        radial-gradient(800px 500px at 100% 20%, #d6e8ff 0%, transparent 60%),
        linear-gradient(180deg, var(--sky-50) 0%, var(--sky-100) 100%);
    background-attachment: fixed;
    color: var(--ink);
}
h1, h2, h3, h4 { color: var(--ink); }
section { background: transparent; }

/* Frosted navbar */
.navbar {
    background: rgba(255, 255, 255, .82);
    backdrop-filter: saturate(160%) blur(14px);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    border-bottom: 1px solid rgba(26, 95, 214, .12);
}
.navbar.scrolled { background: rgba(255, 255, 255, .92); box-shadow: 0 6px 24px rgba(15, 37, 71, .08); }
.nav-links > li > a { position: relative; }
.nav-links > li > a::after {
    content: ""; position: absolute; left: 0; right: 100%; bottom: -6px; height: 2px;
    background: var(--primary-color); transition: right .25s ease;
}
.nav-links > li > a:hover::after { right: 0; }

/* Buttons: depth + lift */
.btn-primary {
    background: linear-gradient(135deg, #2a6ff0 0%, #1a5fd6 55%, #1450b8 100%);
    box-shadow: 0 8px 20px rgba(26, 95, 214, .28);
}
.btn-primary:hover { background: linear-gradient(135deg, #3a7bf5 0%, #1f66e0 55%, #1858c8 100%); transform: translateY(-2px); box-shadow: 0 12px 26px rgba(26, 95, 214, .36); }
.btn-outline { background: rgba(255, 255, 255, .85); border-color: var(--sky-300); color: var(--ink); }
.btn-outline:hover { background: #fff; border-color: var(--primary-color); color: var(--primary-color); }

/* Hero: blue-tinted wash, glow orbs, floating product card */
.hero-section { min-height: 660px; }
.hero-section::before {
    background:
        radial-gradient(520px 340px at 12% 20%, rgba(255,255,255,.9), transparent 70%),
        linear-gradient(90deg, rgba(230,241,255,.97) 0%, rgba(230,241,255,.9) 30%, rgba(214,232,255,.45) 58%, rgba(214,232,255,.05) 80%);
}
.hero-section::after {
    content: ""; position: absolute; right: -120px; bottom: -160px; width: 520px; height: 520px; border-radius: 50%;
    background: radial-gradient(circle, rgba(26,95,214,.28), transparent 65%); filter: blur(10px); pointer-events: none;
}
.hero-eyebrow {
    display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--sky-200);
    padding: 7px 14px; border-radius: 999px; box-shadow: 0 4px 14px rgba(26,95,214,.08);
}
.hero-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #20c27a; box-shadow: 0 0 0 4px rgba(32,194,122,.18); }
.hero-title { color: var(--ink); }
.hero-subtitle { color: #44587a; }
.hero-product-image { animation: bb-float 6s ease-in-out infinite; }
@keyframes bb-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
.hero-media-caption {
    background: rgba(255,255,255,.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.9); box-shadow: var(--blue-glow);
}

/* Trust strip overlaps the hero as a floating white bar */
.trust-strip { padding: 0; margin-top: -44px; position: relative; z-index: 3; background: transparent; }
.trust-grid {
    display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 14px;
    box-shadow: var(--blue-glow); border: 1px solid var(--sky-200); overflow: hidden;
}
.trust-item { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 26px 18px; font-size: .92rem; color: var(--fr-muted); line-height: 1.4; }
.trust-item + .trust-item { border-left: 1px solid var(--sky-200); }
.trust-item i {
    width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex-shrink: 0;
    background: linear-gradient(135deg, var(--sky-100), var(--sky-200)); color: var(--primary-color); font-size: 1.05rem;
}
.trust-item strong { color: var(--ink); font-weight: 650; }
@media (max-width: 900px) {
    .trust-grid { grid-template-columns: 1fr 1fr; }
    .trust-item:nth-child(3) { border-left: 0; }
    .trust-item:nth-child(n+3) { border-top: 1px solid var(--sky-200); }
}
@media (max-width: 520px) {
    .trust-grid { grid-template-columns: 1fr; }
    .trust-item + .trust-item { border-left: 0; border-top: 1px solid var(--sky-200); }
}

/* Section rhythm: alternating translucent bands on the blue canvas */
.about-section, .why-choose-section { background: transparent; color: var(--ink); }
.industries-section { background: rgba(255,255,255,.55); }
.faq-section { background: rgba(255,255,255,.45); }
.section-label {
    display: inline-block; background: #fff; border: 1px solid var(--sky-200); color: var(--primary-color);
    padding: 6px 14px; border-radius: 999px; font-size: .72rem; box-shadow: 0 3px 10px rgba(26,95,214,.07);
}
.section-title { color: var(--ink); }
.section-description, .why-choose-section .section-description { color: #4d6286; }

/* Cards: white, soft blue shadow, lift on hover */
.industry-card, .model-card, .contact-card, .radio-card, .chat-card, .feature-card, .faq-item {
    background: #fff; border: 1px solid var(--sky-200); border-radius: 16px; box-shadow: var(--card-shadow);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.industry-card:hover, .model-card:hover { transform: translateY(-4px); box-shadow: var(--blue-glow); border-color: var(--sky-300); }
.industry-icon { background: linear-gradient(135deg, var(--primary-color), #4a8cf5); border-radius: 14px; box-shadow: 0 8px 18px rgba(26,95,214,.28); }
.industry-icon i { color: #fff; }
.model-card-media { background: linear-gradient(180deg, var(--sky-50), var(--sky-100)); }
.about-section .about-image img, .why-choose-image .feature-image, .section-product-image { border-radius: 18px; box-shadow: var(--blue-glow); }

/* Inner page banners: sky gradient with soft glow */
.page-header, .product-hero {
    background:
        radial-gradient(600px 260px at 85% 0%, rgba(255,255,255,.9), transparent 70%),
        linear-gradient(135deg, var(--sky-100) 0%, var(--sky-200) 100%);
    border-bottom: 1px solid var(--sky-300);
}

/* Fields */
input, select, textarea { background: #fff; border-color: var(--sky-300); }

/* CTA band */
.cta-section { background: linear-gradient(135deg, #1a5fd6 0%, #1450b8 60%, #0f3d94 100%); color: #fff; }
.cta-section h2, .cta-section h3, .cta-section p { color: #fff; }

/* Footer: deep navy to anchor the light page */
.footer { background: linear-gradient(135deg, #0a1730, #112a52); }

/* Scroll reveal (progressive enhancement, no JS) */
@supports (animation-timeline: view()) {
    .industry-card, .model-card, .feature-card, .faq-item, .contact-card, .section-header {
        animation: bb-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 35%;
    }
    @keyframes bb-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
    .hero-product-image { animation: none; }
    html { scroll-behavior: auto; }
    .industry-card, .model-card, .feature-card, .faq-item, .contact-card, .section-header { animation: none; }
}

/* Industry cards: photo on top, icon badge overlapping its lower edge */
.industry-card { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.industry-card-media { height: 190px; overflow: hidden; background: linear-gradient(180deg, var(--sky-50), var(--sky-200)); }
.industry-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.industry-card:hover .industry-card-media img { transform: scale(1.06); }
.industry-card .industry-icon {
    margin: -28px 0 0 var(--spacing-lg); position: relative; z-index: 1; border: 4px solid #fff;
    width: 56px; height: 56px;
}
.industry-card h3, .industry-card p, .industry-card .card-link { margin-left: var(--spacing-lg); margin-right: var(--spacing-lg); }
.industry-card h3 { margin-top: var(--spacing-sm); }
.industry-card .card-link { margin-bottom: var(--spacing-lg); margin-top: auto; padding-top: var(--spacing-sm); }
@media (prefers-reduced-motion: reduce) { .industry-card:hover .industry-card-media img { transform: none; } }

/* Industries dropdown: photo thumbnails */
.dropdown-industries { min-width: 340px; padding: 10px; border-radius: 14px; }
.dropdown-industries .dropdown-media { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px; }
.dropdown-industries .dropdown-media:hover { background: var(--sky-100); }
.dropdown-industries img { width: 52px; height: 52px; border-radius: 10px; object-fit: cover; flex-shrink: 0; background: var(--sky-100); }
.dropdown-industries span { display: flex; flex-direction: column; line-height: 1.3; }
.dropdown-industries strong { font-size: .92rem; font-weight: 650; color: var(--ink); }
.dropdown-industries small { font-size: .78rem; color: var(--fr-muted); }

/* Alternating detail sections sit on the light canvas: dark text */
.check-list.light li { color: #3b4f72; }
.check-list.light i, .check-list i { color: var(--primary-color); }
.btn-white { background: #fff; color: var(--primary-color); border: 1px solid var(--sky-300); box-shadow: 0 6px 16px rgba(26,95,214,.12); }
.btn-white:hover { background: var(--primary-color); color: #fff; }
.why-choose-section .section-label { color: var(--primary-color); }
.about-images img, .why-choose-image img { border-radius: 18px; box-shadow: var(--blue-glow); }
@media (max-width: 968px) {
    .dropdown-industries { min-width: 0; }
    .dropdown-industries small { display: none; }
}

/* ==========================================================================
   Neutral "Lovable" canvas
   Near-white page, cool-grey alternating bands, hairline borders, whisper
   shadows. Blue stays only as the accent. Overrides the sky-blue layer above.
   ========================================================================== */
:root {
    --sky-50: #f9fafb;
    --sky-100: #f3f5f7;
    --sky-200: #e6e9ed;
    --sky-300: #d5dae0;
    --ink: #1c2229;
    --blue-glow: 0 8px 36px rgba(20, 30, 50, 0.07);
    --card-shadow: 0 1px 2px rgba(20, 30, 50, .04), 0 6px 20px rgba(20, 30, 50, .05);
}
body { background: #fff; background-attachment: scroll; color: var(--ink); }

/* Navbar */
.navbar { background: rgba(255, 255, 255, .9); border-bottom: 1px solid var(--fr-border); }

/* Hero: near-white wash like the new design, no coloured orb */
.hero-section { background-color: #f6f8fa; }
.hero-section::before {
    background: linear-gradient(90deg, rgba(250,251,252,.97) 0%, rgba(250,251,252,.92) 28%, rgba(250,251,252,.38) 55%, rgba(250,251,252,0) 72%);
}
.hero-section::after { display: none; }
.hero-eyebrow { border-color: var(--fr-border); box-shadow: none; }
.hero-subtitle { color: var(--fr-muted); }
.hero-media-caption { box-shadow: var(--blue-glow); border: 1px solid var(--fr-border); }

/* Trust strip: hairline bar */
.trust-grid { border: 1px solid var(--fr-border); box-shadow: var(--blue-glow); border-radius: 12px; }
.trust-item + .trust-item { border-left-color: var(--fr-border); }
.trust-item i { background: var(--fr-accent); }

/* Section bands: white, then cool grey */
.industries-section, .faq-section { background: var(--fr-card); }
.industries-section, .faq-section, .page-header, .product-hero { border-top: 1px solid var(--fr-border); }
.section-label { border-color: var(--fr-border); box-shadow: none; }
.section-description, .why-choose-section .section-description { color: var(--fr-muted); }
.check-list.light li { color: #3d4652; }

/* Cards */
.industry-card, .model-card, .contact-card, .radio-card, .chat-card, .feature-card, .faq-item { border-color: var(--fr-border); border-radius: 12px; }
.industry-card:hover, .model-card:hover { border-color: #c6d4ee; }
.industry-card-media, .model-card-media { background: var(--fr-card); }

/* Inner-page banners: flat light grey */
.page-header, .product-hero { background: var(--fr-card); border-bottom: 1px solid var(--fr-border); }

/* Gradient-tinted bits go flat */
.contact-info-list li { background: var(--fr-card); }
input, select, textarea { border-color: var(--fr-border); }
.btn-outline { border-color: var(--fr-border); }
.btn-white { border-color: var(--fr-border); box-shadow: none; }

/* Retire the old "Blue & White Translucent" layer from styles.css */
:root {
    --page-blue: #ffffff;
    --page-blue-soft: #ffffff;
    --glass: #ffffff;
    --glass-strong: #ffffff;
    --glass-blue: #f6f8fa;
}
body::before { display: none !important; }
body { background-color: #fff; }
.industries-section { background: var(--fr-card); }
.hero-section { background-color: #f6f8fa; }
.cta-section { background: linear-gradient(135deg, #1a5fd6 0%, #1450b8 60%, #0f3d94 100%); }
.page-header, .product-hero { background: var(--fr-card); }

/* Light footer (Lovable style). Original light-lettered logo is kept as-is,
   sitting on a navy tile so it stays legible. */
.footer { background: var(--fr-card); color: var(--fr-muted); border-top: 1px solid var(--fr-border); }
.footer-background, .footer-shape { display: none; }
.footer h4 { color: var(--ink); font-family: var(--font-heading); }
.footer a, .footer p, .footer li { color: var(--fr-muted); }
.footer a:hover { color: var(--primary-color); }
.footer-contact i { color: var(--primary-color); }
.footer-bottom { border-top: 1px solid var(--fr-border); color: var(--fr-muted); }
.footer-logo { display: inline-block; background: #0f1b33; padding: 12px 18px; border-radius: 10px; }
.footer-logo:hover { background: #14264a; }
.footer-logo img { display: block; }
.social-links a { background: #fff; border: 1px solid var(--fr-border); color: var(--fr-muted); }
.social-links a:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; }
.footer-logo { margin-bottom: var(--spacing-md); }
.footer-logo img { margin-bottom: 0; }

/* Exactly four cards: one even row on desktop, 2x2 on tablet (no orphan card) */
.industries-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1100px) { .industries-grid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .industries-grid:has(> :nth-child(4):last-child) { grid-template-columns: 1fr; } }

/* ==========================================================================
   BLUE THEME
   Same layout, cards and imagery; the canvas moves from white/grey to blue.
   Sky-blue page, deeper-blue alternating bands, navy "why choose" bands and
   page banners, white cards on top. Delete this block to return to neutral.
   ========================================================================== */
:root {
    --fr-bg: #ffffff;
    --fr-card: #cfe1fd;
    --fr-border: #b3cdf5;
    --fr-accent: #c4daff;
    --fr-muted: #4a6288;
    --sky-50: #e8f1ff;
    --sky-100: #dce9fe;
    --sky-200: #c3d9fb;
    --sky-300: #a9c8f6;
    --ink: #0f2547;
    --navy-1: #0b2a6b;
    --navy-2: #1450b8;
    --blue-glow: 0 14px 40px rgba(15, 60, 150, .18);
    --card-shadow: 0 2px 4px rgba(15, 60, 150, .06), 0 10px 28px rgba(15, 60, 150, .12);
    --page-blue: #cfe1fd;
    --page-blue-soft: #dcebff;
    --glass-blue: #cfe1fd;
}
body {
    background:
        radial-gradient(1000px 600px at 5% 0%, #eaf3ff 0%, transparent 60%),
        linear-gradient(180deg, #dce9fe 0%, #c5daf9 100%);
    background-color: #d3e4fd;
    color: var(--ink);
}

/* Navbar */
.navbar { background: rgba(234, 243, 255, .9); border-bottom: 1px solid var(--sky-300); }
.navbar.scrolled { background: rgba(234, 243, 255, .97); }

/* Hero: blue wash over the photo */
.hero-section { background-color: #cfe1fd; }
.hero-section::before {
    background: linear-gradient(90deg, rgba(214,230,254,.97) 0%, rgba(206,225,253,.9) 30%, rgba(190,213,250,.5) 58%, rgba(26,95,214,.12) 100%);
}
.hero-eyebrow { background: #fff; border-color: var(--sky-300); }
.hero-subtitle { color: #3a5278; }
.hero-media-caption { background: rgba(255,255,255,.92); border-color: var(--sky-200); }

/* Trust strip */
.trust-grid { border-color: var(--sky-300); }
.trust-item i { background: linear-gradient(135deg, var(--sky-100), var(--sky-200)); }

/* Section bands */
.about-section { background: transparent; }
.industries-section { background: #b9d3fa; border-top: 1px solid var(--sky-300); border-bottom: 1px solid var(--sky-300); }
.faq-section { background: #c3d9fb; border-top: 1px solid var(--sky-300); }
.section-label { background: #fff; border-color: var(--sky-300); }
.section-description { color: #3d557d; }

/* "Why choose us" / mission: deep blue band, light text (original treatment) */
.why-choose-section { background: linear-gradient(135deg, var(--navy-1) 0%, var(--navy-2) 100%); color: #fff; }
.why-choose-background { display: block; opacity: .35; }
.why-choose-section .section-title, .why-choose-section h2, .features-list h4 { color: #fff; }
.why-choose-section .section-description, .features-list p, .why-choose-section .section-description.light { color: rgba(255,255,255,.82); }
.why-choose-section .section-label { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); color: #fff; }
.features-list i { color: #8fc0ff; }
.check-list.light li { color: rgba(255,255,255,.92); }
.check-list.light i { color: #8fc0ff; }
.why-choose-section .btn-white, .about-section .btn-white, .btn-white { background: #fff; color: var(--primary-dark); border-color: #fff; }
.btn-white:hover { background: #e8f1ff; color: var(--primary-dark); }
.why-choose-image img, .why-choose-section .feature-image { box-shadow: 0 18px 44px rgba(0, 20, 70, .45); }

/* Cards and panels stay white on the blue canvas */
.industry-card, .model-card, .contact-card, .radio-card, .chat-card, .feature-card, .faq-item { border-color: var(--sky-200); box-shadow: var(--card-shadow); }
.industry-card:hover, .model-card:hover { border-color: var(--primary-color); }
.industry-card-media, .model-card-media { background: linear-gradient(180deg, #eef5ff, #d3e4fd); }
.contact-info-list li { background: #fff; border: 1px solid var(--sky-200); }
.faq-item, .faq-section details { background: #fff; }

/* Inner-page banners: navy with white type */
.page-header {
    background:
        radial-gradient(520px 240px at 85% 0%, rgba(120,170,255,.35), transparent 70%),
        linear-gradient(135deg, var(--navy-1) 0%, var(--navy-2) 100%);
    border: 0;
}
.page-header h1, .page-header p { color: #fff; }
.page-header p { color: rgba(255,255,255,.85); }
.page-header .breadcrumb, .page-header .breadcrumb a, .page-header .breadcrumb span { color: rgba(255,255,255,.8); }
.page-header .breadcrumb [aria-current], .page-header .breadcrumb a:hover { color: #fff; }
.product-hero {
    background:
        radial-gradient(560px 280px at 85% 0%, rgba(255,255,255,.7), transparent 70%),
        linear-gradient(135deg, #cfe1fd 0%, #b3cff9 100%);
    border-bottom: 1px solid var(--sky-300);
}

/* Fields, buttons */
input, select, textarea { background: #fff; border-color: var(--sky-300); }
.btn-outline { background: rgba(255,255,255,.9); border-color: var(--sky-300); }

/* Footer: deep navy, original logo untouched (no tile needed) */
.footer { background: linear-gradient(135deg, #0a1f4d, #0f3380); color: rgba(255,255,255,.75); border-top: 0; }
.footer h4 { color: #fff; }
.footer a, .footer p, .footer li { color: rgba(255,255,255,.78); }
.footer a:hover { color: #fff; }
.footer-contact i { color: #8fc0ff; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.65); }
.footer-logo, .footer-logo:hover { background: transparent; padding: 0; border-radius: 0; }
.social-links a { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: #fff; }
.social-links a:hover { background: #fff; color: var(--primary-dark); border-color: #fff; }
.product-video-section { background: linear-gradient(135deg, var(--navy-1) 0%, var(--navy-2) 100%); }

/* Navbar: deep blue bar so the site's light-lettered logo (logo-light.png)
   stays legible; white links, white dropdown panels with dark text. */
.navbar, .navbar.scrolled {
    background: linear-gradient(90deg, #0a2460 0%, #0f3a8f 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.navbar.scrolled { box-shadow: 0 6px 24px rgba(5, 20, 70, .35); }
.nav-links > li > a { color: #fff; }
.nav-links > li > a:hover, .nav-links > li > a.active { color: #cfe3ff; }
.nav-links > li > a::after { background: #8fc0ff; }
.dropdown a, .dropdown a:visited { color: var(--ink); }
.dropdown a:hover { background: var(--sky-100); color: var(--primary-dark); }
.mobile-menu-toggle span { background-color: #fff; }
@media (max-width: 968px) {
    .nav-menu { background: #0b2a6b; }
    .nav-menu .dropdown a, .dropdown-industries strong { color: #fff; }
    .nav-menu .dropdown a:hover { background: rgba(255,255,255,.1); color: #fff; }
}