@font-face{font-family:"Core Concept";src:url("assets/kokil-header/fonts/montserrat-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Core Concept";src:url("assets/kokil-header/fonts/montserrat-bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
.core-concept-body{margin:0;background:#edf3f6;color:#13212c;font-family:"Core Concept",Arial,sans-serif}
.core-concept-body .core-boxes-import{--max:1550px;font-family:"Core Concept",Arial,sans-serif;background:#edf3f6}
.core-concept-shell{width:min(var(--max),calc(100% - 72px));margin:auto}
.core-concept-body .kokil-header--inner{position:sticky;top:0;z-index:200}
.core-concept-body .kokil-header__nav .active{color:#ef5b18}
.core-concept-hero{position:relative;isolation:isolate;height:614px;min-height:614px;overflow:hidden;background:#071c29;color:#fff}
.core-concept-hero__backdrop{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;object-position:72% 45%;filter:saturate(.82) contrast(1.04)}
.core-concept-hero__shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#061b29 0%,rgba(6,27,41,.97) 31%,rgba(6,27,41,.72) 53%,rgba(6,27,41,.22) 78%),linear-gradient(0deg,rgba(3,18,27,.88),transparent 45%)}
.core-concept-hero:after{content:"CORE";position:absolute;right:4%;top:20px;z-index:-2;color:transparent;font-size:190px;font-weight:900;letter-spacing:-12px;-webkit-text-stroke:1px rgba(123,207,224,.1)}
.core-concept-hero__inner{position:relative;height:534px}
.core-concept-hero__copy{position:relative;z-index:5;width:53%;padding-top:58px}
.core-concept-kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#ff6b2c;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.core-concept-kicker:before{content:"";width:30px;height:2px;background:#ff6b2c}
.core-concept-kicker b{padding:6px 9px;border:1px solid rgba(255,107,44,.42);border-radius:999px;font-size:9px;letter-spacing:1px}
.core-concept-hero h1{margin:0;color:#fff;font-size:clamp(54px,4.4vw,76px);font-weight:900;line-height:.96;letter-spacing:-4px}
.core-concept-hero h1 em{color:#7dd6e4;font-style:normal}
.core-concept-hero__copy>p:not(.core-concept-kicker){max-width:720px;margin:25px 0;color:#bfd0d8;font-size:17px;line-height:1.58}
.core-concept-hero__actions{display:flex;gap:12px}
.core-concept-hero__actions a{padding:16px 20px;border:1px solid rgba(255,255,255,.26);border-radius:9px;color:#fff;font-size:12px;font-weight:800}
.core-concept-hero__actions a:first-child{border-color:#ff6028;background:#ff6028}.core-concept-hero__actions span{margin-left:24px}
.core-concept-hero dl{display:flex;gap:38px;margin:28px 0 0}.core-concept-hero dl div{display:flex;align-items:center;gap:10px}.core-concept-hero dt{font-size:27px;font-weight:900}.core-concept-hero dd{margin:0;color:#91a8b3;font-size:9px;line-height:1.3;text-transform:uppercase}
.core-concept-hero__visual{position:absolute;inset:0 0 0 44%;z-index:2;pointer-events:none}
.core-concept-hero__visual img{position:absolute;max-width:none;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(0,0,0,.34))}
.core-concept-hero__machine{right:-1%;bottom:-22%;width:41%;opacity:.86}.core-concept-hero__tooling{right:23%;bottom:-11%;width:43%;z-index:3}.core-concept-hero__round{right:4%;bottom:-9%;width:30%;z-index:4}
.core-concept-hero__label{position:absolute;z-index:5;padding:9px 13px;border:1px solid rgba(128,211,226,.25);border-radius:999px;background:rgba(5,28,40,.84);font-size:10px;font-weight:700;backdrop-filter:blur(10px)}.core-concept-hero__label b{margin-right:7px;color:#ff6b2c}.core-concept-hero__label--machine{right:4%;top:96px}.core-concept-hero__label--tooling{right:39%;top:168px}
.core-concept-hero__stages{position:absolute;right:0;bottom:0;left:0;height:80px;border-top:1px solid rgba(126,203,218,.18);background:rgba(3,18,27,.82);backdrop-filter:blur(12px)}
.core-concept-hero__stages .core-concept-shell{display:grid;grid-template-columns:repeat(5,1fr);height:100%}.core-concept-hero__stages span{display:flex;align-items:center;padding:0 22px;border-left:1px solid rgba(126,203,218,.15);color:#b4c6ce;font-size:11px;font-weight:700}.core-concept-hero__stages span:last-child{border-right:1px solid rgba(126,203,218,.15)}.core-concept-hero__stages b{margin-right:10px;color:#ff6b2c}
.core-concept-nav{position:sticky;top:72px;z-index:80;border-bottom:1px solid #d4e1e6;background:rgba(249,251,252,.95);backdrop-filter:blur(14px)}.core-concept-nav .core-concept-shell{display:flex;justify-content:center}.core-concept-nav a{padding:16px 28px;color:#536b77;font-size:10px;font-weight:800;text-transform:uppercase}.core-concept-nav a:hover{color:#ef5b18}

.core-concept-body .core-tooling{padding:64px 36px;background:#edf3f6}.core-concept-body .core-tooling__inner{max-width:1550px;border-radius:22px;box-shadow:0 22px 55px rgba(14,45,59,.12)}
.core-concept-body .section{max-width:1550px;padding:90px 36px}.core-concept-body .intro{margin-top:34px;border:1px solid #d5e2e7;border-radius:22px;background:#fff;box-shadow:0 18px 46px rgba(14,45,59,.08)}
.core-concept-body .introImage{border-radius:15px}.core-concept-body .metricRow{gap:10px}.core-concept-body .metricRow div{padding:12px;border-radius:10px;background:#f0f6f8}
.core-concept-body .machineFeature,.core-concept-body .machineTiles article,.core-concept-body .toolingCardV2{overflow:hidden;border-radius:16px}.core-concept-body .machineFeature{box-shadow:0 20px 45px rgba(6,29,46,.13)}
.core-concept-body .designPoints{overflow:hidden;border-radius:14px;background:#fff}
.core-concept-body .darkSection{width:min(1550px,calc(100% - 72px));margin:34px auto;padding:72px 48px;border-radius:24px;background:linear-gradient(135deg,#061d2d,#0b3a4d)}
.core-concept-body .processGrid{overflow:hidden;border-radius:14px}.core-concept-body .techSection{margin:0;background:#e7eff3}.core-concept-body .techCards article{border-radius:14px;box-shadow:0 12px 28px rgba(14,45,59,.07)}
.core-concept-body .coresSection{width:min(1550px,calc(100% - 72px));margin:34px auto;border-radius:24px;overflow:hidden}.core-concept-body .coreGallery figure{border-radius:12px}.core-concept-body .videoGrid>a{border-radius:15px}.core-concept-body .seoBlock{width:min(1550px,calc(100% - 72px));max-width:1550px;margin:auto;padding-right:48px;padding-left:48px;border-radius:20px}.core-concept-body .faq{margin-bottom:40px;border-radius:20px;background:#fff}.core-concept-body .site-footer{margin-top:0}

@media(max-width:1100px){.core-concept-hero__copy{width:60%}.core-concept-hero__visual{left:48%}.core-concept-hero__machine{width:54%}.core-concept-hero__tooling{right:18%;width:53%}.core-concept-hero__round{width:37%}.core-concept-hero h1{font-size:56px}.core-concept-hero__stages span{padding:0 12px;font-size:9px}.core-concept-nav a{padding:14px 16px}.core-concept-body .darkSection{padding:58px 34px}}
@media(max-width:760px){.core-concept-shell{width:calc(100% - 36px)}.core-concept-hero{height:720px;min-height:720px}.core-concept-hero__inner{height:650px}.core-concept-hero__copy{width:100%;padding-top:42px}.core-concept-kicker b{display:none}.core-concept-hero h1{font-size:43px;letter-spacing:-2px}.core-concept-hero__copy>p:not(.core-concept-kicker){font-size:15px}.core-concept-hero dl{gap:18px}.core-concept-hero__visual{top:330px;left:0}.core-concept-hero__machine{right:-8%;width:54%}.core-concept-hero__tooling{right:27%;width:58%}.core-concept-hero__round{right:0;width:42%}.core-concept-hero__label{display:none}.core-concept-hero__stages{height:70px;overflow-x:auto}.core-concept-hero__stages .core-concept-shell{width:max-content;grid-template-columns:repeat(5,180px)}.core-concept-nav{display:none}.core-concept-body .core-tooling{padding:28px 18px}.core-concept-body .section{padding:64px 18px}.core-concept-body .intro{margin-top:18px}.core-concept-body .darkSection,.core-concept-body .coresSection,.core-concept-body .seoBlock{width:calc(100% - 36px);padding-right:20px;padding-left:20px;border-radius:17px}}


/* Production core-boxes hero without marked overlays v4 */
.core-concept-hero--production{--max:1550px;height:534px;min-height:534px}
.core-concept-hero--production .core-concept-hero__inner{height:534px}
.core-concept-hero--production .core-concept-hero__copy{width:52%;padding-top:58px}
.core-concept-hero--production .core-concept-hero__visual{inset:0 0 0 43%}
.core-concept-hero--production .core-concept-hero__machine{right:-1%;bottom:-17%;width:42%;opacity:1}
.core-concept-hero--production .core-concept-hero__tooling{right:36%;bottom:16%;width:39%;z-index:3}
.core-concept-hero--production .core-concept-hero__round{right:63%;bottom:-1%;width:31%;z-index:4}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__copy{width:58%}
  .core-concept-hero--production .core-concept-hero__visual{left:47%}
  .core-concept-hero--production .core-concept-hero__machine{width:50%}
  .core-concept-hero--production .core-concept-hero__tooling{right:34%;width:45%}
  .core-concept-hero--production .core-concept-hero__round{right:65%;width:35%}
}
@media(max-width:760px){
  .core-concept-hero--production{height:650px;min-height:650px}
  .core-concept-hero--production .core-concept-hero__inner{height:650px}
  .core-concept-hero--production .core-concept-hero__copy{width:100%;padding-top:40px}
  .core-concept-hero--production .core-concept-hero__visual{top:330px;left:0}
  .core-concept-hero--production .core-concept-hero__machine{right:-6%;bottom:-18%;width:54%}
  .core-concept-hero--production .core-concept-hero__tooling{right:31%;bottom:10%;width:48%}
  .core-concept-hero--production .core-concept-hero__round{right:69%;bottom:0;width:34%}
}


/* Match supplied core hero background and object layout v5 */
.core-concept-hero--production{
  background:linear-gradient(90deg,#061d2e 0%,#08263a 52%,#061b2c 100%);
}
.core-concept-hero--production .core-concept-hero__backdrop{
  inset:0 0 0 54%;
  width:46%;
  height:100%;
  object-fit:cover;
  object-position:72% 45%;
  opacity:.32;
  filter:saturate(.35) brightness(.48) contrast(1.18) hue-rotate(154deg);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 42%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 42%);
}
.core-concept-hero--production .core-concept-hero__shade{
  background:linear-gradient(90deg,#061b29 0%,rgba(6,27,41,.98) 34%,rgba(6,27,41,.74) 53%,rgba(6,27,41,.18) 78%),linear-gradient(0deg,rgba(3,18,27,.48),transparent 42%);
}
.core-concept-hero--production .core-concept-hero__visual{inset:0}
.core-concept-hero--production .core-concept-hero__visual img{
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.34));
}
.core-concept-hero--production .core-concept-hero__round{
  left:45.6%;
  right:auto;
  bottom:4%;
  width:17.2%;
  z-index:4;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:53.8%;
  right:auto;
  top:16%;
  bottom:auto;
  width:22.5%;
  z-index:3;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:79.1%;
  right:auto;
  bottom:1.5%;
  width:19.5%;
  opacity:1;
  z-index:3;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__visual{left:0}
  .core-concept-hero--production .core-concept-hero__round{left:44%;width:20%}
  .core-concept-hero--production .core-concept-hero__tooling{left:53%;width:25%}
  .core-concept-hero--production .core-concept-hero__machine{left:76%;width:23%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__backdrop{inset:300px 0 0 38%;width:62%;height:350px}
  .core-concept-hero--production .core-concept-hero__visual{top:315px;left:0}
  .core-concept-hero--production .core-concept-hero__round{left:1%;bottom:2%;width:34%}
  .core-concept-hero--production .core-concept-hero__tooling{left:24%;top:8%;width:42%}
  .core-concept-hero--production .core-concept-hero__machine{left:65%;bottom:1%;width:34%}
}


/* Keep production hero images inside their reference positions v6 */
.core-concept-hero--production .core-concept-hero__visual{
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  overflow:hidden;
}
.core-concept-hero--production .core-concept-hero__visual img{
  max-height:96%;
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__visual{
    top:315px!important;
  }
}


/* Larger production hero objects v7 */
.core-concept-hero--production .core-concept-hero__round{
  left:43.5%;
  bottom:2%;
  width:21.5%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:51.5%;
  top:12%;
  width:27%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:75.5%;
  bottom:.5%;
  width:24%;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__round{left:41%;width:24%}
  .core-concept-hero--production .core-concept-hero__tooling{left:50%;width:29%}
  .core-concept-hero--production .core-concept-hero__machine{left:73%;width:26%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__round{left:0;width:38%}
  .core-concept-hero--production .core-concept-hero__tooling{left:22%;top:4%;width:47%}
  .core-concept-hero--production .core-concept-hero__machine{left:62%;width:37%}
}


/* Spaced production hero objects v8 */
.core-concept-hero--production .core-concept-hero__round{
  left:46.5%;
  width:19.5%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:56.5%;
  width:22.5%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:79.5%;
  width:20.5%;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__round{left:45%;width:21%}
  .core-concept-hero--production .core-concept-hero__tooling{left:55%;width:24%}
  .core-concept-hero--production .core-concept-hero__machine{left:79%;width:21%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__round{left:4%;width:32%}
  .core-concept-hero--production .core-concept-hero__tooling{left:29%;width:38%}
  .core-concept-hero--production .core-concept-hero__machine{left:70%;width:29%}
}


/* Larger and more widely spaced production hero objects v9 */
.core-concept-hero--production .core-concept-hero__copy{
  width:45%;
}
.core-concept-hero--production .core-concept-hero__round{
  left:49%;
  width:22%;
  bottom:1%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:59%;
  width:25%;
  top:9%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:82%;
  width:22%;
  bottom:0;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__copy{width:48%}
  .core-concept-hero--production .core-concept-hero__round{left:48%;width:23%}
  .core-concept-hero--production .core-concept-hero__tooling{left:59%;width:26%}
  .core-concept-hero--production .core-concept-hero__machine{left:82%;width:22%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__copy{width:100%}
  .core-concept-hero--production .core-concept-hero__round{left:6%;width:35%}
  .core-concept-hero--production .core-concept-hero__tooling{left:34%;top:2%;width:41%}
  .core-concept-hero--production .core-concept-hero__machine{left:74%;width:34%}
}


/* Larger tooling and machine with wider separation v10 */
.core-concept-hero--production .core-concept-hero__copy{
  width:44%;
}
.core-concept-hero--production .core-concept-hero__round{
  left:50%;
  width:24.5%;
  bottom:0;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:60%;
  width:28%;
  top:6%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:84%;
  width:24%;
  bottom:-1%;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__copy{width:46%}
  .core-concept-hero--production .core-concept-hero__round{left:49%;width:25%}
  .core-concept-hero--production .core-concept-hero__tooling{left:60%;width:28%}
  .core-concept-hero--production .core-concept-hero__machine{left:84%;width:24%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__copy{width:100%}
  .core-concept-hero--production .core-concept-hero__round{left:7%;width:38%}
  .core-concept-hero--production .core-concept-hero__tooling{left:37%;top:0;width:44%}
  .core-concept-hero--production .core-concept-hero__machine{left:80%;width:38%}
}


/* Full viewport-width hero visual, independent from content shell v11 */
.core-concept-hero--production .core-concept-hero__visual{
  width:100vw;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
}
.core-concept-hero--production .core-concept-hero__round{
  left:47%;
  width:23.5%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:55.5%;
  width:24.5%;
  top:7%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:81.5%;
  width:21.5%;
  bottom:0;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__round{left:46%;width:24%}
  .core-concept-hero--production .core-concept-hero__tooling{left:55%;width:25%}
  .core-concept-hero--production .core-concept-hero__machine{left:81.5%;width:22%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__visual{
    left:50%!important;
    width:100vw;
  }
  .core-concept-hero--production .core-concept-hero__round{left:4%;width:37%}
  .core-concept-hero--production .core-concept-hero__tooling{left:32%;top:1%;width:41%}
  .core-concept-hero--production .core-concept-hero__machine{left:75%;width:31%}
}


/* Ten-percent smaller hero objects and larger strip labels v12 */
.core-concept-hero--production .core-concept-hero__round{
  left:48.2%;
  width:21.15%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:56.7%;
  width:22.05%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:82.6%;
  width:19.35%;
}
.core-concept-nav a{
  padding:18px 30px;
  font-size:13px;
  letter-spacing:.02em;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__round{left:47.2%;width:21.6%}
  .core-concept-hero--production .core-concept-hero__tooling{left:56.2%;width:22.5%}
  .core-concept-hero--production .core-concept-hero__machine{left:82.6%;width:19.8%}
  .core-concept-nav a{padding:16px 20px;font-size:12px}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__round{left:5.9%;width:33.3%}
  .core-concept-hero--production .core-concept-hero__tooling{left:34.1%;width:36.9%}
  .core-concept-hero--production .core-concept-hero__machine{left:76.6%;width:27.9%}
}


/* Additional ten-percent hero image reduction v13 */
.core-concept-hero--production .core-concept-hero__round{
  left:49.26%;
  width:19.04%;
}
.core-concept-hero--production .core-concept-hero__tooling{
  left:57.8%;
  width:19.85%;
}
.core-concept-hero--production .core-concept-hero__machine{
  left:83.57%;
  width:17.42%;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__round{left:48.28%;width:19.44%}
  .core-concept-hero--production .core-concept-hero__tooling{left:57.33%;width:20.25%}
  .core-concept-hero--production .core-concept-hero__machine{left:83.59%;width:17.82%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__round{left:7.57%;width:29.97%}
  .core-concept-hero--production .core-concept-hero__tooling{left:35.95%;width:33.21%}
  .core-concept-hero--production .core-concept-hero__machine{left:78%;width:25.11%}
}


/* Move machine closer to tooling v14 */
.core-concept-hero--production .core-concept-hero__machine{
  left:80%;
}
@media(max-width:1100px){
  .core-concept-hero--production .core-concept-hero__machine{left:80.5%}
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-hero__machine{left:74%}
}


/* Larger hero kicker text v15 */
.core-concept-hero--production .core-concept-kicker{
  font-size:15px;
  line-height:1.25;
}
.core-concept-hero--production .core-concept-kicker b{
  padding:7px 11px;
  font-size:12px;
  line-height:1;
}
@media(max-width:760px){
  .core-concept-hero--production .core-concept-kicker{font-size:12px}
}