/* Warm-orange theme shared only by the four development service pages. */
.service-theme-orange {
    --primary: #FFA500;
    --primary-dark: #FFA500;
    --primary-light: #FFA500;
    --accent: #FFA500;
    --accent2: #FFA500;
    --dark: #20242B;
    --dark2: #2B3038;
    --dark3: #343A42;
    --gray: #626A73;
    --gray-light: #B8C0C9;
    --light: #F7F7F5;
    --gradient1: #FFA500;
    --gradient2: linear-gradient(135deg, #2B3038 0%, #20242B 100%);
    --gradient3: #FFA500;
    --bg-primary: #F7F7F5;
    --bg-secondary: #FFFFFF;
    --border-color: rgba(32, 36, 43, 0.10);
    --text-primary: #20242B;
    --text-secondary: #626A73;
    --text-tertiary: #747B84;
    --accent-primary: #20242B;
    --service-orange-soft: rgba(255, 165, 0, 0.08);
    --service-orange-border: rgba(255, 165, 0, 0.28);
    --service-orange-shadow: rgba(255, 165, 0, 0.12);
    --service-ink: #20242B;
    --service-surface: #F7F7F5;
    background: var(--service-surface);
}

.service-theme-orange .hero {
    min-height: clamp(620px, 82vh, 760px);
}

.service-theme-orange .hero-bg::before {
    background: radial-gradient(circle, rgba(255, 165, 0, 0.13) 0%, transparent 70%);
}

.service-theme-orange .hero-bg::after {
    background: radial-gradient(circle, rgba(255, 165, 0, 0.08) 0%, transparent 70%);
}

.service-theme-orange .hero-badge {
    color: #FFA500;
    background: rgba(255, 165, 0, 0.10);
    border-color: var(--service-orange-border);
}

.service-theme-orange .hero h1 .gradient-text,
.service-theme-orange .stat-number {
    background: none;
    color: #FFA500;
    -webkit-text-fill-color: currentColor;
}

.service-theme-orange .hero-image-overlay {
    background: linear-gradient(135deg, rgba(32, 36, 43, 0.08), rgba(255, 165, 0, 0.03));
}

.service-theme-orange .hero-float-card {
    background: rgba(43, 48, 56, 0.94);
}

.service-theme-orange .btn-primary {
    color: var(--service-ink);
    border-radius: 8px;
    box-shadow: none;
}

.service-theme-orange .btn-primary:hover {
    transform: translateY(-2px);
    filter: brightness(0.94);
    box-shadow: 0 10px 24px var(--service-orange-shadow);
}

.service-theme-orange .btn-primary:active,
.service-theme-orange .btn-outline:active,
.service-theme-orange .btn-dark:active {
    transform: translateY(1px);
}

.service-theme-orange .btn-outline {
    border-color: rgba(255, 165, 0, 0.62);
    border-radius: 8px;
}

.service-theme-orange .btn-outline:hover {
    border-color: #FFA500;
    background: rgba(255, 165, 0, 0.08);
    transform: translateY(-2px);
}

.service-theme-orange :is(a, button):focus-visible {
    outline: 3px solid rgba(255, 165, 0, 0.48);
    outline-offset: 3px;
}

.service-theme-orange .section-tag {
    color: var(--service-ink);
    background: var(--service-orange-soft);
    border-color: var(--service-orange-border);
}

.service-theme-orange .dark-section .section-tag {
    color: #FFA500;
    background: rgba(255, 165, 0, 0.10);
    border-color: var(--service-orange-border);
}

.service-theme-orange .service-card,
.service-theme-orange .tech-category,
.service-theme-orange .case-card,
.service-theme-orange .article-card,
.service-theme-orange .ie-focus-card {
    border-radius: 12px;
}

.service-theme-orange .service-card:hover,
.service-theme-orange .article-card:hover {
    border-color: var(--service-orange-border);
    box-shadow: 0 14px 32px rgba(32, 36, 43, 0.10);
    transform: translateY(-4px);
}

.service-theme-orange .service-icon {
    background: var(--service-orange-soft);
    border-radius: 12px;
}

.service-theme-orange .service-card:hover .service-icon {
    color: var(--service-ink);
    transform: translateY(-2px);
}

.service-theme-orange .advantage-card:hover,
.service-theme-orange .process-step-content:hover {
    border-color: var(--service-orange-border);
    transform: translateY(-2px);
}

.service-theme-orange .advantage-icon,
.service-theme-orange .tech-category-icon,
.service-theme-orange .process-step-number {
    color: var(--service-ink);
}

.service-theme-orange .tech-item:hover {
    color: var(--service-ink);
    background: var(--service-orange-soft);
    border-color: #FFA500;
}

.service-theme-orange .process-line {
    background: #FFA500;
}

.service-theme-orange .process-step-number {
    box-shadow: 0 0 0 6px var(--dark);
}

.service-theme-orange .case-image-tags span,
.service-theme-orange .article-card-category {
    color: var(--service-ink);
    background: #FFA500;
}

.service-theme-orange .case-result-value {
    display: inline-block;
    color: var(--service-ink);
    border-bottom: 2px solid #FFA500;
}

.service-theme-orange .faq-item:hover,
.service-theme-orange .faq-item.active,
.service-theme-orange .dark-section .faq-item:hover,
.service-theme-orange .dark-section .faq-item.active {
    border-color: var(--service-orange-border);
}

.service-theme-orange .faq-item.active .faq-question h3,
.service-theme-orange .dark-section .faq-item.active .faq-question h3 {
    color: #FFA500;
}

.service-theme-orange .faq-item.active .faq-toggle {
    background: #FFA500;
}

.service-theme-orange .faq-item.active .faq-toggle svg {
    stroke: var(--service-ink);
}

.service-theme-orange .cta-box {
    border-radius: 20px;
}

.service-theme-orange .cta-box::before {
    background: radial-gradient(circle, rgba(255, 165, 0, 0.14) 0%, transparent 70%);
}

.service-theme-orange .cta-box::after {
    background: radial-gradient(circle, rgba(255, 165, 0, 0.08) 0%, transparent 70%);
}

.service-theme-orange .feature-list-check {
    background: var(--service-orange-soft);
}

.service-theme-orange .dark-section .feature-list-check {
    background: rgba(255, 165, 0, 0.14);
}

.service-theme-orange .articles-section {
    background: var(--service-surface);
}

.service-theme-orange .article-card:hover {
    box-shadow: 0 14px 32px rgba(32, 36, 43, 0.10);
}

.service-theme-orange .article-card-title,
.service-theme-orange .article-card-more {
    color: var(--service-ink);
}

.service-theme-orange .article-card-more {
    text-decoration: underline;
    text-decoration-color: #FFA500;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.service-theme-orange .article-card:hover .article-card-title {
    color: var(--service-ink);
}

.industrial-electronics-page.service-theme-orange {
    --ie-card-border: rgba(255, 165, 0, 0.18);
    --ie-card-bg: rgba(43, 48, 56, 0.78);
}

.industrial-electronics-page.service-theme-orange .ie-section-note,
.industrial-electronics-page.service-theme-orange .ie-boundary-note {
    background: var(--service-orange-soft);
}

@media (max-width: 768px) {
    .service-theme-orange .hero {
        min-height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-theme-orange *,
    .service-theme-orange *::before,
    .service-theme-orange *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}