/* INDUSTRIES PAGE */
.industries-hero { position: relative; overflow: hidden; padding: 96px 0 68px; background: radial-gradient(circle at top left,rgba(122,234,255,.32) 0,transparent 34%),radial-gradient(circle at center right,rgba(244,114,182,.24) 0,transparent 40%),radial-gradient(circle at bottom left,rgba(250,204,21,.18) 0,transparent 30%),linear-gradient(135deg,#fdfefe 0%,#f4f8ff 48%,#eef7ff 100%); color: #123047; }.industries-hero-line { position: absolute; top: 0; right: 9%; bottom: 0; width: 1px; background: rgba(18,48,71,.14); }.industries-hero-slider { min-height: 455px; }.industries-hero-slide { position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: translateY(12px); transition: opacity .55s, transform .55s, visibility .55s; }.industries-hero-slide.active { position: relative; visibility: visible; opacity: 1; transform: none; }.industries-kicker { display: inline-block; margin-bottom: 17px; color: #03a371; font-size: .76rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }.industries-kicker--green { color: #0aa34b; }.industries-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 23px; border-radius: 7px; font-size: .93rem; font-weight: 800; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s; }.industries-btn:hover { transform: translateY(-2px); }.industries-btn--light { background: #fff; color: #0c1445; }.industries-btn--light:hover { color: #0c1445; box-shadow: 0 12px 28px rgba(0,0,0,.18); }.industries-btn--green { background: #0caf4c; color: #fff; }.industries-btn--green:hover { background: #07913d; color: #fff; }.industries-hero .kn-btn-primary-hero { margin-top: 23px; }.industries-hero-image { position: relative; max-width: 515px; margin-left: auto; padding: 18px 18px 0 0; }.industries-hero-image::before { content: ''; position: absolute; right: 0; bottom: 0; left: 28px; height: 86%; border: 1px solid rgba(18,48,71,.22); }.industries-hero-image--rose::before { border-color: #f65cbe; }.industries-hero-image img { position: relative; z-index: 1; display: block; width: 100%; height: 375px; object-fit: cover; border-radius: 5px; }.industries-hero-image span { position: absolute; z-index: 2; bottom: 25px; left: 0; padding: 10px 14px; background: #0caf4c; font-size: .77rem; font-weight: 800; }.industries-hero-dots { display: flex; gap: 10px; margin-top: 20px; }.industries-hero-dots button { width: 34px; height: 4px; padding: 0; border: 0; border-radius: 6px; background: rgba(255,255,255,.35); }.industries-hero-dots button.active { width: 55px; background: #fff; }

.industries-grid-section, .industries-stories, .industries-accordion-section { padding: 100px 0; background: #fff; }.industries-heading { max-width: 760px; margin: 0 auto 53px; text-align: center; }.industries-heading--left { margin-left: 0; text-align: left; }.industries-heading > span { color: #0aa34b; font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.industries-heading h2, .industries-process h2, .industries-impact h2, .industries-accordion-section h2 { margin: 10px 0 15px; color: #0c1445; font-size: clamp(2rem,3.7vw,3rem); font-weight: 900; line-height: 1.12; letter-spacing: -.03em; }.industries-heading p, .industries-process p { color: #59667f; line-height: 1.72; }.industry-card { position: relative; overflow: hidden; height: 100%; padding: 29px; border: 1px solid #e4e8ef; border-radius: 14px; background: #fff; transition: transform .25s, box-shadow .25s; }.industry-card:hover { transform: translateY(-6px); box-shadow: 0 17px 34px rgba(12,20,69,.1); }.industry-card > i { display: flex; width: 56px; height: 56px; align-items: center; justify-content: center; margin-bottom: 26px; border-radius: 16px; background: #e9fff2; color: #079443; font-size: 1.35rem; }.industry-card h3 { color: #0c1445; font-size: 1.23rem; font-weight: 800; }.industry-card p { color: #59667f; font-size: .94rem; line-height: 1.65; }.industry-card a { color: #079443; font-size: .86rem; font-weight: 800; text-decoration: none; }.industry-card--dark { position: relative; overflow: hidden; background: #180657; color: #fff; }.industry-card--dark h3, .industry-card--dark p, .industry-card--dark a { color: #fff; }.industry-card--dark > i, .industry-card--purple > i { background: rgba(255,255,255,.15); color: #fff; }.industry-card--mint { position: relative; overflow: hidden; background: #d7f7e6; }.industry-card--purple { position: relative; overflow: hidden; background: #7e42d3; color: #fff; }.industry-card--purple h3, .industry-card--purple p, .industry-card--purple a { color: #fff; }

.industries-process { padding: 105px 0; background: #eef4f9; }.industries-process h2 { max-width: 500px; }.industry-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.industry-flow article { min-height: 176px; padding: 23px; border-radius: 13px; background: #fff; }.industry-flow span { display: block; margin-bottom: 25px; color: #0baa4e; font-size: .77rem; font-weight: 900; }.industry-flow h3 { margin: 0 0 8px; color: #0c1445; font-size: 1.12rem; font-weight: 800; }.industry-flow p { margin: 0; font-size: .9rem; line-height: 1.55; }

.industries-masonry { display: grid; grid-template-columns: 1.05fr 1fr 1fr; grid-auto-rows: 182px; gap: 16px; }.industries-photo { position: relative; min-height: 0; margin: 0; overflow: hidden; border-radius: 12px; }.industries-photo--large { grid-row: span 2; }.industries-photo--wide { grid-column: span 2; }.industries-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }.industries-photo:hover img { transform: scale(1.05); }.industries-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 42%,rgba(2,13,37,.78)); }.industries-photo--green::after { background: linear-gradient(transparent 30%,rgba(5,128,65,.78)); }.industries-photo figcaption { position: absolute; z-index: 1; right: 20px; bottom: 18px; left: 20px; color: #fff; font-size: 1rem; font-weight: 800; }

.industries-impact { padding: 92px 0; background: #d0269f; color: #fff; }.industries-impact h2 { color: #fff !important; }.industries-impact h2 span { color: #a8ffb2 !important; -webkit-text-fill-color: #a8ffb2 !important; background: none !important; }.industry-impact-grid { display: grid; grid-template-columns: repeat(3,1fr); }.industry-impact-grid div { min-height: 180px; padding: 20px; border-left: 1px solid rgba(255,255,255,.35); text-align: center; }.industry-impact-grid div:last-child { border-right: 1px solid rgba(255,255,255,.35); }.industry-impact-grid img { width: 52px; height: 52px; display: block; margin: 0 auto 14px; }.industry-impact-grid strong { display: block; font-size: 2.2rem; font-weight: 900; line-height: 1; }.industry-impact-grid span { display: block; margin-top: 7px; color: rgba(255,255,255,.86); font-size: .88rem; font-weight: 600; }

.industries-accordion-section { background: #f6f7fb; }.industries-accordion-section h2 { max-width: 560px; margin-bottom: 28px; }.industries-accordion-image { position: relative; max-width: 520px; padding: 0 16px 16px 0; }.industries-accordion-image::before { content: ''; position: absolute; right: 0; bottom: 0; left: 32px; height: 74%; border-radius: 14px; background: #0caf4c; }.industries-accordion-image img { position: relative; z-index: 1; width: 100%; height: 420px; object-fit: cover; border-radius: 14px; }.industries-accordion-image span { position: absolute; z-index: 2; right: 25px; bottom: 34px; max-width: 190px; padding: 13px; border-radius: 6px; background: #fff; color: #0c1445; font-size: .9rem; font-weight: 800; }.industries-accordion { display: grid; gap: 12px; }.industries-accordion article { overflow: hidden; border: 1px solid #dde3eb; border-radius: 10px; background: #fff; }.industries-accordion button { width: 100%; padding: 20px; border: 0; display: flex; align-items: center; justify-content: space-between; background: #fff; color: #0c1445; font-size: 1rem; font-weight: 800; text-align: left; }.industries-accordion button i { color: #079443; transition: transform .25s; }.industries-accordion p { max-height: 0; margin: 0; overflow: hidden; color: #59667f; line-height: 1.65; transition: max-height .3s, padding .3s; }.industries-accordion article.active { border-color: #079443; }.industries-accordion article.active p { max-height: 150px; padding: 0 20px 20px; }.industries-accordion article.active button i { transform: rotate(45deg); }

.industries-cta { padding: 82px 0; background: #150452; color: #fff; }.industries-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.industries-cta-kicker { color: #a9f1ca; font-size: .76rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.industries-cta h2 { max-width: 760px; margin: 10px 0; font-size: clamp(2rem,4vw,3rem); font-weight: 900; line-height: 1.1; }.industries-cta p { margin: 0; color: rgba(255,255,255,.82); }
@media (max-width: 991.98px) { .industries-hero { padding-top: 76px; }.industries-hero-image { margin: 0 auto; }.industries-hero-dots { justify-content: center; }.industries-flow { max-width: 650px; margin: 0 auto; }.industries-accordion-image { margin: 0 auto; }.industries-cta .container { align-items: flex-start; flex-direction: column; } }
@media (max-width: 767.98px) { .industries-hero { padding: 65px 0 52px; }.industries-hero-slider { min-height: 710px; }.industries-hero-image img { height: 290px; }.industries-grid-section,.industries-stories,.industries-accordion-section,.industries-process { padding: 70px 0; }.industries-masonry { grid-template-columns: 1fr 1fr; grid-auto-rows: 160px; }.industries-photo--wide { grid-column: span 2; }.industries-impact { padding: 70px 0; }.industries-cta { padding: 65px 0; }.industries-accordion-image img { height: 340px; } }
@media (max-width: 460px) { .industries-hero-slider { min-height: 670px; }.industry-flow,.industries-masonry { grid-template-columns: 1fr; }.industries-photo--large,.industries-photo--wide { grid-column: auto; grid-row: auto; }.industries-masonry { grid-auto-rows: 235px; }.industry-impact-grid div { min-height: 145px; padding: 12px 5px; }.industry-impact-grid strong { font-size: 1.65rem; }.industry-impact-grid img { width: 42px; height: 42px; } }

/* Scenario Cards */
.industry-scenario-card {
    transition: all 0.3s ease-in-out;
}
.industry-scenario-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.industry-scenario-card:hover img {
    transform: scale(1.06);
}
