:root{
    --green-900:#0e2a26;
    --green-800:#163430;
    --green-700:#1d3f3a;
    --beige-100:#efe5d4;
    --beige-200:#e7dcc7;
    --beige-300:#dccdb3;
    --cream:#f3ead9;
    --beige-bg:#efe5d4;
    --ivory:#faf6ec;
    --ink:#1f2a26;
    --ink-soft:#3b4742;
    --line: rgba(15,42,38,.12);
    --line-dark: rgba(243,234,217,.18);
    --serif:'Cormorant Garamond', Georgia, serif;
    --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
    --maxw: 1280px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--sans);
    color:var(--ink);
    background:var(--ivory);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:0;background:none}

  section{padding:120px 24px;position:relative}
  .container{max-width:var(--maxw);margin:0 auto}
  .section-eyebrow{
    display:flex;align-items:center;gap:16px;
    color:var(--green-900);
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;
    margin-bottom:32px;
  }
  .section-eyebrow .num{
    width:34px;height:34px;border-radius:50%;
    border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:14px;
  }
  .section-eyebrow.light{color:var(--beige-200)}

  /* ========== 01 Manufacturing Hero ========== */
  .mfg-hero{background:var(--ivory)}
  .mfg-hero-grid{display:grid;grid-template-columns:1fr 1fr}
  .mfg-hero-left{
    background:var(--green-900);color:var(--beige-100);
    padding:120px 80px;
    display:flex;flex-direction:column;justify-content:space-between;
    min-height:680px;
  }
  .mfg-eyebrow{
    font-size:12px;letter-spacing:.28em;text-transform:uppercase;
    color:var(--beige-200);font-weight:600;
  }
  .mfg-hero h1{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(48px,5.6vw,82px);line-height:1.02;letter-spacing:-.01em;
    color:var(--ivory);margin-top:32px;margin-bottom:48px;
  }
  .mfg-hero-desc{
    font-size:16px;line-height:1.7;color:var(--beige-200);
    max-width:560px;margin-bottom:48px;
  }
  .mfg-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:18px 28px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
    background:var(--ivory);color:var(--green-900);transition:all .2s;
  }
  .btn:hover{background:var(--beige-100);transform:translateY(-1px)}
  .btn svg{width:14px;height:14px}
  .btn-text{
    display:inline-flex;align-items:center;gap:10px;
    padding:18px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
    color:var(--ivory);border-bottom:1px solid var(--beige-200);
  }
  .btn-text:hover{color:var(--beige-300)}
  .mfg-hero-right{
    position:relative;min-height:680px;
    background-color:var(--beige-bg);
    background-image:url('//ueeshop.ly200-cdn.com/u_file/UPBJ/UPBJ284/2608/22/photo/oem-card.jpg');
    background-size:cover;background-position:center;
  }
  .mfg-hero-card{
    position:absolute;right:40px;bottom:40px;left:auto;
    background:var(--ivory);color:var(--green-900);
    padding:28px 32px;max-width:340px;
    border-left:3px solid var(--green-700);
  }
  .mfg-hero-card .lab{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-weight:600}
  .mfg-hero-card h3{font-family:var(--serif);font-size:26px;line-height:1.2;font-weight:500}

  /* ========== 02 Outputs Bar (4 columns) ========== */
  .outputs{background:var(--beige-bg);padding:80px 24px}
  .outputs-grid{
    max-width:var(--maxw);margin:0 auto;
    display:grid;grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
  }
  .output{padding:48px 32px 56px;border-right:1px solid var(--line)}
  .output:last-child{border-right:0}
  .output-top{display:flex;align-items:center;gap:18px;margin-bottom:60px}
  .output-num{
    font-family:var(--serif);font-size:18px;color:var(--ink-soft);font-weight:500;letter-spacing:.04em;
  }
  .output-tag{
    font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;
  }
  .output h3{
    font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.1;color:var(--green-900);
    margin-bottom:18px;letter-spacing:-.01em;
  }
  .output p{font-size:14px;line-height:1.7;color:var(--ink-soft)}

  /* ========== 03 More than equipment (Factory Capability) ========== */
  .capability{background:var(--ivory)}
  .cap-grid{
    display:grid;grid-template-columns:auto 1fr 1fr;gap:60px;align-items:start;
  }
  .cap-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--green-900);font-weight:600;
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  }
  .cap-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .cap-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);
    font-weight:600;margin-bottom:24px;
  }
  .cap h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(40px,4.4vw,68px);line-height:1.05;letter-spacing:-.01em;color:var(--green-900);
  }
  .cap-right > p{font-size:16px;line-height:1.75;color:var(--ink-soft);max-width:520px;margin-bottom:24px}

  /* ========== 04 Capacity in Practice (Dark 2x2) ========== */
  .practice{background:var(--green-900);color:var(--beige-100)}
  .pr-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
  .pr-left{padding-right:32px}
  .pr-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--beige-200);
    font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px;
  }
  .pr-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .pr-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--beige-200);
    font-weight:600;margin-bottom:24px;
  }
  .pr h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(40px,4.4vw,68px);line-height:1.05;letter-spacing:-.01em;color:var(--ivory);
  }
  .pr-grid-2x2{
    display:grid;grid-template-columns:1fr 1fr;
    border:1px solid rgba(243,234,217,.18);
  }
  .pr-tile{padding:36px 32px;border-right:1px solid rgba(243,234,217,.18);border-bottom:1px solid rgba(243,234,217,.18)}
  .pr-tile:nth-child(2n){border-right:0}
  .pr-tile:nth-last-child(-n+2){border-bottom:0}
  .pr-num{
    font-family:var(--serif);font-size:13px;color:var(--beige-300);font-weight:500;
    margin-bottom:40px;
  }
  .pr-tile h5{
    font-family:var(--serif);font-weight:500;font-size:24px;line-height:1.2;color:var(--ivory);
    margin-bottom:14px;letter-spacing:-.01em;
  }
  .pr-tile p{font-size:13px;line-height:1.7;color:var(--beige-200)}

  /* ========== 05 Production Floor (Dark list) ========== */
  .floor{background:var(--green-900);color:var(--beige-100);padding-top:0}
  .floor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
  .floor-left{padding:120px 80px;padding-left:0}
  .fl-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--beige-200);
    font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:80px;
  }
  .fl-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .fl-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--beige-200);
    font-weight:600;margin-bottom:24px;
  }
  .floor h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(40px,4.4vw,68px);line-height:1.05;letter-spacing:-.01em;color:var(--ivory);
    margin-bottom:32px;
  }
  .floor-desc{font-size:16px;line-height:1.75;color:var(--beige-200);max-width:520px}
  .floor-list{padding:120px 80px}
  .fl-item{
    display:grid;grid-template-columns:48px 1fr;gap:28px;
    padding:32px 0;border-bottom:1px solid rgba(243,234,217,.18);
    align-items:start;
  }
  .fl-item:first-child{padding-top:0}
  .fl-item:last-child{border-bottom:0;padding-bottom:0}
  .fl-num{font-family:var(--serif);font-size:13px;color:var(--beige-300);font-weight:500;padding-top:6px}
  .fl-item h5{
    font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2;color:var(--ivory);
    margin-bottom:10px;letter-spacing:-.01em;
  }
  .fl-item p{font-size:14px;line-height:1.7;color:var(--beige-200)}

  /* ========== 06 Production Scale (Light 4 columns) ========== */
  .scale{background:var(--cream)}
  .sc-grid{
    display:grid;grid-template-columns:0.9fr 1fr 1fr 1fr;gap:0;align-items:start;
    border-top:1px solid var(--line);
  }
  .sc-left{
    padding:60px 32px;
    background:var(--cream);
  }
  .sc-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--green-900);
    font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px;
  }
  .sc-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .sc-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--green-800);
    font-weight:600;margin-bottom:24px;line-height:1.6;
  }
  .sc h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(40px,4.4vw,68px);line-height:1.05;letter-spacing:-.01em;color:var(--green-900);
    padding-top:40px;
  }
  .sc-tile{
    padding:60px 32px;
    border-right:1px solid var(--line);
  }
  .sc-tile:last-child{border-right:0}
  .sc-tile h3{
    font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.1;color:var(--green-900);
    margin-bottom:18px;letter-spacing:-.01em;
  }
  .sc-tile p{font-size:14px;line-height:1.7;color:var(--ink-soft)}

  /* ========== 07 Quality Control (Dark split with image) ========== */
  .qcontrol{background:var(--green-900);color:var(--beige-100)}
  .qc-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:0;align-items:stretch}
  .qc-left{
    position:relative;min-height:680px;
    background-color:var(--beige-bg);
    background-image:url('//ueeshop.ly200-cdn.com/u_file/UPBJ/UPBJ284/2608/22/photo/oem-card.jpg');
    background-size:cover;background-position:center;
  }
  .qc-left-card{
    position:absolute;left:40px;bottom:40px;
    background:var(--ivory);color:var(--green-900);
    padding:24px 28px;max-width:340px;
    border-left:3px solid var(--green-700);
  }
  .qc-left-card .lab{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-weight:600}
  .qc-left-card h4{font-family:var(--serif);font-size:22px;line-height:1.2;font-weight:600}
  .qc-right{padding:120px 80px}
  .qc-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--beige-200);
    font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px;
  }
  .qc-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .qc-eyebrow-sub{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--beige-200);
    font-weight:600;margin-bottom:24px;
  }
  .qc h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(38px,4.2vw,62px);line-height:1.05;letter-spacing:-.01em;color:var(--ivory);
    margin-bottom:24px;
  }
  .qc-desc{font-size:16px;line-height:1.75;color:var(--beige-200);max-width:520px;margin-bottom:48px}
  .qc-list{border-top:1px solid rgba(243,234,217,.18)}
  .qc-item{
    display:grid;grid-template-columns:200px 1fr;gap:32px;
    padding:24px 0;border-bottom:1px solid rgba(243,234,217,.18);
  }
  .qc-item h5{font-family:var(--serif);font-size:22px;line-height:1.2;color:var(--ivory);font-weight:500}
  .qc-item p{font-size:14px;line-height:1.7;color:var(--beige-200)}

  /* ========== 08 Delivery Capability (4 columns) ========== */
  .delivery{background:var(--ivory)}
  .del-grid{
    display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;align-items:start;
    border-top:1px solid var(--line);
  }
  .del-left{padding:60px 32px;border-right:1px solid var(--line);background:var(--ivory)}
  .del-eyebrow-num{
    display:flex;align-items:center;gap:14px;color:var(--green-900);
    font-weight:600;font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:24px;
  }
  .del-eyebrow-num .dot{
    width:30px;height:30px;border-radius:50%;border:1.5px solid currentColor;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:13px;
  }
  .del-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--green-800);
    font-weight:600;margin-bottom:24px;line-height:1.6;
  }
  .del h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(38px,4.2vw,60px);line-height:1.05;letter-spacing:-.01em;color:var(--green-900);
    padding-top:60px;
  }
  .del-tile{
    padding:60px 32px;
    border-right:1px solid var(--line);
  }
  .del-tile:last-child{border-right:0}
  .del-tile h3{
    font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.1;color:var(--green-900);
    margin-bottom:18px;letter-spacing:-.01em;padding-top:60px;
  }
  .del-tile p{font-size:14px;line-height:1.7;color:var(--ink-soft)}

  /* ========== 09 CTA Bar ========== */
  .cta-bar{
    background:var(--green-900);color:var(--beige-100);
    padding:80px 24px;
  }
  .cta-inner{
    max-width:var(--maxw);margin:0 auto;
    display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start;
  }
  .cta-eyebrow{
    font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--beige-200);font-weight:600;margin-bottom:24px;
  }
  .cta h2{
    font-family:var(--serif);font-weight:500;
    font-size:clamp(36px,3.8vw,56px);line-height:1.08;letter-spacing:-.01em;color:var(--ivory);
    max-width:900px;
  }
  .cta-btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:18px 28px;
    background:var(--ivory);color:var(--green-900);
    font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
    border-bottom:3px solid var(--beige-300);
    align-self:start;
  }
  .cta-btn svg{width:14px;height:14px}
  .cta-btn:hover{background:var(--beige-100)}

  /* ========== Responsive ========== */
  @media (max-width:1024px){
    .mfg-hero-grid,.qc-grid,.floor-grid,.sc-grid,.del-grid,.cap-grid,.pr-grid,.outputs-grid{grid-template-columns:1fr}
    .mfg-hero-left,.floor-left,.floor-list,.qc-right{padding:80px 48px;padding-left:48px}
    .mfg-hero-right,.qc-left{min-height:420px}
    .outputs-grid{grid-template-columns:1fr 1fr}
    .outputs-grid .output:nth-child(2){border-right:0}
    .outputs-grid .output:nth-child(1),.outputs-grid .output:nth-child(2){border-bottom:1px solid var(--line)}
    .pr-grid-2x2{grid-template-columns:1fr}
    .pr-tile{border-right:0}
    .sc-left,.sc-tile,.del-left,.del-tile{padding:48px 32px}
    .sc-left{border-right:0;border-bottom:1px solid var(--line)}
    .del-left{border-right:0;border-bottom:1px solid var(--line)}
    .sc-tile,.del-tile{border-right:0;border-bottom:1px solid var(--line)}
    .sc-tile:last-child,.del-tile:last-child{border-bottom:0}
    .cta-inner{grid-template-columns:1fr}
  }
  @media (max-width:640px){
    section{padding:80px 18px}
    .outputs{padding:48px 18px}
    .mfg-hero-left,.floor-left,.floor-list,.qc-right{padding:64px 20px}
    .mfg-hero-right,.qc-left{min-height:340px}
    .outputs-grid{grid-template-columns:1fr}
    .outputs-grid .output{border-right:0;border-bottom:1px solid var(--line);padding:32px 24px}
    .outputs-grid .output:last-child{border-bottom:0}
  }