/* Shared industry landing pages: MODE's teal, orange, and editorial type. */
.industry-page { --ip-ink:#0b1f26; --ip-teal:#136a72; --ip-teal-light:#9bcdd1; --ip-muted:#5a6870; color:var(--ip-ink); font-family:"Figtree","Inter",sans-serif; }
.industry-page *, .industry-page *::before { box-sizing:border-box; }
.industry-page h1, .industry-page h2, .industry-page h3 { font-family:"Bitter",Georgia,serif; font-weight:700; letter-spacing:-.025em; }
.ip-container { max-width:1200px; margin:0 auto; }
.ip-section { padding:80px 24px; }
.ip-section--mist { background:#f4f6f7; }
.ip-label { display:block; color:var(--ip-teal); font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; }
.ip-hero { padding:88px 24px 72px; background:radial-gradient(ellipse at top right,rgba(19,106,114,.55),transparent 65%),#0c2027; color:#fff; }
.ip-hero--warehouse { background:linear-gradient(rgba(10,22,40,.78),rgba(10,22,40,.78)),url('../images/warehouse-hero.png') no-repeat center center/cover; }
.ip-hero .ip-container { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:64px; align-items:center; }
.ip-hero .ip-label { color:#91cbd0; }
.industry-page h1 { margin:22px 0; color:#fff; font-size:clamp(36px,4.5vw,56px) !important; line-height:1.13; }
.ip-lead { max-width:680px; font-size:18px; line-height:1.65; color:var(--ip-muted); }
.ip-hero .ip-lead { color:#c4d2d6; }
.ip-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin-top:24px; padding:12px 22px; border-radius:8px; background:#f5842a; color:#fff !important; font-weight:600; text-decoration:none; }
.ip-button:hover { background:#d96b17; }
.industry-page a:focus-visible { outline:3px solid #f5842a; outline-offset:5px; }
.ip-panel { padding:28px; border:1px solid #456068; border-radius:12px; background:rgba(255,255,255,.04); }
.ip-panel ol { margin:22px 0 0; padding-left:22px; }
.ip-panel li { padding:10px 0 10px 8px; color:#d5e1e4; line-height:1.5; }
.ip-panel .ip-note { color:#b5c8ce; }
.industry-page h2 { max-width:800px; margin:16px 0 24px; font-size:clamp(28px,3.5vw,42px) !important; line-height:1.2; }
.ip-hero h1 span { color:var(--ip-teal-light); }
.industry-page h2 span { color:var(--ip-teal); }
.industry-page h3 { margin:12px 0; font-size:22px !important; line-height:1.3; }
.ip-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:36px; }
.ip-card { padding:28px; border:1px solid #dce4e7; border-radius:12px; background:#fff; }
.ip-card p { color:var(--ip-muted); line-height:1.65; margin-bottom:0; }
.ip-card-heading { display:flex; align-items:center; gap:16px; min-height:80px; }
.ip-card-heading h3 { flex:1; min-width:0; }
.ip-card-icon { display:block; flex:0 0 72px; width:72px; height:72px; object-fit:contain; }
.ip-split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.ip-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; padding:0; margin:36px 0 24px; list-style:none; }
.ip-flow li { position:relative; padding:24px; border-top:3px solid var(--ip-teal); background:#f4f6f7; border-radius:0 0 8px 8px; }
.ip-flow li:not(:last-child)::after { content:'→'; position:absolute; top:50%; right:-24px; transform:translateY(-50%); color:var(--ip-teal); font-size:20px; line-height:1; }
.ip-flow strong { display:block; margin:0 0 10px; font-size:17px; }
.ip-flow p { margin:0; color:var(--ip-muted); font-size:15px; line-height:1.6; }
.ip-note { color:var(--ip-muted); font-size:14px; line-height:1.6; }
.ip-proof { padding:30px; border-left:3px solid var(--ip-teal); background:#fff; }
.ip-proof p { line-height:1.65; color:var(--ip-muted); }
.ip-text-link { color:var(--ip-teal); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.ip-stack { margin-top:24px; padding:22px; border:1px solid #dce4e7; border-radius:8px; line-height:1.8; color:var(--ip-teal); font-weight:600; }
.ip-heatmap { max-width:640px; margin:32px auto 40px; padding:12px; border:1px solid #dce4e7; border-radius:12px; background:#fff; }
.ip-heatmap-scroll { overflow-x:auto; border-radius:6px; }
.ip-heatmap-scroll:focus-visible { outline:3px solid #f5842a; outline-offset:3px; }
.ip-heatmap img { display:block; width:100%; height:auto; }
.ip-heatmap figcaption { margin:16px 4px 4px; }
.ip-utilization-list { padding-left:22px; color:var(--ip-muted); line-height:1.65; }
.ip-utilization-list li { margin-bottom:12px; }
.ip-contact { text-align:center; padding-bottom:32px; }
.ip-contact h2, .ip-contact .ip-lead { margin-left:auto; margin-right:auto; }
@media(max-width:900px) { .ip-hero .ip-container,.ip-split { grid-template-columns:1fr; gap:32px; } .ip-flow { grid-template-columns:repeat(2,minmax(0,1fr)); } .ip-flow li::after { display:none; } }
@media(max-width:600px) { .ip-section,.ip-hero { padding:56px 20px; } .ip-grid,.ip-flow { grid-template-columns:1fr; } .ip-card,.ip-panel { padding:24px; } .ip-contact { padding-bottom:24px; } }