/* Final native-theme fidelity patch for the two Solutions process sections. */

/* Home-07 Process — preserve the exact Saasking layout, dimensions and scroll animation. */
#solutions-process7-native.solutions-process-seven {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 60px 60px 0 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(117,62,246,.25), transparent 30%),
    linear-gradient(180deg,#09071d 0%,#10072a 100%);
}
#solutions-process7-native .sk-process-7-bg-glow-1,
#solutions-process7-native .sk-process-7-bg-glow-2 { z-index:-1; opacity:.72; }
#solutions-process7-native .sk-process-7-sec-title {
  max-width: 780px;
  margin: 0 auto 80px;
  position: relative;
  z-index: 4;
}
#solutions-process7-native .sk-subtitle-7 { margin-bottom: 22px; }
#solutions-process7-native .sk-subtitle-7 .elm-border {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  padding:7px 16px 7px 8px;
  background:rgba(14,10,43,.55);
  backdrop-filter:blur(10px);
}
#solutions-process7-native .sk-subtitle-7 .icon-elm {
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg,#7d35ff,#dc3dde 62%,#ff8650);
}
#solutions-process7-native .sk-subtitle-7 .icon-elm img { width:18px;height:18px;object-fit:contain; }
#solutions-process7-native .sk-sec-title-7 {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  max-width:760px;
  margin:0 auto 18px;
  font-size:clamp(42px,4.2vw,68px)!important;
  line-height:1.02!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
}
#solutions-process7-native .sec-disc {
  color:rgba(255,255,255,.72)!important;
  max-width:680px;
  margin:0 auto;
  font-size:18px;
  line-height:1.7;
}
#solutions-process7-native .sk-process-7-height { height:3200px;position:relative; }
#solutions-process7-native .sk-process-7-pin { position:sticky;top:60px; }
#solutions-process7-native .sk-process-7-wrap { position:relative;z-index:1;padding-bottom:240px; }
#solutions-process7-native .sk-process-7-card .row-1 {
  display:flex;justify-content:space-between;gap:30px;max-width:1084px;
  margin-left:auto;align-items:flex-start;margin-bottom:165px;
}
#solutions-process7-native .sk-process-7-card .row-1 .sk-process-7-card-single:nth-child(2) { margin-top:70px;margin-right:43px; }
#solutions-process7-native .sk-process-7-card .row-2 { margin-left:auto;max-width:774px;margin-bottom:140px; }
#solutions-process7-native .sk-process-7-card .row-3 { max-width:456px; }
#solutions-process7-native .sk-process-7-card-single { display:flex;gap:20px;max-width:456px; }
#solutions-process7-native .sk-process-7-card-single .icon-x-line { display:flex;flex-direction:column;gap:20px;align-items:center;flex:0 0 auto; }
#solutions-process7-native .sk-process-7-card-single .icon {
  width:50px;height:50px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg,#7d35ff,#d83ee5 60%,#ff8750);
  box-shadow:0 12px 30px rgba(121,53,255,.28);
}
#solutions-process7-native .sk-process-7-card-single .icon img { width:27px;height:27px;object-fit:contain; }
#solutions-process7-native .sk-process-7-card-single .line { width:2px;height:100%;background:linear-gradient(0deg,transparent,#7b45ff); }
#solutions-process7-native .sk-process-7-card-single .title {
  display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  color:#fff!important;font-size:24px!important;font-weight:500!important;margin-bottom:20px!important;
}
#solutions-process7-native .sk-process-7-card-single .title span {
  background:linear-gradient(90deg,#8c49ff,#dc43db,#ff8a4b);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
#solutions-process7-native .sk-process-7-card-single .disc { color:rgba(255,255,255,.7)!important;font-size:17px!important;padding-bottom:30px; }
#solutions-process7-native .sk-process-7-ani-shape { position:absolute;top:150px;left:0;width:100%; }
#solutions-process7-native .sk-process-7-ani-shape::after { background:linear-gradient(0deg,#10072a,transparent); }
#solutions-process7-native .sk-process-7-ani-shape .line { stroke:#7e49ff; }

/* Home-01 Simple Steps — exact native composition, with requested animated card borders. */
#solutions-process1-native.solutions-process-one { background:#fff!important;color:#11102b;overflow:hidden; }
#solutions-process1-native .sk-process-1-sec-title {
  max-width:760px!important;margin:0 auto 60px!important;position:relative;z-index:4;
}
#solutions-process1-native .sk-subtitle-1 { display:flex;justify-content:center;margin-bottom:22px; }
#solutions-process1-native .sk-subtitle-1-text {
  display:inline-flex!important;align-items:center;gap:9px;
  border:1px solid #d9c8ff;border-radius:999px;padding:7px 14px 7px 8px;
  color:#221b3e!important;background:#fff!important;box-shadow:0 10px 28px rgba(103,55,190,.10);
  font-size:14px!important;font-weight:600!important;
}
#solutions-process1-native .sk-subtitle-1-text::before {
  content:"";width:26px;height:26px;border-radius:50%;
  background:linear-gradient(135deg,#7d35ff,#dc3dde 62%,#ff8650);
  box-shadow:0 0 0 7px rgba(125,53,255,.09);
}
#solutions-process1-native .sk-subtitle-1-text .has-clr {
  display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;
  color:#fff!important;background:linear-gradient(90deg,#7d35ff,#d83ee5);
  -webkit-text-fill-color:#fff!important;
}
#solutions-process1-native .sk-sec-title-1 {
  display:block!important;visibility:visible!important;opacity:1!important;
  color:#11102b!important;margin:0 auto 18px!important;
  font-size:clamp(42px,4vw,64px)!important;line-height:1.04!important;font-weight:500!important;letter-spacing:-.04em!important;
}
#solutions-process1-native .sec-disc { color:#6b6878!important;max-width:680px;margin:0 auto;font-size:18px;line-height:1.7; }
#solutions-process1-native .sk-process-1-wrap { display:flex;justify-content:space-between;gap:50px;align-items:center;position:relative; }
#solutions-process1-native .sk-process-1-item { display:flex;gap:100px;flex-direction:column; }
#solutions-process1-native .sk-process-1-item-single {
  max-width:400px;min-height:206px;position:relative;z-index:1;padding:40px 36px;
  background:#fff!important;border-radius:18px;text-align:right;color:#17132d;
  box-shadow:0 18px 48px rgba(48,29,88,.08);
}
#solutions-process1-native .sk-process-1-item:last-of-type .sk-process-1-item-single { text-align:left; }
#solutions-process1-native .sk-process-1-item-single::before {
  content:"";position:absolute;inset:-2px;border-radius:20px;padding:2px;
  background:conic-gradient(from var(--sol-angle),#7d35ff,#d83ee5,#ff8650,#7d35ff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:solutionsBorderSpin 5s linear infinite;pointer-events:none;
}
@property --sol-angle { syntax:"<angle>";inherits:false;initial-value:0deg; }
@keyframes solutionsBorderSpin { to { --sol-angle:360deg; } }
#solutions-process1-native .sk-process-1-item-single .title { color:#17132d!important;font-size:22px!important;margin-bottom:19px!important; }
#solutions-process1-native .sk-process-1-item-single .disc { color:#696579!important;font-size:16px!important;line-height:1.65; }
#solutions-process1-native .sk-process-1-favicon { width:200px;height:200px;display:flex;align-items:center;justify-content:center;border:4px solid #4e4972;border-radius:36px;box-shadow:0 0 73px rgba(197,159,250,.5);position:relative;z-index:2;overflow:hidden;flex:0 0 200px; }
#solutions-process1-native .sk-process-1-favicon::after { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0f0c45 0%,#671ace 34.62%,#843c08 70.67%,#402c73 100%);animation:sk-process-1-favicon 6s ease-in-out infinite; }
#solutions-process1-native .favicon-shadow { width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:rgba(17,15,32,.3);box-shadow:inset 0 0 14px #110f20;border-radius:26px; }
#solutions-process1-native .favicon-icon { width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#1d1a32;box-shadow:inset 0 0 14px rgba(255,255,255,.7);border-radius:26px; }
#solutions-process1-native .favicon-icon img { width:72px;height:72px; }
#solutions-process1-native .sk-process-1-line-svg { position:absolute;top:50%;left:36.3%;transform:translate(-50%,-50%);z-index:1;pointer-events:none; }
#solutions-process1-native .sk-process-1-line-svg-2 { position:absolute;top:50%;right:22.3%;transform:translate(-50%,-50%) scaleX(-1);z-index:1;pointer-events:none; }

@media(max-width:1199px){
  #solutions-process7-native .sk-process-7-height{height:auto;}
  #solutions-process7-native .sk-process-7-pin{position:relative;top:auto;}
  #solutions-process7-native .sk-process-7-ani-shape{display:none;}
  #solutions-process7-native .sk-process-7-card .row-1{margin-bottom:50px;flex-wrap:wrap;}
  #solutions-process7-native .sk-process-7-card .row-1 .sk-process-7-card-single:nth-child(2){margin:0;}
  #solutions-process7-native .sk-process-7-card .row-2{margin-bottom:50px;}
  #solutions-process1-native .sk-process-1-wrap{flex-wrap:wrap;justify-content:center;}
  #solutions-process1-native .sk-process-1-line-svg,#solutions-process1-native .sk-process-1-line-svg-2{display:none;}
}
@media(max-width:767px){
  #solutions-process7-native{border-radius:20px 20px 0 0;padding-top:80px!important;}
  #solutions-process7-native .sk-process-7-sec-title{margin-bottom:55px;}
  #solutions-process7-native .sk-process-7-card-single{max-width:none;}
  #solutions-process1-native{padding:80px 0!important;}
  #solutions-process1-native .sk-process-1-item{width:100%;gap:24px;}
  #solutions-process1-native .sk-process-1-item-single{max-width:none;text-align:left!important;}
}
@media(prefers-reduced-motion:reduce){
  #solutions-process1-native .sk-process-1-item-single::before{animation:none;}
}

/* 2026-07-24 final process cleanup */
#solutions-process7-native .solutions-clean-kicker,
#solutions-process1-native .solutions-clean-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-height:38px!important;
  margin:0 auto 22px!important;
  padding:7px 16px 7px 10px!important;
  border:1px solid rgba(130,78,255,.28)!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  -webkit-text-fill-color:currentColor!important;
}
#solutions-process7-native .solutions-clean-kicker{color:#fff!important;border-color:rgba(255,255,255,.34)!important;background:rgba(14,10,43,.32)!important;backdrop-filter:blur(10px)}
#solutions-process1-native .solutions-clean-kicker{color:#251d3f!important;background:#fff!important;box-shadow:0 10px 28px rgba(103,55,190,.08)!important}
#solutions-process7-native .solutions-clean-kicker::before,
#solutions-process1-native .solutions-clean-kicker::before{
  content:""!important;
  display:block!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#7d35ff,#dc3dde 62%,#ff8650)!important;
  box-shadow:none!important;
}
#solutions-process7-native .solutions-clean-kicker::after,
#solutions-process1-native .solutions-clean-kicker::after{display:none!important;content:none!important}

#solutions-process7-native{padding-bottom:0!important}
#solutions-process7-native .sk-process-7-height{height:2700px!important}
#solutions-process7-native .sk-process-7-wrap{padding-bottom:120px!important}
#solutions-process7-native .sk-process-7-ani-shape{top:145px!important}
#solutions-process7-native .sk-process-7-card-single:not(.active){opacity:0}

#solutions-process1-native{padding-top:105px!important;padding-bottom:105px!important}
#solutions-process1-native .sk-process-1-sec-title{margin-bottom:54px!important}
#solutions-process1-native .sk-sec-title-1{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;clip-path:none!important}
#solutions-process1-native .sk-process-1-item-single{
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,background-color .45s ease!important;
}
#solutions-process1-native .sk-process-1-item-single::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:radial-gradient(circle at 20% 0%,rgba(125,53,255,.10),transparent 42%),linear-gradient(145deg,#fff,#fbf8ff);
  transition:opacity .45s ease;
}
#solutions-process1-native .sk-process-1-item-single:hover{
  transform:translateY(-12px)!important;
  box-shadow:0 28px 64px rgba(65,34,126,.17)!important;
}
#solutions-process1-native .sk-process-1-item-single:hover::after{opacity:1}
#solutions-process1-native .sk-process-1-item-single:hover .title{transform:translateY(-2px);color:#6f2fe9!important}
#solutions-process1-native .sk-process-1-item-single .title{transition:transform .35s ease,color .35s ease!important}

@media(max-width:1199px){
  #solutions-process7-native .sk-process-7-height{height:auto!important}
  #solutions-process7-native .sk-process-7-card-single:not(.active){opacity:1}
}