/* ==========================================================================
   Industries — Hub + Detail Pages
   Replaces inline <style> from industries-hub.php and industry.php
   ========================================================================== */

/* --- Shared --- */
.secondaryheader, section.submenu { display: none !important; }

/* ===================== INDUSTRIES HUB ===================== */
#content.ih-page { padding: 0 !important; background: var(--pw-bg) !important; }

/* Hub Hero */
.ih-hero { position: relative; background: linear-gradient(180deg, var(--pw-bg-alt) 0%, var(--pw-bg) 100%); padding: var(--pw-section-hero); text-align: center; overflow: hidden; }
.ih-hero__bgimage { position: absolute; left: 6%; bottom: 0; width: 480px; height: auto; opacity: 0.06; pointer-events: none; user-select: none; z-index: 0; }
@media (prefers-color-scheme: dark) { .ih-hero__bgimage { opacity: 0.12; } }
.ih-hero .pw-container { position: relative; z-index: 1; }
.ih-hero__eyebrow { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: var(--pw-brand); margin: 0 0 var(--pw-space-md); }
#content .ih-hero__title, .ih-hero__title { font-size: 44px; font-weight: 700; line-height: 1.1; margin: 0 0 var(--pw-space-md); letter-spacing: -0.03em; color: var(--pw-text); }
.ih-hero__sub { font-size: 17px; line-height: 1.65; color: var(--pw-text-secondary); margin: 0; max-width: 680px; margin-left: auto; margin-right: auto; }

/* Hub Featured Card */
.ih-featured { padding: 0 0 var(--pw-space-2xl); }
.ih-featured__card { display: block; position: relative; border-radius: var(--pw-radius-lg); overflow: hidden; min-height: 280px; color: #fff; transition: transform 0.25s, box-shadow 0.25s; background: linear-gradient(135deg, #0a1628 0%, #1a2d4a 50%, #0f2040 100%); }
.ih-featured__card:hover { transform: translateY(-2px); box-shadow: 0 16px 48px rgba(0,0,0,0.2); color: #fff; }
.ih-featured__bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0.15; }
.ih-featured__content { position: relative; z-index: 1; padding: var(--pw-space-2xl) 40px; max-width: 640px; }
.ih-featured__badge { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: #ffb95e; background: rgba(255,185,94,0.15); padding: var(--pw-space-xs) 12px; border-radius: var(--pw-radius-sm); margin-bottom: var(--pw-space-md); }
#content .ih-featured__title { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.6); margin: 0 0 var(--pw-space-sm); }
.ih-featured__headline { font-size: clamp(22px, 3vw, 28px); font-weight: 700; line-height: 1.2; color: #fff; margin: 0 0 12px; }
.ih-featured__desc { font-size: 16px; line-height: 1.55; color: rgba(255,255,255,0.7); margin: 0 0 20px; }
.ih-featured__cta { font-size: 15px; font-weight: 600; color: var(--pw-brand); }
.ih-featured__card:hover .ih-featured__cta { color: var(--pw-brand-hover); }

/* Hub Grid */
.ih-section { padding: var(--pw-space-2xl) 0 96px; background: var(--pw-bg-alt); }
.ih-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ih-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: var(--pw-space-xl) var(--pw-space-lg); background: var(--pw-bg); border: 1px solid var(--pw-border); border-radius: var(--pw-radius-md); color: inherit; transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s; }
a.ih-card:hover { transform: translateY(-2px); box-shadow: var(--pw-shadow-lg); border-color: var(--pw-border-light); color: inherit; }
.ih-card__icon { width: 64px; height: 64px; margin-bottom: var(--pw-space-md); display: flex; align-items: center; justify-content: center; }
.ih-card__icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ih-card__title { font-size: 17px; font-weight: 700; color: var(--pw-text); margin: 0 0 var(--pw-space-sm); }
.ih-card__text { font-size: 14px; line-height: 1.55; color: var(--pw-text-secondary); margin: 0 0 var(--pw-space-md); flex: 1; }
.ih-card__link { font-size: 14px; font-weight: 600; color: var(--pw-brand); margin-top: auto; }
a.ih-card:hover .ih-card__link { color: var(--pw-brand-hover); }

/* Hub Closing */
.ih-closing { padding: 72px 0 var(--pw-space-3xl); text-align: center; background: var(--pw-bg); }
#content .ih-closing__title { font-size: clamp(22px, 3vw, 28px); font-weight: 700; color: var(--pw-text); margin: 0 0 12px; }
.ih-closing__sub { font-size: 16px; line-height: 1.6; color: var(--pw-text-secondary); max-width: 600px; margin: 0 auto 28px; }
.ih-closing__ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ===================== INDUSTRY DETAIL ===================== */
#content.mp-industry { padding: 0 !important; background: var(--pw-bg) !important; }
.mp-industry { --pw-bg-0: #0b1020; --pw-bg-1: #111a33; --pw-bg-2: #1a2545; --pw-fg: #f5f5f7; --pw-fg-muted: #9aa3b4; --pw-fg-dim: #6f7892; --pw-accent: var(--pw-accent); --pw-line: rgba(255,255,255,0.09); }
.ind-section { padding: var(--pw-section-standard); position: relative; }
.ind-section--alt { background: var(--pw-bg-alt); }
.ind-section--dark { position: relative; color: var(--pw-fg); background: radial-gradient(1000px 600px at 85% 0%, rgba(var(--pw-accent-rgb),0.12), transparent 60%), radial-gradient(800px 500px at 10% 100%, rgba(var(--pw-brand-rgb),0.10), transparent 60%), var(--pw-bg-dark-gradient); }
.ind-section__title { text-align: center; font-size: clamp(26px, 3.5vw, 36px); font-weight: 700; color: var(--pw-text); margin: 0 0 var(--pw-space-sm); letter-spacing: -0.025em; }
.ind-section--dark .ind-section__title { color: var(--pw-fg); }
.ind-section__sub { text-align: center; font-size: 17px; color: var(--pw-text-secondary); margin: 0 0 var(--pw-space-2xl); max-width: 700px; margin-left: auto; margin-right: auto; }
.ind-section--dark .ind-section__sub { color: var(--pw-fg-muted); }


/* Hero */
.ind-hero { position: relative; background: linear-gradient(135deg, #0a1628 0%, #1a2d4a 50%, #0f2040 100%); color: #fff; padding: var(--pw-section-hero); overflow: hidden; }
.ind-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0.12; }
.ind-hero .pw-container { position: relative; z-index: 2; text-align: center; }
.ind-hero__back { display: inline-block; font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.5); margin-bottom: var(--pw-space-lg); transition: color 0.2s; }
.ind-hero__back:hover { color: rgba(255,255,255,0.85); }
.ind-hero__eyebrow { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; color: var(--pw-accent); margin: 0 0 var(--pw-space-md); }
#content.mp-industry .ind-hero__title { font-size: clamp(32px, 5vw, 48px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; color: #fff; margin: 0 0 20px; }
.ind-hero__sub { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.7); margin: 0 0 var(--pw-space-xl); }
.ind-hero__ctas { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }

/* Pain Points */
.ind-painpoints { padding-top: 96px; }
.ind-painpoints__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--pw-space-lg); max-width: 960px; margin: 0 auto; }
.ind-painpoints__card { padding: var(--pw-space-xl); background: var(--pw-bg); border: 1px solid var(--pw-border); border-radius: var(--pw-radius-md); }
.ind-painpoints__icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: rgba(var(--pw-accent-rgb),0.1); margin-bottom: var(--pw-space-md); }
.ind-painpoints__icon img { width: 24px; height: 24px; }
.ind-painpoints__card-title { font-size: 18px; font-weight: 700; color: var(--pw-text); margin: 0 0 var(--pw-space-sm); }
.ind-painpoints__card-text { font-size: 15px; line-height: 1.6; color: var(--pw-text-secondary); margin: 0; }

/* Solutions */
.ind-solutions__rows { display: flex; flex-direction: column; gap: 64px; margin-top: 56px; }
.ind-solutions__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pw-space-2xl); align-items: center; }
.ind-solutions__row--reverse { direction: rtl; }
.ind-solutions__row--reverse > * { direction: ltr; }
.ind-solutions__img img { width: 100%; height: auto; display: block; border-radius: 12px; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.4)); }
.ind-solutions__text h3 { font-size: 22px; font-weight: 700; color: var(--pw-fg); margin: 0 0 12px; }
.ind-solutions__text p { font-size: 16px; line-height: 1.65; color: var(--pw-fg-muted); margin: 0; }
.ind-solutions__text--full { grid-column: 1 / -1; max-width: 700px; margin: 0 auto; text-align: center; }

/* Features Grid */
.ind-features__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--pw-space-lg); max-width: 960px; margin: var(--pw-space-2xl) auto 0; }
.ind-features__item { padding: 28px; background: var(--pw-bg); border: 1px solid var(--pw-border); border-radius: var(--pw-radius-md); text-align: center; }
.ind-features__icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: var(--pw-radius-md); background: rgba(var(--pw-brand-rgb),0.08); margin: 0 auto 14px; }
.ind-features__icon img { width: 26px; height: 26px; }
.ind-features__item-title { font-size: 16px; font-weight: 700; color: var(--pw-text); margin: 0 0 6px; }
.ind-features__item-text { font-size: 14px; line-height: 1.55; color: var(--pw-text-secondary); margin: 0; }

/* Social Proof */
.ind-proof { padding: var(--pw-section-compact); text-align: center; border-top: 1px solid var(--pw-border); border-bottom: 1px solid var(--pw-border); }
.ind-proof__stat { font-size: 18px; font-weight: 700; color: var(--pw-text); margin: 0; }

/* Testimonials */
.ind-testimonials { padding-top: 96px; }
.ind-testimonials__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--pw-space-lg); max-width: 960px; margin: var(--pw-space-2xl) auto 0; }
.ind-testimonial { padding: var(--pw-space-xl); background: var(--pw-bg); border: 1px solid var(--pw-border); border-radius: var(--pw-radius-md); margin: 0; display: flex; flex-direction: column; }
.ind-testimonial::before { content: none; }
.ind-testimonial__mark { color: var(--pw-accent); opacity: 0.3; margin-bottom: 12px; flex-shrink: 0; }
.ind-testimonial__quote p { font-size: 16px; line-height: 1.65; color: var(--pw-text); margin: 0; font-style: italic; }
.ind-testimonial__author { display: flex; flex-direction: column; gap: var(--pw-space-xs); margin-top: 20px; padding-top: var(--pw-space-md); border-top: 1px solid var(--pw-border); }
.ind-testimonial__author cite { font-size: 15px; font-weight: 700; color: var(--pw-text); font-style: normal; }
.ind-testimonial__role { font-size: 13px; color: var(--pw-text-secondary); }
.ind-testimonial__link { font-size: 14px; font-weight: 600; color: var(--pw-accent); transition: color 0.15s; margin-top: var(--pw-space-xs); }
.ind-testimonial__link:hover { color: var(--pw-brand); }

/* FAQ */
.ind-faq__items { max-width: 760px; margin: 0 auto; }
.ind-faq__item { border-bottom: 1px solid var(--pw-border); }
.ind-faq__item summary { padding: 20px 0; font-size: 17px; font-weight: 600; color: var(--pw-text); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.ind-faq__item summary::-webkit-details-marker { display: none; }
.ind-faq__item summary::after { content: "+"; font-size: 22px; color: var(--pw-text-muted); }
.ind-faq__item[open] summary::after { content: "−"; }
.ind-faq__item p { font-size: 16px; line-height: 1.6; color: var(--pw-text-secondary); margin: 0 0 20px; padding-right: var(--pw-space-xl); }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 900px) {
	.ih-grid { grid-template-columns: repeat(2, 1fr); }
	.ih-hero__bgimage { width: 340px; }
	.ih-featured__content { padding: 36px 28px; }
}
@media (max-width: 768px) {
	.ind-section { padding: 56px 0; }
	.ind-painpoints { padding-top: 64px; }
	.ind-testimonials { padding-top: 64px; }
	.ind-testimonials__grid { grid-template-columns: 1fr; }
	.ind-painpoints__grid { grid-template-columns: 1fr; }
	.ind-solutions__row { grid-template-columns: 1fr; gap: var(--pw-space-lg); }
	.ind-solutions__row--reverse { direction: ltr; }
	.ind-features__grid { grid-template-columns: repeat(2, 1fr); }
	.ind-hero__ctas { flex-direction: column; align-items: center; }
	.ind-hero__ctas .pw-btn { width: 100%; max-width: 320px; }
}
@media (max-width: 600px) {
	.ih-grid { grid-template-columns: 1fr; }
	#content .ih-hero__title, .ih-hero__title { font-size: 32px; }
	.ih-featured__card { min-height: 220px; }
	.ih-closing__ctas { flex-direction: column; align-items: center; }
	.ih-closing__ctas .pw-btn { width: 100%; max-width: 320px; }
	.ind-features__grid { grid-template-columns: 1fr; }
}