/* Scoped: Services hub — Kutia_Services_page_9.html */
.kutia-page-services{
  --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-services *{margin:0;padding:0;box-sizing:border-box}
.kutia-page-services a{color:inherit;text-decoration:none}
.kutia-page-services .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,3rem)}
.kutia-page-services img{display:block;max-width:100%;height:auto}
.kutia-page-services .services-page{display:block}

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

.kutia-page-services .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-services .btn:hover{background:var(--ink);color:#fff}
.kutia-page-services .btn.solid{background:var(--ink);color:#fff}
.kutia-page-services .btn.solid:hover{background:transparent;color:var(--ink)}
.kutia-page-services .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#9ca1a5}

.kutia-page-services .btnO{
  display:inline-block;border:1px solid #0D151A;padding:16px 30px;font-size:12.5px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;color:#0D151A;text-decoration:none;transition:.2s
}
.kutia-page-services .btnO:hover{background:#0D151A;color:#fff}

/* hero */
.kutia-page-services .heroS{background:#fff}
.kutia-page-services .heroS .wrap{
  display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;
  padding-top:150px;padding-bottom:120px;align-items:center
}
.kutia-page-services .heroS .ey{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#9AA3AA}
.kutia-page-services .heroS .sub{font-size:17px;line-height:1.75;color:#3B4248;margin:18px 0 34px;max-width:38ch}
.kutia-page-services .chipsL{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px}
.kutia-page-services .chipsL span{
  font-size:12.5px;font-weight:500;padding:8px 15px;border-radius:999px;border:1px solid #E3E7EC;color:#3B4248
}
.kutia-page-services .chipsL b{font-weight:700;color:#0D151A}
.kutia-page-services .heroS h1{
  font-size:clamp(62px,7vw,108px);font-weight:400;line-height:.98;letter-spacing:-.03em;
  background-image:linear-gradient(115deg,rgba(13,21,26,.88),rgba(13,21,26,.25) 45%,rgba(13,21,26,.85)),var(--cubesimg);
  background-size:cover,cover;background-position:center,center 40%;
  -webkit-background-clip:text;background-clip:text;color:transparent;text-align:right
}

/* engagement */
.kutia-page-services .engS{background:linear-gradient(180deg,#FFFFFF 0%,#F3F5F9 60%,#EFF2F6 100%);position:relative;overflow:hidden}
.kutia-page-services .engS:before{
  content:"";position:absolute;top:-30%;left:-10%;width:70%;height:160%;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.9),rgba(255,255,255,0) 55%);transform:rotate(8deg)
}
.kutia-page-services .engS .wrap{padding-top:96px;padding-bottom:104px;position:relative;z-index:1}
.kutia-page-services .eg2{display:grid;grid-template-columns:1fr 1fr;gap:96px;margin-top:48px}
.kutia-page-services .em{opacity:0;transform:translateY(24px);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s ease}
.kutia-page-services .em.in{opacity:1;transform:none}
.kutia-page-services .em:nth-child(2){transition-delay:.1s}
.kutia-page-services .emimgs{display:flex;gap:16px;margin-bottom:38px;align-items:flex-start}
.kutia-page-services .emimgs img{
  width:47%;max-width:220px;aspect-ratio:3/4;object-fit:cover;display:block;
  box-shadow:0 24px 48px -26px rgba(13,21,26,.35)
}
.kutia-page-services .emimgs .pa{border-radius:110px 14px 110px 14px}
.kutia-page-services .emimgs .pb{border-radius:14px 110px 14px 110px;margin-top:34px}
.kutia-page-services .em .lab{
  display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#0D151A;margin-bottom:18px
}
.kutia-page-services .em .lab i{width:8px;height:8px;border-radius:50%;background:var(--ea);flex:0 0 auto}
.kutia-page-services .em h3{
  font-size:clamp(30px,2.8vw,44px);font-weight:400;letter-spacing:-.02em;line-height:1.08;
  margin:0 0 16px;color:#0D151A
}
.kutia-page-services .em .d{font-size:15.5px;line-height:1.75;color:#5A6167;margin-bottom:24px;max-width:46ch}
.kutia-page-services .em ul{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-direction:column;gap:12px}
.kutia-page-services .em li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:#0D151A}
.kutia-page-services .em li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ea);flex:0 0 auto}

/* ledger */
.kutia-page-services .ledger{background:#fff}
.kutia-page-services .ledger .wrap{padding-top:96px;padding-bottom:100px}
.kutia-page-services .ptitle{font-size:clamp(24px,2.3vw,36px);font-weight:400;letter-spacing:-.01em;margin:16px 0 0;max-width:24ch}
.kutia-page-services .tx{
  font-weight:500;
  background-image:linear-gradient(115deg,rgba(13,21,26,.94),rgba(13,21,26,.45) 50%,rgba(13,21,26,.92)),var(--cubesimg);
  background-size:cover,cover;background-position:center,center 40%;
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.kutia-page-services .lhead{display:grid;grid-template-columns:1fr 190px 1fr;margin-top:44px}
.kutia-page-services .lhead .hcell{font-size:15px;font-weight:600;padding:0 26px 16px;display:flex;align-items:center;gap:10px}
.kutia-page-services .lhead .l{justify-content:flex-end;text-align:right}
.kutia-page-services .lhead .hcell i{width:22px;height:3px;border-radius:2px;background:#30EFA6}
.kutia-page-services .lhead .r i{background:#0D151A}
.kutia-page-services .lt{
  display:grid;grid-template-columns:1fr 190px 1fr;background:#fff;
  border:1px solid #E3E7EC;border-radius:14px;overflow:hidden
}
.kutia-page-services .lrow{display:contents}
.kutia-page-services .lc{
  padding:26px 28px;border-bottom:1px solid #EDF0F3;font-size:14.5px;line-height:1.62;
  display:flex;align-items:center;color:#3B4248
}
.kutia-page-services .lrow:last-child .lc{border-bottom:none}
.kutia-page-services .lc.lv{justify-content:flex-end;text-align:right}
.kutia-page-services .lc b{color:#0D151A;font-weight:600}
.kutia-page-services .lc.lv b{color:#0D9860}
.kutia-page-services .lc:not(.lv):not(.mid) b{color:#7948FF}
.kutia-page-services .lc.mid{justify-content:center}
.kutia-page-services .lc.mid span{
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9AA3AA;
  padding:7px 14px;border:1px solid #E3E7EC;border-radius:999px;white-space:nowrap;background:#fff
}

/* doors */
.kutia-page-services .doorsS{background:var(--panel);border-top:1px solid #EDF0F3}
.kutia-page-services .doorsS .wrap{padding-top:96px;padding-bottom:100px}
.kutia-page-services .dg2{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.kutia-page-services .dc2{
  position:relative;overflow:hidden;border-radius:18px;padding:30px 28px 26px;text-decoration:none;color:#fff;
  background:linear-gradient(180deg,#1a2026,#10151a 80%);border:1px solid rgba(255,255,255,.06);
  box-shadow:0 22px 48px -26px rgba(13,21,26,.4);display:flex;flex-direction:column;min-height:225px;
  transform:translateY(24px);opacity:0;
  transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .6s ease,box-shadow .35s
}
.kutia-page-services .dc2.in{opacity:1;transform:none}
.kutia-page-services .dc2:hover{transform:translateY(-6px);box-shadow:0 30px 60px -26px rgba(13,21,26,.55)}
.kutia-page-services .dc2:before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(420px 260px at 85% -10%,var(--da),transparent 60%);opacity:.22
}
.kutia-page-services .dc2:after{
  content:"";position:absolute;left:8%;right:8%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--da),transparent);opacity:.55
}
.kutia-page-services .dc2 .n{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--da);margin-bottom:16px}
.kutia-page-services .dc2 h3{font-size:18.5px;font-weight:600;margin:0 0 10px;color:#fff}
.kutia-page-services .dc2 p{font-size:13.5px;line-height:1.62;color:rgba(255,255,255,.72)}
.kutia-page-services .dc2 .go{
  margin-top:auto;padding-top:18px;font-size:12px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--da);display:flex;align-items:center;gap:8px
}
.kutia-page-services .dc2 .go i{width:18px;height:1.5px;background:var(--da);transition:width .3s}
.kutia-page-services .dc2:hover .go i{width:30px}
.kutia-page-services .allcta{margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:18px}
.kutia-page-services .allcta span{font-size:14px;color:#5A6167}
.kutia-page-services .btnO.big{
  font-size:13.5px;padding:18px 40px;display:inline-flex;align-items:center;gap:12px;background:#0D151A;color:#fff
}
.kutia-page-services .btnO.big b{font-weight:400;transition:transform .25s}
.kutia-page-services .btnO.big:hover{background:#30EFA6;border-color:#30EFA6;color:#05341f}
.kutia-page-services .btnO.big:hover b{transform:translateX(5px)}

/* steps */
.kutia-page-services .steps{background:#fff}
.kutia-page-services .steps .wrap{padding-top:84px;padding-bottom:90px}
.kutia-page-services .pmap{margin-top:52px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.kutia-page-services .pmap:before{
  content:"";position:absolute;top:23px;left:24px;right:calc(25% - 24px);height:1.5px;
  background:linear-gradient(90deg,var(--acc) 0%,#D5DCE2 70%)
}
.kutia-page-services .pstop{
  position:relative;padding-right:22px;
  opacity:0;transform:translateY(18px);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .55s ease
}
.kutia-page-services .pstop.in{opacity:1;transform:none}
.kutia-page-services .pstop:nth-child(2){transition-delay:.08s}
.kutia-page-services .pstop:nth-child(3){transition-delay:.16s}
.kutia-page-services .pstop:nth-child(4){transition-delay:.24s}
.kutia-page-services .pstop .dot{
  --ticket-border:#D5DCE2;
  --ticket-fill:#fff;
  width:38px;height:47px;border:0;border-radius:0;padding:0;box-sizing:border-box;
  background:var(--ticket-border);
  color:#0D151A;font-size:13px;font-weight:600;letter-spacing:0;
  display:flex;align-items:center;justify-content:center;
  position:relative;isolation:isolate;z-index:1;
  text-decoration:none;transition:color .25s;
  clip-path:path('M6 4 L31 0 Q38 0 38 7 L38 40 Q38 47 31 47 L6 43 Q0 41 0 34 L0 13 Q0 6 6 4 Z')
}
.kutia-page-services .pstop .dot::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--ticket-fill);
  clip-path:inherit;
  transform:scale(0.947);
  transform-origin:center;
  transition:background .25s,transform .25s
}
.kutia-page-services .pstop a.dot{cursor:pointer}
.kutia-page-services .pstop:first-child .dot{
  --ticket-border:var(--acc);
  --ticket-fill:var(--acc);
  color:var(--accInk)
}
.kutia-page-services .pstop:hover .dot{--ticket-border:var(--acc)}
.kutia-page-services .pstop:first-child:hover .dot{--ticket-fill:var(--acc)}
.kutia-page-services .pstop a.dot:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.kutia-page-services .pstop h3{font-size:15.5px;font-weight:600;margin:18px 0 7px;color:var(--ink)}
.kutia-page-services .pstop p{font-size:13px;line-height:1.55;color:#5A6167;max-width:19ch}

/* numbers */
.kutia-page-services .numS{background:#0b0c0e;color:#fff;position:relative;overflow:hidden}
.kutia-page-services .numS .nbg{
  position:absolute;inset:0;pointer-events:none;background-image:var(--cubesimg);
  background-size:cover;background-position:center;opacity:.32
}
.kutia-page-services .numS .nbg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,14,.95),rgba(11,12,14,.7) 45%,rgba(11,12,14,.95))
}
.kutia-page-services .numS .wrap{position:relative;z-index:1;padding-top:92px;padding-bottom:88px}
.kutia-page-services .numS .eyebrow{color:#e8ecef}
.kutia-page-services .numS h3{
  font-size:clamp(22px,2vw,30px);font-weight:300;line-height:1.5;max-width:52ch;margin:18px 0 40px;color:#fff
}
.kutia-page-services .numS h3 b{font-weight:600;color:#fff}
.kutia-page-services .numS .rv.in{color:#fff}
.kutia-page-services .numS .pnums{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  border-top:1px solid rgba(255,255,255,.14);padding-top:36px
}
.kutia-page-services .numS .pn .n{font-size:clamp(32px,2.8vw,46px);font-weight:700;color:#30EFA6;letter-spacing:-.01em}
.kutia-page-services .numS .pn .l{font-size:13px;color:rgba(255,255,255,.6);margin-top:6px}

/* CTA */
.kutia-page-services .git{text-align:center;background:var(--panel);position:relative;overflow:hidden}
.kutia-page-services .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-services .git .wrap{position:relative;padding-top:88px;padding-bottom:92px}
.kutia-page-services .git .pre{font-size:14px;color:#3c4144}
.kutia-page-services .git .pre:after{content:"_"}
.kutia-page-services .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-services .gbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.kutia-page-services .glinks{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:46px;font-size:14px;font-weight:600}
.kutia-page-services .glinks a{display:inline-flex;align-items:center;gap:8px}
.kutia-page-services .glinks a:after{
  content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;
  opacity:.55;transition:.2s
}
.kutia-page-services .glinks a:hover:after{transform:translate(2px,-2px);opacity:1}
.kutia-page-services .glinks .sep{width:5px;height:5px;border-radius:50%;background:#c3c7cb;align-self:center}

@media(max-width:980px){
  .kutia-page-services .heroS .wrap{grid-template-columns:1fr}
  .kutia-page-services .heroS h1{text-align:left}
  .kutia-page-services .eg2{grid-template-columns:1fr}
  .kutia-page-services .lhead,
  .kutia-page-services .lt{grid-template-columns:1fr}
  .kutia-page-services .lc.lv{justify-content:flex-start;text-align:left}
  .kutia-page-services .lhead .l{justify-content:flex-start;text-align:left}
  .kutia-page-services .dg2{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .kutia-page-services .pmap{grid-template-columns:repeat(2,1fr);gap:26px}
  .kutia-page-services .pmap:before{display:none}
}
@media(max-width:760px){
  .kutia-page-services .wrap{padding:0 22px}
  .kutia-page-services .dg2,
  .kutia-page-services .numS .pnums{grid-template-columns:1fr 1fr}
  .kutia-page-services .git h2{font-size:clamp(42px,14vw,72px)}
  .kutia-page-services .heroS h1{font-size:clamp(42px,12vw,72px)}
}