/* Scoped: Industries hub — Kutia_Industries_index_2.html */
.kutia-page-industries{
  --bg:#fff;--panel:#F4F6FA;--ink:#0D151A;--muted:#686D70;--line:#E6E8EC;
  --green:#30EFA6;--purple:#7948FF;--peach:#FFCE8B;--black:#000;
  --maxw:var(--wp--custom--grid-base,1290px);
  --cubesimg:url(../../../images/kutia-pages/cubes-hero.webp);
  background:var(--bg);color:var(--ink);
  font-family:var(--wp--preset--font-family--main),'DM Sans',-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6
}
.kutia-page-industries *{margin:0;padding:0;box-sizing:border-box}
.kutia-page-industries a{color:inherit;text-decoration:none}
.kutia-page-industries .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,3rem)}
.kutia-page-industries img{display:block;max-width:100%;height:auto}
.kutia-page-industries em{font-style:normal;color:var(--acc)}
.kutia-page-industries .industries-page{display:block}

.kutia-page-industries .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.kutia-page-industries .rv.in{opacity:1;transform:none}

.kutia-page-industries .btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--ink);background:#fff;color:var(--ink);
  font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 22px;border-radius:4px;transition:.18s;cursor:pointer;font-family:inherit
}
.kutia-page-industries .btn:hover{background:var(--ink);color:#fff}
.kutia-page-industries .btn.solid{background:var(--ink);color:#fff}
.kutia-page-industries .btn.solid:hover{background:transparent;color:var(--ink)}
.kutia-page-industries .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#9ca1a5}

/* hero */
.kutia-page-industries .ihero{background:linear-gradient(180deg,#FFFFFF 0%,#F4F6FA 100%)}
.kutia-page-industries .ihero .wrap{padding-top:140px;padding-bottom:110px}
.kutia-page-industries .ihero .ey{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#9AA3AA}
.kutia-page-industries .ihero h1{
  font-size:clamp(56px,6vw,96px);font-weight:300;letter-spacing:-.03em;line-height:1;
  color:#0D151A;margin-top:18px
}
.kutia-page-industries .ihero .lead{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;flex-wrap:wrap}
.kutia-page-industries .ihero .punchl{font-size:clamp(19px,1.7vw,23px);color:#3B4248;margin-top:22px;font-weight:400}
.kutia-page-industries .ihero .punchl b{font-weight:600;color:#0D151A;border-bottom:3px solid #30EFA6}
.kutia-page-industries .ihero .rhs{max-width:360px;padding-bottom:8px}
.kutia-page-industries .ihero .rhs p{font-size:14.5px;line-height:1.7;color:#5A6167;margin-bottom:20px}
.kutia-page-industries .chipsL{display:flex;gap:10px;flex-wrap:wrap}
.kutia-page-industries .chipsL span{
  font-size:12.5px;font-weight:500;padding:8px 15px;border-radius:999px;
  border:1px solid #E3E7EC;color:#3B4248;background:#fff
}
.kutia-page-industries .chipsL b{font-weight:700;color:#0D151A}

/* list */
.kutia-page-industries .ilist{margin-top:72px;border-top:1px solid #E3E7EC}
.kutia-page-industries .irow{
  display:grid;grid-template-columns:104px 54px 1.05fr .85fr 200px 54px;align-items:center;gap:26px;
  padding:32px 6px;border-bottom:1px solid #E3E7EC;text-decoration:none;position:relative;
  opacity:0;transform:translateY(18px);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease,background .3s,padding .3s
}
.kutia-page-industries .irow.in{opacity:1;transform:none}
.kutia-page-industries .irow:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--da);
  transform:scaleY(0);transform-origin:top;transition:transform .35s ease
}
.kutia-page-industries .irow:hover:before{transform:scaleY(1)}
.kutia-page-industries .irow:hover{background:#fff;padding-left:26px}
.kutia-page-industries .irow .th{
  width:104px;aspect-ratio:3/4;overflow:hidden;position:relative;
  box-shadow:0 16px 32px -18px rgba(13,21,26,.35)
}
.kutia-page-industries .irow:nth-child(odd) .th{border-radius:44px 10px 44px 10px}
.kutia-page-industries .irow:nth-child(even) .th{border-radius:10px 44px 10px 44px}
.kutia-page-industries .irow .th img{
  width:100%;height:100%;max-width:none;object-fit:cover;display:block;
  transition:transform 1s cubic-bezier(.2,.7,.2,1)
}
.kutia-page-industries .irow:hover .th img{transform:scale(1.09)}
.kutia-page-industries .irow .no{font-size:13.5px;color:#9AA3AA;font-weight:600;letter-spacing:.06em}
.kutia-page-industries .irow h3{
  font-size:clamp(30px,2.9vw,44px);font-weight:500;color:#0D151A;letter-spacing:-.018em;margin:0;
  transition:color .3s,transform .35s
}
.kutia-page-industries .irow:hover h3{transform:translateX(4px);color:#000}
.kutia-page-industries .irow .pl{font-size:14.5px;line-height:1.55;color:#5A6167;max-width:34ch}
.kutia-page-industries .irow .fg{text-align:right}
.kutia-page-industries .irow .fg b{display:block;font-size:22px;font-weight:700;color:#0D151A;letter-spacing:-.01em}
.kutia-page-industries .irow .fg span{display:block;font-size:12px;color:#9AA3AA;margin-top:3px}
.kutia-page-industries .irow:hover .fg b{color:var(--dk)}
.kutia-page-industries .irow .ar{
  width:46px;height:46px;border-radius:50%;border:1px solid #DDE2E8;display:flex;align-items:center;
  justify-content:center;color:#0D151A;font-size:17px;transition:.3s;background:#fff
}
.kutia-page-industries .irow:hover .ar{background:#0D151A;border-color:#0D151A;color:#30EFA6;transform:rotate(-45deg)}

/* prod stats */
.kutia-page-industries .prod{background:#0b0c0e;color:#fff;position:relative;overflow:hidden}
.kutia-page-industries .prod .pbg{
  position:absolute;inset:0;pointer-events:none;background-image:var(--cubesimg);
  background-size:cover;background-position:center;opacity:.35
}
.kutia-page-industries .prod .pbg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,14,.96),rgba(11,12,14,.72) 40%,rgba(11,12,14,.96))
}
.kutia-page-industries .prod .wrap{padding-top:84px;padding-bottom:80px;position:relative;z-index:1}
.kutia-page-industries .prod .eyebrow{color:#e8ecef}
.kutia-page-industries .prod h3{font-size:clamp(21px,1.9vw,29px);font-weight:600;line-height:1.42;max-width:56ch;margin:20px 0 22px;color:#fff}
.kutia-page-industries .prod .rv,
.kutia-page-industries .prod .rv.in{color:#fff}
.kutia-page-industries .prod .pnums{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px;
  border-top:1px solid rgba(255,255,255,.12);padding-top:34px
}
.kutia-page-industries .prod .pn .n{font-size:clamp(30px,2.6vw,42px);font-weight:700;color:var(--acc);letter-spacing:-.01em}
.kutia-page-industries .prod .pn .l{font-size:13px;color:rgba(255,255,255,.62);margin-top:6px}

/* CTA */
.kutia-page-industries .git{text-align:center;background:var(--panel);position:relative;overflow:hidden}
.kutia-page-industries .git .sheen{
  position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.8) 44%,transparent 60%);
  pointer-events:none
}
.kutia-page-industries .git .wrap{position:relative;padding-top:88px;padding-bottom:92px}
.kutia-page-industries .git .pre{font-size:14px;color:#3c4144}
.kutia-page-industries .git .pre:after{content:"_"}
.kutia-page-industries .git h2{
  font-weight:300;font-size:clamp(64px,9vw,120px);letter-spacing:-.02em;line-height:1.05;margin:14px 0 44px;color:var(--ink)
}
.kutia-page-industries .gbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.kutia-page-industries .glinks{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:46px;font-size:14px;font-weight:600}
.kutia-page-industries .glinks a{display:inline-flex;align-items:center;gap:8px}
.kutia-page-industries .glinks a:after{
  content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;
  opacity:.55;transition:.2s
}
.kutia-page-industries .glinks a:hover:after{transform:translate(2px,-2px);opacity:1}
.kutia-page-industries .glinks .sep{width:5px;height:5px;border-radius:50%;background:#c3c7cb;align-self:center}

@media(max-width:960px){
  .kutia-page-industries .irow{grid-template-columns:84px 1fr 46px}
  .kutia-page-industries .irow .pl,
  .kutia-page-industries .irow .fg,
  .kutia-page-industries .irow .no{display:none}
}
@media(max-width:760px){
  .kutia-page-industries .wrap{padding:0 22px}
  .kutia-page-industries .prod .pnums{grid-template-columns:1fr 1fr}
  .kutia-page-industries .git h2{font-size:clamp(42px,14vw,72px)}
  .kutia-page-industries .ihero h1{font-size:clamp(42px,12vw,72px)}
}