/* ============================================================
   Industries page styles (mkind-) — matches site design system
   Loaded only by application/views/home/industries.php
   ============================================================ */
.mkind-page{
    --mk-primary:#1a56db; --mk-primary-light:#3b82f6; --mk-primary-dark:#0f3a8e;
    --mk-green:#75bc00; --mk-accent:#10b981;
    --mk-dark:#0f172a; --mk-dark-2:#1e293b;
    --mk-text:#334155; --mk-text-light:#64748b;
    --mk-bg-light:#f8fafc; --mk-border:#e2e8f0;
    font-family:'Spline Sans',-apple-system,sans-serif;
    color:var(--mk-text);
}
.mkind-page *{box-sizing:border-box;}
.mkind-container{max-width:1170px;margin:0 auto;padding:0 20px;}
.mkind-kicker{
    display:inline-block; position:relative;
    background:linear-gradient(90deg,var(--mk-primary),var(--mk-accent));
    color:#fff; padding:6px 18px; border-radius:20px;
    font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase;
    margin-bottom:20px;
}

/* ---------- Hero ---------- */
.mkind-hero{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg,#0f172a 0%,#12235a 55%,#0f3a8e 100%);
    padding:100px 0 90px; text-align:center;
}
.mkind-hero::before{
    content:""; position:absolute; inset:0;
    background:url('../images/banner/industry-banner.jpg') center/cover no-repeat;
    opacity:.13; mix-blend-mode:luminosity;
}
.mkind-hero::after{
    content:""; position:absolute; width:560px; height:560px; border-radius:50%;
    background:radial-gradient(circle,rgba(117,188,0,.20) 0%,transparent 65%);
    top:-240px; right:-160px; pointer-events:none;
}
.mkind-hero h1{
    position:relative; color:#fff; font-size:46px; font-weight:600;
    margin:0 0 16px; letter-spacing:-1px; line-height:1.15;
    font-family:'Spline Sans',sans-serif;
}
.mkind-hero h1 span{color:var(--mk-green);}
.mkind-hero-sub{
    position:relative; color:#cbd5e1; font-size:18px; max-width:700px;
    margin:0 auto; line-height:1.65;
}
.mkind-hero-strip{
    position:relative; display:flex; gap:34px; justify-content:center; flex-wrap:wrap;
    margin-top:40px; padding-top:28px; border-top:1px solid rgba(148,163,184,.2);
}
.mkind-hero-strip span{color:#cbd5e1; font-size:14.5px; display:flex; align-items:center; gap:9px;}
.mkind-hero-strip span i{color:var(--mk-green); font-size:16px;}

/* ---------- Intro ---------- */
.mkind-intro{padding:80px 0 30px; background:var(--mk-bg-light);}
.mkind-intro-inner{max-width:860px; margin:0 auto; text-align:center;}
.mkind-intro-inner h2{
    font-size:32px; font-weight:600; color:var(--mk-dark);
    margin:0 0 16px; letter-spacing:-.5px; font-family:'Spline Sans',sans-serif;
}
.mkind-intro-inner h2 span{color:var(--mk-green);}
.mkind-intro-inner p{font-size:16px; line-height:1.8; color:var(--mk-text-light); margin:0 0 14px;}

/* ---------- Industry cards ---------- */
.mkind-grid-sec{padding:40px 0 90px; background:var(--mk-bg-light);}
.mkind-grid{display:flex; flex-wrap:wrap; gap:28px;}
.mkind-card{
    flex:1 1 300px; max-width:365px; min-width:270px;
    background:#fff; border:1px solid var(--mk-border); border-radius:18px;
    overflow:hidden; text-decoration:none; display:flex; flex-direction:column;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    box-shadow:0 4px 6px -1px rgba(0,0,0,.05);
}
.mkind-card:hover{
    transform:translateY(-7px);
    box-shadow:0 26px 55px -14px rgba(26,86,219,.25);
    border-color:rgba(26,86,219,.35);
    text-decoration:none;
}
.mkind-card-img{position:relative; height:180px; overflow:hidden; background:var(--mk-dark-2);}
.mkind-card-img img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .45s ease;
}
.mkind-card:hover .mkind-card-img img{transform:scale(1.07);}
.mkind-card-img::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(15,23,42,.55) 100%);
}
.mkind-card-body{
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:20px 22px; flex:1;
}
.mkind-card-body h3{
    font-size:16.5px; font-weight:600; color:var(--mk-dark); margin:0;
    line-height:1.45; font-family:'Spline Sans',sans-serif;
    text-transform:capitalize;
}
.mkind-card-arrow{
    flex:0 0 40px; width:40px; height:40px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(26,86,219,.08); color:var(--mk-primary); font-size:15px;
    transition:background .3s ease, color .3s ease, transform .3s ease;
}
.mkind-card:hover .mkind-card-arrow{
    background:linear-gradient(135deg,var(--mk-primary),var(--mk-primary-light));
    color:#fff; transform:translateX(3px);
}

/* ---------- Why Montek strip ---------- */
.mkind-why{background:var(--mk-dark); padding:90px 0; position:relative; overflow:hidden;}
.mkind-why::before{
    content:""; position:absolute; width:520px; height:520px; border-radius:50%;
    background:radial-gradient(circle,rgba(26,86,219,.25) 0%,transparent 65%);
    bottom:-260px; left:-150px; pointer-events:none;
}
.mkind-why-head{text-align:center; max-width:760px; margin:0 auto 50px; position:relative;}
.mkind-why-head h2{color:#fff; font-size:32px; font-weight:600; margin:0 0 14px; letter-spacing:-.5px; font-family:'Spline Sans',sans-serif;}
.mkind-why-head h2 span{color:var(--mk-green);}
.mkind-why-head p{color:#94a3b8; font-size:16px; margin:0; line-height:1.7;}
.mkind-why-row{display:flex; gap:26px; flex-wrap:wrap; position:relative;}
.mkind-why-card{
    flex:1 1 250px; min-width:240px;
    background:var(--mk-dark-2); border:1px solid rgba(148,163,184,.15);
    border-radius:16px; padding:30px 26px;
    transition:transform .3s ease, border-color .3s ease;
}
.mkind-why-card:hover{transform:translateY(-5px); border-color:rgba(117,188,0,.45);}
.mkind-why-card .mkind-w-icon{
    width:50px; height:50px; border-radius:12px; margin-bottom:16px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(117,188,0,.14); color:var(--mk-green); font-size:20px;
}
.mkind-why-card h3{color:#fff; font-size:17px; font-weight:600; margin:0 0 10px; font-family:'Spline Sans',sans-serif;}
.mkind-why-card p{color:#94a3b8; font-size:14.5px; line-height:1.7; margin:0;}

/* ---------- CTA band ---------- */
.mkind-cta{
    background:linear-gradient(135deg,#0f172a 0%,#12235a 55%,#0f3a8e 100%);
    padding:80px 0; text-align:center; position:relative; overflow:hidden;
    border-top:1px solid rgba(148,163,184,.12);
}
.mkind-cta::before{
    content:""; position:absolute; width:500px; height:500px; border-radius:50%;
    background:radial-gradient(circle,rgba(117,188,0,.18) 0%,transparent 65%);
    bottom:-250px; right:-140px; pointer-events:none;
}
.mkind-cta h2{position:relative; color:#fff; font-size:32px; font-weight:600; margin:0 0 14px; letter-spacing:-.5px; font-family:'Spline Sans',sans-serif;}
.mkind-cta h2 span{color:var(--mk-green);}
.mkind-cta p{position:relative; color:#cbd5e1; font-size:16.5px; max-width:640px; margin:0 auto 32px; line-height:1.7;}
.mkind-cta-btns{position:relative; display:flex; gap:14px; justify-content:center; flex-wrap:wrap;}
.mkind-btn{
    display:inline-flex; align-items:center; gap:9px;
    padding:14px 32px; border-radius:30px; font-weight:600; font-size:14.5px;
    text-decoration:none; letter-spacing:.5px; transition:all .3s ease;
}
.mkind-btn-primary{
    background:linear-gradient(90deg,var(--mk-primary),var(--mk-primary-light));
    color:#fff !important; box-shadow:0 10px 20px rgba(26,86,219,.35);
}
.mkind-btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 30px rgba(26,86,219,.45); color:#fff;}
.mkind-btn-ghost{background:transparent; color:#fff !important; border:1.5px solid rgba(255,255,255,.35);}
.mkind-btn-ghost:hover{transform:translateY(-2px); border-color:var(--mk-green); color:var(--mk-green) !important;}

/* ============================================================
   Industry DETAIL page styles (mkindd-)
   Loaded by application/views/home/industry_details.php
   ============================================================ */
.mkindd-hero{
    position:relative; overflow:hidden;
    background:linear-gradient(135deg,#0f172a 0%,#12235a 100%);
    padding:120px 0 90px; text-align:center;
}
.mkindd-hero-bg{position:absolute; inset:0;}
.mkindd-hero-bg img{
    width:100%; height:100%; object-fit:cover; display:block;
    opacity:.22; filter:saturate(.7);
}
.mkindd-hero-bg::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(135deg,rgba(15,23,42,.88) 0%,rgba(18,35,90,.72) 60%,rgba(15,58,142,.60) 100%);
}
.mkindd-hero .mkind-container{position:relative;}
.mkindd-hero h1{
    color:#fff; font-size:42px; font-weight:600; margin:0 0 16px;
    letter-spacing:-1px; line-height:1.2; text-transform:capitalize;
    font-family:'Spline Sans',sans-serif;
}
.mkindd-hero-sub{color:#cbd5e1; font-size:17px; max-width:660px; margin:0 auto 30px; line-height:1.65;}
.mkindd-crumb{color:#94a3b8; font-size:13.5px; margin-bottom:18px; display:block;}
.mkindd-crumb a{color:var(--mk-green); text-decoration:none;}
.mkindd-crumb a:hover{text-decoration:underline;}

/* ---------- Detail body ---------- */
.mkindd-body{padding:90px 0; background:var(--mk-bg-light);}
.mkindd-split{display:flex; gap:48px; align-items:flex-start; flex-wrap:wrap;}
.mkindd-content{flex:1 1 620px; min-width:300px;}
.mkindd-content-card{
    background:#fff; border:1px solid var(--mk-border); border-radius:20px;
    padding:44px 46px; box-shadow:0 4px 6px -1px rgba(0,0,0,.05);
}
.mkindd-content-card img{max-width:100%; height:auto; border-radius:14px;}
.mkindd-content-card p{font-size:15.5px; line-height:1.85; color:var(--mk-text-light); margin:0 0 18px;}
.mkindd-content-card h2,.mkindd-content-card h3,.mkindd-content-card h4{
    color:var(--mk-dark); font-weight:600; letter-spacing:-.3px;
    margin:28px 0 14px; line-height:1.35; font-family:'Spline Sans',sans-serif;
}
.mkindd-content-card h2{font-size:25px;}
.mkindd-content-card h3{font-size:21px;}
.mkindd-content-card h4{font-size:18px;}
.mkindd-content-card ul,.mkindd-content-card ol{margin:0 0 18px; padding-left:22px;}
.mkindd-content-card li{font-size:15.5px; line-height:1.8; color:var(--mk-text-light); margin-bottom:8px;}
.mkindd-content-card strong{color:var(--mk-dark);}
.mkindd-content-card a{color:var(--mk-primary);}

.mkindd-side{flex:1 1 320px; min-width:280px; position:sticky; top:110px;}
.mkindd-side-img{
    border-radius:18px; overflow:hidden; margin-bottom:24px;
    box-shadow:0 20px 45px -14px rgba(15,23,42,.28);
}
.mkindd-side-img img{width:100%; height:230px; object-fit:cover; display:block;}
.mkindd-side-card{
    background:var(--mk-dark); border-radius:18px; padding:30px 28px;
    position:relative; overflow:hidden;
}
.mkindd-side-card::before{
    content:""; position:absolute; top:0; left:0; right:0; height:4px;
    background:linear-gradient(90deg,var(--mk-primary),var(--mk-green));
}
.mkindd-side-card h3{color:#fff; font-size:20px; font-weight:600; margin:0 0 12px; font-family:'Spline Sans',sans-serif;}
.mkindd-side-card p{color:#94a3b8; font-size:14.5px; line-height:1.7; margin:0 0 20px;}
.mkindd-side-card ul{list-style:none; margin:0 0 24px; padding:0;}
.mkindd-side-card ul li{
    color:#cbd5e1; font-size:14px; padding:7px 0; display:flex; gap:10px; align-items:flex-start;
}
.mkindd-side-card ul li i{color:var(--mk-green); margin-top:3px;}
.mkindd-side-card .mkind-btn{width:100%; justify-content:center;}

/* ---------- Other industries strip ---------- */
.mkindd-others{padding:80px 0; background:#fff;}
.mkindd-others .mkind-card{background:var(--mk-bg-light);}
.mkindd-others .mkind-why-head h2{color:var(--mk-dark);}
.mkindd-others .mkind-why-head h2 span{color:var(--mk-green);}

/* ---------- Responsive ---------- */
@media (max-width:991px){
    .mkind-hero{padding:80px 0 70px;}
    .mkind-hero h1{font-size:36px;}
    .mkind-intro{padding:60px 0 20px;}
    .mkind-grid-sec{padding:30px 0 70px;}
    .mkind-why,.mkind-cta{padding:70px 0;}
    .mkindd-hero{padding:90px 0 70px;}
    .mkindd-hero h1{font-size:33px;}
    .mkindd-body,.mkindd-others{padding:70px 0;}
    .mkindd-side{position:static;}
}
@media (max-width:600px){
    .mkind-hero h1{font-size:28px;}
    .mkind-hero-sub{font-size:15.5px;}
    .mkind-hero-strip{gap:16px;}
    .mkind-intro-inner h2,.mkind-why-head h2,.mkind-cta h2{font-size:25px;}
    .mkind-card{max-width:100%;}
    .mkindd-hero h1{font-size:26px;}
    .mkindd-content-card{padding:28px 22px;}
}