/* ============================================================
   유성에이스 화이트 테마 v6 — Trustworthy Premium
   - 히어로: 차분한 신뢰감 톤 (과한 글로우 제거)
   - 갤러리: 사진 선명하게 (필터 제거)
   - 메가메뉴: 좌측만 표시 (우측 hide)
   - 사용방법 캔버스: 화이트 톤
   ============================================================ */

:root {
    --bg:#ffffff;
    --bg-soft:#fafafa;
    --bg-mute:#f1f5f9;
    --fg:#0a0e27;
    --fg-deep:#0b1e4d;
    --fg-soft:#1e293b;
    --fg-mute:#475569;
    --border:rgba(2,6,23,0.10);
    --brand:#1e40af;
    --brand-2:#1d4ed8;
    --brand-deep:#0b1e4d;
    --shadow-sm:0 2px 8px rgba(2,6,23,0.06), 0 1px 2px rgba(2,6,23,0.04);
    --shadow-md:0 8px 24px rgba(2,6,23,0.10), 0 2px 8px rgba(2,6,23,0.06);
    --shadow-lg:0 24px 64px rgba(2,6,23,0.14), 0 8px 24px rgba(2,6,23,0.08);
    --shadow-xl:0 48px 96px rgba(2,6,23,0.20), 0 16px 48px rgba(2,6,23,0.10);
    --shadow-brand:0 16px 40px rgba(30,64,175,0.18), 0 4px 12px rgba(30,64,175,0.10);
}

html, body { background:#fff !important; color:var(--fg) !important; -webkit-font-smoothing:antialiased; }
main, #main-content { background:#fff !important; }

/* ============================================================
   1) 네비게이션
   ============================================================ */
#navbar {
    background:rgba(255,255,255,0.95) !important;
    backdrop-filter:blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(180%) !important;
    border-bottom:1px solid rgba(2,6,23,0.08) !important;
    box-shadow:0 2px 12px rgba(2,6,23,0.06);
}
#navbar.bg-transparent { background:rgba(255,255,255,0.95) !important; }
#navbar .nav-link,
#navbar .nav-link span,
#navbar .nav-link svg,
#navbar button:not(.bg-black):not([class*="bg-blue"]) {
    color:var(--fg-deep) !important;
    font-weight:700;
}
#navbar .nav-link { transition:all 0.2s ease; font-weight:800 !important; letter-spacing:-0.01em; }
#navbar .nav-link:hover { color:var(--brand) !important; background-color:rgba(30,64,175,0.06) !important; }
#navbar button.bg-black {
    background:linear-gradient(135deg, #0b1e4d 0%, #1e293b 100%) !important;
    color:#fff !important;
    box-shadow:0 8px 24px rgba(2,6,23,0.20);
    font-weight:800;
}
#navbar button.bg-black:hover {
    background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%) !important;
    transform:translateY(-1px);
}
/* 모바일 메뉴 — 흰 배경 + 네이비 글씨 (0711 가독성 수정)
   기존: 어두운 배경 + 인라인 네이비 글씨 → 글씨 안보임(홈/언어 등).
   되돌리기: 이 블록을 원복 → #mobile-menu{background:rgba(2,6,23,0.97)!important} / #mobile-menu *{color:#fff!important} */
#mobile-menu { background:#ffffff !important; border-top:1px solid rgba(30,64,175,0.12) !important; }
#mobile-menu button,
#mobile-menu a,
#mobile-menu span,
#mobile-menu [class*="text-white"] { color:#0b1e4d !important; -webkit-text-fill-color:#0b1e4d !important; }
#mobile-menu button:hover,
#mobile-menu a:hover { background-color:#eff6ff !important; }
#mobile-menu button.bg-black,
#mobile-menu a.bg-black { background:linear-gradient(135deg,#1e40af,#2563eb) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
#mobile-menu .border-t,
#mobile-menu [class*="border-white"] { border-color:rgba(30,64,175,0.12) !important; }

/* 메가메뉴 dropdown — 폭 좁히기 (좌측만) */
#navbar .dropdown {
    background:#ffffff !important;
    border:1px solid rgba(2,6,23,0.10) !important;
    box-shadow:var(--shadow-xl) !important;
    border-radius:24px !important;
}
/* 제품소개 메가메뉴 우측 그리드 영역 hide */
#navbar .dropdown .col-span-8 { display:none !important; }
#navbar .dropdown .grid.grid-cols-12 .col-span-4 {
    grid-column:span 12 / span 12 !important;
    border-right:none !important;
}
#navbar .dropdown > .w-\[1080px\],
#navbar .dropdown[class*="w-["] {
    width:340px !important;
    max-width:90vw !important;
}

/* ============================================================
   2) 히어로 — 차분한 신뢰감 (과한 글로우 제거)
   ============================================================ */
#page-home > div:first-child { background:#000; }
#page-home > div:first-child .sticky { background:transparent !important; }

#page-home > div:first-child .sticky > .bg-black\/80,
#page-home > div:first-child .sticky > [class*="bg-black/"] {
    background:linear-gradient(180deg,
        rgba(0,0,0,0.12) 0%,
        rgba(0,0,0,0.32) 52%,
        rgba(0,0,0,0.55) 100%) !important;
    backdrop-filter:none !important;
}

/* 히어로 타이틀 — 차분하고 신뢰감 있게 */
#page-home > div:first-child .sticky h1 {
    color:#ffffff !important;
    text-shadow:0 2px 18px rgba(0,0,0,0.65), 0 1px 4px rgba(0,0,0,0.55);
    letter-spacing:-0.045em;
    font-weight:900;
}
#page-home > div:first-child .sticky h2 {
    color:#ffffff !important;
    text-shadow:0 2px 18px rgba(0,0,0,0.6), 0 1px 4px rgba(0,0,0,0.5);
    letter-spacing:-0.04em;
    font-weight:900;
}
#page-home > div:first-child .sticky p,
#page-home > div:first-child .sticky .scroll-element p {
    color:#f1f5f9 !important;
    font-weight:600;
    text-shadow:0 1px 10px rgba(0,0,0,0.6);
}
#page-home > div:first-child .sticky .scroll-element div { color:#ffffff !important; }
#page-home > div:first-child .sticky .text-blue-400 {
    color:#bfdbfe !important;
    text-shadow:0 1px 10px rgba(0,0,0,0.6);
    letter-spacing:0.32em;
    font-weight:800;
}
#page-home > div:first-child .sticky [class*="text-white/"] { color:#e2e8f0 !important; }
#page-home > div:first-child .sticky [class*="text-white"] { color:#ffffff !important; }
#page-home > div:first-child .sticky svg { color:#ffffff !important; stroke:#ffffff !important; }

/* 그라데이션 스팬("후드의 기준" 등) — 밝은 블루 그라데이션(영상 위 대비 확보) */
#page-home > div:first-child .sticky .text-transparent.bg-clip-text {
    background-image:linear-gradient(90deg,#93c5fd 0%,#3b82f6 50%,#60a5fa 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    -webkit-text-fill-color:transparent !important;
    filter:drop-shadow(0 2px 12px rgba(0,0,0,0.55)) !important;
    text-shadow:none;
    font-weight:900;
    letter-spacing:-0.04em;
    animation:none !important;
}

/* CTA */
#page-home > div:first-child .sticky button.bg-white {
    background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%) !important;
    color:#fff !important;
    box-shadow:var(--shadow-brand);
    font-weight:800;
}
#page-home > div:first-child .sticky button.bg-transparent {
    border:2px solid #ffffff !important;
    color:#ffffff !important;
    font-weight:800;
    background:rgba(0,0,0,0.28) !important;
    backdrop-filter:blur(4px);
}

/* ============================================================
   3) 홈 페이지 하단
   ============================================================ */
#page-home section,
#page-home > section,
#page-home > div > section { background:#ffffff !important; }

#page-home [class*="bg-[#0"],
#page-home [class*="bg-[#1"],
#page-home .bg-black,
#page-home .bg-zinc-900,
#page-home .bg-neutral-900,
#page-home .bg-gray-900,
#page-home .bg-slate-900 { background-color:#ffffff !important; }

#page-home > div:first-child,
#page-home > div:first-child * { background-color:transparent; }
#page-home > div:first-child { background:#000 !important; }
#page-home > div:first-child > div.sticky { background:transparent !important; }
#page-home > div:first-child > div.sticky > video { background:transparent !important; }

#page-home [class*="from-black"],
#page-home [class*="to-black"],
#page-home [class*="via-black"],
#page-home [class*="from-[#0"],
#page-home [class*="to-[#0"],
#page-home [class*="via-[#0"] {
    --tw-gradient-from:#fafafa !important;
    --tw-gradient-via:#ffffff !important;
    --tw-gradient-to:#ffffff !important;
}

#page-home section .text-white { color:var(--fg-deep) !important; font-weight:800; }
#page-home section [class*="text-white/9"] { color:var(--fg-deep) !important; font-weight:700; }
#page-home section [class*="text-white/8"] { color:#1e293b !important; }
#page-home section [class*="text-white/7"] { color:#334155 !important; }
#page-home section [class*="text-white/6"] { color:#475569 !important; }
#page-home section [class*="text-white/5"],
#page-home section [class*="text-white/4"] { color:#64748b !important; }
#page-home section [class*="text-white/3"],
#page-home section [class*="text-white/2"] { color:#94a3b8 !important; }
#page-home section [class*="border-white/"] { border-color:rgba(2,6,23,0.08) !important; }

#page-home section .bg-white\/5,
#page-home section .bg-white\/10,
#page-home section .bg-white\/\[0\.02\],
#page-home section .bg-white\/\[0\.03\],
#page-home section .bg-white\/\[0\.04\],
#page-home section .bg-white\/\[0\.05\] {
    background-color:#f8fafc !important;
    box-shadow:var(--shadow-sm);
}

/* ============================================================
   4) 시공갤러리 — 사진 선명하게 (필터/오버레이 제거)
   ============================================================ */

/* 갤러리 카드의 어두운 그라데이션 제거 */
#page-home button.bg-\[\#0a0a0a\],
#page-home button[class*="bg-[#0"],
#page-home a.bg-\[\#0a0a0a\],
#page-home a[class*="bg-[#0"] {
    background-color:#ffffff !important;
    border:1px solid rgba(2,6,23,0.10) !important;
    box-shadow:var(--shadow-md);
}

/* 갤러리 카드 내부 다크 그라데이션 오버레이 제거 */
#page-home [id*="gallery"] .bg-gradient-to-t,
#page-home [id*="preview"] .bg-gradient-to-t,
#page-home button[class*="aspect-"] .bg-gradient-to-t,
#page-home a[class*="aspect-"] .bg-gradient-to-t {
    background:linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 65%) !important;
}
/* 갤러리 카드 이미지 — opacity 100% (필터 없음) */
#page-home button[class*="aspect-"] img,
#page-home a[class*="aspect-"] img,
#page-home [id*="gallery"] img,
#page-home [id*="preview"] img {
    opacity:1 !important;
    filter:none !important;
}

/* 갤러리 미리보기/시공현장 카드 - 사진 잘 보이도록 */
#page-home #gallery-preview button,
#page-home [id="gallery-preview"] button {
    background:#ffffff !important;
    border:1px solid rgba(2,6,23,0.08) !important;
    box-shadow:var(--shadow-md);
}
#page-home #gallery-preview button .bg-gradient-to-t {
    background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 35%, transparent 65%) !important;
}

/* USUNG ACE IN ACTION의 LIVE PREVIEW 카드는 다크 유지 (의도적 강조) */
#page-home [id*="preview-3d"] { background:linear-gradient(135deg, #0b1e4d 0%, #1e40af 50%, #0b1e4d 100%) !important; }
#page-home [id*="preview-3d"] * { color:#fff; }

/* 홈 섹션 헤드라인 */
#page-home section h1,
#page-home section h2 {
    letter-spacing:-0.045em;
    font-weight:900;
    color:var(--fg-deep) !important;
}

/* 통계 숫자 - 단정한 진한 블루 */
#page-home section [class*="text-5xl"][class*="font-black"],
#page-home section [class*="text-6xl"][class*="font-black"],
#page-home section [class*="text-7xl"][class*="font-black"] {
    background:linear-gradient(135deg, var(--brand-deep) 0%, var(--brand) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
    letter-spacing:-0.04em;
}

#page-home section [class*="bg-gradient-to-r"][class*="from-blue"],
#page-home section .text-transparent.bg-clip-text {
    background-image:linear-gradient(135deg, var(--brand-deep) 0%, var(--brand) 50%, var(--brand-2) 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
}

#page-home section .border.rounded-2xl,
#page-home section .border.rounded-3xl {
    border:1px solid rgba(2,6,23,0.08) !important;
    background:#ffffff !important;
    box-shadow:var(--shadow-md);
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
#page-home section .border.rounded-2xl:hover,
#page-home section .border.rounded-3xl:hover {
    transform:translateY(-4px);
    box-shadow:var(--shadow-lg);
    border-color:rgba(30,64,175,0.20) !important;
}

#page-home section [class*="text-[11px]"][class*="tracking-"][class*="text-blue"],
#page-home section [class*="text-[10px]"][class*="tracking-"][class*="text-blue"],
#page-home section [class*="text-[9px]"][class*="tracking-"][class*="text-blue"] {
    color:var(--brand) !important;
    letter-spacing:0.32em !important;
    font-weight:800 !important;
}

#page-home section [class*="rounded-full"][class*="bg-blue-500"] {
    background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%) !important;
    color:#fff !important;
    box-shadow:0 4px 12px rgba(30,64,175,0.20);
    font-weight:800;
}

/* ============================================================
   5) 그 외 페이지
   ============================================================ */
.page:not(#page-home) { background:#fff !important; color:var(--fg); }

.page:not(#page-home) .bg-black,
.page:not(#page-home) [class*="bg-[#0a0"],
.page:not(#page-home) [class*="bg-[#070"],
.page:not(#page-home) [class*="bg-[#050"],
.page:not(#page-home) [class*="bg-[#080"],
.page:not(#page-home) [class*="bg-[#0e1"],
.page:not(#page-home) [class*="bg-[#0d"],
.page:not(#page-home) [class*="bg-[#06"],
.page:not(#page-home) [class*="bg-[#11"],
.page:not(#page-home) [class*="bg-[#17"],
.page:not(#page-home) [class*="bg-[#000"],
.page:not(#page-home) .bg-zinc-900,
.page:not(#page-home) .bg-zinc-800,
.page:not(#page-home) .bg-neutral-900,
.page:not(#page-home) .bg-neutral-800,
.page:not(#page-home) .bg-gray-900,
.page:not(#page-home) .bg-gray-800,
.page:not(#page-home) .bg-slate-900,
.page:not(#page-home) .bg-slate-800 {
    background-color:#ffffff !important;
}

.page:not(#page-home) .text-white { color:var(--fg-deep) !important; font-weight:800; }
.page:not(#page-home) [class*="text-white/9"] { color:var(--fg-deep) !important; }
.page:not(#page-home) [class*="text-white/8"] { color:#1e293b !important; }
.page:not(#page-home) [class*="text-white/7"] { color:#334155 !important; }
.page:not(#page-home) [class*="text-white/6"] { color:#475569 !important; }
.page:not(#page-home) [class*="text-white/5"],
.page:not(#page-home) [class*="text-white/4"] { color:#64748b !important; }
.page:not(#page-home) [class*="text-white/3"],
.page:not(#page-home) [class*="text-white/2"] { color:#94a3b8 !important; }
.page:not(#page-home) .text-gray-400,
.page:not(#page-home) .text-gray-300,
.page:not(#page-home) .text-gray-500 { color:#475569 !important; }
.page:not(#page-home) .text-blue-400 { color:var(--brand) !important; font-weight:800; letter-spacing:0.32em; }
.page:not(#page-home) .text-blue-300 { color:var(--brand) !important; }
.page:not(#page-home) .text-cyan-300 { color:var(--brand-2) !important; }
.page:not(#page-home) .text-emerald-400 { color:#059669 !important; }
.page:not(#page-home) .text-emerald-300 { color:#059669 !important; }
.page:not(#page-home) .text-amber-300 { color:var(--brand) !important; }
.page:not(#page-home) .text-rose-300 { color:#dc2626 !important; }

.page:not(#page-home) [class*="border-white/"] { border-color:rgba(2,6,23,0.08) !important; }
.page:not(#page-home) [class*="divide-white/"] > * + * { border-color:rgba(2,6,23,0.06) !important; }
.page:not(#page-home) [class*="border-blue-400/"] { border-color:rgba(30,64,175,0.25) !important; }
.page:not(#page-home) [class*="border-cyan-400/"] { border-color:rgba(29,78,216,0.25) !important; }

.page:not(#page-home) .bg-white\/5,
.page:not(#page-home) .bg-white\/10,
.page:not(#page-home) .bg-white\/\[0\.02\],
.page:not(#page-home) .bg-white\/\[0\.03\],
.page:not(#page-home) .bg-white\/\[0\.04\],
.page:not(#page-home) .bg-white\/\[0\.05\] { background-color:#f8fafc !important; }
.page:not(#page-home) .bg-blue-500\/10,
.page:not(#page-home) .bg-blue-500\/20 { background-color:#dbeafe !important; }

.page:not(#page-home) h1 { letter-spacing:-0.045em; font-weight:900; color:var(--fg-deep) !important; }
.page:not(#page-home) h2 { letter-spacing:-0.04em; font-weight:900; color:var(--fg-deep) !important; }

.page:not(#page-home) .border.rounded-2xl,
.page:not(#page-home) .border.rounded-3xl {
    box-shadow:var(--shadow-sm);
    border-color:rgba(2,6,23,0.08) !important;
    transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

#page-home section.bg-white { background:#ffffff !important; color:var(--fg) !important; }

/* 푸터 */
footer.bg-black, footer.bg-\[\#000\], body > footer {
    background:linear-gradient(135deg, #0b1e4d 0%, #1e40af 50%, #1e293b 100%) !important;
    color:#fff !important;
}

/* ============================================================
   6) 사용방법 캔버스 - 라이트 톤 강제
   ============================================================ */
.page:not(#page-home) canvas[id^="usage-canvas"],
.page:not(#page-home) canvas[id^="manual-3d"],
#page-manual canvas {
    background:#f8fafc !important;
    border-radius:16px;
    box-shadow:inset 0 1px 3px rgba(2,6,23,0.04);
}

/* 사용방법 카드 컨테이너 라이트 */
#page-manual .bg-gradient-to-br[class*="from-[#0"],
#page-manual [class*="bg-[#0"] {
    background:linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    border:1px solid rgba(2,6,23,0.08) !important;
}

/* 5가지 핵심특징 카드 라이트 */
#page-manual .group.bg-gradient-to-br {
    background:linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    border:1px solid rgba(2,6,23,0.08) !important;
    box-shadow:var(--shadow-md);
}
#page-manual .group.bg-gradient-to-br h3 { color:var(--fg-deep) !important; }
#page-manual .group.bg-gradient-to-br p { color:#475569 !important; }
#page-manual .group.bg-gradient-to-br .text-blue-300 { color:var(--brand) !important; }
#page-manual .group.bg-gradient-to-br .bg-blue-500\/20 { background:rgba(30,64,175,0.10) !important; }

/* 사용방법 GUIDE 카드 라이트 */
#manual-list .reveal {
    background:linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
    border:1px solid rgba(2,6,23,0.08) !important;
    box-shadow:var(--shadow-md);
}
#manual-list .reveal h2 { color:var(--fg-deep) !important; }
#manual-list .reveal .text-blue-400 { color:var(--brand) !important; }
#manual-list .reveal .text-cyan-300 { color:var(--brand-2) !important; }
#manual-list .reveal p, #manual-list .reveal li { color:#475569 !important; }
#manual-list .reveal .bg-blue-500\/10 { background:rgba(30,64,175,0.10) !important; }
#manual-list .reveal .border-blue-400\/20 { border-color:rgba(30,64,175,0.25) !important; }
#manual-list .reveal .bg-white\/\[0\.04\] { background:#f1f5f9 !important; }

/* 모달 */
#ace-product-modal,
#gallery-modal,
#feature-modal { background:transparent !important; }
#ace-product-modal .bg-white,
#gallery-modal .gm-content { background:#ffffff !important; color:var(--fg) !important; }

/* ============================================================
   부품 상세 모달 화이트 톤 (S3)
   대상: #part-modal(부품소개 페이지) · #up-part-modal(제품소개 미니모달)
   원본은 bg-[#111]/bg-[#0d0d0f] 다크 카드 → 흰 카드 + 다크 글씨로 전환
   ============================================================ */
/* 스크림: 과한 블랙 → 딥네이비 반투명 */
#part-modal { background:rgba(15,23,42,0.48) !important; }
#up-part-modal .upp-bg { background:rgba(15,23,42,0.48) !important; }

/* 카드 본체 흰색 */
#part-modal > div,
#up-part-modal > div.relative {
    background:#ffffff !important;
    border:1px solid rgba(2,6,23,0.10) !important;
    box-shadow:0 24px 60px rgba(2,6,23,0.28) !important;
}

/* 이미지 영역 라이트 */
#part-modal .bg-white\/\[0\.03\],
#up-part-modal .bg-white\/\[0\.03\] { background:#f6f8fb !important; }

/* 텍스트 색상 */
#part-modal h3,
#up-part-modal h3 { color:#0f172a !important; }
#part-modal [id$="-desc"],
#up-part-modal [id$="-desc"] { color:#475569 !important; }
#part-modal [id$="-cat"],
#up-part-modal [id$="-cat"] { color:var(--brand) !important; }
#part-modal [id$="-specs"],
#up-part-modal [id$="-specs"] { color:#334155 !important; }

/* specs 박스 · 구분선 · 보조 라벨 */
#part-modal .bg-white\/\[0\.03\].border,
#part-modal .border-white\/5,
#part-modal .border-white\/10,
#up-part-modal .border-white\/10 { border-color:rgba(2,6,23,0.10) !important; }
#part-modal .text-white\/40 { color:#64748b !important; }
#part-modal .text-white\/75 { color:#334155 !important; }

/* 버튼(닫기 · 이전 · 다음) 라이트 */
#part-modal button,
#up-part-modal button {
    background:#f1f5f9 !important;
    border-color:rgba(2,6,23,0.10) !important;
    color:#334155 !important;
}
#part-modal button:hover,
#up-part-modal button:hover { background:#e2e8f0 !important; }

/* ============================================================
   네비 메가메뉴 드롭다운 마우스오버 색상 통일 (0711)
   기존: 항목마다 blue/indigo/cyan/red/emerald/amber 제각각
   → 전부 블루(blue-50 배경 + blue-600 텍스트)로 통일.
   .p-4.rounded-2xl 복합선택자로 드롭다운 버튼에만 한정(다른 곳 영향 X).
   되돌리기: 이 블록 삭제.
   ============================================================ */
.p-4.rounded-2xl.hover\:bg-indigo-50:hover,
.p-4.rounded-2xl.hover\:bg-cyan-50:hover,
.p-4.rounded-2xl.hover\:bg-red-50:hover,
.p-4.rounded-2xl.hover\:bg-emerald-50:hover,
.p-4.rounded-2xl.hover\:bg-amber-50:hover { background-color:#eff6ff !important; }

.group:hover .group-hover\:text-indigo-600,
.group:hover .group-hover\:text-cyan-600,
.group:hover .group-hover\:text-red-600,
.group:hover .group-hover\:text-emerald-600,
.group:hover .group-hover\:text-amber-600 { color:#2563eb !important; }

/* ============================================================
   챗봇(에이스봇) 런처/헤더/버블 브랜드 블루 통일 (0711)
   기존: chatbot.js DEFAULT_SETTINGS color #3b82f6 / color2 #60a5fa (밝은 블루, 따로 놈)
   → 히어로·네비와 같은 브랜드 블루(#1e40af→#2563eb)로 정렬.
   chatbot.js 원본 불변. 챗봇 CSS는 !important 없음 → 오버레이가 확실히 이김.
   되돌리기: 이 블록 삭제.
   ============================================================ */
#usungBot #usungBotFab { background:linear-gradient(135deg,#1e40af,#2563eb) !important; box-shadow:0 12px 32px rgba(30,64,175,.40) !important; }
#usungBot .ub-hd { background:linear-gradient(135deg,#1e40af,#2563eb) !important; }
#usungBot .ub-msg.user { background:linear-gradient(135deg,#1e40af,#2563eb) !important; }
#usungBot .ub-cta { background:linear-gradient(135deg,#1e40af,#2563eb) !important; }
#usungBot .ub-qk button:hover { background:#1e40af !important; border-color:#1e40af !important; }
#usungBot .ub-ft input:focus { border-color:#1e40af !important; }
#usungBot .ub-ft button { background:linear-gradient(135deg,#1e40af,#2563eb) !important; }

/* ============================================================
   제목 하이라이트 가독성 수정 (0711) — 이슈 #1
   증상: "유성에이스 후드의 장점"(기술탭 .t8-hero), "양옆태엽 스윙 구조의 장점"
   (사용법탭 .um-swing) 제목이 네이비 글씨 위 네이비 그라디언트 배경 →
   회색/연보라 박스처럼 안보임.
   수정: 해당 그라디언트 섹션 제목만 흰색으로. 배경 그라디언트는 유지.
   되돌리기: 이 블록 삭제.
   ============================================================ */
.t8-hero .t8-hero-title,
.t8-hero h1, .t8-hero h2,
.um-swing h1, .um-swing h2, .um-swing h3 {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
    background-clip:border-box !important;
    -webkit-background-clip:border-box !important;
    text-shadow:0 2px 12px rgba(2,6,23,0.35) !important;
}

/* ============================================================
   네비 단순 드롭다운(회사소개/기술/고객센터) 마우스오버 색상 (0711) — 이슈 #2
   기존: 항목이 hover:bg-black/5 (회색) → 메가메뉴만 blue 처리돼 있었음.
   수정: 단순 드롭다운 버튼/링크 hover 도 블루(blue-50)로 통일.
   되돌리기: 이 블록 삭제.
   ============================================================ */
#navbar .dropdown a:hover,
#navbar .dropdown button:hover,
#navbar .dropdown li:hover > a,
#navbar .dropdown [class*="hover:bg-black"]:hover,
#navbar .dropdown [class*="hover:bg-gray"]:hover,
#navbar .dropdown [class*="hover:bg-slate"]:hover {
    background-color:#eff6ff !important;
    color:#1e40af !important;
    -webkit-text-fill-color:#1e40af !important;
}