/* Korloy: add this page's custom section styles here. Shared catalogue styles load first. */


/*korloy hero start here*/

:root{
  --skh-bg:#f7f7fb;
  --skh-bg-2:#ffffff;
  --skh-text:#111226;
  --skh-muted:#666b80;
  --skh-line:rgba(22,26,52,.08);
  --skh-line-2:rgba(114,77,255,.18);
  --skh-purple:#6f44ff;
  --skh-purple-2:#8f65ff;
  --skh-orange:#f59c2f;
  --skh-shadow:0 28px 80px rgba(19,25,48,.08);
  --skh-shadow-soft:0 18px 50px rgba(19,25,48,.06);
  --skh-radius:28px;
  --skh-radius-sm:16px;
  --skh-ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
#korloy-oman,
#korloy-oman *{box-sizing:border-box}

.skh{
  position:relative;
  width:100%;
  min-height:100svh;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 100% 0%, rgba(111,68,255,.08), transparent 62%),
    radial-gradient(720px 420px at 0% 100%, rgba(245,156,47,.06), transparent 60%),
    linear-gradient(180deg, #fbfbfe 0%, #f7f7fb 100%);
  color:var(--skh-text);
  isolation:isolate;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.skh__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
}

.skh__grid{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(20,24,50,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,24,50,.045) 1px, transparent 1px);
  background-size:104px 104px;
  opacity:.45;
  mask-image:radial-gradient(circle at 50% 50%, #000 30%, rgba(0,0,0,.65) 65%, transparent 100%);
}

.skh__ring{
  position:absolute;
  border:1px solid rgba(111,68,255,.10);
  border-radius:50%;
}
.skh__ring--1{
  width:620px;height:620px;right:14%;top:7%;
}
.skh__ring--2{
  width:390px;height:390px;right:24%;top:24%;
}
.skh__ring--3{
  width:940px;height:940px;right:-8%;bottom:-42%;
  border-color:rgba(111,68,255,.07);
}

.skh__line{
  position:absolute;
  border-top:1px solid rgba(245,156,47,.26);
  transform:rotate(-18deg);
}
.skh__line--1{
  width:680px;right:16%;top:22%;
}
.skh__line--2{
  width:540px;right:10%;bottom:23%;
}

.skh__glow{
  position:absolute;
  border-radius:50%;
  filter:blur(44px);
}
.skh__glow--1{
  width:220px;height:220px;right:19%;top:25%;
  background:rgba(111,68,255,.08);
}
.skh__glow--2{
  width:180px;height:180px;right:28%;bottom:16%;
  background:rgba(245,156,47,.08);
}

.skh__header{
  position:relative;
  z-index:3;
  width:min(1440px, calc(100% - 48px));
  margin:0 auto;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--skh-line);
}

.skh__brand{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#171a35;
  white-space:nowrap;
}
.skh__brand-dot{
  width:10px;height:10px;border-radius:50%;
  background:var(--skh-orange);
  box-shadow:0 0 0 6px rgba(245,156,47,.10);
}

.skh__nav{
  display:flex;
  align-items:center;
  gap:34px;
  flex:1;
  justify-content:center;
}
.skh__nav a{
  text-decoration:none;
  color:#303551;
  font-size:14px;
  font-weight:600;
  transition:.25s var(--skh-ease);
}
.skh__nav a:hover{color:var(--skh-purple)}

.skh__header-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.skh__search{
  width:46px;height:46px;
  display:grid;place-items:center;
  border:1px solid var(--skh-line);
  border-radius:50%;
  color:#353955;
  background:rgba(255,255,255,.72);
  text-decoration:none;
}
.skh__search svg{
  width:19px;height:19px;
}
.skh__header-btn{
  min-height:48px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid rgba(111,68,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  color:#242844;
  font-size:14px;
  font-weight:700;
  transition:.25s var(--skh-ease);
}
.skh__header-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(111,68,255,.10);
}

.skh__container{
  position:relative;
  z-index:2;
  width:min(1440px, calc(100% - 48px));
  margin:0 auto;
}

.skh__layout{
  display:grid;
  grid-template-columns: 1.04fr .96fr;
  gap:22px;
  min-height:calc(100svh - 88px);
  align-items:center;
  padding:34px 0 40px;
}

.skh__copy{
  padding:18px 0 18px 2px;
}

.skh__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 22px;
  color:#616789;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.skh__eyebrow-line{
  width:24px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,var(--skh-orange),var(--skh-purple));
}
.skh__title{
  margin:0;
  max-width:740px;
  font-size:clamp(44px,5vw,82px);
  line-height:.96;
  letter-spacing:-.06em;
  font-weight:900;
  color:#111329;
}
.skh__title span{
  display:block;
}
.skh__title span:nth-child(1),
.skh__title span:nth-child(2){
  background:linear-gradient(135deg, #6f44ff 0%, #8e61ff 42%, #6f44ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.skh__desc{
  max-width:620px;
  margin:22px 0 0;
  color:var(--skh-muted);
  font-size:clamp(16px,1.2vw,20px);
  line-height:1.62;
}

.skh__chips{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  list-style:none;
  padding:0;
  margin:28px 0 0;
}
.skh__chips li{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(19,25,48,.10);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:var(--skh-shadow-soft);
  color:#2a2f49;
  font-size:14px;
  font-weight:700;
}
.skh__chips li::before{
  content:"";
  width:10px;height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--skh-orange),var(--skh-purple));
  box-shadow:0 0 0 4px rgba(111,68,255,.08);
  flex:0 0 10px;
}

.skh__cta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:28px;
}
.skh__btn{
  min-height:58px;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  text-decoration:none;
  font-size:16px;
  font-weight:800;
  transition:.25s var(--skh-ease);
}
.skh__btn:hover{
  transform:translateY(-3px);
}
.skh__btn--primary{
  color:#fff;
  background:linear-gradient(135deg, #20124d 0%, #4628a8 45%, #6f44ff 100%);
  box-shadow:0 16px 36px rgba(82,48,195,.24);
}
.skh__btn--secondary{
  color:#292d45;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(19,25,48,.12);
}

.skh__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:760px;
  margin-top:44px;
  padding-top:22px;
  border-top:1px solid var(--skh-line);
}
.skh__stats article{
  position:relative;
  padding-right:12px;
}
.skh__stats article:not(:last-child)::after{
  content:"";
  position:absolute;
  top:8px;right:0;bottom:8px;
  width:1px;
  background:var(--skh-line);
}
.skh__stats article::before{
  content:"";
  position:absolute;
  top:-23px;left:0;
  width:20px;height:3px;border-radius:999px;
  background:var(--skh-orange);
}
.skh__stats span{
  display:block;
  color:var(--skh-purple);
  font-size:clamp(20px,1.55vw,32px);
  font-weight:900;
  line-height:1.1;
}
.skh__stats p{
  margin:8px 0 0;
  color:#6a7086;
  font-size:14px;
  line-height:1.45;
  font-weight:600;
}

.skh__visual{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
}

.skh__visual-inner{
  position:relative;
  width:100%;
  min-height:720px;
  border-radius:34px;
  overflow:hidden;
}

.skh__toolhero{
  position:absolute;
  top:-2%;
  right:-4%;
  width:min(720px, 92%);
  z-index:2;
  filter:drop-shadow(0 40px 80px rgba(26,33,71,.15));
}
.skh__toolhero-img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  transform:translate3d(var(--mx,0), var(--my,0), 0);
  transition:transform .28s var(--skh-ease);
}

.skh__logo-block{
  position:absolute;
  left:9%;
  top:38%;
  transform:translateY(-50%);
  z-index:3;
  max-width:540px;
}
.skh__logo{
  display:block;
  width:min(100%, 520px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 44px rgba(18,27,58,.08));
}
.skh__logo-text{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
  color:#737998;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.skh__logo-text span{
  position:relative;
  padding-right:18px;
}
.skh__logo-text span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:5px;top:50%;
  width:4px;height:4px;border-radius:50%;
  background:var(--skh-orange);
  transform:translateY(-50%);
}

.skh__insert-stage{
  position:absolute;
  left:16%;
  right:5%;
  bottom:2%;
  height:250px;
  z-index:3;
}

.skh__insert{
  position:absolute;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 20px 30px rgba(22,26,52,.15));
  transition:transform .25s var(--skh-ease);
}
.skh__insert--1{
  left:0;bottom:14px;
  width:190px;
}
.skh__insert--2{
  left:21%;bottom:8px;
  width:155px;
}
.skh__insert--3{
  left:40%;bottom:4px;
  width:135px;
}

.skh__vertical-tags{
  position:absolute;
  top:62px;
  right:8px;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:16px;
  color:#9da3bc;
  font-size:14px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
}

.skh__tech{
  position:absolute;
  z-index:1;
  color:rgba(73,86,126,.34);
  font-size:28px;
  font-weight:700;
  letter-spacing:.06em;
}
.skh__tech--1{right:24px;bottom:86px}
.skh__tech--2{right:72px;bottom:34px}
.skh__tech--3{left:42%;top:29%}

@media (max-width:1280px){
  .skh__layout{
    grid-template-columns:1fr;
    min-height:auto;
    padding:26px 0 38px;
  }
  .skh__copy{padding-right:0}
  .skh__visual{min-height:660px}
  .skh__visual-inner{min-height:660px}
  .skh__toolhero{
    top:0;
    right:0;
    width:min(690px,88%);
  }
  .skh__logo-block{
    left:7%;
    top:41%;
  }
}

@media (max-width:980px){
  .skh__header{
    width:min(100%, calc(100% - 28px));
    padding:0 2px;
    min-height:78px;
  }
  .skh__nav{display:none}
  .skh__container{
    width:min(100%, calc(100% - 28px));
  }
  .skh__title{
    font-size:clamp(38px,10vw,60px);
  }
  .skh__desc{
    font-size:16px;
  }
  .skh__stats{
    grid-template-columns:1fr;
    gap:18px;
  }
  .skh__stats article:not(:last-child)::after{
    display:none;
  }
  .skh__visual{
    min-height:560px;
  }
  .skh__visual-inner{
    min-height:560px;
    border-radius:24px;
  }
  .skh__toolhero{
    width:min(560px,86%);
    top:1%;
    right:-2%;
  }
  .skh__logo-block{
    top:42%;
    left:6%;
    max-width:80%;
  }
  .skh__logo-text{
    font-size:11px;
    gap:10px 14px;
  }
  .skh__insert-stage{
    left:8%;
    right:2%;
    height:185px;
  }
  .skh__insert--1{width:120px}
  .skh__insert--2{width:102px;left:22%}
  .skh__insert--3{width:90px;left:39%}
  .skh__vertical-tags{
    display:none;
  }
}

@media (max-width:640px){
  .skh__header-btn{
    min-height:42px;
    padding:0 16px;
    font-size:13px;
  }
  .skh__search{
    width:42px;height:42px;
  }
  .skh__chips li{
    min-height:42px;
    font-size:13px;
  }
  .skh__btn{
    width:100%;
    min-height:52px;
    font-size:15px;
  }
  .skh__visual{
    min-height:480px;
  }
  .skh__visual-inner{
    min-height:480px;
  }
  .skh__toolhero{
    width:90%;
    top:4%;
  }
  .skh__logo-block{
    top:44%;
    left:5%;
    max-width:86%;
  }
  .skh__insert-stage{
    left:5%;
    right:0;
    height:135px;
    bottom:10px;
  }
  .skh__insert--1{width:92px}
  .skh__insert--2{width:82px}
  .skh__insert--3{width:72px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}


/*korloy hero end here*/