:root{--idr-ink:#0c0d0b;--idr-paper:#f3f0e8;--idr-orange:#C73811;--idr-rule:rgba(12,13,11,.17);--idr-muted:#696660}
.industry-detail-refresh{overflow-x:hidden;background:var(--idr-paper)}
.industry-detail-refresh .nav{color:#fff;background:var(--idr-ink);border-bottom-color:rgba(255,255,255,.12)}
.industry-detail-refresh .nav-logo,.industry-detail-refresh .nav-links a{color:#fff}
.industry-detail-refresh .hero{position:relative;min-height:680px;display:flex;align-items:flex-end;padding:10rem 0 5rem;color:#fff;background-color:var(--idr-ink);background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:72px 72px;border-bottom:8px solid var(--idr-orange)}
.industry-detail-refresh .hero .container{width:min(100%,1320px);max-width:1320px;padding:0 clamp(1.25rem,4vw,4rem)}
.industry-detail-refresh .hero-inner{max-width:1080px}
.industry-detail-refresh .badge{padding:0;border:0;border-radius:0;color:var(--idr-orange);background:transparent;letter-spacing:.14em}
.industry-detail-refresh .badge-dot{display:none}
.industry-detail-refresh h1{max-width:1080px;margin-bottom:1.75rem;color:#f7f4ee;font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:-.07em}
.industry-detail-refresh h1 em{color:var(--idr-orange);font-weight:500}
.industry-detail-refresh .hero-sub{max-width:720px;color:rgba(255,255,255,.58);font-size:1.1rem}
.industry-detail-refresh .hero-actions .btn{border-radius:0}
.industry-detail-refresh .hero-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.45)}
.industry-detail-refresh .pain,.industry-detail-refresh .automations,.industry-detail-refresh .how,.industry-detail-refresh .stats{padding:7rem 0;background:var(--idr-paper);color:var(--idr-ink)}
.industry-detail-refresh .pain .container,.industry-detail-refresh .stats .container{width:min(100%,1320px);max-width:1320px;padding:0 clamp(1.25rem,4vw,4rem);border-radius:0;background:transparent;box-shadow:none}
.industry-detail-refresh .section-title{max-width:900px;color:var(--idr-ink);font-size:clamp(2.8rem,5vw,5.3rem);line-height:.93;letter-spacing:-.055em}
.industry-detail-refresh .pain-grid,.industry-detail-refresh .auto-grid{gap:0;border:solid var(--idr-rule);border-width:1px 0 0 1px}
.industry-detail-refresh .pain-card,.industry-detail-refresh .auto-card{min-height:260px;padding:2rem;border:solid var(--idr-rule);border-width:0 1px 1px 0;border-radius:0;color:var(--idr-ink);background:transparent}
.industry-detail-refresh .pain-card:hover,.industry-detail-refresh .auto-card:hover{transform:none;box-shadow:inset 4px 0 0 var(--idr-orange)}
.industry-detail-refresh .pain-icon,.industry-detail-refresh .auto-icon{font-size:0}
.industry-detail-refresh .pain-icon::after,.industry-detail-refresh .auto-icon::after{content:'↳';color:var(--idr-orange);font:500 1.5rem 'DM Mono',monospace}
.industry-detail-refresh .pain-title,.industry-detail-refresh .pain-desc{color:inherit}
.industry-detail-refresh .pain-desc,.industry-detail-refresh .auto-desc{color:var(--idr-muted)}
.industry-detail-refresh .auto-hrs{border-radius:0;border:0;color:var(--idr-orange);background:transparent}
.industry-detail-refresh .how{background:#f3f0e8}
.industry-detail-refresh .steps{gap:0;border:solid var(--idr-rule);border-width:1px 0 0 1px}
.industry-detail-refresh .step{min-height:260px;padding:2rem;text-align:left;border:solid var(--idr-rule);border-width:0 1px 1px 0}
.industry-detail-refresh .step-num{width:auto;height:auto;margin:0 0 2rem;border-radius:0;color:var(--idr-orange);background:transparent;justify-content:flex-start}
.industry-detail-refresh .step-icon{display:none}
.industry-detail-refresh .stats{padding-top:0}
.industry-detail-refresh .stats-grid{gap:0;text-align:left;border:solid var(--idr-rule);border-width:1px 0 0 1px}
.industry-detail-refresh .stats-grid>div{min-height:220px;padding:2rem;border:solid var(--idr-rule);border-width:0 1px 1px 0}
.industry-detail-refresh .stat-label,.industry-detail-refresh .stat-sub{color:var(--idr-muted)}
.industry-detail-refresh .solution-stack{background:#f3f0e8}
.industry-detail-refresh .cta-section{padding:7rem clamp(1.25rem,4vw,4rem);text-align:left;background:var(--idr-orange)}
.industry-detail-refresh .cta-section .container{width:min(100%,1320px);max-width:1320px;margin:0 auto;padding:0}
.industry-detail-refresh .cta-section h2{max-width:1050px;color:var(--idr-ink);font-size:clamp(3.5rem,7vw,7rem);line-height:.9;letter-spacing:-.06em}
.industry-detail-refresh .cta-section h2 em{color:var(--idr-ink)}
.industry-detail-refresh .cta-sub{max-width:650px;margin:1.5rem 0 2rem;color:rgba(255,255,255,0.92)}
.industry-detail-refresh .cta-btn{border-radius:0;background:var(--idr-ink)}
@media(max-width:768px){.industry-detail-refresh .hero{min-height:600px;padding:8rem 0 3rem}.industry-detail-refresh h1{font-size:clamp(3.1rem,15vw,5rem);overflow-wrap:anywhere}.industry-detail-refresh .pain,.industry-detail-refresh .automations,.industry-detail-refresh .how{padding:5rem 0}.industry-detail-refresh .pain-grid,.industry-detail-refresh .auto-grid,.industry-detail-refresh .steps,.industry-detail-refresh .stats-grid{grid-template-columns:1fr}.industry-detail-refresh .pain .container,.industry-detail-refresh .stats .container{padding:0 1.25rem}.industry-detail-refresh .pain-card,.industry-detail-refresh .auto-card,.industry-detail-refresh .step,.industry-detail-refresh .stats-grid>div{min-height:auto}}

/* 2026-09-11, narrowed after a regression: .cta-dark and .cl-cta are painted with the
   orange token by these sheets, so their text is white. .cta-section is NOT always
   orange here (it is cream on /about and the industry pages), so it is deliberately
   excluded. A blanket .cta-section rule put a white h2 on a cream band, live. */
.cta-dark .section-label,.cl-cta .section-label,
.cta-dark .eyebrow,.cl-cta .eyebrow,
.cta-dark h2,.cta-dark h2 em,.cl-cta h2{color:#fff;}
.cta-dark .cta-dark-sub,.cl-cta p,.cta-dark p{color:rgba(255,255,255,0.92);}
.cta-dark .cta-btn-ghost,.cl-cta .cta-btn-ghost{color:#fff;border-color:#fff;}

/* 2026-09-11, scoped by body class after a blanket .cta-section rule put white text on
   the cream band on /about. On THIS template .cta-section really is painted with the
   orange token, so its text is white. .pain and the footer are separate surfaces and
   are corrected alongside. */
.industry-detail-refresh .cta-section .section-label,
.industry-detail-refresh .cta-section h2,
.industry-detail-refresh .cta-section h2 em,
.industry-detail-refresh .cta-section .cta-sub,
.industry-detail-refresh .cta-section p,
.industry-detail-refresh .cta-section a:not(.btn){color:#fff !important;}
.industry-detail-refresh .pain .section-title{color:var(--idr-ink) !important;}
.industry-detail-refresh .footer .footer-logo{color:#F7F4EE !important;}