.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#fff 0,#eef1f5 32%,#fff 72%)}
.hero-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:46px 46px;opacity:.45;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.hero-grid{position:relative;min-height:720px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center;padding:62px 0}
.hero-copy p{font-size:19px;max-width:650px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:580px}
.hero-metrics div{border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:20px;padding:16px}
.hero-metrics b{font-size:26px;color:var(--red)}
.hero-metrics span{display:block;color:var(--muted);font-weight:800;font-size:13px}
.machine-blueprint{height:540px;position:relative;border-radius:34px;background:linear-gradient(135deg,#111827,#1f2937);box-shadow:var(--shadow);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px}
.machine-line{position:absolute;border:4px solid #eef2ff;border-radius:18px;box-shadow:0 0 0 1px rgba(215,25,32,.5),0 0 34px rgba(215,25,32,.18)}
.machine-line.body{left:18%;right:16%;top:34%;height:32%}
.machine-line.conveyor{left:9%;right:9%;bottom:19%;height:32px;border-radius:999px}
.machine-line.panel{right:16%;top:20%;width:18%;height:19%;border-color:#fff}
.machine-nozzle{position:absolute;top:29%;width:22px;height:72px;background:#fff;border-radius:0 0 12px 12px}
.machine-nozzle.n1{left:37%}
.machine-nozzle.n2{left:45%}
.dimension{position:absolute;background:#fff;color:var(--red);border-radius:999px;padding:10px 14px;font-weight:950;font-size:13px}
.dimension.d1{right:10%;top:15%}
.dimension.d2{left:10%;top:24%}
.dimension.d3{left:13%;bottom:28%}
.dimension-line{position:absolute;background:var(--red)}
.dimension-line.horizontal{left:18%;right:16%;top:69%;height:2px}
.dimension-line.vertical{right:11%;top:20%;bottom:21%;width:2px}
.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 16px;font-weight:950}
.filter-chip.active{background:var(--red);color:#fff;border-color:var(--red)}
.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.machine-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff;transition:.22s}
.machine-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.machine-image{
  height:230px;
  display:block;
  position:relative;
  overflow:hidden;
  background:#ffffff;
}
.machine-image img{width:100%;height:100%;object-fit:cover;transition:.3s}
.machine-card:hover .machine-image img{transform:scale(1.06)}
.machine-image span{position:absolute;left:14px;top:14px;background:#fff;color:var(--red);border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px}
.machine-content{padding:23px}
.spec-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.spec-list em{font-style:normal;background:#fff1f2;color:var(--red);font-weight:900;border-radius:999px;padding:8px 10px;font-size:12px}
.spec-list.large em{font-size:14px;padding:10px 13px}
.text-link{font-weight:950;color:var(--red)}
.dark-band{background:var(--dark);color:#fff}
.dark-band p{color:#b6c0cf}
.cta-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--red),#101827);color:#fff;border-radius:34px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta-panel p{color:#ffe5e7}

.not-found{min-height:55vh;display:grid;align-content:center}


/* machines-head-align-clean-start */
#machines .section-head{
  align-items:start;
  margin-bottom:28px;
}

#machines .section-head > div{
  display:grid;
  gap:10px;
}

#machines .kicker{
  margin-bottom:0;
  line-height:1;
  align-items:center;
  gap:10px;
}

#machines .kicker::before{
  flex:0 0 34px;
  width:34px;
  height:2px;
  transform:translateY(0);
}

#machines .section-head h2{
  margin-bottom:0;
}

#machines .section-head p{
  align-self:end;
  margin-bottom:4px;
}
/* machines-head-align-clean-end */

/* Premium machine cards - block 2 */

.premium-machine-grid{
  align-items:stretch;
}

.machine-card-premium{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-radius:34px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(215,25,32,.34),rgba(17,24,39,.18),rgba(229,231,235,.85)) border-box;
  border:1px solid transparent;
  box-shadow:0 16px 54px rgba(17,24,39,.07);
}

.machine-card-premium::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(215,25,32,.06),transparent 40%),
    radial-gradient(circle at 88% 12%,rgba(215,25,32,.10),transparent 26%);
  opacity:0;
  transition:.22s ease;
}

.machine-card-premium:hover::before{
  opacity:1;
}

.machine-image-premium{
  position:relative;
  overflow:hidden;
  background:#ffffff;
}

.machine-image-premium::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.28)),
    linear-gradient(90deg,rgba(215,25,32,.16),transparent 52%);
  z-index:1;
}

.machine-image-premium span{
  z-index:3;
  left:18px;
  top:18px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.machine-image-grid{
  position:absolute;
  inset:0;
  z-index:2;
  background-image:
    linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);
  background-size:32px 32px;
  opacity:.55;
  mask-image:linear-gradient(180deg,#000,transparent 76%);
}

.machine-card-index{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:3;
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(215,25,32,.92);
  color:#fff;
  font-weight:950;
  font-size:20px;
  box-shadow:0 16px 34px rgba(215,25,32,.28);
}

.machine-content-premium{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  flex:1;
  padding:26px;
}

.machine-card-head{
  display:flex;
  gap:18px;
  justify-content:space-between;
  align-items:flex-start;
}

.machine-card-head h3{
  margin:0 0 12px;
  color:#111827;
  font-size:clamp(18px,1.35vw,23px);
  line-height:1.14;
  letter-spacing:-.025em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.machine-arrow{
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff1f2;
  color:var(--red);
  font-weight:950;
  transition:.2s ease;
}

.machine-card-premium:hover .machine-arrow{
  background:var(--red);
  color:#fff;
  transform:translate(3px,-3px);
}

.machine-mini-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0;
}

.machine-mini-specs div{
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-radius:18px;
  padding:13px;
}

.machine-mini-specs b{
  display:block;
  color:var(--red);
  font-size:9.4px;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.machine-mini-specs span{
  display:block;
  color:var(--ink);
  font-weight:850;
  font-size:13px;
  line-height:1.35;
}

.machine-card-bottom{
  margin-top:auto;
  display:grid;
  gap:16px;
}

.machine-line-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.machine-line-tags em{
  font-style:normal;
  background:#f3f4f6;
  color:#374151;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 10px;
  font-weight:850;
  font-size:12px;
}

.machine-detail-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  width:100%;
  border-radius:999px;
  background:#111827;
  color:#fff;
  transition:.2s ease;
}

.machine-detail-link:hover{
  background:var(--red);
  color:#fff;
  transform:translateY(-2px);
}

@media(max-width:720px){.machine-image-premium{
    height:220px;
  }

  .machine-content-premium{
    padding:22px;
  }

  .machine-mini-specs{
    grid-template-columns:1fr;
  }

}

/* Header + Hero premium block 3 */

.hero-section{
  background:
    radial-gradient(circle at 72% 18%,rgba(215,25,32,.11),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f7f8fb 48%,#eef1f6 100%);
}

.hero-section::after{
  content:"";
  position:absolute;
  right:-170px;
  top:80px;
  width:430px;
  height:430px;
  border:72px solid rgba(215,25,32,.055);
  border-radius:999px;
}

.hero-grid{
  min-height:760px;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-copy h1{
  max-width:760px;
}

.hero-copy p{
  color:#4b5563;
}

.hero-actions{
  align-items:center;
}

.hero-metrics div{
  position:relative;
  overflow:hidden;
}

.blueprint-pro{
  isolation:isolate;
  background:
    radial-gradient(circle at 72% 22%,rgba(215,25,32,.22),transparent 22%),
    linear-gradient(135deg,#0b1120,#192235 58%,#101827);
}

.blueprint-pro::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:26px;
  z-index:1;
  pointer-events:none;
}

.blueprint-axis{
  position:absolute;
  z-index:2;
  background:rgba(215,25,32,.75);
}

.axis-x{
  left:9%;
  right:9%;
  bottom:19%;
  height:2px;
}

.axis-y{
  right:12%;
  top:15%;
  bottom:19%;
  width:2px;
}

.machine-shadow{
  position:absolute;
  left:12%;
  right:12%;
  bottom:12%;
  height:44px;
  border-radius:999px;
  background:rgba(0,0,0,.34);
  filter:blur(12px);
  z-index:1;
}

.machine-base{
  position:absolute;
  left:15%;
  right:15%;
  bottom:18%;
  height:74px;
  border-radius:24px;
  background:linear-gradient(180deg,#f8fafc,#cbd5e1);
  border:3px solid #fff;
  z-index:4;
}

.machine-conveyor{
  position:absolute;
  left:8%;
  right:8%;
  bottom:23%;
  height:34px;
  border-radius:999px;
  background:
    repeating-linear-gradient(90deg,#111827 0 24px,#374151 24px 42px);
  border:3px solid #e5e7eb;
  z-index:5;
}

.machine-frame-main{
  position:absolute;
  left:20%;
  right:20%;
  top:34%;
  height:28%;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(203,213,225,.88));
  border:4px solid #fff;
  box-shadow:0 0 0 1px rgba(215,25,32,.38),0 18px 46px rgba(0,0,0,.26);
  z-index:4;
}

.machine-guard{
  position:absolute;
  top:38%;
  width:17%;
  height:20%;
  border:2px solid rgba(215,25,32,.74);
  background:
    linear-gradient(45deg,rgba(215,25,32,.12) 25%,transparent 25%,transparent 50%,rgba(215,25,32,.12) 50%,rgba(215,25,32,.12) 75%,transparent 75%);
  background-size:16px 16px;
  z-index:6;
}

.guard-left{left:23%}

.guard-right{right:23%}

.machine-control-panel{
  position:absolute;
  right:18%;
  top:19%;
  width:18%;
  height:20%;
  border-radius:22px;
  background:linear-gradient(135deg,#f8fafc,#cbd5e1);
  border:4px solid #fff;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  padding:42px 12px 12px;
}

.machine-control-panel::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:12px;
  height:24px;
  border-radius:8px;
  background:#111827;
}

.machine-control-panel span{
  display:block;
  border-radius:999px;
  background:var(--red);
}

.machine-screen{
  position:absolute;
  right:21%;
  top:22%;
  width:12%;
  height:6%;
  border-radius:10px;
  background:#0ea5e9;
  box-shadow:0 0 18px rgba(14,165,233,.55);
  z-index:7;
}

.machine-servo{
  position:absolute;
  width:48px;
  height:48px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--red),#7f1d1d);
  border:3px solid #fff;
  z-index:7;
}

.servo-a{left:34%;top:27%}

.servo-b{left:49%;top:27%}

.machine-nozzle-pro{
  position:absolute;
  top:30%;
  width:20px;
  height:96px;
  border-radius:0 0 12px 12px;
  background:#fff;
  z-index:7;
}

.nozzle-a{left:39%}

.nozzle-b{left:47%}

.machine-sensor-beam{
  position:absolute;
  left:29%;
  right:29%;
  top:67%;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--red),transparent);
  box-shadow:0 0 22px rgba(215,25,32,.75);
  z-index:7;
}

.wheel-a{left:22%}

.wheel-b{right:22%}

.blueprint-pro .dimension{
  z-index:9;
  box-shadow:0 14px 30px rgba(0,0,0,.20);
}

.blueprint-pro .d1{right:9%;top:12%}

.blueprint-pro .d2{left:9%;top:23%}

.blueprint-pro .d3{left:12%;bottom:31%}

.blueprint-pro .d4{right:10%;bottom:29%}

.blueprint-note{
  position:absolute;
  z-index:9;
  color:#cbd5e1;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:900;
}

.note-1{left:8%;bottom:8%}

.note-2{right:8%;bottom:8%}

@media(max-width:1080px){.hero-grid{
    min-height:auto;
  }

}

@media(max-width:720px){.blueprint-pro{
    height:390px;
  }

  .machine-control-panel{
    width:23%;
    right:12%;
  }

  .machine-frame-main{
    left:16%;
    right:16%;
  }

  .blueprint-note{
    display:none;
  }

}

/* Capability + Process premium block 4 */

.capability-premium-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(215,25,32,.20),transparent 28%),
    linear-gradient(135deg,#08111f,#111827 52%,#0b1020);
}

.capability-premium-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.48;
  mask-image:linear-gradient(90deg,#000,transparent 78%);
}

.capability-premium-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:42px;
  align-items:center;
}

.capability-copy h2{
  max-width:560px;
}

.capability-copy p{
  font-size:17px;
}

.capability-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:28px;
}

.capability-proof div{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  border-radius:22px;
  padding:18px;
}

.capability-proof b{
  display:block;
  color:#fff;
  font-size:26px;
  letter-spacing:-.05em;
}

.capability-proof span{
  display:block;
  color:#cbd5e1;
  font-weight:850;
  font-size:13px;
  margin-top:6px;
}

.capability-board{
  display:grid;
  gap:14px;
}

.capability-board article{
  position:relative;
  display:grid;
  grid-template-columns:74px 1fr;
  gap:18px;
  align-items:start;
  background:
    linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  padding:22px;
  overflow:hidden;
}

.capability-board article::after{
  content:"";
  position:absolute;
  right:-40px;
  top:-40px;
  width:130px;
  height:130px;
  border:22px solid rgba(215,25,32,.10);
  border-radius:999px;
}

.capability-board article span{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:var(--red);
  color:#fff;
  font-weight:950;
  box-shadow:0 18px 36px rgba(215,25,32,.28);
}

.capability-board article h3{
  color:#fff;
  margin-bottom:8px;
}

.capability-board article p{
  color:#cbd5e1;
  margin-bottom:0;
}

.process-premium-section{
  position:relative;
}

.process-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 18px 54px rgba(17,24,39,.07);
}

.process-track::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:64px;
  height:3px;
  background:linear-gradient(90deg,var(--red),rgba(215,25,32,.25));
  z-index:1;
}

.process-track article{
  position:relative;
  z-index:2;
  padding:28px 22px 24px;
  border-right:1px solid var(--line);
  background:
    linear-gradient(180deg,#fff,#f8fafc);
}

.process-track article:last-child{
  border-right:0;
}

.process-track article::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 28%,rgba(215,25,32,.08),transparent 24%);
  opacity:0;
  transition:.2s ease;
}

.process-track article:hover::before{
  opacity:1;
}

.process-track span{
  position:relative;
  z-index:3;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:var(--red);
  color:#fff;
  font-weight:950;
  margin-bottom:22px;
  box-shadow:0 16px 34px rgba(215,25,32,.24);
}

.process-track b{
  position:relative;
  z-index:3;
  display:block;
  font-size:18px;
  margin-bottom:10px;
}

.process-track p{
  position:relative;
  z-index:3;
  font-size:14px;
  margin-bottom:0;
}

@media(max-width:1080px){.capability-premium-grid{
    grid-template-columns:1fr;
  }

  .process-track{
    grid-template-columns:repeat(3,1fr);
  }

  .process-track::before{
    display:none;
  }

}

@media(max-width:720px){.capability-proof,
  .process-track{
    grid-template-columns:1fr;
  }

  .capability-board article{
    grid-template-columns:1fr;
  }

  .process-track article{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .process-track article:last-child{
    border-bottom:0;
  }

}

/* Project types + quality premium block 5 */

.project-premium-section{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#fff,#f8fafc),
    radial-gradient(circle at 90% 10%,rgba(215,25,32,.08),transparent 30%);
}

.project-premium-section::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.28;
  mask-image:linear-gradient(180deg,#000,transparent 72%);
}

.project-premium-section > .shell{
  position:relative;
  z-index:2;
}

.project-premium-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.project-premium-grid article{
  position:relative;
  min-height:270px;
  border-radius:32px;
  padding:26px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,rgba(215,25,32,.32),rgba(17,24,39,.16),rgba(229,231,235,.9)) border-box;
  border:1px solid transparent;
  box-shadow:0 16px 48px rgba(17,24,39,.06);
  overflow:hidden;
  transition:.22s ease;
}

.project-premium-grid article::before{
  content:"";
  position:absolute;
  right:-58px;
  top:-58px;
  width:160px;
  height:160px;
  border:28px solid rgba(215,25,32,.08);
  border-radius:999px;
}

.project-premium-grid article::after{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  bottom:72px;
  height:1px;
  background:linear-gradient(90deg,var(--red),transparent);
}

.project-premium-grid article:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow);
}

.project-premium-grid span{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:#fff1f2;
  color:var(--red);
  font-weight:950;
  margin-bottom:22px;
}

.project-premium-grid h3,
.project-premium-grid p,
.project-premium-grid em{
  position:relative;
  z-index:2;
}

.project-premium-grid p{
  margin-bottom:22px;
}

.project-premium-grid em{
  display:inline-flex;
  color:var(--red);
  background:#fff1f2;
  border:1px solid #ffd6d9;
  border-radius:999px;
  padding:9px 12px;
  font-style:normal;
  font-weight:900;
  font-size:12px;
}

.quality-premium-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}

.quality-premium-panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 16%,rgba(215,25,32,.12),transparent 28%),
    linear-gradient(135deg,#fff,#f8fafc);
  border:1px solid var(--line);
  border-radius:36px;
  padding:36px;
  box-shadow:0 16px 54px rgba(17,24,39,.07);
}

.quality-premium-panel::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-120px;
  width:330px;
  height:330px;
  border:44px solid rgba(215,25,32,.07);
  border-radius:999px;
}

.quality-premium-panel > *{
  position:relative;
  z-index:2;
}

.quality-score-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:28px;
}

.quality-score-grid div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:18px;
}

.quality-score-grid b{
  display:block;
  color:var(--red);
  font-size:28px;
  letter-spacing:-.05em;
  margin-bottom:6px;
}

.quality-score-grid span{
  display:block;
  color:var(--muted);
  font-weight:900;
  font-size:13px;
}

.technical-premium-card{
  background:#111827;
  color:#fff;
  border-radius:36px;
  padding:32px;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}

.technical-premium-card::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.5;
}

.technical-premium-card > *{
  position:relative;
  z-index:2;
}

.technical-premium-card h3{
  color:#fff;
  margin-bottom:20px;
}

.technical-premium-card ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}

.technical-premium-card li{
  display:grid;
  grid-template-columns:.42fr .58fr;
  gap:12px;
  align-items:start;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  border-radius:18px;
  padding:15px;
}

.technical-premium-card li b{
  color:#ffb6ba;
}

.technical-premium-card li span{
  color:#cbd5e1;
  line-height:1.55;
  font-size:14px;
}

@media(max-width:1080px){.project-premium-grid,
  .quality-score-grid{
    grid-template-columns:1fr 1fr;
  }

  .quality-premium-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:720px){.project-premium-grid,
  .quality-score-grid{
    grid-template-columns:1fr;
  }

  .technical-premium-card li{
    grid-template-columns:1fr;
  }

  .quality-premium-panel,
  .technical-premium-card{
    padding:26px;
  }

}

/* Premium CTA - block 6 */

.contact-premium-section{
  padding-top:40px;
}

.cta-panel-premium{
  position:relative;
  min-height:330px;
  border-radius:40px;
  padding:48px;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.16),transparent 28%),
    linear-gradient(135deg,var(--red),#111827 70%);
  box-shadow:0 26px 80px rgba(17,24,39,.18);
}

.cta-panel-premium::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px;
  pointer-events:none;
}

.cta-copy{
  max-width:760px;
}

.cta-copy h2{
  color:#fff;
}

.cta-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:26px;
}

.cta-proof-grid span{
  color:#fff;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:11px 13px;
  font-weight:900;
  text-align:center;
}

.cta-action-card{
  position:relative;
  z-index:2;
  width:min(360px,100%);
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  padding:24px;
  backdrop-filter:blur(12px);
}

.cta-action-card b{
  display:block;
  color:#fff;
  font-size:22px;
  margin-bottom:10px;
}

.cta-action-card p{
  color:#ffe5e7;
  margin-bottom:18px;
}

.cta-action-card .btn-primary,
.cta-action-card .btn-light{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.cta-action-card .btn-primary + .btn-light{
  margin-top:12px;
}

@media(max-width:1080px){.cta-panel-premium{
    display:grid;
  }

  .cta-action-card{
    width:100%;
  }

}

@media(max-width:720px){.cta-panel-premium{
    padding:30px;
    border-radius:30px;
  }

  .cta-proof-grid{
    grid-template-columns:1fr 1fr;
  }

}

/* Hero metrics image-ready block */

.hero-metrics-media{
  align-items:stretch;
}

.hero-metrics.hero-metrics-media .hero-metric-card{
  position:relative;
  display:grid;
  grid-template-columns:74px 1fr;
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
  min-height:104px;
  padding:16px;
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(17,24,39,.06);
}

.hero-metrics.hero-metrics-media .hero-metric-card::after{
  display:none !important;
  content:none !important;
}

.hero-metric-image{
  grid-row:1 / span 2;
  width:70px;
  height:70px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#fff,#f3f4f6);
  border:1px solid #e5e7eb;
  overflow:hidden;
}

.hero-metric-image img{
  width:82%;
  height:82%;
  max-width:82%;
  max-height:82%;
  object-fit:contain;
  display:block;
}

.hero-metric-image em{
  color:var(--red);
  font-style:normal;
  font-weight:950;
  font-size:16px;
}

.hero-metrics.hero-metrics-media b{
  align-self:end;
  color:var(--ink);
  font-size:17px;
  line-height:1.15;
  letter-spacing:-.02em;
}

.hero-metrics.hero-metrics-media small{
  align-self:start;
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
  line-height:1.35;
}

@media(max-width:720px){.hero-metrics.hero-metrics-media .hero-metric-card{
    grid-template-columns:62px 1fr;
    min-height:88px;
    padding:13px;
  }

  .hero-metric-image{
    width:58px;
    height:58px;
    border-radius:16px;
  }

}

/* project-types-admin-image-start */

.project-premium-grid article{
  position:relative;
  min-height:300px;
  padding:30px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}

.project-premium-grid article::before{
  content:"";
  position:absolute;
  right:-78px;
  top:-78px;
  width:190px;
  height:190px;
  border-radius:999px;
  background:
    radial-gradient(circle at 42% 52%,rgba(255,255,255,.96) 0 34%,rgba(215,25,32,.12) 35% 62%,transparent 63%);
  z-index:0;
  pointer-events:none;
}

.project-premium-grid article.has-image::before{
  display:none;
}

.project-type-media{
  position:absolute;
  right:-54px;
  top:-58px;
  width:210px;
  height:210px;
  margin:0;
  border-radius:999px;
  overflow:hidden;
  background:#fff;
  border:12px solid rgba(255,255,255,.88);
  box-shadow:0 22px 54px rgba(15,23,42,.14);
  z-index:0;
}

.project-type-media::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
  pointer-events:none;
}

.project-type-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.project-type-content{
  position:relative;
  z-index:2;
  max-width:100%;
  padding-top:88px;
}

.project-premium-grid article:not(.has-image) .project-type-content{
  padding-top:52px;
}

.project-premium-grid article span,
.project-premium-grid article h3,
.project-premium-grid article p,
.project-premium-grid article em{
  position:relative;
  z-index:2;
}

@media(max-width:960px){.project-type-media{
    right:-44px;
    top:-50px;
    width:180px;
    height:180px;
    border-width:10px;
  }

  .project-type-content{
    padding-top:76px;
  }

}

@media(max-width:560px){.project-premium-grid article{
    min-height:250px;
    padding:24px;
  }

  .project-type-media{
    right:-42px;
    top:-46px;
    width:150px;
    height:150px;
    border-width:8px;
  }

  .project-type-content{
    padding-top:62px;
  }

}

/* project-types-admin-image-end */

/* quality-admin-managed-start */

.quality-premium-panel{
  position:relative;
}

.quality-premium-panel::after{
  content:"";
  position:absolute;
  right:-64px;
  top:-62px;
  width:190px;
  height:190px;
  border-radius:999px;
  background:
    radial-gradient(circle at 44% 52%,rgba(255,255,255,.98) 0 33%,rgba(215,25,32,.14) 34% 62%,transparent 63%);
  pointer-events:none;
  z-index:0;
}

.quality-premium-panel.has-image::after{
  display:none;
}

.quality-panel-media{
  position:absolute;
  right:-56px;
  top:-60px;
  width:210px;
  height:210px;
  margin:0;
  border-radius:999px;
  overflow:hidden;
  background:#fff;
  border:12px solid rgba(255,255,255,.90);
  box-shadow:0 22px 54px rgba(15,23,42,.14);
  z-index:0;
}

.quality-panel-media::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
  pointer-events:none;
}

.quality-panel-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.quality-premium-panel > *:not(.quality-panel-media){
  position:relative;
  z-index:2;
}

.quality-premium-panel.has-image h2,
.quality-premium-panel.has-image p{
  max-width:calc(100% - 82px);
}

@media(max-width:960px){.quality-panel-media{
    width:180px;
    height:180px;
    right:-46px;
    top:-50px;
    border-width:10px;
  }

}

@media(max-width:560px){.quality-panel-media{
    width:145px;
    height:145px;
    right:-42px;
    top:-42px;
    border-width:8px;
  }

  .quality-premium-panel.has-image h2,
  .quality-premium-panel.has-image p{
    max-width:none;
  }

}

/* Slider altı PLC / Servo / Hat */
.home-metrics-strip{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:-12px;
  margin-bottom:34px;
  overflow:visible;
}

.home-metric-item{
  display:grid;
  grid-template-columns:76px 1fr;
  align-items:center;
  gap:16px;
  min-height:104px;
  padding:16px 18px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.96));
  box-shadow:0 18px 44px rgba(15,23,42,.09);
  overflow:hidden;
}

.home-metric-icon{
  width:76px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:19px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  overflow:hidden;
}

.home-metric-icon img{
  display:block;
  width:82%;
  height:82%;
  max-width:82%;
  max-height:82%;
  object-fit:contain;
  object-position:center;
}

.home-metric-icon em{
  font-style:normal;
  color:var(--red);
  font-size:12px;
  font-weight:950;
  text-align:center;
}

.home-metric-item b{
  display:block;
  margin:0;
  color:#0f172a;
  font-size:22px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.025em;
}

.home-metric-item small{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}

@media(max-width:720px){
  .home-metrics-strip{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:12px;
    margin-bottom:24px;
  }

  .home-metric-item{
    grid-template-columns:62px 1fr;
    min-height:78px;
    padding:12px 14px;
    border-radius:20px;
    gap:12px;
  }

  .home-metric-icon{
    width:62px;
    height:56px;
    border-radius:16px;
  }

  .home-metric-item b{
    font-size:18px;
  }

  .home-metric-item small{
    font-size:13px;
    margin-top:3px;
  }
}
/* home-entry-premium-redesign-end */

/* quick-cards-admin-image-start */

.quick-section{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:0;
  margin-bottom:30px;
}

.quick-card{
  position:relative;
  min-height:210px;
  padding:26px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:28px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 18px 46px rgba(15,23,42,.08);
  overflow:hidden;
}

.quick-card::before{
  content:"";
  position:absolute;
  right:-48px;
  top:-52px;
  width:138px;
  height:138px;
  border-radius:999px;
  background:
    radial-gradient(circle at 45% 52%,rgba(255,255,255,.95) 0 34%,rgba(215,25,32,.13) 35% 62%,transparent 63%);
  pointer-events:none;
  z-index:0;
}

.quick-card.has-image::before{
  display:none;
}

.quick-card-media{
  position:absolute;
  right:-38px;
  top:-42px;
  width:124px;
  height:148px;
  margin:0;
  border-radius:999px;
  overflow:hidden;
  background:#fff;
  border:9px solid rgba(255,255,255,.90);
  box-shadow:0 18px 42px rgba(15,23,42,.13);
  z-index:0;
}

.quick-card-media::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);
  pointer-events:none;
}

.quick-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.quick-card-content{
  position:relative;
  z-index:2;
  min-height:150px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.quick-card.has-image .quick-card-content{
  padding-top:62px;
}

.quick-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin-bottom:20px;
  border-radius:16px;
  background:#fff1f2;
  color:var(--red);
  border:1px solid rgba(215,25,32,.15);
  font-weight:950;
}

.quick-card h3{
  margin:0 0 11px;
  color:#0f172a;
  font-size:21px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:950;
}

.quick-card p{
  margin:0;
  color:#64748b;
  font-size:14.5px;
  line-height:1.65;
  font-weight:650;
}

@media(max-width:1080px){.quick-section{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

@media(max-width:720px){.quick-section{
    grid-template-columns:1fr;
    gap:12px;
  }

  .quick-card{
    min-height:190px;
    padding:22px;
    border-radius:22px;
  }

  .quick-card-media{
    width:128px;
    height:128px;
    right:-34px;
    top:-36px;
    border-width:8px;
  }

}

/* quick-cards-admin-image-end */

/* product-machine-grid-clean-start */

.product-machine-grid {
    align-items: stretch;
}

.product-machine-card {
    overflow: hidden;
}

.product-machine-media {
  position: relative;
  overflow: hidden;
  background: #ffffff;
}

.product-machine-media img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
    transform: scale(1.01);
    transition: transform .45s ease, filter .45s ease;
}

.product-machine-card:hover .product-machine-media img {
    transform: scale(1.065);
    filter: saturate(1.05) contrast(1.03);
}

.product-machine-content {
    min-height: 260px;
    display: flex;
    flex-direction: column;
}

.product-machine-content p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-machine-content .machine-card-bottom {
    margin-top: auto;
}

@media (max-width: 820px) {.product-machine-media,
    .product-machine-media img {
        min-height: 220px;
    }

    .product-machine-content {
        min-height: auto;
    }

}


/* product-image-white-bg-clean-start */
.machine-image,
.machine-image-premium,
.product-machine-media{
  background:#ffffff;
}

.machine-image::before,
.machine-image::after,
.machine-image-premium::before,
.machine-image-premium::after,
.product-machine-media::before,
.product-machine-media::after{
  background:transparent;
  box-shadow:none;
}

.machine-image img,
.machine-image-premium img,
.product-machine-media img{
  background:#ffffff;
}
/* product-image-white-bg-clean-end */


/* product-machine-grid-clean-end */


/* home-main-sections-premium-clean-start */
#machines.section-block,
.process-premium-section,
.project-premium-section{
  position:relative;
  padding-top:30px;
  padding-bottom:46px;
}

#machines .section-head,
.process-premium-section .section-head,
.project-premium-section .section-head{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  align-items:end;
  gap:34px;
  margin-bottom:24px;
  padding:0 0 22px;
  border:0;
  background:transparent;
  box-shadow:none;
}

#machines .section-head::after,
.process-premium-section .section-head::after,
.project-premium-section .section-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(215,25,32,.82),rgba(15,23,42,.12),transparent);
}

#machines .section-head > div,
.process-premium-section .section-head > div,
.project-premium-section .section-head > div{
  position:relative;
  display:grid;
  gap:12px;
  padding-left:18px;
}

#machines .section-head > div::before,
.process-premium-section .section-head > div::before,
.project-premium-section .section-head > div::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:4px;
  border-radius:999px;
  background:linear-gradient(180deg,#d71920,#9d1116);
  box-shadow:0 12px 28px rgba(215,25,32,.22);
}

#machines .kicker,
.process-premium-section .kicker,
.project-premium-section .kicker{
  margin:0;
  line-height:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#d71920;
  letter-spacing:.14em;
}

#machines .kicker::before,
.process-premium-section .kicker::before,
.project-premium-section .kicker::before{
  flex:0 0 28px;
  width:28px;
  height:2px;
  border-radius:999px;
  background:#d71920;
  transform:none;
}

#machines .section-head h2,
.process-premium-section .section-head h2,
.project-premium-section .section-head h2{
  margin:0;
  max-width:820px;
  color:#0f172a;
  letter-spacing:-.06em;
}

#machines .section-head p,
.process-premium-section .section-head p,
.project-premium-section .section-head p{
  align-self:end;
  max-width:720px;
  margin:0 0 3px;
  color:#536172;
  font-size:16px;
  font-weight:650;
  line-height:1.74;
}

/* Makine Grupları toolbar */
#machines .filter-row{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 24px;
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92));
  box-shadow:0 16px 46px rgba(15,23,42,.06);
}

#machines .filter-row::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,#d71920,transparent);
}

#machines .filter-chip{
  min-height:42px;
  padding:10px 17px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  color:#111827;
  box-shadow:0 8px 22px rgba(15,23,42,.05);
}

#machines .filter-chip.active{
  background:linear-gradient(135deg,#d71920,#9d1116);
  border-color:#d71920;
  color:#fff;
  box-shadow:0 14px 32px rgba(215,25,32,.20);
}

/* Üretim Süreci: teknik üretim hattı */
.process-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.process-track::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:42px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(215,25,32,.95),rgba(215,25,32,.18));
  z-index:0;
  display:block;
}

.process-track article{
  position:relative;
  z-index:1;
  min-height:220px;
  padding:72px 20px 22px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  background:
    radial-gradient(circle at 86% 16%,rgba(215,25,32,.08),transparent 30%),
    linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 18px 48px rgba(15,23,42,.07);
  overflow:hidden;
}

.process-track article::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,#d71920,transparent);
  opacity:.72;
}

.process-track article:last-child{
  border-right:1px solid rgba(15,23,42,.08);
}

.process-track span{
  position:absolute;
  left:20px;
  top:18px;
  width:50px;
  height:50px;
  margin:0;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#d71920,#9d1116);
  color:#fff;
  box-shadow:0 16px 34px rgba(215,25,32,.22);
}

.process-track b{
  display:block;
  margin-bottom:10px;
  color:#0f172a;
  font-size:18px;
  line-height:1.15;
}

.process-track p{
  margin:0;
  color:#607086;
  font-size:14px;
  line-height:1.62;
}

/* Proje Tipleri: teknik yüzey */
.project-premium-section{
  background:
    radial-gradient(circle at 90% 10%,rgba(215,25,32,.06),transparent 28%),
    linear-gradient(180deg,#fff,#f8fafc);
}

.project-premium-grid{
  gap:18px;
}

.project-premium-grid article{
  border-radius:30px;
  box-shadow:0 18px 54px rgba(15,23,42,.075);
  border:1px solid rgba(15,23,42,.08);
}

.project-premium-grid article::after{
  background:linear-gradient(90deg,#d71920,rgba(215,25,32,.16),transparent);
}
/* home-main-sections-premium-clean-end */



/* machine-wheel-clean-desktop-start */

.machine-wheel-hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:28px 0 46px;
  background:#f8fafc;
}

.machine-wheel-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

.machine-wheel-bg img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  opacity:.78;
  filter:saturate(1.02) contrast(1.08) brightness(.98);
}

.machine-wheel-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(248,250,252,.42),rgba(255,255,255,.10),rgba(248,250,252,.38));
}

.machine-wheel-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px);
  background-size:44px 44px;
}

.machine-wheel-shell{
  position:relative;
  z-index:2;
  width:min(100% - 40px,1300px);
  max-width:1300px;
  margin:0 auto;
}

.machine-wheel-layout{
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(700px,1.12fr) minmax(340px,.88fr);
  gap:28px;
  align-items:center;
}

.machine-wheel-left{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.machine-wheel-ring{
  position:relative;
  width:min(780px,100%);
  aspect-ratio:1/1;
  height:auto;
  margin:0 auto;
  overflow:visible;
  background:transparent;
}

.machine-wheel-guide,
.machine-wheel-guide::before,
.machine-wheel-guide::after,
.machine-wheel-ring::before,
.machine-wheel-ring::after{
  display:none;
  content:none;
}

.machine-wheel-center{
  position:absolute;
  left:50%;
  top:50%;
  width:315px;
  height:315px;
  margin:0;
  padding:0;
  transform:translate(-50%,-50%);
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:50%;
  background:#ffffff;
  border:1px solid rgba(148,163,184,.28);
  box-shadow:0 28px 82px rgba(15,23,42,.14);
}

.machine-wheel-center img{
  display:block;
  width:auto;
  height:auto;
  max-width:92%;
  max-height:92%;
  object-fit:contain;
  object-position:center center;
  margin:0;
  padding:0;
  background:transparent;
  box-sizing:border-box;
}

.machine-wheel-item{
  position:absolute;
  left:50%;
  top:50%;
  z-index:8;
  width:148px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border:1px solid rgba(148,163,184,.32);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  color:#111827;
  box-shadow:0 16px 38px rgba(15,23,42,.10);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}

.machine-wheel-item span{
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
  font-size:10.6px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.02em;
  writing-mode:horizontal-tb;
  transform:none;
}

.machine-wheel-item:hover,
.machine-wheel-item:focus-visible,
.machine-wheel-item.is-active{
  background:linear-gradient(135deg,#d71920,#9d1116);
  border-color:#d71920;
  color:#ffffff;
  box-shadow:0 20px 48px rgba(15,23,42,.22);
  outline:none;
}

.machine-wheel-ring[data-wheel-density="medium"] .machine-wheel-item{
  width:116px;
}

.machine-wheel-ring[data-wheel-density="many"] .machine-wheel-item{
  width:108px;
  min-height:34px;
  padding:5px 8px;
}

.machine-wheel-ring[data-wheel-density="many"] .machine-wheel-item span{
  font-size:11px;
}

.machine-wheel-content{
  position:relative;
  z-index:4;
  max-width:540px;
  padding:34px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:34px;
  background:rgba(255,255,255,.86);
  box-shadow:0 22px 70px rgba(15,23,42,.10);
  backdrop-filter:blur(12px);
}

.machine-wheel-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#111827;
  font-size:13px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.machine-wheel-kicker::before{
  content:"";
  width:34px;
  height:2px;
  background:#111827;
}

.machine-wheel-content h1{
  margin:14px 0 12px;
  color:#101827;
  font-size:clamp(28px,3.2vw,44px);
  line-height:1.08;
  letter-spacing:-.04em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.machine-wheel-content strong{
  display:block;
  margin-bottom:14px;
  color:#111827;
  font-size:16px;
  font-weight:950;
}

.machine-wheel-content p{
  max-width:500px;
  color:#475569;
  font-size:17px;
  line-height:1.72;
}

/* machine-wheel-clean-desktop-end */


/* machine-wheel-country-hover-start */
@media(min-width:1081px){
  .machine-wheel-ring{
    overflow:visible;
  }

  .machine-wheel-item{
    overflow:visible;
  }

  .machine-wheel-item::after{
    content:attr(data-country);
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    z-index:20;
    min-width:max-content;
    max-width:150px;
    padding:6px 11px;
    border-radius:999px;
    background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.94));
    color:#ffffff;
    border:1px solid rgba(255,255,255,.24);
    box-shadow:0 14px 32px rgba(15,23,42,.26);
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.025em;
    text-align:center;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%, 5px) scale(.96);
    transition:opacity .18s ease, transform .18s ease;
  }

  .machine-wheel-item::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:calc(100% + 3px);
    width:7px;
    height:7px;
    background:rgba(15,23,42,.96);
    border-right:1px solid rgba(255,255,255,.18);
    border-bottom:1px solid rgba(255,255,255,.18);
    opacity:0;
    pointer-events:none;
    transform:translate(-50%, 5px) rotate(45deg) scale(.9);
    transition:opacity .18s ease, transform .18s ease;
    z-index:19;
  }

  .machine-wheel-item:hover,
  .machine-wheel-item:focus-visible{
    z-index:25;
  }

  .machine-wheel-item:hover::after,
  .machine-wheel-item:focus-visible::after{
    opacity:1;
    transform:translate(-50%, 0) scale(1);
  }

  .machine-wheel-item:hover::before,
  .machine-wheel-item:focus-visible::before{
    opacity:1;
    transform:translate(-50%, 0) rotate(45deg) scale(1);
  }
}

@media(max-width:1080px){
  .machine-wheel-item::after,
  .machine-wheel-item::before{
    display:none;
  }
}
/* machine-wheel-country-hover-end */