/* IntelliMinds Digital — Industry page art-direction layer (Education & LMS).
   Visual only. Loads after inner-refine.css; inherits Design System v3.0 tokens. */

/* ---------- Page rhythm ---------- */
.hero-industry + .section{padding-top:6.5rem}
main > .section{padding:6.5rem 0}
main > .section--dark{padding:6rem 0}

/* ================= 1. HERO ================= */
.hero-industry{
  position:relative;overflow:hidden;
  padding:6.5rem 0 5rem;
  border-bottom:1px solid var(--border);
  background:
    radial-gradient(900px 460px at 82% 2%, rgba(43,120,184,.08) 0%, rgba(43,120,184,0) 62%),
    radial-gradient(720px 420px at 96% 88%, rgba(11,143,140,.09) 0%, rgba(11,143,140,0) 60%),
    linear-gradient(180deg,#FFFFFF 0%,#F6F9FB 100%);
}
.hero-industry::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(to right,rgba(11,31,54,.035) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(11,31,54,.035) 1px,transparent 1px);
  background-size:72px 72px,72px 72px;
  -webkit-mask-image:radial-gradient(120% 90% at 22% 28%,transparent 0%,#000 60%);
  mask-image:radial-gradient(120% 90% at 22% 28%,transparent 0%,#000 60%);
}
.hero-industry > .container{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.hero-industry .eyebrow{display:inline-block;background:none;border:0;padding:0;
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--teal);margin-bottom:1.1rem}
.hero-industry h1{font-size:clamp(2.05rem,4vw,3.15rem);line-height:1.05;letter-spacing:-.036em;
  color:var(--navy);max-width:18ch;margin-bottom:1.3rem}
.hero-industry p.lede{max-width:56ch;font-size:1.07rem;line-height:1.65;color:var(--body)}
.hero-industry p.lede strong{color:var(--navy);font-weight:650}
.ind-hero-note{max-width:58ch;margin-top:.85rem;color:var(--muted);font-size:.95rem;line-height:1.65}
.hero-industry .btn-row{margin-top:2rem}

/* Diagnostic instrument card */
.ind-instrument{
  position:relative;background:#fff;border:1px solid var(--border);border-radius:18px;
  padding:1.6rem 1.6rem 1.35rem;box-shadow:0 30px 70px -38px rgba(11,31,54,.45);
}
.ind-instrument::before{
  content:"";position:absolute;left:0;top:0;height:3px;width:100%;border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,var(--navy) 0%,#0B8F8C 55%,#F2B84B 100%);
}
.ind-inst-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding-bottom:1rem;border-bottom:1px solid var(--border)}
.ind-inst-head strong{font-family:'Space Grotesk','Inter',sans-serif;font-size:1rem;color:var(--navy);letter-spacing:-.01em}
.ind-inst-head span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.ind-rows{display:grid;gap:0;margin-top:.25rem}
.ind-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;
  padding:.95rem 0;border-bottom:1px dashed rgba(11,31,54,.10)}
.ind-row:last-child{border-bottom:0}
.ind-row b{display:block;font-size:.95rem;font-weight:600;color:var(--navy);letter-spacing:-.01em}
.ind-row small{display:block;margin-top:.2rem;font-size:.82rem;color:var(--muted);line-height:1.5}
.ind-tag{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:.32rem .55rem;border-radius:999px;white-space:nowrap;
  background:rgba(11,143,140,.09);color:#0B8F8C;border:1px solid rgba(11,143,140,.24)}
.ind-tag--amber{background:rgba(242,184,75,.14);color:#8a6412;border-color:rgba(242,184,75,.42)}
.ind-tag--blue{background:rgba(43,120,184,.09);color:#2B78B8;border-color:rgba(43,120,184,.24)}
.ind-inst-foot{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border);
  font-size:.78rem;color:var(--muted);line-height:1.55}

/* Learning-technology foundation */
.ind-foundation-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:1.2rem 0 1rem}
.ind-foundation-map::after{content:"";position:absolute;left:10%;right:10%;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(11,143,140,.45),transparent)}
.if-node{position:relative;z-index:1;min-height:116px;padding:.9rem;background:#f7fafb;border:1px solid var(--border);border-radius:9px}
.if-node span,.if-core span{display:block;font-size:.61rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--teal);margin-bottom:.55rem}
.if-node b{display:block;font-size:.82rem;line-height:1.45;color:var(--navy)}
.if-core{position:relative;z-index:2;grid-column:1/-1;margin:0 auto;padding:.8rem 1.1rem;width:72%;text-align:center;background:var(--navy);border-radius:8px;color:#fff;box-shadow:0 12px 30px -18px rgba(11,31,54,.55)}
.if-core span{color:#8ed4d1;margin-bottom:.25rem}.if-core strong{font-size:.9rem}

/* Capability proof */
.ind-proof-section h2{max-width:21ch}.ind-proof-section .lede{max-width:72ch}
.ind-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.ind-proof{padding:1.75rem 1.5rem 1.75rem 0;min-height:180px}
.ind-proof + .ind-proof{padding-left:1.5rem;border-left:1px solid var(--border)}
.ind-proof span{display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:1.15rem}
.ind-proof strong{display:block;font-size:1.05rem;line-height:1.35;color:var(--navy);letter-spacing:-.015em}
.ind-proof i{display:block;margin-top:.6rem;font-style:normal;font-size:.86rem;line-height:1.55;color:var(--muted)}

/* Built technology */
.ind-build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}
.ind-build-panel{position:relative;overflow:hidden;min-height:280px;padding:2rem;border:1px solid var(--border);border-radius:12px;background:#fff}
.ind-build-panel--wide{grid-column:1/-1;min-height:250px;padding-right:43%}
.ib-label{display:block;font-size:.67rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:.85rem}
.ind-build-panel h3{font-size:1.35rem;color:var(--navy);letter-spacing:-.025em;margin:0 0 .8rem}.ind-build-panel h3 i{font:inherit;color:var(--muted)}
.ind-build-panel p{max-width:55ch;color:var(--muted);line-height:1.7;font-size:.96rem}
.ib-platform{position:absolute;right:2rem;top:2rem;bottom:2rem;width:34%;display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;padding:1rem;border:1px solid rgba(11,143,140,.22);border-radius:10px;background:rgba(11,143,140,.035)}
.ib-platform span{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--navy);font-size:.75rem;font-weight:650}
.ib-mini-flow{display:flex;align-items:center;gap:.35rem;margin-top:1.5rem}.ib-mini-flow span{position:relative;flex:1;padding:.65rem .25rem;text-align:center;border-top:2px solid rgba(11,143,140,.35);font-size:.68rem;color:var(--navy)}
.ib-mini-flow span + span::before{content:"→";position:absolute;left:-.4rem;color:var(--teal)}
.ib-blueprint{display:grid;grid-template-columns:1fr .65fr;grid-template-rows:repeat(2,38px);gap:.5rem;margin-top:1.35rem}.ib-blueprint span{border:1px solid rgba(43,120,184,.22);background:rgba(43,120,184,.055);border-radius:6px}.ib-blueprint span:first-child{grid-row:1/3}
.ind-build-panel--dark{grid-column:1/-1;min-height:220px;padding-right:38%;background:var(--navy);border-color:var(--navy)}.ind-build-panel--dark h3{color:#fff}.ind-build-panel--dark p{color:#b9cdd9}.ind-build-panel--dark .ib-label{color:#82d0ce}
.ib-status{position:absolute;left:2rem;bottom:2rem;color:#dbe6ee;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ib-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#F2B84B;margin-right:.45rem}

/* IntelliBlueprint */
.ind-method{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:center}.ind-method h2{max-width:18ch}.ind-method p{max-width:59ch;color:var(--body);line-height:1.75}
.ind-method-flow{display:grid;gap:0;border-top:1px solid var(--border)}
.ind-method-flow div{display:grid;grid-template-columns:38px 1fr 1.2fr;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border)}
.ind-method-flow span{font-size:.7rem;font-weight:700;color:var(--teal);letter-spacing:.1em}.ind-method-flow b{font-size:.95rem;color:var(--navy)}.ind-method-flow small{font-size:.82rem;color:var(--muted)}

/* Competency journey */
.ind-competency-intro{text-align:center;max-width:720px;margin:0 auto 2.5rem}.ind-competency-intro h2{color:#fff}.ind-competency-intro p{font-size:1.15rem;line-height:1.65;color:#c4d7e2}
.ind-competency-intro .eyebrow{color:#82d0ce;background:none;border:0;padding:0}
.ind-competency-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}
.ind-competency-flow div{position:relative;min-height:125px;padding:1.3rem 1rem;background:rgba(255,255,255,.025);border-right:1px solid rgba(255,255,255,.1)}
.ind-competency-flow div:last-child{border-right:0}.ind-competency-flow div::after{content:"→";position:absolute;right:-.45rem;top:50%;z-index:2;color:#7fd2cf}.ind-competency-flow div:last-child::after{display:none}
.ind-competency-flow span{display:block;color:#7fd2cf;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.6rem}.ind-competency-flow b{display:block;color:#fff;font-size:.9rem;line-height:1.35}
.ind-competency-flow .ic-highlight{background:rgba(11,143,140,.2);box-shadow:inset 0 3px 0 #F2B84B}
.ind-competency-note{text-align:center;max-width:75ch;margin:1.5rem auto 0;color:#9fb7c6;font-size:.85rem}

/* ================= 2. CHALLENGES ================= */
.ind-problems{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:2.5rem;counter-reset:ip}
.ind-problem{position:relative;padding:2rem 2.25rem 2rem 0;border-top:1px solid var(--border)}
.ind-problem:nth-child(even){padding-left:2.25rem;border-left:1px solid var(--border)}
.ind-problem::before{
  counter-increment:ip;content:"0" counter(ip);
  font-family:'Space Grotesk','Inter',sans-serif;font-size:.85rem;font-weight:700;
  letter-spacing:.1em;color:var(--teal);display:block;margin-bottom:.7rem;
}
.ind-problem p{margin:0;font-size:1.02rem;line-height:1.62;color:var(--body);max-width:44ch}

/* ================= 3. EDITORIAL NARRATIVE ================= */
.ind-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:3.5rem;align-items:start}
.ind-editorial h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.12;letter-spacing:-.03em;color:var(--navy)}
.ind-editorial .ind-ed-body p{max-width:72ch;font-size:1.05rem;line-height:1.75;color:var(--body)}
.ind-editorial .ind-ed-body p + p{margin-top:1.1rem}
.ind-editorial .ind-ed-body p:first-child{font-size:1.14rem;color:var(--navy);line-height:1.65}
.ind-rule{width:56px;height:2px;background:var(--teal);margin-top:1.25rem}

/* ================= 4. PILLARS ================= */
.pillar-grid .pillar-card{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.5rem;
  box-shadow:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pillar-grid .pillar-card:hover{transform:translateY(-4px);border-color:rgba(11,143,140,.35);
  box-shadow:0 22px 48px -28px rgba(11,31,54,.35)}
.pillar-grid .pillar-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.75rem}
.pillar-grid .pillar-icon{display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:11px;flex:0 0 40px;
  background:rgba(11,143,140,.08);border:1px solid rgba(11,143,140,.2);color:#0B8F8C}
.pillar-grid .pillar-head h3{margin:0;font-size:1.02rem;letter-spacing:-.015em;color:var(--navy)}
.pillar-grid .pillar-card p{margin:0;font-size:.95rem;line-height:1.65;color:var(--muted)}

/* ================= 5. PRODUCT VISUAL ================= */
.ind-figure{margin:0;border:1px solid var(--border);border-radius:18px;overflow:hidden;
  background:#0a1b2e;box-shadow:0 40px 90px -45px rgba(8,25,40,.6)}
.ind-figure img{display:block;width:100%;height:auto}
.ind-figure figcaption{padding:16px 20px;font-size:.85rem;line-height:1.6;color:var(--muted);
  background:#fff;border-top:1px solid var(--border)}

/* ================= 6. USE CASE RAIL ================= */
.ind-usecases{margin-top:2.5rem;counter-reset:iu;display:grid;gap:0}
.ind-usecase{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;
  align-items:baseline;padding:1.35rem 0;border-bottom:1px solid var(--border)}
.ind-usecase:first-child{border-top:1px solid var(--border)}
.ind-usecase::before{
  counter-increment:iu;content:"0" counter(iu);
  font-family:'Space Grotesk','Inter',sans-serif;font-size:.9rem;font-weight:700;
  letter-spacing:.08em;color:rgba(11,31,54,.35);
}
.ind-usecase p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--navy);letter-spacing:-.012em}
.ind-usecase:hover::before{color:var(--teal)}

/* ================= 7. DARK EXPERIENCE BAND ================= */
.section--dark .ind-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:3.5rem;align-items:start}
.section--dark .ind-band h2{color:#fff;font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.14;
  letter-spacing:-.03em;margin:0 0 1rem}
.section--dark .ind-band .eyebrow{display:inline-block;background:none;border:0;padding:0;
  color:#7fd2cf;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:1rem}
.section--dark .ind-band p{color:#b9cdd9;font-size:1rem;line-height:1.7;max-width:52ch}
.ind-know{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.ind-know li{position:relative;padding:1.05rem 1.25rem 1.05rem 1.6rem;color:#dbe6ee;
  font-size:.96rem;line-height:1.55;border-top:1px solid rgba(255,255,255,.09)}
.ind-know li:nth-child(even){border-left:1px solid rgba(255,255,255,.09)}
.ind-know li::before{content:"";position:absolute;left:0;top:1.45rem;width:7px;height:7px;
  border-radius:2px;background:#0B8F8C}
.ind-know li:nth-child(3n)::before{background:#F2B84B}

/* ================= 8. WHERE TO START ================= */
.ind-start{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2.25rem}
.ind-start--five{grid-template-columns:repeat(5,1fr)}
.ind-start a.ind-step{
  display:block;text-decoration:none;padding:1.9rem 1.9rem 1.9rem 0;
  border-top:2px solid rgba(11,143,140,.3);transition:border-color .25s ease,transform .25s ease;
}
.ind-start a.ind-step + a.ind-step{padding-left:1.9rem}
.ind-start a.ind-step:hover{border-top-color:var(--teal);transform:translateY(-3px)}
.ind-step .is-num{font-family:'Space Grotesk','Inter',sans-serif;font-size:.78rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:.6rem}
.ind-step strong{display:block;font-size:1.05rem;color:var(--navy);letter-spacing:-.018em;margin-bottom:.45rem}
.ind-step span.is-copy{display:block;font-size:.93rem;line-height:1.6;color:var(--muted)}

/* ================= 9. CLOSING CTA ================= */
.ind-cta{
  position:relative;overflow:hidden;border-radius:20px;padding:3.25rem 3rem;
  background:linear-gradient(120deg,#0B1F36 0%,#0d3550 58%,#0B8F8C 140%);
  box-shadow:0 40px 90px -50px rgba(8,25,40,.7);
}
.ind-cta::after{content:"";position:absolute;right:-10%;top:-30%;width:55%;height:180%;
  pointer-events:none;opacity:.5;
  background:
    radial-gradient(6px 6px at 22% 30%, rgba(242,184,75,.6) 0%, rgba(242,184,75,0) 60%),
    radial-gradient(5px 5px at 68% 60%, rgba(127,210,207,.55) 0%, rgba(127,210,207,0) 60%),
    linear-gradient(118deg,transparent 47%,rgba(127,210,207,.22) 48%,rgba(127,210,207,0) 49.2%);
}
.ind-cta > *{position:relative;z-index:1}
.ind-cta h2{color:#fff;margin:0 0 .9rem;font-size:clamp(1.6rem,2.5vw,2.15rem);letter-spacing:-.03em;line-height:1.12;max-width:22ch}
.ind-cta p.lede{color:#c3d6e2;max-width:58ch;font-size:1.02rem;line-height:1.65}
.ind-cta .btn-row{margin-top:1.9rem}
.ind-cta .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.42)}
.ind-cta .btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff}

/* ================= RESPONSIVE ================= */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem}
  .ind-editorial{grid-template-columns:1fr;gap:1.75rem}
  .section--dark .ind-band{grid-template-columns:1fr;gap:2rem}
  .ind-proof-grid{grid-template-columns:repeat(2,1fr)}
  .ind-proof:nth-child(3){border-left:0}.ind-proof:nth-child(n+3){border-top:1px solid var(--border)}
  .ind-method{grid-template-columns:1fr;gap:2.5rem}
  .ind-competency-flow{grid-template-columns:repeat(3,1fr)}
  .ind-competency-flow div:nth-child(3){border-right:0}.ind-competency-flow div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.1)}
  .ind-start--five{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  main > .section{padding:4.25rem 0}
  .hero-industry{padding:4.5rem 0 3.25rem}
  .hero-industry + .section{padding-top:4.25rem}
  .ind-problems{grid-template-columns:1fr}
  .ind-problem,.ind-problem:nth-child(even){padding:1.5rem 0;border-left:0;padding-left:0}
  .ind-know{grid-template-columns:1fr}
  .ind-know li:nth-child(even){border-left:0}
  .ind-start{grid-template-columns:1fr}
  .ind-start a.ind-step,.ind-start a.ind-step + a.ind-step{padding:1.5rem 0;border-top:2px solid rgba(11,143,140,.3)}
  .ind-cta{padding:2.25rem 1.5rem;border-radius:16px}
  .ind-usecase{grid-template-columns:auto 1fr;gap:1rem}
  .ind-foundation-map{grid-template-columns:1fr}.if-core{width:100%}
  .ind-proof-grid{grid-template-columns:1fr}.ind-proof,.ind-proof + .ind-proof{padding:1.4rem 0;border-left:0;border-top:1px solid var(--border);min-height:0}.ind-proof:first-child{border-top:0}
  .ind-build-grid{grid-template-columns:1fr}.ind-build-panel--wide{grid-column:auto;padding-right:2rem;padding-bottom:11rem}.ind-build-panel--dark{grid-column:auto;padding-right:2rem}.ib-platform{left:2rem;right:2rem;top:auto;bottom:2rem;width:auto;height:8rem}
  .ind-method-flow div{grid-template-columns:30px 1fr}.ind-method-flow small{grid-column:2}
  .ind-competency-flow{grid-template-columns:1fr}.ind-competency-flow div{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:35px 1fr;align-items:center}.ind-competency-flow span{margin:0}.ind-competency-flow div::after{content:"↓";right:auto;left:1.8rem;top:auto;bottom:-.55rem}.ind-competency-flow div:last-child{border-bottom:0}
}