li.nostyle {
  list-style-type: none;
	}
 :root {
      --kp-green: #05d966;
      --kp-green-dark: #00b84f;
      --kp-navy: #061d24;
      --kp-navy-2: #0b2b33;
      --kp-text: #0b1d24;
      --kp-muted: #52636d;
      --kp-line: #dce5e8;
      --kp-soft: #f4f7f8;
      --white: #ffffff;
      --max-width: 1200px;
    }

.btn {
      display: inline-flex;
      align-items: center;
      gap: 18px;
      min-width: 290px;
      padding: 18px 24px;
      background: var(--kp-green);
      color: #001910;
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
      transition: transform .2s ease, background .2s ease;
    }
    .btn:hover { transform: translateY(-2px); background: #18e877; }
    .btn .arrow { margin-left: auto; }



/* Hero2 */
    .hero2 {
      position: relative;
      min-height: 560px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: var(--kp-navy);
      color: white;
    }
    .hero2::before {
      content:"";
      position:absolute; inset:0;
      background:
        linear-gradient(90deg, rgba(3,21,27,.88) 0%, rgba(3,21,27,.68) 38%, rgba(3,21,27,.16) 72%, rgba(3,21,27,.25) 100%),
        url('/assets/img/injection-moulding-machine.jpg') center/cover no-repeat;
    }
    .hero2-content { position:relative; z-index:1; padding: 72px 0; max-width: 720px; }
    .hero2 h1 { max-width: 700px; margin-bottom: 22px; }
    .hero2 p { max-width: 600px; color: rgba(255,255,255,.82); font-size: 17px; }
    .hero2 .btn { margin-top: 18px; }
    .hero2-note {
      position:absolute; right:max(42px, calc((100% - var(--max-width))/2)); bottom:58px; z-index:2;
      max-width: 170px; color:white; text-transform:uppercase;
      font-size:22px; font-weight:800; line-height:.95;
    }
    .hero2-note::after { content:""; display:block; width:62px; height:3px; background:var(--kp-green); margin-top:18px; }


.container { width: min(var(--max-width), calc(100% - 48px)); margin: 0 auto; }
    .eyebrow {
      margin: 0 0 8px;
      color: var(--kp-green-dark);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

/* Capability intro */
    .section { padding: 74px 0; }
    .intro-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:80px; align-items:center; }
    .feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
    .feature-card { background:var(--kp-soft); min-height:108px; padding:22px; display:flex; align-items:center; gap:18px; }
    .icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; color:var(--kp-green-dark); font-size:24px; font-weight:900; }
    .feature-card strong { font-size:14px; line-height:1.25; }

    /* Materials */
    .materials { border-top:1px solid var(--kp-line); border-bottom:1px solid var(--kp-line); }
    .material-grid { display:grid; grid-template-columns: repeat(8, 1fr); gap:12px; margin-top:28px; }
    .material-card { border:1px solid var(--kp-line); min-height:126px; padding:18px 10px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#fff; }
    .hex { width:24px; height:24px; border:2px solid var(--kp-text); transform:rotate(30deg); margin-bottom:18px; }
    .material-card strong { font-size:12px; line-height:1.2; }

    /* Operator split */
    .split { display:grid; grid-template-columns: 1.18fr .82fr; min-height: 480px; }
    .split-photo { min-height:480px; background:url('/assets/img/moulding-operator.jpg') center/cover no-repeat; }
    .split-copy { padding:70px 7vw 70px 52px; display:flex; flex-direction:column; justify-content:center; }
    .split-copy .btn { margin-top:18px; }

    /* Process */
    .process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; margin-top:34px; }
    .process-step { position:relative; background:var(--kp-soft); min-height:205px; padding:28px 24px; }
    .process-step:not(:last-child)::after { content:"\203A"; position:absolute; right:-30px; top:48%; color:var(--kp-green); font-size:42px; line-height:1; font-weight:300; }
    .step-number { color:var(--kp-green-dark); font-size:22px; font-weight:900; margin-bottom:34px; }
    .process-step h3 { font-size:15px; margin-bottom:10px; }
    .process-step p { font-size:12px; margin:0; }

    /* Why */
    .why { border-top:1px solid var(--kp-line); }
    .checks { display:grid; grid-template-columns:1fr 1fr; gap:14px 80px; margin-top:24px; }
    .check { display:flex; align-items:flex-start; gap:13px; color:var(--kp-muted); font-size:14px; }
    .tick { width:22px; height:22px; border-radius:50%; background:var(--kp-green); color:white; display:grid; place-items:center; font-weight:900; flex:0 0 auto; }

    /* CTA */
    .cta { position:relative; overflow:hidden; background:var(--kp-navy); color:white; padding:64px 0; }
    .cta::before, .cta::after {
      content:""; position:absolute; width:210px; height:210px;
      background-image: radial-gradient(circle, transparent 12px, rgba(0,217,102,.45) 13px, rgba(0,217,102,.45) 14px, transparent 15px);
      background-size:64px 64px; opacity:.7;
    }
    .cta::before { left:-20px; bottom:-40px; }
    .cta::after { right:-10px; top:-30px; }
    .cta-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; gap:70px; align-items:center; }
    .cta p { color:rgba(255,255,255,.82); }
    .cta-services { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(0,217,102,.25); }
    .cta-service { min-height:150px; display:grid; place-items:center; text-align:center; padding:18px; border-right:1px solid rgba(0,217,102,.25); }
    .cta-service:last-child { border-right:0; }
    .cta-service b { font-size:13px; }
    .cta-symbol { color:var(--kp-green); font-size:28px; display:block; margin-bottom:12px; }

    @media (max-width: 980px) {
      .menu { display:none; }
      .intro-grid, .split, .cta-grid { grid-template-columns:1fr; }
      .material-grid { grid-template-columns:repeat(4,1fr); }
      .process-grid { grid-template-columns:1fr 1fr; }
      .process-step:nth-child(2)::after { display:none; }
      .split-copy { padding:54px 34px; }
      .hero-note { display:none; }
    }
    @media (max-width: 620px) {
      .container { width:min(100% - 30px, var(--max-width)); }
      .hero { min-height:620px; }
      .feature-grid, .checks, .process-grid, .cta-services { grid-template-columns:1fr; }
      .material-grid { grid-template-columns:1fr 1fr; }
      .process-step::after { display:none !important; }
      .cta-service { border-right:0; border-bottom:1px solid rgba(0,217,102,.25); }
      .cta-service:last-child { border-bottom:0; }
      .btn { min-width:0; width:100%; }
    }