{"id":3053,"date":"2025-12-19T02:20:50","date_gmt":"2025-12-19T02:20:50","guid":{"rendered":"https:\/\/le-creator.com\/?page_id=3053"},"modified":"2025-12-30T05:02:27","modified_gmt":"2025-12-30T05:02:27","slug":"cnc-milling","status":"publish","type":"page","link":"https:\/\/le-creator.com\/fr\/cnc-machining-service\/cnc-milling\/","title":{"rendered":"Service de fraisage CNC"},"content":{"rendered":"\n<div class=\"wp-block-greenshift-blocks-row alignfull gspb_row gspb_row-id-gsbp-7edf5ee gspb_row--gutter-custom-0\" id=\"gspb_row-id-gsbp-7edf5ee\"><div class=\"gspb_row__content\"> \n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_col-id-gsbp-6a341d5\" id=\"gspb_col-id-gsbp-6a341d5\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-daab217\" id=\"cnc-milling-service\" data-block-id=\"daab217\"><style>.stk-daab217 .stk-block-heading__text{font-size:28px !important;color:var(--theme-palette-color-1, #FD5320) !important;}@media screen and (max-width:999px){.stk-daab217 .stk-block-heading__text{font-size:28px !important;}}<\/style><h1 class=\"stk-block-heading__text has-text-color\">CNC Milling Service<\/h1><\/div>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-d37f723\" class=\"gspb_heading gspb_heading-id-gsbp-d37f723 \">Precision CNC Milling Service for Your Most Demanding Parts<\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-5c0e1d9\" class=\"gspb_text gspb_text-id-gsbp-5c0e1d9 \">From rapid prototypes to high-volume production. Enjoy industry-leading tolerances of \u00b10.01mm, 50+ materials, and delivery timelines as short as 3 days. Trusted by aerospace, medical, and automotive leaders worldwide.<\/div>\n\n\n\n<div class=\"gspb_button_wrapper gspb_button-id-gsbp-8f08266\" id=\"gspb_button-id-gsbp-8f08266\"><a class=\"wp-block-greenshift-blocks-buttonbox gspb-buttonbox wp-element-button\" href=\"#ct-popup-1801\" rel=\"noopener\"><span class=\"gspb-buttonbox-textwrap\"><span class=\"gspb-buttonbox-text\"><span class=\"gspb-buttonbox-title\">CNC Milling Service Quote<\/span><\/span><span class=\"gspb-buttonbox-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:5rem;height:5rem;margin:10px\" viewBox=\"0 0 40 40\">\n  <path d=\"M20 0C8.954 0 0 8.954 0 20s8.954 20 20 20 20-8.954 20-20S31.046 0 20 0Zm8.65 19.999V20.017a.65.65 0 0 1-.055.246c-.002.002-.001.002-.001.003h-.001v.002a.662.662 0 0 1-.128.187l-.002.001-6.857 7a.646.646 0 0 1-.919.008.65.65 0 0 1-.009-.92l5.775-5.894H12a.65.65 0 0 1 0-1.3h14.453l-5.775-5.895a.65.65 0 0 1 .928-.91l6.857 6.999.002.001c.055.056.097.12.128.187v.002l.002.002.007.016a.65.65 0 0 1 .047.231l.001.014v.002Z\"><\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-row-column gspb_row__col--6 gspb_row__col--md-12 gspb_col-id-gsbp-5e445d6\" id=\"gspb_col-id-gsbp-5e445d6\"><\/div>\n <\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-5372246\" data-block-id=\"5372246\"><style>.stk-5372246 {padding-top:var(--stk--preset--spacing--40, 1rem) !important;padding-right:var(--stk--preset--spacing--40, 1rem) !important;padding-bottom:var(--stk--preset--spacing--40, 1rem) !important;padding-left:var(--stk--preset--spacing--40, 1rem) !important;margin-top:var(--stk--preset--spacing--30, 0.67rem) !important;margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-5372246-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5ae2361\" data-v=\"4\" data-block-id=\"5ae2361\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5ae2361-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5ae2361-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-28afa27\" data-block-id=\"28afa27\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-28afa27-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c6ece6d\" data-v=\"4\" data-block-id=\"c6ece6d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c6ece6d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c6ece6d-inner-blocks\">\n<section id=\"cnc-milling-services-module-2024\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n    \/* === RESET & BASE SCOPED TO MODULE === *\/\n    #cnc-milling-services-module-2024 *,\n    #cnc-milling-services-module-2024 *::before,\n    #cnc-milling-services-module-2024 *::after {\n      box-sizing: border-box !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #cnc-milling-services-module-2024 {\n      width: 100% !important;\n      max-width: 100% !important;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n      background: linear-gradient(180deg, #f8f9fc 0%, #eef1f5 50%, #e8ecf1 100%) !important;\n      padding: 50px 24px !important;\n      color: #1a1a2e !important;\n      line-height: 1.6 !important;\n      overflow: hidden !important;\n      position: relative !important;\n    }\n\n    \/* === INDUSTRIAL GRID PATTERN BACKGROUND === *\/\n    #cnc-milling-services-module-2024::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      background-image: \n        linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px) !important;\n      background-size: 40px 40px !important;\n      pointer-events: none !important;\n    }\n\n    \/* === DECORATIVE GEOMETRIC ELEMENTS === *\/\n    #cnc-milling-services-module-2024::after {\n      content: '' !important;\n      position: absolute !important;\n      top: 60px !important;\n      right: 5% !important;\n      width: 300px !important;\n      height: 300px !important;\n      border: 1px solid rgba(255, 96, 24, 0.1) !important;\n      border-radius: 50% !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-geo-element {\n      position: absolute !important;\n      pointer-events: none !important;\n      opacity: 0.4 !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-geo-element-1 {\n      top: 15% !important;\n      left: 3% !important;\n      width: 80px !important;\n      height: 80px !important;\n      border: 2px solid rgba(255, 96, 24, 0.15) !important;\n      transform: rotate(45deg) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-geo-element-2 {\n      bottom: 20% !important;\n      right: 8% !important;\n      width: 120px !important;\n      height: 120px !important;\n      border: 2px solid rgba(255, 96, 24, 0.12) !important;\n      border-radius: 50% !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-geo-element-3 {\n      bottom: 10% !important;\n      left: 5% !important;\n      width: 60px !important;\n      height: 60px !important;\n      background: linear-gradient(135deg, rgba(255, 96, 24, 0.08) 0%, transparent 100%) !important;\n    }\n\n    \/* === CONTAINER === *\/\n    #cnc-milling-services-module-2024 .cnc-container {\n      max-width: 1400px !important;\n      margin: 0 auto !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    \/* === HEADER SECTION === *\/\n    #cnc-milling-services-module-2024 .cnc-header {\n      text-align: center !important;\n      margin-bottom: 72px !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-badge {\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 10px !important;\n      background: #ffffff !important;\n      border: 1px solid rgba(255, 96, 24, 0.25) !important;\n      padding: 10px 24px !important;\n      border-radius: 4px !important;\n      margin-bottom: 28px !important;\n      font-size: 12px !important;\n      font-weight: 700 !important;\n      color: #FF6018 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 2.5px !important;\n      box-shadow: 0 2px 8px rgba(255, 96, 24, 0.08) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-badge-line {\n      width: 24px !important;\n      height: 2px !important;\n      background: #FF6018 !important;\n    }\n\n    \/* === H2 MAIN TITLE - RESET THEME STYLES === *\/\n    #cnc-milling-services-module-2024 h2.cnc-main-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: clamp(38px, 5vw, 58px) !important;\n      font-weight: 700 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 20px !important;\n      letter-spacing: -1.5px !important;\n      line-height: 1.1 !important;\n    }\n\n    #cnc-milling-services-module-2024 h2.cnc-main-title .cnc-title-accent {\n      color: #FF6018 !important;\n      position: relative !important;\n    }\n\n    #cnc-milling-services-module-2024 h2.cnc-main-title .cnc-title-accent::after {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 4px !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 4px !important;\n      background: rgba(255, 96, 24, 0.2) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-subtitle {\n      font-family: 'Inter', sans-serif !important;\n      font-size: clamp(16px, 1.8vw, 19px) !important;\n      color: #5a6275 !important;\n      max-width: 780px !important;\n      margin: 0 auto !important;\n      line-height: 1.75 !important;\n      font-weight: 400 !important;\n    }\n\n    \/* === SERVICES GRID === *\/\n    #cnc-milling-services-module-2024 .cnc-services-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 28px !important;\n    }\n\n    \/* === SERVICE CARD === *\/\n    #cnc-milling-services-module-2024 .cnc-service-card {\n      background: #ffffff !important;\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\n      border-radius: 3px !important;\n      padding: 36px 32px !important;\n      position: relative !important;\n      overflow: hidden !important;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 4px !important;\n      height: 100% !important;\n      background: linear-gradient(180deg, #FF6018 0%, #ff8a50 100%) !important;\n      transform: scaleY(0) !important;\n      transform-origin: top !important;\n      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card::after {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 0 !important;\n      right: 0 !important;\n      width: 100px !important;\n      height: 100px !important;\n      background: linear-gradient(135deg, transparent 50%, rgba(255, 96, 24, 0.02) 100%) !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover {\n      transform: translateY(-6px) !important;\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 96, 24, 0.1) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover::before {\n      transform: scaleY(1) !important;\n    }\n\n    \/* === CARD ICON === *\/\n    #cnc-milling-services-module-2024 .cnc-card-icon-wrap {\n      width: 64px !important;\n      height: 64px !important;\n      background: linear-gradient(135deg, #fef4ef 0%, #fff8f5 100%) !important;\n      border-radius: 3px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      margin-bottom: 24px !important;\n      border: 1px solid rgba(255, 96, 24, 0.12) !important;\n      transition: all 0.4s ease !important;\n      position: relative !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-card-icon-wrap::after {\n      content: '' !important;\n      position: absolute !important;\n      top: -4px !important;\n      right: -4px !important;\n      width: 8px !important;\n      height: 8px !important;\n      background: #FF6018 !important;\n      border-radius: 50% !important;\n      opacity: 0 !important;\n      transition: opacity 0.3s ease !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon-wrap {\n      background: linear-gradient(135deg, #FF6018 0%, #ff7a30 100%) !important;\n      border-color: transparent !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon-wrap::after {\n      opacity: 1 !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-card-icon {\n      width: 32px !important;\n      height: 32px !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-card-icon path,\n    #cnc-milling-services-module-2024 .cnc-card-icon line,\n    #cnc-milling-services-module-2024 .cnc-card-icon circle,\n    #cnc-milling-services-module-2024 .cnc-card-icon rect,\n    #cnc-milling-services-module-2024 .cnc-card-icon polygon,\n    #cnc-milling-services-module-2024 .cnc-card-icon polyline {\n      stroke: #FF6018 !important;\n      fill: none !important;\n      stroke-width: 1.5 !important;\n      stroke-linecap: round !important;\n      stroke-linejoin: round !important;\n      transition: stroke 0.3s ease !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-card-icon .cnc-icon-fill {\n      fill: rgba(255, 96, 24, 0.15) !important;\n      stroke: none !important;\n      transition: fill 0.3s ease !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon path,\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon line,\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon circle,\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon rect,\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon polygon,\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon polyline {\n      stroke: #ffffff !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card:hover .cnc-card-icon .cnc-icon-fill {\n      fill: rgba(255, 255, 255, 0.25) !important;\n    }\n\n    \/* === H3 CARD TITLE - RESET THEME STYLES === *\/\n    #cnc-milling-services-module-2024 h3.cnc-card-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: 21px !important;\n      font-weight: 600 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 14px !important;\n      line-height: 1.3 !important;\n      letter-spacing: -0.3px !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-card-desc {\n      font-family: 'Inter', sans-serif !important;\n      font-size: 14.5px !important;\n      color: #6b7280 !important;\n      line-height: 1.7 !important;\n      margin-bottom: 28px !important;\n      font-weight: 400 !important;\n    }\n\n    \/* === FEATURES LIST === *\/\n    #cnc-milling-services-module-2024 .cnc-features-list {\n      list-style: none !important;\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 14px !important;\n      padding-top: 20px !important;\n      border-top: 1px solid rgba(0, 0, 0, 0.06) !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-feature-item {\n      display: flex !important;\n      align-items: center !important;\n      gap: 14px !important;\n      font-family: 'Inter', sans-serif !important;\n      font-size: 13.5px !important;\n      color: #374151 !important;\n      font-weight: 500 !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-check-icon {\n      width: 20px !important;\n      height: 20px !important;\n      min-width: 20px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n    }\n\n    #cnc-milling-services-module-2024 .cnc-check-svg {\n      width: 18px !important;\n      height: 18px !important;\n      fill: none !important;\n      stroke: #FF6018 !important;\n      stroke-width: 2 !important;\n      stroke-linecap: round !important;\n      stroke-linejoin: round !important;\n    }\n\n    \/* === RESPONSIVE DESIGN === *\/\n    @media screen and (max-width: 1100px) {\n      #cnc-milling-services-module-2024 .cnc-services-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n    }\n\n    @media screen and (max-width:690px) {\n      #cnc-milling-services-module-2024 {\n        padding: 70px 20px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-header {\n        margin-bottom: 56px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-services-grid {\n        grid-template-columns: 1fr !important;\n        gap: 20px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-service-card {\n        padding: 30px 26px !important;\n      }\n\n      #cnc-milling-services-module-2024 h3.cnc-card-title {\n        font-size: 19px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-geo-element {\n        display: none !important;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      #cnc-milling-services-module-2024 {\n        padding: 56px 16px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-badge {\n        font-size: 11px !important;\n        padding: 8px 18px !important;\n        letter-spacing: 2px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-service-card {\n        padding: 26px 22px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-card-icon-wrap {\n        width: 56px !important;\n        height: 56px !important;\n      }\n\n      #cnc-milling-services-module-2024 .cnc-card-icon {\n        width: 28px !important;\n        height: 28px !important;\n      }\n    }\n\n    \/* === ANIMATION ON SCROLL === *\/\n    #cnc-milling-services-module-2024 .cnc-service-card {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n\n    #cnc-milling-services-module-2024 .cnc-service-card.cnc-visible {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n      transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n  <\/style>\n\n  <div class=\"cnc-geo-element cnc-geo-element-1\"><\/div>\n  <div class=\"cnc-geo-element cnc-geo-element-2\"><\/div>\n  <div class=\"cnc-geo-element cnc-geo-element-3\"><\/div>\n\n  <div class=\"cnc-container\">\n    <div class=\"cnc-header\">\n      <div class=\"cnc-badge\">CNC Milling Services<\/div>\n      <h2 class=\"cnc-main-title\">Full <span class=\"cnc-title-accent\">CNC Milling Service<\/span> Solutions<\/h2>\n      <div class=\"cnc-subtitle\">From 3-axis milling for simple designs to 5-axis simultaneous milling for complex parts, we produce parts with good tolerance that meet your exact specifications.<\/div>\n    <\/div>\n\n    <div class=\"cnc-services-grid\">\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <circle class=\"cnc-icon-fill\" cx=\"12\" cy=\"12\" r=\"10\" \/>\n            <path d=\"M12 3V21\" \/>\n            <path d=\"M3 12H21\" \/>\n            <path d=\"M16 16L8 8\" \/>\n            <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">3-Axis CNC Milling<\/h3>\n        <div class=\"cnc-card-desc\">This is a cost-effective process for machining parts with features accessible from only one direction. Common parts using this process include brackets, plates and housings.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Best option for flat geometries\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Selects fastest turnaround time\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            This option is reasonably cheap\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <path class=\"cnc-icon-fill\" d=\"M12 2L2 7L12 12L22 7L12 2Z\" \/>\n             <path d=\"M12 22V12\" \/>\n             <path d=\"M22 7L12 12L2 7\" \/>\n             <path d=\"M2 17L12 22L22 17\" \/>\n             <path d=\"M2 7V17\" \/>\n             <path d=\"M22 7V17\" \/>\n             <path d=\"M7 5C7 5 5 9 8 11\" stroke-dasharray=\"2 2\" \/>\n             <path d=\"M17 5C17 5 19 9 16 11\" stroke-dasharray=\"2 2\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">5-Axis Milling<\/h3>\n        <div class=\"cnc-card-desc\">Multi-axis simultaneous 5-axis machining for advanced complex parts with multiple geometries found in aerospace and medical devices.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Complex undercuts and contours\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            One setup for accuracy\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Lead times shortened\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <circle class=\"cnc-icon-fill\" cx=\"12\" cy=\"12\" r=\"9\" \/>\n             <path d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">Rapid Prototyping<\/h3>\n        <div class=\"cnc-card-desc\">Get functional prototypes in as little as 3 days. Assess designs quickly with production-grade materials and finishes.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            3-day express available\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Free DFM feedback\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            No minimum order\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <rect class=\"cnc-icon-fill\" x=\"2\" y=\"12\" width=\"8\" height=\"8\" \/>\n             <path d=\"M2 22H22\" \/>\n             <path d=\"M18 10H10V22H18V10Z\" \/>\n             <path d=\"M6 14H2V22H6V14Z\" \/>\n             <path d=\"M22 6H14V22H22V6Z\" \/>\n             <path d=\"M18 6V4H14V6\" \/>\n             <path d=\"M14 14H22\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">Production Machining<\/h3>\n        <div class=\"cnc-card-desc\">Move ahead from prototyping to full production with reliable and consistent quality. Scale advantages, as well as reserved capacity, are going hand in hand.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            10-100,000+ parts\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Volume discount\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Kanban inventory option\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <circle class=\"cnc-icon-fill\" cx=\"12\" cy=\"12\" r=\"3\" \/>\n             <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\n             <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\" \/>\n             <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">Precision Machining<\/h3>\n        <div class=\"cnc-card-desc\">Ultra-precision tight tolerances for aerospace, defense, and medical devices in mission-critical applications down to \u00b10.005mm.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Tolerances down \u00b10.005mm\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            CMM inspection included\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Documentation incorporates full traceability\n          <\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"cnc-service-card\">\n        <div class=\"cnc-card-icon-wrap\">\n          <svg class=\"cnc-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <path class=\"cnc-icon-fill\" d=\"M12 2L15 8L21 9L17 14L18 20L12 17L6 20L7 14L3 9L9 8L12 2Z\" opacity=\"0.5\"\/>\n             <path d=\"M22 12H18\" \/>\n             <path d=\"M18 12L15 8\" \/>\n             <path d=\"M18 12L15 16\" \/>\n             <path d=\"M15 8L10 8\" \/>\n             <path d=\"M15 16L10 16\" \/>\n             <path d=\"M10 8L8 10L6 8\" \/>\n             <path d=\"M10 16L8 14L6 16\" \/>\n             <path d=\"M6 8V16\" \/>\n             <path d=\"M2 10V14\" \/>\n          <\/svg>\n        <\/div>\n        <h3 class=\"cnc-card-title\">Surface Finishing<\/h3>\n        <div class=\"cnc-card-desc\">Professionally finish your parts with fine, clear coatings like anodizing, powder coating, plating, etc.<\/div>\n        <ul class=\"cnc-features-list\">\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Type II\/III anodize\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Powder-coat\n          <\/li>\n          <li class=\"cnc-feature-item\">\n            <div class=\"cnc-check-icon\"><svg class=\"cnc-check-svg\" viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg><\/div>\n            Electroless nickel plate\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      \/\/ Scoped scroll animation for CNC module\n      var cncModule = document.getElementById('cnc-milling-services-module-2024');\n      if (!cncModule) return;\n\n      var cards = cncModule.querySelectorAll('.cnc-service-card');\n      \n      var observerOptions = {\n        root: null,\n        rootMargin: '0px 0px -60px 0px',\n        threshold: 0.15\n      };\n\n      var handleIntersect = function(entries, observer) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            var card = entry.target;\n            var cardIndex = Array.prototype.indexOf.call(cards, card);\n            setTimeout(function() {\n              card.classList.add('cnc-visible');\n            }, cardIndex * 80);\n            observer.unobserve(card);\n          }\n        });\n      };\n\n      if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(handleIntersect, observerOptions);\n        cards.forEach(function(card) {\n          observer.observe(card);\n        });\n      } else {\n        \/\/ Fallback: make cards visible immediately\n        cards.forEach(function(card) {\n          card.classList.add('cnc-visible');\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b50b682\" data-block-id=\"b50b682\"><style>.stk-b50b682 {margin-top:var(--stk--preset--spacing--none, 0px) !important;margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b50b682-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e1dd604\" data-v=\"4\" data-block-id=\"e1dd604\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e1dd604-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-e1dd604-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-85658d9\" id=\"heading-placeholder\" data-block-id=\"85658d9\"><h2 class=\"stk-block-heading__text\">Gallery of Custom CNC Milling Services Parts<\/h2><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-49462bd\" data-block-id=\"49462bd\"><p class=\"stk-block-text__text\">View our gallery of high-quality, custom CNC milled parts. See examples of our precise and reliable CNC milling services for various industries.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-0978d58\" data-block-id=\"0978d58\"><style>.stk-0978d58-column{flex-wrap:wrap !important;--stk-flex-grow:0 !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0978d58-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-710eb75\" data-v=\"4\" data-block-id=\"710eb75\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-710eb75-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-710eb75-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-33085c6\" data-block-id=\"33085c6\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-3188\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-30.png\" width=\"600\" height=\"600\" alt=\"Custom CNC machined aluminum 6061 electronic enclosure with clear iridite finish.\" srcset=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-30.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-30-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-30-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-68b3f26\" data-v=\"4\" data-block-id=\"68b3f26\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-68b3f26-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-68b3f26-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-e97724c\" data-block-id=\"e97724c\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-3192\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-31.png\" width=\"600\" height=\"600\" alt=\"CNC machined aluminum heat sink with thin fins for thermal management.\" srcset=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-31.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-31-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-31-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f876c74\" data-v=\"4\" data-block-id=\"f876c74\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f876c74-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f876c74-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-621b1a6\" data-block-id=\"621b1a6\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-3203\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-32.png\" width=\"600\" height=\"600\" alt=\"Complex 5-axis machined aluminum 7075 aerospace component with curved geometry.\" srcset=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-32.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-32-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-32-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9a59522\" data-v=\"4\" data-block-id=\"9a59522\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9a59522-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9a59522-inner-blocks\">\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-aa3295d\" data-block-id=\"aa3295d\"><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-3208\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-33.png\" width=\"600\" height=\"600\" alt=\"Assorted custom CNC aluminum parts with Type II color anodizing finishes\" srcset=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-33.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-33-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-33-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/span><\/figure><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-b4d2ac7\" data-block-id=\"b4d2ac7\"><style>.stk-b4d2ac7 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b4d2ac7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-709b8c8\" data-v=\"4\" data-block-id=\"709b8c8\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-709b8c8-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-709b8c8-inner-blocks\">\n<section id=\"cnc-materials-module-2024\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');\n\n    \/* === RESET & BASE SCOPED TO MODULE === *\/\n    #cnc-materials-module-2024 *,\n    #cnc-materials-module-2024 *::before,\n    #cnc-materials-module-2024 *::after {\n      box-sizing: border-box !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #cnc-materials-module-2024 {\n      width: 100% !important;\n      max-width: 100% !important;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n      background: linear-gradient(165deg, #f5f7fa 0%, #e8ecf2 50%, #e1e6ed 100%) !important;\n      padding: 50px 24px !important;\n      color: #1a1a2e !important;\n      line-height: 1.6 !important;\n      overflow: hidden !important;\n      position: relative !important;\n    }\n\n    \/* === INDUSTRIAL BLUEPRINT GRID PATTERN === *\/\n    #cnc-materials-module-2024::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      background-image: \n        linear-gradient(rgba(0, 0, 0, 0.018) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 0, 0, 0.018) 1px, transparent 1px),\n        linear-gradient(rgba(0, 0, 0, 0.012) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 0, 0, 0.012) 1px, transparent 1px) !important;\n      background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px !important;\n      pointer-events: none !important;\n    }\n\n    \/* === DECORATIVE INDUSTRIAL ELEMENTS === *\/\n    #cnc-materials-module-2024 .mat-deco-circle {\n      position: absolute !important;\n      border-radius: 50% !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-circle-1 {\n      top: 8% !important;\n      right: 6% !important;\n      width: 200px !important;\n      height: 200px !important;\n      border: 1px dashed rgba(255, 96, 24, 0.15) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-circle-2 {\n      bottom: 12% !important;\n      left: 4% !important;\n      width: 150px !important;\n      height: 150px !important;\n      border: 1px solid rgba(255, 96, 24, 0.1) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-hex {\n      position: absolute !important;\n      top: 20% !important;\n      left: 8% !important;\n      width: 60px !important;\n      height: 52px !important;\n      background: rgba(255, 96, 24, 0.04) !important;\n      clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%) !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-line {\n      position: absolute !important;\n      background: linear-gradient(90deg, transparent, rgba(255, 96, 24, 0.1), transparent) !important;\n      height: 1px !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-line-1 {\n      top: 35% !important;\n      left: 0 !important;\n      width: 15% !important;\n    }\n\n    #cnc-materials-module-2024 .mat-deco-line-2 {\n      bottom: 40% !important;\n      right: 0 !important;\n      width: 12% !important;\n    }\n\n    \/* === CONTAINER === *\/\n    #cnc-materials-module-2024 .mat-container {\n      max-width: 1400px !important;\n      margin: 0 auto !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    \/* === HEADER SECTION === *\/\n    #cnc-materials-module-2024 .mat-header {\n      text-align: center !important;\n      margin-bottom: 56px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-badge {\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 12px !important;\n      background: #ffffff !important;\n      border: 1px solid rgba(255, 96, 24, 0.2) !important;\n      padding: 10px 26px !important;\n      border-radius: 2px !important;\n      margin-bottom: 28px !important;\n      font-size: 11px !important;\n      font-weight: 700 !important;\n      color: #FF6018 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 3px !important;\n      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-badge-icon {\n      width: 18px !important;\n      height: 18px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-badge-icon path {\n      fill: #FF6018 !important;\n    }\n\n    \/* === H2 MAIN TITLE === *\/\n    #cnc-materials-module-2024 h2.mat-main-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: clamp(36px, 4.8vw, 54px) !important;\n      font-weight: 700 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 20px !important;\n      letter-spacing: -1.5px !important;\n      line-height: 1.15 !important;\n    }\n\n    #cnc-materials-module-2024 h2.mat-main-title .mat-title-accent {\n      color: #FF6018 !important;\n      position: relative !important;\n    }\n\n    #cnc-materials-module-2024 .mat-subtitle {\n      font-family: 'Inter', sans-serif !important;\n      font-size: clamp(15px, 1.6vw, 18px) !important;\n      color: #5a6275 !important;\n      max-width: 800px !important;\n      margin: 0 auto !important;\n      line-height: 1.8 !important;\n      font-weight: 400 !important;\n    }\n\n    \/* === CERTIFICATION CARDS === *\/\n    #cnc-materials-module-2024 .mat-cert-row {\n      display: grid !important;\n      grid-template-columns: repeat(2, 1fr) !important;\n      gap: 24px !important;\n      margin-bottom: 48px !important;\n      max-width: 900px !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-card {\n      background: #ffffff !important;\n      border: 1px solid rgba(0, 0, 0, 0.05) !important;\n      border-radius: 3px !important;\n      padding: 28px 32px !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 20px !important;\n      transition: all 0.3s ease !important;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-card:hover {\n      box-shadow: 0 8px 24px rgba(255, 96, 24, 0.08) !important;\n      border-color: rgba(255, 96, 24, 0.15) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-icon-wrap {\n      width: 52px !important;\n      height: 52px !important;\n      min-width: 52px !important;\n      background: linear-gradient(135deg, #fff6f2 0%, #fff9f6 100%) !important;\n      border-radius: 3px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      border: 1px solid rgba(255, 96, 24, 0.12) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-icon {\n      width: 26px !important;\n      height: 26px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-icon path,\n    #cnc-materials-module-2024 .mat-cert-icon circle,\n    #cnc-materials-module-2024 .mat-cert-icon rect,\n    #cnc-materials-module-2024 .mat-cert-icon line,\n    #cnc-materials-module-2024 .mat-cert-icon polyline {\n      stroke: #FF6018 !important;\n      fill: none !important;\n      stroke-width: 1.5 !important;\n      stroke-linecap: round !important;\n      stroke-linejoin: round !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-icon .mat-icon-fill {\n      fill: rgba(255, 96, 24, 0.12) !important;\n      stroke: none !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-content {\n      flex: 1 !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-title {\n      font-family: 'Space Grotesk', sans-serif !important;\n      font-size: 16px !important;\n      font-weight: 600 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 4px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-cert-desc {\n      font-family: 'Inter', sans-serif !important;\n      font-size: 13.5px !important;\n      color: #6b7280 !important;\n      line-height: 1.5 !important;\n    }\n\n    \/* === MATERIALS GRID === *\/\n    #cnc-materials-module-2024 .mat-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 24px !important;\n    }\n\n    \/* === MATERIAL CARD === *\/\n    #cnc-materials-module-2024 .mat-card {\n      background: #ffffff !important;\n      border: 1px solid rgba(0, 0, 0, 0.05) !important;\n      border-radius: 3px !important;\n      padding: 0 !important;\n      position: relative !important;\n      overflow: hidden !important;\n      transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card::before {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      height: 3px !important;\n      background: linear-gradient(90deg, #FF6018 0%, #ff8a50 100%) !important;\n      transform: scaleX(0) !important;\n      transform-origin: left !important;\n      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover {\n      transform: translateY(-6px) !important;\n      box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(255, 96, 24, 0.08) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover::before {\n      transform: scaleX(1) !important;\n    }\n\n    \/* === CARD HEADER === *\/\n    #cnc-materials-module-2024 .mat-card-header {\n      padding: 32px 28px 24px !important;\n      display: flex !important;\n      align-items: flex-start !important;\n      gap: 18px !important;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;\n      background: linear-gradient(180deg, #fafbfc 0%, #ffffff 100%) !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card-icon-wrap {\n      width: 56px !important;\n      height: 56px !important;\n      min-width: 56px !important;\n      background: linear-gradient(135deg, #fff4ef 0%, #fff8f5 100%) !important;\n      border-radius: 3px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      border: 1px solid rgba(255, 96, 24, 0.1) !important;\n      transition: all 0.4s ease !important;\n      position: relative !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card-icon-wrap::after {\n      content: '' !important;\n      position: absolute !important;\n      top: -3px !important;\n      right: -3px !important;\n      width: 8px !important;\n      height: 8px !important;\n      background: #FF6018 !important;\n      border-radius: 50% !important;\n      opacity: 0 !important;\n      transition: opacity 0.3s ease !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon-wrap {\n      background: linear-gradient(135deg, #FF6018 0%, #ff7a30 100%) !important;\n      border-color: transparent !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon-wrap::after {\n      opacity: 1 !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card-icon {\n      width: 30px !important;\n      height: 30px !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card-icon path,\n    #cnc-materials-module-2024 .mat-card-icon circle,\n    #cnc-materials-module-2024 .mat-card-icon rect,\n    #cnc-materials-module-2024 .mat-card-icon line,\n    #cnc-materials-module-2024 .mat-card-icon polygon,\n    #cnc-materials-module-2024 .mat-card-icon polyline,\n    #cnc-materials-module-2024 .mat-card-icon ellipse {\n      stroke: #FF6018 !important;\n      fill: none !important;\n      stroke-width: 1.5 !important;\n      stroke-linecap: round !important;\n      stroke-linejoin: round !important;\n      transition: stroke 0.3s ease !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card-icon .mat-icon-fill {\n      fill: rgba(255, 96, 24, 0.15) !important;\n      stroke: none !important;\n      transition: fill 0.3s ease !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon path,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon circle,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon rect,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon line,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon polygon,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon polyline,\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon ellipse {\n      stroke: #ffffff !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover .mat-card-icon .mat-icon-fill {\n      fill: rgba(255, 255, 255, 0.25) !important;\n    }\n\n    \/* === H3 CARD TITLE === *\/\n    #cnc-materials-module-2024 h3.mat-card-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: 20px !important;\n      font-weight: 600 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 0 !important;\n      line-height: 1.3 !important;\n      letter-spacing: -0.3px !important;\n    }\n\n    \/* === CARD BODY - GRADES === *\/\n    #cnc-materials-module-2024 .mat-card-body {\n      padding: 24px 28px 28px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-grades-label {\n      font-family: 'Inter', sans-serif !important;\n      font-size: 10px !important;\n      font-weight: 700 !important;\n      color: #9ca3af !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      margin-bottom: 12px !important;\n      display: block !important;\n    }\n\n    #cnc-materials-module-2024 .mat-grades-list {\n      display: flex !important;\n      flex-wrap: wrap !important;\n      gap: 8px !important;\n    }\n\n    #cnc-materials-module-2024 .mat-grade-tag {\n      font-family: 'Inter', sans-serif !important;\n      font-size: 13px !important;\n      font-weight: 500 !important;\n      color: #374151 !important;\n      background: #f3f4f6 !important;\n      padding: 6px 14px !important;\n      border-radius: 2px !important;\n      border: 1px solid rgba(0, 0, 0, 0.04) !important;\n      transition: all 0.25s ease !important;\n    }\n\n    #cnc-materials-module-2024 .mat-card:hover .mat-grade-tag {\n      background: #fff4ef !important;\n      border-color: rgba(255, 96, 24, 0.15) !important;\n      color: #FF6018 !important;\n    }\n\n    \/* === RESPONSIVE DESIGN === *\/\n    @media screen and (max-width: 1100px) {\n      #cnc-materials-module-2024 .mat-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n    }\n\n    @media screen and (max-width:690px) {\n      #cnc-materials-module-2024 {\n        padding: 70px 20px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-header {\n        margin-bottom: 44px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-cert-row {\n        grid-template-columns: 1fr !important;\n        gap: 16px !important;\n        margin-bottom: 40px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-grid {\n        grid-template-columns: 1fr !important;\n        gap: 20px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-card-header {\n        padding: 26px 24px 20px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-card-body {\n        padding: 20px 24px 24px !important;\n      }\n\n      #cnc-materials-module-2024 h3.mat-card-title {\n        font-size: 18px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-deco-circle,\n      #cnc-materials-module-2024 .mat-deco-hex,\n      #cnc-materials-module-2024 .mat-deco-line {\n        display: none !important;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      #cnc-materials-module-2024 {\n        padding: 56px 16px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-badge {\n        font-size: 10px !important;\n        padding: 8px 18px !important;\n        letter-spacing: 2px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-cert-card {\n        padding: 22px 20px !important;\n        flex-direction: column !important;\n        text-align: center !important;\n      }\n\n      #cnc-materials-module-2024 .mat-card-icon-wrap {\n        width: 50px !important;\n        height: 50px !important;\n        min-width: 50px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-card-icon {\n        width: 26px !important;\n        height: 26px !important;\n      }\n\n      #cnc-materials-module-2024 .mat-grade-tag {\n        font-size: 12px !important;\n        padding: 5px 12px !important;\n      }\n    }\n\n    \/* === ANIMATION ON SCROLL === *\/\n    #cnc-materials-module-2024 .mat-card,\n    #cnc-materials-module-2024 .mat-cert-card {\n      opacity: 0;\n      transform: translateY(24px);\n    }\n\n    #cnc-materials-module-2024 .mat-card.mat-visible,\n    #cnc-materials-module-2024 .mat-cert-card.mat-visible {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n      transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n  <\/style>\n\n  <div class=\"mat-deco-circle mat-deco-circle-1\"><\/div>\n  <div class=\"mat-deco-circle mat-deco-circle-2\"><\/div>\n  <div class=\"mat-deco-hex\"><\/div>\n  <div class=\"mat-deco-line mat-deco-line-1\"><\/div>\n  <div class=\"mat-deco-line mat-deco-line-2\"><\/div>\n\n  <div class=\"mat-container\">\n    <div class=\"mat-header\">\n      <div class=\"mat-badge\">CNC Milling Materials<\/div>\n      <h2 class=\"mat-main-title\"><span class=\"mat-title-accent\">50+ Materials<\/span> for Each and Every Application<\/h2>\n      <div class=\"mat-subtitle\">Select from our broad material library which consists of aluminum alloys, stainless steels, titanium, engineering plastics, and specialty metals. The engineers will guide you in choosing the best material suitable for your performance and budget.<\/div>\n    <\/div>\n\n    <div class=\"mat-cert-row\">\n      <div class=\"mat-cert-card\">\n        <div class=\"mat-cert-icon-wrap\">\n          <svg class=\"mat-cert-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <path class=\"mat-icon-fill\" d=\"M14 2H6C5 2 4 3 4 4V20C4 21 5 22 6 22H18C19 22 20 21 20 20V8L14 2Z\" \/>\n             <path d=\"M14 2V8H20\" \/>\n             <path d=\"M16 13H8\" \/>\n             <path d=\"M16 17H8\" \/>\n             <path d=\"M10 9H8\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"mat-cert-content\">\n          <div class=\"mat-cert-title\">Material Certifications<\/div>\n          <div class=\"mat-cert-desc\">Mill test reports for all metals are available.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mat-cert-card\">\n        <div class=\"mat-cert-icon-wrap\">\n          <svg class=\"mat-cert-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n             <path class=\"mat-icon-fill\" d=\"M21 11.5C21 16.2 17 20 12 20C10.5 20 9 19.6 7.7 19L3 21L5 16.3C3.7 15 3 13.3 3 11.5C3 6.8 7 3 12 3C17 3 21 6.8 21 11.5Z\" \/>\n             <path d=\"M21 11.5C21 16.2 17 20 12 20C10.5 20 9 19.6 7.7 19L3 21L5 16.3C3.7 15 3 13.3 3 11.5C3 6.8 7 3 12 3C17 3 21 6.8 21 11.5Z\" \/>\n             <path d=\"M8 11.5H8.01\" stroke-width=\"2.5\" \/>\n             <path d=\"M12 11.5H12.01\" stroke-width=\"2.5\" \/>\n             <path d=\"M16 11.5H16.01\" stroke-width=\"2.5\" \/>\n          <\/svg>\n        <\/div>\n        <div class=\"mat-cert-content\">\n          <div class=\"mat-cert-title\">Material Consulting<\/div>\n          <div class=\"mat-cert-desc\">Free professional help in selecting the right material for you.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"mat-grid\">\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <rect class=\"mat-icon-fill\" x=\"2\" y=\"14\" width=\"20\" height=\"6\" rx=\"1\" \/>\n               <rect x=\"2\" y=\"14\" width=\"20\" height=\"6\" rx=\"1\" \/>\n               <rect x=\"2\" y=\"6\" width=\"20\" height=\"6\" rx=\"1\" \/>\n               <path d=\"M22 6L2 6\" stroke-dasharray=\"2 2\" opacity=\"0.5\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Aluminum<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">6061<\/span>\n            <span class=\"mat-grade-tag\">7075<\/span>\n            <span class=\"mat-grade-tag\">2024<\/span>\n            <span class=\"mat-grade-tag\">5052<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <path class=\"mat-icon-fill\" d=\"M12 2L3 7V12C3 17 7 21 12 22C17 21 21 17 21 12V7L12 2Z\" \/>\n               <path d=\"M12 2L3 7V12C3 17 7 21 12 22C17 21 21 17 21 12V7L12 2Z\" \/>\n               <path d=\"M12 22V6\" \/>\n               <path d=\"M21 7L3 7\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Stainless Steel<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">303<\/span>\n            <span class=\"mat-grade-tag\">304<\/span>\n            <span class=\"mat-grade-tag\">316<\/span>\n            <span class=\"mat-grade-tag\">17-4 PH<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <circle class=\"mat-icon-fill\" cx=\"12\" cy=\"12\" r=\"3\" \/>\n               <circle cx=\"12\" cy=\"12\" r=\"9\" \/>\n               <ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"3\" transform=\"rotate(45 12 12)\" \/>\n               <ellipse cx=\"12\" cy=\"12\" rx=\"9\" ry=\"3\" transform=\"rotate(-45 12 12)\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Titanium<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">Grade 2<\/span>\n            <span class=\"mat-grade-tag\">Grade 5 (Ti-6Al-4V)<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <path class=\"mat-icon-fill\" d=\"M13 2L3 14H12L11 22L21 10H12L13 2Z\" opacity=\"0.3\"\/>\n               <path d=\"M6 16V21H18V16\" \/>\n               <path d=\"M9 16V13\" \/>\n               <path d=\"M15 16V13\" \/>\n               <circle cx=\"12\" cy=\"9\" r=\"4\" \/>\n               <path d=\"M12 9V5\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Copper &amp; Brass<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">C110<\/span>\n            <span class=\"mat-grade-tag\">C360<\/span>\n            <span class=\"mat-grade-tag\">Beryllium Copper<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <rect class=\"mat-icon-fill\" x=\"9\" y=\"4\" width=\"6\" height=\"16\" \/>\n               <path d=\"M12 2L15 4V18L12 22L9 18V4L12 2Z\" \/>\n               <path d=\"M9 8L15 10\" \/>\n               <path d=\"M9 12L15 14\" \/>\n               <path d=\"M9 16L15 18\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Tool Steel<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">A2<\/span>\n            <span class=\"mat-grade-tag\">D2<\/span>\n            <span class=\"mat-grade-tag\">O1<\/span>\n            <span class=\"mat-grade-tag\">S7<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mat-card\">\n        <div class=\"mat-card-header\">\n          <div class=\"mat-card-icon-wrap\">\n            <svg class=\"mat-card-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n               <path class=\"mat-icon-fill\" d=\"M12 2L20 7V17L12 22L4 17V7L12 2Z\" opacity=\"0.3\"\/>\n               <path d=\"M12 2L20 7V17L12 22L4 17V7L12 2Z\" \/>\n               <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n               <path d=\"M12 12L20 7\" \/>\n               <path d=\"M12 12L4 7\" \/>\n               <path d=\"M12 12V22\" \/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"mat-card-title\">Plastics<\/h3>\n        <\/div>\n        <div class=\"mat-card-body\">\n          <span class=\"mat-grades-label\">Available Grades<\/span>\n          <div class=\"mat-grades-list\">\n            <span class=\"mat-grade-tag\">ABS<\/span>\n            <span class=\"mat-grade-tag\">PEEK<\/span>\n            <span class=\"mat-grade-tag\">Delrin<\/span>\n            <span class=\"mat-grade-tag\">Nylon<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      \/\/ Scoped scroll animation for Materials module\n      var matModule = document.getElementById('cnc-materials-module-2024');\n      if (!matModule) return;\n\n      var cards = matModule.querySelectorAll('.mat-card, .mat-cert-card');\n      \n      var observerOptions = {\n        root: null,\n        rootMargin: '0px 0px -50px 0px',\n        threshold: 0.12\n      };\n\n      var handleIntersect = function(entries, observer) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            var card = entry.target;\n            var cardIndex = Array.prototype.indexOf.call(cards, card);\n            setTimeout(function() {\n              card.classList.add('mat-visible');\n            }, cardIndex * 70);\n            observer.unobserve(card);\n          }\n        });\n      };\n\n      if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(handleIntersect, observerOptions);\n        cards.forEach(function(card) {\n          observer.observe(card);\n        });\n      } else {\n        \/\/ Fallback: make cards visible immediately\n        cards.forEach(function(card) {\n          card.classList.add('mat-visible');\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-65cc82c\" data-block-id=\"65cc82c\"><style>.stk-65cc82c {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-65cc82c-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8cea4ed\" data-v=\"4\" data-block-id=\"8cea4ed\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8cea4ed-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8cea4ed-inner-blocks\">\n<!-- \r\n    CNC Material & Surface Finish Guide Tool\r\n    Combines: Material Comparison + Surface Roughness Guide\r\n    WordPress Custom HTML Module with Semantic H2\/H3 Tags\r\n    Compatible with: Gutenberg, Blocksy, Stackable, Astra, Elementor\r\n    Version: 2.0\r\n-->\r\n<section id=\"cnc-material-surface-guide-2024\"><style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');\r\n        \r\n        \/* ========== RESET & CONTAINER ========== *\/\r\n        #cnc-material-surface-guide-2024 *,\r\n        #cnc-material-surface-guide-2024 *::before,\r\n        #cnc-material-surface-guide-2024 *::after {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n            background: linear-gradient(180deg, #0d1117 0%, #161b22 100%) !important;\r\n            padding: 80px 20px !important;\r\n            color: #e6edf3 !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-wrapper {\r\n            max-width: 1400px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n        \r\n        \/* ========== SEMANTIC HEADINGS - Override Theme Styles ========== *\/\r\n        #cnc-material-surface-guide-2024 h2.msg-main-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: clamp(32px, 5vw, 48px) !important;\r\n            font-weight: 800 !important;\r\n            color: #ffffff !important;\r\n            text-align: center !important;\r\n            margin: 0 0 20px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.2 !important;\r\n            letter-spacing: -0.02em !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 h2.msg-main-title span {\r\n            color: #FF6018 !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            -webkit-background-clip: text !important;\r\n            -webkit-text-fill-color: transparent !important;\r\n            background-clip: text !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 h3.msg-section-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 20px !important;\r\n            font-weight: 700 !important;\r\n            color: #ffffff !important;\r\n            margin: 0 0 20px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.3 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 h3.msg-card-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 17px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n            margin: 0 0 8px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.4 !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        \/* ========== HEADER ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-header {\r\n            text-align: center !important;\r\n            margin-bottom: 50px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            background: rgba(255, 96, 24, 0.1) !important;\r\n            color: #FF6018 !important;\r\n            padding: 10px 20px !important;\r\n            border-radius: 50px !important;\r\n            font-size: 13px !important;\r\n            font-weight: 600 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1.5px !important;\r\n            margin-bottom: 25px !important;\r\n            border: 1px solid rgba(255, 96, 24, 0.25) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-subtitle {\r\n            font-size: 17px !important;\r\n            color: #8b949e !important;\r\n            max-width: 750px !important;\r\n            margin: 0 auto !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n        \r\n        \/* ========== TAB NAVIGATION ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-tabs {\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 40px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tab-btn {\r\n            padding: 16px 32px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 12px !important;\r\n            color: #8b949e !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tab-btn:hover {\r\n            background: rgba(255, 96, 24, 0.08) !important;\r\n            border-color: rgba(255, 96, 24, 0.3) !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tab-btn.active {\r\n            background: linear-gradient(135deg, #FF6018 0%, #e55515 100%) !important;\r\n            border-color: #FF6018 !important;\r\n            color: #ffffff !important;\r\n            box-shadow: 0 8px 25px rgba(255, 96, 24, 0.3) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tab-icon {\r\n            font-size: 20px !important;\r\n        }\r\n        \r\n        \/* ========== TAB CONTENT ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-tab-content {\r\n            display: none !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tab-content.active {\r\n            display: block !important;\r\n            animation: msgFadeIn 0.4s ease !important;\r\n        }\r\n        \r\n        @keyframes msgFadeIn {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* ========== FILTER BAR ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-filter-bar {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 10px !important;\r\n            justify-content: center !important;\r\n            margin-bottom: 30px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-filter-btn {\r\n            padding: 10px 18px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 8px !important;\r\n            color: #8b949e !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 13px !important;\r\n            font-weight: 500 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-filter-btn:hover {\r\n            background: rgba(255, 96, 24, 0.08) !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-filter-btn.active {\r\n            background: #FF6018 !important;\r\n            border-color: #FF6018 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        \/* ========== COMPARISON SELECTOR ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-compare-row {\r\n            display: flex !important;\r\n            gap: 15px !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n            margin-bottom: 30px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-select {\r\n            padding: 16px 50px 16px 18px !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 10px !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 15px !important;\r\n            line-height: 1.4 !important;\r\n            height: auto !important;\r\n            min-height: 54px !important;\r\n            cursor: pointer !important;\r\n            appearance: none !important;\r\n            -webkit-appearance: none !important;\r\n            -moz-appearance: none !important;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' fill='%238b949e' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'\/%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 18px center !important;\r\n            min-width: 240px !important;\r\n            transition: all 0.3s ease !important;\r\n            white-space: nowrap !important;\r\n            overflow: hidden !important;\r\n            text-overflow: ellipsis !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-select option {\r\n            background: #21262d !important;\r\n            color: #ffffff !important;\r\n            padding: 12px 16px !important;\r\n            font-size: 14px !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-select:focus {\r\n            outline: none !important;\r\n            border-color: #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-vs {\r\n            font-size: 18px !important;\r\n            font-weight: 800 !important;\r\n            color: #FF6018 !important;\r\n        }\r\n        \r\n        \/* ========== COMPARISON TABLE ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-compare-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 200px 1fr 1fr !important;\r\n            gap: 2px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border-radius: 16px !important;\r\n            overflow: hidden !important;\r\n            margin-bottom: 40px !important;\r\n        }\r\n        \r\n        @media (max-width:690px) {\r\n            #cnc-material-surface-guide-2024 .msg-compare-grid {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-grid-header {\r\n            background: rgba(255, 96, 24, 0.12) !important;\r\n            padding: 20px !important;\r\n            text-align: center !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-grid-header.prop-header {\r\n            background: #21262d !important;\r\n            text-align: left !important;\r\n            font-size: 13px !important;\r\n            font-weight: 600 !important;\r\n            color: #8b949e !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-mat-name {\r\n            font-size: 16px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n            margin-bottom: 4px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-mat-grade {\r\n            font-size: 12px !important;\r\n            color: #6e7681 !important;\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-grid-cell {\r\n            background: #21262d !important;\r\n            padding: 16px 20px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: center !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-grid-cell.prop-cell {\r\n            font-size: 14px !important;\r\n            color: #8b949e !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-grid-cell.val-cell {\r\n            text-align: center !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-value {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 16px !important;\r\n            font-weight: 600 !important;\r\n            color: #e6edf3 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-value.winner {\r\n            color: #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-unit {\r\n            font-size: 11px !important;\r\n            color: #6e7681 !important;\r\n            margin-top: 4px !important;\r\n        }\r\n        \r\n        \/* Rating Bar *\/\r\n        #cnc-material-surface-guide-2024 .msg-rating-bar {\r\n            height: 6px !important;\r\n            background: rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 3px !important;\r\n            margin-top: 10px !important;\r\n            overflow: hidden !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-rating-fill {\r\n            height: 100% !important;\r\n            background: linear-gradient(90deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            border-radius: 3px !important;\r\n            transition: width 0.5s ease !important;\r\n        }\r\n        \r\n        \/* ========== MATERIAL CARDS GRID ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-cards-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;\r\n            gap: 20px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-mat-card {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            border-radius: 16px !important;\r\n            padding: 24px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-mat-card:hover {\r\n            border-color: rgba(255, 96, 24, 0.4) !important;\r\n            transform: translateY(-4px) !important;\r\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-card-header {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 14px !important;\r\n            margin-bottom: 18px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-card-icon {\r\n            width: 50px !important;\r\n            height: 50px !important;\r\n            background: linear-gradient(135deg, rgba(255, 96, 24, 0.15) 0%, rgba(255, 96, 24, 0.05) 100%) !important;\r\n            border-radius: 12px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 24px !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-card-sub {\r\n            font-size: 12px !important;\r\n            color: #6e7681 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-card-stats {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 16px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-stat {\r\n            background: rgba(0, 0, 0, 0.2) !important;\r\n            padding: 12px !important;\r\n            border-radius: 10px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-stat-label {\r\n            font-size: 10px !important;\r\n            color: #6e7681 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n            margin-bottom: 4px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-stat-value {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 14px !important;\r\n            font-weight: 600 !important;\r\n            color: #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-card-tags {\r\n            display: flex !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 6px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-tag {\r\n            padding: 5px 10px !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border-radius: 6px !important;\r\n            font-size: 11px !important;\r\n            color: #8b949e !important;\r\n        }\r\n        \r\n        \/* ========== SURFACE FINISH SECTION ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-ra-scale {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            border-radius: 20px !important;\r\n            padding: 35px !important;\r\n            margin-bottom: 35px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-scale-bar {\r\n            height: 60px !important;\r\n            background: linear-gradient(90deg, #FF6018 0%, #ff8c42 20%, #ffc107 40%, #8bc34a 60%, #4caf50 80%, #2196f3 100%) !important;\r\n            border-radius: 12px !important;\r\n            margin: 25px 0 !important;\r\n            position: relative !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-scale-markers {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            padding: 0 5px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-scale-marker {\r\n            text-align: center !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-scale-val {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 14px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-scale-label {\r\n            font-size: 11px !important;\r\n            color: #6e7681 !important;\r\n            margin-top: 4px !important;\r\n        }\r\n        \r\n        \/* Interactive Slider *\/\r\n        #cnc-material-surface-guide-2024 .msg-slider-row {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 20px !important;\r\n            justify-content: center !important;\r\n            margin: 30px 0 !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-slider-label {\r\n            font-size: 14px !important;\r\n            color: #8b949e !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-slider-wrap {\r\n            flex: 1 !important;\r\n            max-width: 400px !important;\r\n            min-width: 200px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-slider {\r\n            width: 100% !important;\r\n            height: 8px !important;\r\n            border-radius: 4px !important;\r\n            background: #30363d !important;\r\n            outline: none !important;\r\n            -webkit-appearance: none !important;\r\n            cursor: pointer !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-slider::-webkit-slider-thumb {\r\n            -webkit-appearance: none !important;\r\n            width: 24px !important;\r\n            height: 24px !important;\r\n            border-radius: 50% !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            cursor: pointer !important;\r\n            box-shadow: 0 2px 12px rgba(255, 96, 24, 0.4) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-slider::-moz-range-thumb {\r\n            width: 24px !important;\r\n            height: 24px !important;\r\n            border-radius: 50% !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            cursor: pointer !important;\r\n            border: none !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-ra-display {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 28px !important;\r\n            font-weight: 700 !important;\r\n            color: #FF6018 !important;\r\n            min-width: 140px !important;\r\n            text-align: center !important;\r\n        }\r\n        \r\n        \/* Detail Panel *\/\r\n        #cnc-material-surface-guide-2024 .msg-detail-panel {\r\n            background: linear-gradient(135deg, rgba(255, 96, 24, 0.08) 0%, rgba(255, 96, 24, 0.02) 100%) !important;\r\n            border: 1px solid rgba(255, 96, 24, 0.15) !important;\r\n            border-radius: 16px !important;\r\n            padding: 30px !important;\r\n            margin-bottom: 35px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-header {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            margin-bottom: 25px !important;\r\n            flex-wrap: wrap !important;\r\n            gap: 15px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-title {\r\n            font-size: 20px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-badge {\r\n            padding: 10px 18px !important;\r\n            background: rgba(255, 96, 24, 0.15) !important;\r\n            border: 1px solid rgba(255, 96, 24, 0.3) !important;\r\n            border-radius: 10px !important;\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 14px !important;\r\n            color: #FF6018 !important;\r\n            font-weight: 600 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;\r\n            gap: 15px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-item {\r\n            background: rgba(0, 0, 0, 0.2) !important;\r\n            border-radius: 12px !important;\r\n            padding: 16px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-label {\r\n            font-size: 11px !important;\r\n            color: #6e7681 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n            margin-bottom: 6px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-detail-value {\r\n            font-size: 15px !important;\r\n            color: #ffffff !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        \/* Surface Finish Cards *\/\r\n        #cnc-material-surface-guide-2024 .msg-finish-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;\r\n            gap: 18px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-card {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            border-radius: 14px !important;\r\n            padding: 22px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-card:hover {\r\n            border-color: rgba(255, 96, 24, 0.4) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-card.active {\r\n            border-color: #FF6018 !important;\r\n            background: rgba(255, 96, 24, 0.05) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-header {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-name {\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-ra {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 14px !important;\r\n            color: #FF6018 !important;\r\n            font-weight: 600 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-texture {\r\n            height: 35px !important;\r\n            background: #21262d !important;\r\n            border-radius: 8px !important;\r\n            margin-bottom: 12px !important;\r\n            overflow: hidden !important;\r\n            position: relative !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-texture-pattern {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            opacity: 0.5 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-desc {\r\n            font-size: 13px !important;\r\n            color: #8b949e !important;\r\n            margin-bottom: 10px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-finish-process {\r\n            display: inline-block !important;\r\n            padding: 5px 12px !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border-radius: 6px !important;\r\n            font-size: 11px !important;\r\n            color: #6e7681 !important;\r\n        }\r\n        \r\n        \/* ========== CONVERSION TABLE ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-table-container {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            border-radius: 16px !important;\r\n            overflow: hidden !important;\r\n            margin-top: 40px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table-header {\r\n            padding: 20px 25px !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table {\r\n            width: 100% !important;\r\n            border-collapse: collapse !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table th,\r\n        #cnc-material-surface-guide-2024 .msg-table td {\r\n            padding: 14px 18px !important;\r\n            text-align: left !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table th {\r\n            background: rgba(0, 0, 0, 0.3) !important;\r\n            font-size: 11px !important;\r\n            font-weight: 600 !important;\r\n            color: #8b949e !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table td {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 14px !important;\r\n            color: #e6edf3 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table tr:last-child td {\r\n            border-bottom: none !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-table tr:hover td {\r\n            background: rgba(255, 96, 24, 0.06) !important;\r\n        }\r\n        \r\n        \/* ========== DATA SOURCE ========== *\/\r\n        #cnc-material-surface-guide-2024 .msg-data-source {\r\n            text-align: center !important;\r\n            margin-top: 50px !important;\r\n            padding-top: 35px !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-data-source-text {\r\n            font-size: 12px !important;\r\n            color: #484f58 !important;\r\n            line-height: 1.8 !important;\r\n        }\r\n        \r\n        #cnc-material-surface-guide-2024 .msg-data-source-text a {\r\n            color: #FF6018 !important;\r\n            text-decoration: none !important;\r\n        }\r\n    <\/style>\r\n<div class=\"msg-wrapper\"><!-- Header --><header class=\"msg-header\">\r\n<div class=\"msg-badge\">Engineering Reference Guide<\/div>\r\n<h2 class=\"msg-main-title\">CNC Material &amp; Surface Finish Guide<\/h2>\r\n<p class=\"msg-subtitle\">Compare mechanical properties of CNC machining materials and understand surface roughness (Ra) specifications. Data sourced from ASM International, MatWeb, and ISO standards.<\/p>\r\n<\/header><!-- Tab Navigation --><nav class=\"msg-tabs\" role=\"tablist\"><button class=\"msg-tab-btn active\" role=\"tab\" aria-selected=\"true\"> <span class=\"msg-tab-icon\">\ud83e\udea8<\/span> Material Comparison <\/button> <button class=\"msg-tab-btn\" role=\"tab\" aria-selected=\"false\"> <span class=\"msg-tab-icon\">\u2728<\/span> Surface Finish Guide <\/button><\/nav><!-- TAB 1: Material Comparison -->\r\n<div id=\"msg-material-tab\" class=\"msg-tab-content active\" role=\"tabpanel\"><!-- Filter Bar -->\r\n<div id=\"msg-filter-bar\" class=\"msg-filter-bar\"><button class=\"msg-filter-btn active\" data-filter=\"all\">All Materials<\/button> <button class=\"msg-filter-btn\" data-filter=\"aluminum\">Aluminum<\/button> <button class=\"msg-filter-btn\" data-filter=\"stainless\">Stainless Steel<\/button> <button class=\"msg-filter-btn\" data-filter=\"titanium\">Titanium<\/button> <button class=\"msg-filter-btn\" data-filter=\"plastic\">Plastics<\/button><\/div>\r\n<!-- Comparison Selector -->\r\n<div class=\"msg-compare-row\"><label class=\"msg-slider-label\" for=\"msg-mat-1\">Compare:<\/label><select id=\"msg-mat-1\" class=\"msg-select\" onchange=\"updateMaterialComparison()\">\r\n<option value=\"al6061\">Aluminum 6061-T6<\/option>\r\n<option value=\"al7075\">Aluminum 7075-T6<\/option>\r\n<option value=\"ss304\">Stainless Steel 304<\/option>\r\n<option value=\"ss316\">Stainless Steel 316<\/option>\r\n<option value=\"ti6al4v\">Titanium Ti-6Al-4V<\/option>\r\n<option value=\"brass360\">Brass C360<\/option>\r\n<option value=\"delrin\">Delrin (POM)<\/option>\r\n<option value=\"peek\">PEEK<\/option>\r\n<\/select><span class=\"msg-vs\">VS<\/span><select id=\"msg-mat-2\" class=\"msg-select\" onchange=\"updateMaterialComparison()\">\r\n<option value=\"al6061\">Aluminum 6061-T6<\/option>\r\n<option selected=\"selected\" value=\"al7075\">Aluminum 7075-T6<\/option>\r\n<option value=\"ss304\">Stainless Steel 304<\/option>\r\n<option value=\"ss316\">Stainless Steel 316<\/option>\r\n<option value=\"ti6al4v\">Titanium Ti-6Al-4V<\/option>\r\n<option value=\"brass360\">Brass C360<\/option>\r\n<option value=\"delrin\">Delrin (POM)<\/option>\r\n<option value=\"peek\">PEEK<\/option>\r\n<\/select><\/div>\r\n<!-- Comparison Grid -->\r\n<h3 class=\"msg-section-title\"><span class=\"msg-card-icon\" style=\"width: 40px !important; height: 40px !important; font-size: 18px !important;\">\ud83d\udcca<\/span> Property Comparison<\/h3>\r\n<div id=\"msg-compare-grid\" class=\"msg-compare-grid\"><!-- Headers -->\r\n<div class=\"msg-grid-header prop-header\">Property<\/div>\r\n<div class=\"msg-grid-header\">\r\n<div id=\"msg-h1\" class=\"msg-mat-name\">Aluminum 6061-T6<\/div>\r\n<div id=\"msg-g1\" class=\"msg-mat-grade\">UNS A96061<\/div>\r\n<\/div>\r\n<div class=\"msg-grid-header\">\r\n<div id=\"msg-h2\" class=\"msg-mat-name\">Aluminum 7075-T6<\/div>\r\n<div id=\"msg-g2\" class=\"msg-mat-grade\">UNS A97075<\/div>\r\n<\/div>\r\n<!-- Rows populated by JS --><\/div>\r\n<!-- Material Cards -->\r\n<h3 class=\"msg-section-title\" style=\"margin-top: 50px !important;\"><span class=\"msg-card-icon\" style=\"width: 40px !important; height: 40px !important; font-size: 18px !important;\">\ud83d\udccb<\/span> Material Library<\/h3>\r\n<div id=\"msg-cards-grid\" class=\"msg-cards-grid\"><!-- Cards populated by JS --><\/div>\r\n<\/div>\r\n<!-- TAB 2: Surface Finish Guide -->\r\n<div id=\"msg-surface-tab\" class=\"msg-tab-content\" role=\"tabpanel\"><!-- Ra Scale -->\r\n<div class=\"msg-ra-scale\">\r\n<h3 class=\"msg-section-title\" style=\"justify-content: center !important;\">Surface Roughness Scale (Ra in \u00b5m) \u2014 ISO 1302<\/h3>\r\n<div class=\"msg-scale-bar\">\u00a0<\/div>\r\n<div class=\"msg-scale-markers\">\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">12.5<\/div>\r\n<div class=\"msg-scale-label\">Rough<\/div>\r\n<\/div>\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">6.3<\/div>\r\n<div class=\"msg-scale-label\">Medium<\/div>\r\n<\/div>\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">3.2<\/div>\r\n<div class=\"msg-scale-label\">Standard<\/div>\r\n<\/div>\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">1.6<\/div>\r\n<div class=\"msg-scale-label\">Smooth<\/div>\r\n<\/div>\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">0.8<\/div>\r\n<div class=\"msg-scale-label\">Fine<\/div>\r\n<\/div>\r\n<div class=\"msg-scale-marker\">\r\n<div class=\"msg-scale-val\">0.4<\/div>\r\n<div class=\"msg-scale-label\">Mirror<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Interactive Slider -->\r\n<div class=\"msg-slider-row\"><span class=\"msg-slider-label\">Select Ra Value:<\/span>\r\n<div class=\"msg-slider-wrap\"><input id=\"msg-ra-slider\" class=\"msg-slider\" max=\"5\" min=\"0\" step=\"1\" type=\"range\" value=\"2\" \/><\/div>\r\n<div id=\"msg-ra-display\" class=\"msg-ra-display\">Ra 3.2 \u00b5m<\/div>\r\n<\/div>\r\n<!-- Detail Panel -->\r\n<div class=\"msg-detail-panel\">\r\n<div class=\"msg-detail-header\">\r\n<div id=\"msg-finish-title\" class=\"msg-detail-title\">Standard Machined Finish<\/div>\r\n<div id=\"msg-finish-badge\" class=\"msg-detail-badge\">Ra 3.2 \u00b5m (125 \u00b5in)<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-grid\">\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">ISO Grade<\/div>\r\n<div id=\"msg-iso\" class=\"msg-detail-value\">N8<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">RMS (Rq)<\/div>\r\n<div id=\"msg-rms\" class=\"msg-detail-value\">\u2248 3.5 \u00b5m<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">Typical Process<\/div>\r\n<div id=\"msg-process\" class=\"msg-detail-value\">End Milling, Face Milling<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">Cost Multiplier<\/div>\r\n<div id=\"msg-cost\" class=\"msg-detail-value\">1.0\u00d7 (Standard)<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">Applications<\/div>\r\n<div id=\"msg-apps\" class=\"msg-detail-value\">Brackets, housings, general parts<\/div>\r\n<\/div>\r\n<div class=\"msg-detail-item\">\r\n<div class=\"msg-detail-label\">Symbol<\/div>\r\n<div id=\"msg-symbol\" class=\"msg-detail-value\">\u25bd\u25bd<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Surface Finish Cards -->\r\n<h3 class=\"msg-section-title\"><span class=\"msg-card-icon\" style=\"width: 40px !important; height: 40px !important; font-size: 18px !important;\">\u2728<\/span> Common CNC Surface Finishes<\/h3>\r\n<div id=\"msg-finish-grid\" class=\"msg-finish-grid\"><!-- Cards populated by JS --><\/div>\r\n<!-- Conversion Table -->\r\n<div class=\"msg-table-container\">\r\n<div class=\"msg-table-header\">\r\n<h3 class=\"msg-section-title\" style=\"margin: 0 !important;\">Ra Conversion Reference (ISO 1302)<\/h3>\r\n<\/div>\r\n<table class=\"msg-table\">\r\n<thead>\r\n<tr>\r\n<th>Ra (\u00b5m)<\/th>\r\n<th>Ra (\u00b5in)<\/th>\r\n<th>ISO Grade<\/th>\r\n<th>RMS Rq (\u00b5m)<\/th>\r\n<th>Symbol<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>12.5<\/td>\r\n<td>500<\/td>\r\n<td>N10<\/td>\r\n<td>13.9<\/td>\r\n<td>\u25bd<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>6.3<\/td>\r\n<td>250<\/td>\r\n<td>N9<\/td>\r\n<td>7.0<\/td>\r\n<td>\u25bd<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>3.2<\/td>\r\n<td>125<\/td>\r\n<td>N8<\/td>\r\n<td>3.5<\/td>\r\n<td>\u25bd\u25bd<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>1.6<\/td>\r\n<td>63<\/td>\r\n<td>N7<\/td>\r\n<td>1.8<\/td>\r\n<td>\u25bd\u25bd\u25bd<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>0.8<\/td>\r\n<td>32<\/td>\r\n<td>N6<\/td>\r\n<td>0.9<\/td>\r\n<td>\u25bd\u25bd\u25bd\u25bd<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>0.4<\/td>\r\n<td>16<\/td>\r\n<td>N5<\/td>\r\n<td>0.4<\/td>\r\n<td>\u25bd\u25bd\u25bd\u25bd<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n<!-- Data Source --><footer class=\"msg-data-source\">\r\n<p class=\"msg-data-source-text\">Material data from <a href=\"#\">ASM International<\/a> and <a href=\"#\">MatWeb<\/a>. Surface finish per <a href=\"#\">ISO 1302:2002<\/a> and <a href=\"#\">ASME B46.1<\/a>. <br \/>Rq \u2248 1.11 \u00d7 Ra (for typical machined surfaces). Values represent typical properties.<\/p>\r\n<\/footer><\/div>\r\n<script>\r\n    (function() {\r\n        \/\/ ==================== MATERIAL DATABASE ====================\r\n        const materials = {\r\n            'al6061': { name: 'Aluminum 6061-T6', grade: 'UNS A96061', category: 'aluminum', icon: '\ud83e\udea8',\r\n                density: 2.70, tensile: 310, yield: 276, hardness: '95 HB', elongation: 12,\r\n                thermal: 167, machinability: 90, corrosion: 70, cost: 1.0, apps: ['Aerospace', 'Automotive', 'Marine'] },\r\n            'al7075': { name: 'Aluminum 7075-T6', grade: 'UNS A97075', category: 'aluminum', icon: '\ud83e\udea8',\r\n                density: 2.81, tensile: 572, yield: 503, hardness: '150 HB', elongation: 11,\r\n                thermal: 130, machinability: 70, corrosion: 50, cost: 1.5, apps: ['Aerospace', 'Defense', 'Racing'] },\r\n            'ss304': { name: 'Stainless Steel 304', grade: 'UNS S30400', category: 'stainless', icon: '\u2694\ufe0f',\r\n                density: 8.00, tensile: 505, yield: 215, hardness: '201 HB', elongation: 70,\r\n                thermal: 16.2, machinability: 45, corrosion: 90, cost: 2.0, apps: ['Food', 'Medical', 'Chemical'] },\r\n            'ss316': { name: 'Stainless Steel 316', grade: 'UNS S31600', category: 'stainless', icon: '\u2694\ufe0f',\r\n                density: 8.00, tensile: 515, yield: 205, hardness: '217 HB', elongation: 60,\r\n                thermal: 16.3, machinability: 36, corrosion: 95, cost: 2.5, apps: ['Marine', 'Medical', 'Pharma'] },\r\n            'ti6al4v': { name: 'Titanium Ti-6Al-4V', grade: 'Grade 5', category: 'titanium', icon: '\ud83d\udee1\ufe0f',\r\n                density: 4.43, tensile: 950, yield: 880, hardness: '334 HB', elongation: 14,\r\n                thermal: 6.7, machinability: 22, corrosion: 95, cost: 15.0, apps: ['Aerospace', 'Medical', 'Racing'] },\r\n            'brass360': { name: 'Brass C360', grade: 'Free-Cutting', category: 'other', icon: '\ud83d\udd36',\r\n                density: 8.50, tensile: 385, yield: 140, hardness: '78 HRB', elongation: 53,\r\n                thermal: 115, machinability: 100, corrosion: 60, cost: 1.8, apps: ['Fittings', 'Fasteners', 'Electrical'] },\r\n            'delrin': { name: 'Delrin (POM)', grade: 'Acetal', category: 'plastic', icon: '\ud83e\uddea',\r\n                density: 1.41, tensile: 70, yield: 65, hardness: '94 HRM', elongation: 25,\r\n                thermal: 0.31, machinability: 95, corrosion: 85, cost: 1.2, apps: ['Gears', 'Bearings', 'Bushings'] },\r\n            'peek': { name: 'PEEK', grade: 'Unfilled', category: 'plastic', icon: '\ud83e\uddea',\r\n                density: 1.32, tensile: 100, yield: 90, hardness: '99 HRM', elongation: 50,\r\n                thermal: 0.25, machinability: 80, corrosion: 98, cost: 18.0, apps: ['Aerospace', 'Medical', 'Semi'] }\r\n        };\r\n        \r\n        const props = [\r\n            { key: 'density', label: 'Density', unit: 'g\/cm\u00b3', lower: true },\r\n            { key: 'tensile', label: 'Tensile Strength', unit: 'MPa' },\r\n            { key: 'yield', label: 'Yield Strength', unit: 'MPa' },\r\n            { key: 'hardness', label: 'Hardness', unit: '' },\r\n            { key: 'elongation', label: 'Elongation', unit: '%' },\r\n            { key: 'thermal', label: 'Thermal Cond.', unit: 'W\/m\u00b7K' },\r\n            { key: 'machinability', label: 'Machinability', unit: '\/100', bar: true },\r\n            { key: 'corrosion', label: 'Corrosion Resist.', unit: '\/100', bar: true },\r\n            { key: 'cost', label: 'Relative Cost', unit: '\u00d7', lower: true }\r\n        ];\r\n        \r\n        window.updateMaterialComparison = function() {\r\n            const m1 = materials[document.getElementById('msg-mat-1').value];\r\n            const m2 = materials[document.getElementById('msg-mat-2').value];\r\n            \r\n            document.getElementById('msg-h1').textContent = m1.name;\r\n            document.getElementById('msg-g1').textContent = m1.grade;\r\n            document.getElementById('msg-h2').textContent = m2.name;\r\n            document.getElementById('msg-g2').textContent = m2.grade;\r\n            \r\n            const grid = document.getElementById('msg-compare-grid');\r\n            while (grid.children.length > 3) grid.removeChild(grid.lastChild);\r\n            \r\n            props.forEach(p => {\r\n                const v1 = m1[p.key], v2 = m2[p.key];\r\n                const isNum = typeof v1 === 'number';\r\n                const w1 = isNum && (p.lower ? v1 < v2 : v1 > v2);\r\n                const w2 = isNum && (p.lower ? v2 < v1 : v2 > v1);\r\n                \r\n                const propCell = document.createElement('div');\r\n                propCell.className = 'msg-grid-cell prop-cell';\r\n                propCell.textContent = p.label;\r\n                grid.appendChild(propCell);\r\n                \r\n                [v1, v2].forEach((v, i) => {\r\n                    const cell = document.createElement('div');\r\n                    cell.className = 'msg-grid-cell val-cell';\r\n                    const win = i === 0 ? w1 : w2;\r\n                    cell.innerHTML = `\r\n                        <span class=\"msg-value ${win ? 'winner' : ''}\">${typeof v === 'number' ? v.toFixed(p.key === 'cost' ? 1 : (p.key === 'density' ? 2 : 0)) : v}<\/span>\r\n                        <span class=\"msg-unit\">${p.unit}<\/span>\r\n                        ${p.bar ? `<div class=\"msg-rating-bar\"><div class=\"msg-rating-fill\" style=\"width:${v}%\"><\/div><\/div>` : ''}\r\n                    `;\r\n                    grid.appendChild(cell);\r\n                });\r\n            });\r\n        };\r\n        \r\n        \/\/ ==================== FILTER MATERIALS ====================\r\n        function filterMaterials(cat) {\r\n            \/\/ Update active state on filter buttons\r\n            document.querySelectorAll('#cnc-material-surface-guide-2024 .msg-filter-btn').forEach(function(btn) {\r\n                var btnFilter = btn.getAttribute('data-filter');\r\n                if (btnFilter === cat) {\r\n                    btn.classList.add('active');\r\n                } else {\r\n                    btn.classList.remove('active');\r\n                }\r\n            });\r\n            \/\/ Rebuild cards with filter\r\n            buildMaterialCards(cat);\r\n        }\r\n        \r\n        \/\/ Event delegation for filter buttons\r\n        var filterBar = document.getElementById('msg-filter-bar');\r\n        if (filterBar) {\r\n            filterBar.addEventListener('click', function(e) {\r\n                var btn = e.target.closest('.msg-filter-btn');\r\n                if (btn) {\r\n                    var filter = btn.getAttribute('data-filter');\r\n                    if (filter) {\r\n                        filterMaterials(filter);\r\n                    }\r\n                }\r\n            });\r\n        }\r\n        \r\n        \/\/ Expose to window for backwards compatibility\r\n        window.filterMaterials = filterMaterials;\r\n        \r\n        function buildMaterialCards(filter = 'all') {\r\n            const cont = document.getElementById('msg-cards-grid');\r\n            cont.innerHTML = '';\r\n            Object.entries(materials).forEach(([key, m]) => {\r\n                if (filter !== 'all' && m.category !== filter) return;\r\n                const card = document.createElement('div');\r\n                card.className = 'msg-mat-card';\r\n                card.onclick = () => { document.getElementById('msg-mat-1').value = key; updateMaterialComparison(); };\r\n                card.innerHTML = `\r\n                    <div class=\"msg-card-header\">\r\n                        <div class=\"msg-card-icon\">${m.icon}<\/div>\r\n                        <div>\r\n                            <h3 class=\"msg-card-title\">${m.name}<\/h3>\r\n                            <div class=\"msg-card-sub\">${m.grade}<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"msg-card-stats\">\r\n                        <div class=\"msg-stat\"><div class=\"msg-stat-label\">Tensile<\/div><div class=\"msg-stat-value\">${m.tensile} MPa<\/div><\/div>\r\n                        <div class=\"msg-stat\"><div class=\"msg-stat-label\">Density<\/div><div class=\"msg-stat-value\">${m.density} g\/cm\u00b3<\/div><\/div>\r\n                        <div class=\"msg-stat\"><div class=\"msg-stat-label\">Machinability<\/div><div class=\"msg-stat-value\">${m.machinability}\/100<\/div><\/div>\r\n                        <div class=\"msg-stat\"><div class=\"msg-stat-label\">Cost Index<\/div><div class=\"msg-stat-value\">${m.cost}\u00d7<\/div><\/div>\r\n                    <\/div>\r\n                    <div class=\"msg-card-tags\">${m.apps.map(a => `<span class=\"msg-tag\">${a}<\/span>`).join('')}<\/div>\r\n                `;\r\n                cont.appendChild(card);\r\n            });\r\n        }\r\n        \r\n        \/\/ ==================== SURFACE FINISH DATA ====================\r\n        const finishes = [\r\n            { ra: 12.5, raIn: 500, name: 'Rough Machined', iso: 'N10', rms: 13.9, process: 'Sawing, Rough Turning', cost: '0.7\u00d7', apps: 'Non-critical surfaces', symbol: '\u25bd', texture: 'repeating-linear-gradient(90deg, #333 0px, #333 4px, #222 4px, #222 8px)' },\r\n            { ra: 6.3, raIn: 250, name: 'Medium Machined', iso: 'N9', rms: 7.0, process: 'Rough Milling', cost: '0.8\u00d7', apps: 'Hidden faces', symbol: '\u25bd', texture: 'repeating-linear-gradient(90deg, #333 0px, #333 3px, #222 3px, #222 6px)' },\r\n            { ra: 3.2, raIn: 125, name: 'Standard Machined', iso: 'N8', rms: 3.5, process: 'End Milling, Face Milling', cost: '1.0\u00d7', apps: 'Brackets, housings, general parts', symbol: '\u25bd\u25bd', texture: 'repeating-linear-gradient(90deg, #2a2a2a 0px, #2a2a2a 2px, #222 2px, #222 4px)' },\r\n            { ra: 1.6, raIn: 63, name: 'Smooth Machined', iso: 'N7', rms: 1.8, process: 'Fine Milling, Reaming', cost: '1.3\u00d7', apps: 'Bearing surfaces, seals, shafts', symbol: '\u25bd\u25bd\u25bd', texture: 'repeating-linear-gradient(90deg, #282828 0px, #282828 1.5px, #222 1.5px, #222 3px)' },\r\n            { ra: 0.8, raIn: 32, name: 'Fine Finish', iso: 'N6', rms: 0.9, process: 'Grinding, Fine Boring', cost: '1.8\u00d7', apps: 'Precision fits, hydraulics', symbol: '\u25bd\u25bd\u25bd\u25bd', texture: 'repeating-linear-gradient(90deg, #252525 0px, #252525 1px, #222 1px, #222 2px)' },\r\n            { ra: 0.4, raIn: 16, name: 'Mirror \/ Polished', iso: 'N5', rms: 0.4, process: 'Lapping, Polishing', cost: '3.0\u00d7', apps: 'Optical, molds, seals', symbol: '\u25bd\u25bd\u25bd\u25bd', texture: 'linear-gradient(90deg, #242424 0%, #232323 100%)' }\r\n        ];\r\n        \r\n        const slider = document.getElementById('msg-ra-slider');\r\n        \r\n        function updateFinishDetail(idx) {\r\n            const f = finishes[idx];\r\n            document.getElementById('msg-ra-display').textContent = `Ra ${f.ra} \u00b5m`;\r\n            document.getElementById('msg-finish-title').textContent = f.name;\r\n            document.getElementById('msg-finish-badge').textContent = `Ra ${f.ra} \u00b5m (${f.raIn} \u00b5in)`;\r\n            document.getElementById('msg-iso').textContent = f.iso;\r\n            document.getElementById('msg-rms').textContent = `\u2248 ${f.rms} \u00b5m`;\r\n            document.getElementById('msg-process').textContent = f.process;\r\n            document.getElementById('msg-cost').textContent = f.cost;\r\n            document.getElementById('msg-apps').textContent = f.apps;\r\n            document.getElementById('msg-symbol').textContent = f.symbol;\r\n            \r\n            document.querySelectorAll('#cnc-material-surface-guide-2024 .msg-finish-card').forEach((c, i) => {\r\n                c.classList.toggle('active', i === idx);\r\n            });\r\n        }\r\n        \r\n        slider.addEventListener('input', function() { updateFinishDetail(parseInt(this.value)); });\r\n        \r\n        function buildFinishCards() {\r\n            const cont = document.getElementById('msg-finish-grid');\r\n            cont.innerHTML = '';\r\n            finishes.forEach((f, i) => {\r\n                const card = document.createElement('div');\r\n                card.className = 'msg-finish-card' + (i === 2 ? ' active' : '');\r\n                card.onclick = () => { slider.value = i; updateFinishDetail(i); };\r\n                card.innerHTML = `\r\n                    <div class=\"msg-finish-header\">\r\n                        <div class=\"msg-finish-name\">${f.name}<\/div>\r\n                        <div class=\"msg-finish-ra\">Ra ${f.ra}<\/div>\r\n                    <\/div>\r\n                    <div class=\"msg-texture\"><div class=\"msg-texture-pattern\" style=\"background:${f.texture}\"><\/div><\/div>\r\n                    <div class=\"msg-finish-desc\">${f.apps}<\/div>\r\n                    <div class=\"msg-finish-process\">${f.process}<\/div>\r\n                `;\r\n                cont.appendChild(card);\r\n            });\r\n        }\r\n        \r\n        \/\/ ==================== TAB SWITCHING ====================\r\n        window.switchGuideTab = function(tab) {\r\n            document.querySelectorAll('#cnc-material-surface-guide-2024 .msg-tab-btn').forEach(b => b.classList.remove('active'));\r\n            document.querySelectorAll('#cnc-material-surface-guide-2024 .msg-tab-content').forEach(c => c.classList.remove('active'));\r\n            \r\n            if (tab === 'material') {\r\n                document.querySelector('#cnc-material-surface-guide-2024 .msg-tab-btn:first-child').classList.add('active');\r\n                document.getElementById('msg-material-tab').classList.add('active');\r\n            } else {\r\n                document.querySelector('#cnc-material-surface-guide-2024 .msg-tab-btn:last-child').classList.add('active');\r\n                document.getElementById('msg-surface-tab').classList.add('active');\r\n            }\r\n        };\r\n        \r\n        \/\/ Initialize\r\n        updateMaterialComparison();\r\n        buildMaterialCards();\r\n        buildFinishCards();\r\n        updateFinishDetail(2);\r\n    })();\r\n    <\/script><\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-40efb3e\" data-block-id=\"40efb3e\"><style>.stk-40efb3e {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-40efb3e-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cb5f145\" data-v=\"4\" data-block-id=\"cb5f145\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cb5f145-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cb5f145-inner-blocks\">\n<!-- Industries We Serve Module - Premium Light Industrial Design -->\r\n<section id=\"cnc-industries-module-2024\"><style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500&display=swap');\r\n\r\n    \/* === RESET & BASE SCOPED TO MODULE === *\/\r\n    #cnc-industries-module-2024 *,\r\n    #cnc-industries-module-2024 *::before,\r\n    #cnc-industries-module-2024 *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 {\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n      background: linear-gradient(180deg, #f8f9fb 0%, #f0f2f5 50%, #e8ebf0 100%) !important;\r\n      padding: 120px 24px !important;\r\n      color: #1a1a2e !important;\r\n      line-height: 1.6 !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    \/* === MACHINING BLUEPRINT GRID === *\/\r\n    #cnc-industries-module-2024::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      background-image: \r\n        linear-gradient(rgba(255, 96, 24, 0.04) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 96, 24, 0.04) 1px, transparent 1px) !important;\r\n      background-size: 80px 80px !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    \/* === PRECISION MEASUREMENT DECORATIONS === *\/\r\n    #cnc-industries-module-2024 .ind-ruler-h {\r\n      position: absolute !important;\r\n      top: 60px !important;\r\n      left: 50% !important;\r\n      transform: translateX(-50%) !important;\r\n      width: 600px !important;\r\n      height: 20px !important;\r\n      display: flex !important;\r\n      align-items: flex-end !important;\r\n      justify-content: space-between !important;\r\n      pointer-events: none !important;\r\n      opacity: 0.5 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-ruler-tick {\r\n      width: 1px !important;\r\n      background: #FF6018 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-ruler-tick-lg { height: 16px !important; }\r\n    #cnc-industries-module-2024 .ind-ruler-tick-md { height: 10px !important; }\r\n    #cnc-industries-module-2024 .ind-ruler-tick-sm { height: 6px !important; }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair {\r\n      position: absolute !important;\r\n      width: 60px !important;\r\n      height: 60px !important;\r\n      pointer-events: none !important;\r\n      opacity: 0.3 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair-1 {\r\n      top: 15% !important;\r\n      left: 8% !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair-2 {\r\n      bottom: 12% !important;\r\n      right: 6% !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair::before,\r\n    #cnc-industries-module-2024 .ind-crosshair::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      background: #FF6018 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair::before {\r\n      top: 50% !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 1px !important;\r\n      transform: translateY(-50%) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-crosshair::after {\r\n      left: 50% !important;\r\n      top: 0 !important;\r\n      width: 1px !important;\r\n      height: 100% !important;\r\n      transform: translateX(-50%) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-arc-deco {\r\n      position: absolute !important;\r\n      border: 1px dashed rgba(255, 96, 24, 0.15) !important;\r\n      border-radius: 50% !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-arc-1 {\r\n      top: -100px !important;\r\n      right: -100px !important;\r\n      width: 400px !important;\r\n      height: 400px !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-arc-2 {\r\n      bottom: -150px !important;\r\n      left: -150px !important;\r\n      width: 500px !important;\r\n      height: 500px !important;\r\n    }\r\n\r\n    \/* === Technical Corner Brackets === *\/\r\n    #cnc-industries-module-2024 .ind-corner-bracket {\r\n      position: absolute !important;\r\n      width: 80px !important;\r\n      height: 80px !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-corner-bracket-tl {\r\n      top: 40px !important;\r\n      left: 40px !important;\r\n      border-top: 2px solid rgba(255, 96, 24, 0.2) !important;\r\n      border-left: 2px solid rgba(255, 96, 24, 0.2) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-corner-bracket-br {\r\n      bottom: 40px !important;\r\n      right: 40px !important;\r\n      border-bottom: 2px solid rgba(255, 96, 24, 0.2) !important;\r\n      border-right: 2px solid rgba(255, 96, 24, 0.2) !important;\r\n    }\r\n\r\n    \/* === CONTAINER === *\/\r\n    #cnc-industries-module-2024 .ind-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    \/* === HEADER SECTION === *\/\r\n    #cnc-industries-module-2024 .ind-header {\r\n      text-align: center !important;\r\n      margin-bottom: 80px !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 16px !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid rgba(255, 96, 24, 0.2) !important;\r\n      padding: 12px 28px !important;\r\n      border-radius: 0 !important;\r\n      margin-bottom: 32px !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 11px !important;\r\n      font-weight: 500 !important;\r\n      color: #FF6018 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 3px !important;\r\n      position: relative !important;\r\n      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-badge::before,\r\n    #cnc-industries-module-2024 .ind-badge::after {\r\n      content: '' !important;\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border: 1px solid #FF6018 !important;\r\n      transform: rotate(45deg) !important;\r\n    }\r\n\r\n    \/* === H2 MAIN TITLE === *\/\r\n    #cnc-industries-module-2024 h2.ind-main-title {\r\n      all: unset !important;\r\n      display: block !important;\r\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\r\n      font-size: clamp(36px, 5vw, 58px) !important;\r\n      font-weight: 700 !important;\r\n      color: #1a1a2e !important;\r\n      margin-bottom: 24px !important;\r\n      letter-spacing: -2px !important;\r\n      line-height: 1.1 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 h2.ind-main-title .ind-title-accent {\r\n      background: linear-gradient(135deg, #FF6018 0%, #ff8a50 50%, #FF6018 100%) !important;\r\n      -webkit-background-clip: text !important;\r\n      -webkit-text-fill-color: transparent !important;\r\n      background-clip: text !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-subtitle {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: clamp(15px, 1.6vw, 18px) !important;\r\n      color: #5a6275 !important;\r\n      max-width: 800px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.85 !important;\r\n      font-weight: 400 !important;\r\n    }\r\n\r\n    \/* === INDUSTRIES GRID === *\/\r\n    #cnc-industries-module-2024 .ind-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(4, 1fr) !important;\r\n      grid-template-rows: auto auto !important;\r\n      gap: 20px !important;\r\n    }\r\n\r\n    \/* === INDUSTRY CARD === *\/\r\n    #cnc-industries-module-2024 .ind-card {\r\n      background: #ffffff !important;\r\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n      border-radius: 0 !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;\r\n    }\r\n\r\n    \/* Corner Accents *\/\r\n    #cnc-industries-module-2024 .ind-card::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 20px !important;\r\n      height: 20px !important;\r\n      border-top: 2px solid #FF6018 !important;\r\n      border-left: 2px solid #FF6018 !important;\r\n      z-index: 3 !important;\r\n      transition: all 0.4s ease !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      right: 0 !important;\r\n      width: 20px !important;\r\n      height: 20px !important;\r\n      border-bottom: 2px solid #FF6018 !important;\r\n      border-right: 2px solid #FF6018 !important;\r\n      z-index: 3 !important;\r\n      transition: all 0.4s ease !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card:hover {\r\n      transform: translateY(-8px) !important;\r\n      border-color: rgba(255, 96, 24, 0.2) !important;\r\n      box-shadow: \r\n        0 25px 50px rgba(0, 0, 0, 0.1),\r\n        0 0 0 1px rgba(255, 96, 24, 0.1) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card:hover::before,\r\n    #cnc-industries-module-2024 .ind-card:hover::after {\r\n      width: 32px !important;\r\n      height: 32px !important;\r\n    }\r\n\r\n    \/* === CARD IMAGE CONTAINER === *\/\r\n    #cnc-industries-module-2024 .ind-card-image {\r\n      width: 100% !important;\r\n      aspect-ratio: 4 \/ 3 !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n      background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf2 100%) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card-image img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: contain !important;\r\n      padding: 16px !important;\r\n      transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card:hover .ind-card-image img {\r\n      transform: scale(1.05) !important;\r\n    }\r\n\r\n    \/* Image Frame Lines *\/\r\n    #cnc-industries-module-2024 .ind-card-image::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      inset: 12px !important;\r\n      border: 1px solid rgba(255, 96, 24, 0.12) !important;\r\n      pointer-events: none !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    \/* Scan Line Effect *\/\r\n    #cnc-industries-module-2024 .ind-card-image::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      height: 2px !important;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 96, 24, 0.5), transparent) !important;\r\n      opacity: 0 !important;\r\n      transition: opacity 0.3s ease !important;\r\n      z-index: 2 !important;\r\n      animation: ind-scan 2s linear infinite !important;\r\n      animation-play-state: paused !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card:hover .ind-card-image::after {\r\n      opacity: 1 !important;\r\n      animation-play-state: running !important;\r\n    }\r\n\r\n    @keyframes ind-scan {\r\n      0% { top: 0; }\r\n      100% { top: 100%; }\r\n    }\r\n\r\n    \/* === CERTIFICATION BADGE === *\/\r\n    #cnc-industries-module-2024 .ind-cert-badge {\r\n      position: absolute !important;\r\n      top: 20px !important;\r\n      right: 20px !important;\r\n      background: rgba(255, 255, 255, 0.95) !important;\r\n      backdrop-filter: blur(10px) !important;\r\n      -webkit-backdrop-filter: blur(10px) !important;\r\n      padding: 8px 14px !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 10px !important;\r\n      font-weight: 500 !important;\r\n      color: #FF6018 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1.5px !important;\r\n      border: 1px solid rgba(255, 96, 24, 0.3) !important;\r\n      z-index: 2 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 6px !important;\r\n      box-shadow: 0 2px 10px rgba(255, 96, 24, 0.1) !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-cert-badge::before {\r\n      content: '' !important;\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      background: #FF6018 !important;\r\n      border-radius: 50% !important;\r\n      box-shadow: 0 0 8px rgba(255, 96, 24, 0.6) !important;\r\n    }\r\n\r\n    \/* === CARD CONTENT === *\/\r\n    #cnc-industries-module-2024 .ind-card-content {\r\n      padding: 24px !important;\r\n      background: #ffffff !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card-content::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 24px !important;\r\n      right: 24px !important;\r\n      height: 1px !important;\r\n      background: linear-gradient(90deg, transparent, rgba(255, 96, 24, 0.25), transparent) !important;\r\n    }\r\n\r\n    \/* === H3 CARD TITLE === *\/\r\n    #cnc-industries-module-2024 h3.ind-card-title {\r\n      all: unset !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\r\n      font-size: 18px !important;\r\n      font-weight: 600 !important;\r\n      color: #1a1a2e !important;\r\n      margin-bottom: 10px !important;\r\n      line-height: 1.3 !important;\r\n      letter-spacing: -0.3px !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 h3.ind-card-title::before {\r\n      content: '' !important;\r\n      width: 3px !important;\r\n      height: 18px !important;\r\n      background: #FF6018 !important;\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card-desc {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 13px !important;\r\n      color: #6b7280 !important;\r\n      line-height: 1.7 !important;\r\n      font-weight: 400 !important;\r\n    }\r\n\r\n    \/* === COORDINATE DISPLAY === *\/\r\n    #cnc-industries-module-2024 .ind-coords {\r\n      position: absolute !important;\r\n      bottom: 20px !important;\r\n      left: 20px !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 9px !important;\r\n      color: rgba(255, 96, 24, 0.6) !important;\r\n      letter-spacing: 1px !important;\r\n      z-index: 2 !important;\r\n      background: rgba(255, 255, 255, 0.9) !important;\r\n      padding: 4px 8px !important;\r\n      border: 1px solid rgba(255, 96, 24, 0.15) !important;\r\n    }\r\n\r\n    \/* === RESPONSIVE DESIGN === *\/\r\n    @media screen and (max-width: 1200px) {\r\n      #cnc-industries-module-2024 .ind-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width:690px) {\r\n      #cnc-industries-module-2024 {\r\n        padding: 80px 20px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-header {\r\n        margin-bottom: 56px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 16px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-card-content {\r\n        padding: 20px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 h3.ind-card-title {\r\n        font-size: 16px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-ruler-h,\r\n      #cnc-industries-module-2024 .ind-crosshair,\r\n      #cnc-industries-module-2024 .ind-arc-deco,\r\n      #cnc-industries-module-2024 .ind-corner-bracket {\r\n        display: none !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 480px) {\r\n      #cnc-industries-module-2024 {\r\n        padding: 60px 16px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-badge {\r\n        font-size: 10px !important;\r\n        padding: 10px 20px !important;\r\n        letter-spacing: 2px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-card::before,\r\n      #cnc-industries-module-2024 .ind-card::after {\r\n        width: 14px !important;\r\n        height: 14px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-cert-badge {\r\n        font-size: 9px !important;\r\n        padding: 6px 10px !important;\r\n        top: 14px !important;\r\n        right: 14px !important;\r\n      }\r\n\r\n      #cnc-industries-module-2024 .ind-coords {\r\n        display: none !important;\r\n      }\r\n    }\r\n\r\n    \/* === ANIMATION ON SCROLL === *\/\r\n    #cnc-industries-module-2024 .ind-card {\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n    }\r\n\r\n    #cnc-industries-module-2024 .ind-card.ind-visible {\r\n      opacity: 1 !important;\r\n      transform: translateY(0) !important;\r\n      transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n    }\r\n  <\/style> <!-- Decorative Elements -->\r\n<div class=\"ind-corner-bracket ind-corner-bracket-tl\">\u00a0<\/div>\r\n<div class=\"ind-corner-bracket ind-corner-bracket-br\">\u00a0<\/div>\r\n<div class=\"ind-ruler-h\">\u00a0<\/div>\r\n<div class=\"ind-crosshair ind-crosshair-1\">\u00a0<\/div>\r\n<div class=\"ind-crosshair ind-crosshair-2\">\u00a0<\/div>\r\n<div class=\"ind-arc-deco ind-arc-1\">\u00a0<\/div>\r\n<div class=\"ind-arc-deco ind-arc-2\">\u00a0<\/div>\r\n<div class=\"ind-container\"><!-- Header Section -->\r\n<div class=\"ind-header\">\r\n<div class=\"ind-badge\">Industries We Serve<\/div>\r\n<h2 class=\"ind-main-title\">CNC Milling <span class=\"ind-title-accent\">Expertise<\/span> Across Industries<\/h2>\r\n<div class=\"ind-subtitle\">We have the knowledge of the different industries, from the aerospace industry compliance with AS9100D to the manufacturing of the medical devices that are under the FDA control.<\/div>\r\n<\/div>\r\n<!-- Industries Grid -->\r\n<div class=\"ind-grid\"><!-- Aerospace -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Components-that-are-flight-critical-for-both-commercial-and-defense-applications.png\" alt=\"Aerospace CNC Milling Components\" \/> <span class=\"ind-cert-badge\">AS9100D<\/span> <span class=\"ind-coords\">X:0.000 Y:0.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Aerospace<\/h3>\r\n<div class=\"ind-card-desc\">AS9100D certified. Components that are flight-critical for both commercial and defense applications.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Medical Devices -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Parts-of-surgical-instruments.png\" alt=\"Medical Device CNC Milling Parts\" \/> <span class=\"ind-cert-badge\">ISO 13485<\/span> <span class=\"ind-coords\">X:1.000 Y:0.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Medical Devices<\/h3>\r\n<div class=\"ind-card-desc\">ISO 13485 certified. Parts of surgical instruments, implants, and diagnostic equipment.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Automotive -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Parts-and-tools-for-EV.png\" alt=\"Automotive CNC Milling Parts\" \/> <span class=\"ind-cert-badge\">IATF 16949<\/span> <span class=\"ind-coords\">X:2.000 Y:0.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Automotive<\/h3>\r\n<div class=\"ind-card-desc\">IATF 16949 certified skill. Parts and tools for EV, powertrain, and custom-made tools.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Electronics -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Manufacturing-of-precision-enclosures.png\" alt=\"Electronics CNC Milling Components\" \/> <span class=\"ind-cert-badge\">Precision<\/span> <span class=\"ind-coords\">X:3.000 Y:0.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Electronics<\/h3>\r\n<div class=\"ind-card-desc\">Manufacturing of precision enclosures, heat sinks, and semiconductor processing instruments.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Defense -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Components-for-weapon-systems.png\" alt=\"Defense CNC Milling Components\" \/> <span class=\"ind-cert-badge\">ITAR<\/span> <span class=\"ind-coords\">X:0.000 Y:1.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Defense<\/h3>\r\n<div class=\"ind-card-desc\">ITAR certified. Components for weapon systems, communications equipment, and armor.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Robotics -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Prototyping-of-custom-actuator-housings.png\" alt=\"Robotics CNC Milling Parts\" \/> <span class=\"ind-cert-badge\">Custom<\/span> <span class=\"ind-coords\">X:1.000 Y:1.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Robotics<\/h3>\r\n<div class=\"ind-card-desc\">Prototyping of custom actuator housings, end effectors, and support structures.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Energy -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Components-for-oil-gas.png\" alt=\"Energy Sector CNC Milling Components\" \/> <span class=\"ind-cert-badge\">Industrial<\/span> <span class=\"ind-coords\">X:2.000 Y:1.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Energy<\/h3>\r\n<div class=\"ind-card-desc\">Components for oil &amp; gas, renewable energy, and power generation equipment.<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Industrial -->\r\n<div class=\"ind-card\">\r\n<div class=\"ind-card-image\"><img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/Manufacturing-equipment.png\" alt=\"Industrial Manufacturing CNC Components\" \/> <span class=\"ind-cert-badge\">Heavy Duty<\/span> <span class=\"ind-coords\">X:3.000 Y:1.000<\/span><\/div>\r\n<div class=\"ind-card-content\">\r\n<h3 class=\"ind-card-title\">Industrial<\/h3>\r\n<div class=\"ind-card-desc\">Manufacturing equipment, tooling, fixtures, and automation components.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\n    (function() {\r\n      \/\/ Scoped scroll animation for Industries module\r\n      var indModule = document.getElementById('cnc-industries-module-2024');\r\n      if (!indModule) return;\r\n\r\n      var cards = indModule.querySelectorAll('.ind-card');\r\n      \r\n      var observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px 0px -60px 0px',\r\n        threshold: 0.1\r\n      };\r\n\r\n      var handleIntersect = function(entries, observer) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            var card = entry.target;\r\n            var cardIndex = Array.prototype.indexOf.call(cards, card);\r\n            setTimeout(function() {\r\n              card.classList.add('ind-visible');\r\n            }, cardIndex * 100);\r\n            observer.unobserve(card);\r\n          }\r\n        });\r\n      };\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(handleIntersect, observerOptions);\r\n        cards.forEach(function(card) {\r\n          observer.observe(card);\r\n        });\r\n      } else {\r\n        \/\/ Fallback: make cards visible immediately\r\n        cards.forEach(function(card) {\r\n          card.classList.add('ind-visible');\r\n        });\r\n      }\r\n    })();\r\n  <\/script><\/section>\r\n<!-- End Industries We Serve Module -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-dad33df\" data-block-id=\"dad33df\"><style>.stk-dad33df {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-dad33df-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-052626d\" data-v=\"4\" data-block-id=\"052626d\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-052626d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-052626d-inner-blocks\">\n<section id=\"cnc-specs-process-module-2024\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');\n\n    \/* === RESET & BASE SCOPED TO MODULE === *\/\n    #cnc-specs-process-module-2024 *,\n    #cnc-specs-process-module-2024 *::before,\n    #cnc-specs-process-module-2024 *::after {\n      box-sizing: border-box !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    #cnc-specs-process-module-2024 {\n      width: 100% !important;\n      max-width: 100% !important;\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n      background: linear-gradient(180deg, #f8f9fb 0%, #f1f3f7 50%, #eaecf2 100%) !important;\n      padding: 60px 24px !important;\n      color: #1a1a2e !important;\n      line-height: 1.6 !important;\n      overflow: hidden !important;\n      position: relative !important;\n    }\n\n    \/* === MACHINING BLUEPRINT GRID === *\/\n    #cnc-specs-process-module-2024::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      right: 0 !important;\n      bottom: 0 !important;\n      background-image: \n        linear-gradient(rgba(255, 96, 24, 0.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 96, 24, 0.035) 1px, transparent 1px) !important;\n      background-size: 60px 60px !important;\n      pointer-events: none !important;\n    }\n\n    \/* === TECHNICAL DECORATIONS === *\/\n    #cnc-specs-process-module-2024 .spec-deco-ruler-v {\n      position: absolute !important;\n      left: 30px !important;\n      top: 200px !important;\n      bottom: 200px !important;\n      width: 20px !important;\n      display: flex !important;\n      flex-direction: column !important;\n      justify-content: space-between !important;\n      align-items: flex-end !important;\n      pointer-events: none !important;\n      opacity: 0.4 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-tick {\n      height: 1px !important;\n      background: #FF6018 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-tick-lg { width: 16px !important; }\n    #cnc-specs-process-module-2024 .spec-tick-md { width: 10px !important; }\n    #cnc-specs-process-module-2024 .spec-tick-sm { width: 5px !important; }\n\n    #cnc-specs-process-module-2024 .spec-deco-crosshair {\n      position: absolute !important;\n      width: 50px !important;\n      height: 50px !important;\n      pointer-events: none !important;\n      opacity: 0.25 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-deco-crosshair::before,\n    #cnc-specs-process-module-2024 .spec-deco-crosshair::after {\n      content: '' !important;\n      position: absolute !important;\n      background: #FF6018 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-deco-crosshair::before {\n      top: 50% !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 1px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-deco-crosshair::after {\n      left: 50% !important;\n      top: 0 !important;\n      width: 1px !important;\n      height: 100% !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-crosshair-1 {\n      top: 10% !important;\n      right: 8% !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-crosshair-2 {\n      bottom: 15% !important;\n      left: 10% !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-deco-circle {\n      position: absolute !important;\n      border: 1px dashed rgba(255, 96, 24, 0.15) !important;\n      border-radius: 50% !important;\n      pointer-events: none !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-circle-1 {\n      top: -80px !important;\n      right: -80px !important;\n      width: 300px !important;\n      height: 300px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-circle-2 {\n      bottom: -100px !important;\n      left: -100px !important;\n      width: 350px !important;\n      height: 350px !important;\n    }\n\n    \/* === CONTAINER === *\/\n    #cnc-specs-process-module-2024 .spec-container {\n      max-width: 1300px !important;\n      margin: 0 auto !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    \/* === SECTION HEADER === *\/\n    #cnc-specs-process-module-2024 .spec-header {\n      text-align: center !important;\n      margin-bottom: 64px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-badge {\n      display: inline-flex !important;\n      align-items: center !important;\n      gap: 14px !important;\n      background: #ffffff !important;\n      border: 1px solid rgba(255, 96, 24, 0.2) !important;\n      padding: 10px 24px !important;\n      margin-bottom: 28px !important;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 11px !important;\n      font-weight: 500 !important;\n      color: #FF6018 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 2.5px !important;\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-badge::before,\n    #cnc-specs-process-module-2024 .spec-badge::after {\n      content: '' !important;\n      width: 6px !important;\n      height: 6px !important;\n      background: #FF6018 !important;\n      transform: rotate(45deg) !important;\n    }\n\n    \/* === H2 MAIN TITLE === *\/\n    #cnc-specs-process-module-2024 h2.spec-main-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: clamp(32px, 4.5vw, 52px) !important;\n      font-weight: 700 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 20px !important;\n      letter-spacing: -1.5px !important;\n      line-height: 1.15 !important;\n    }\n\n    #cnc-specs-process-module-2024 h2.spec-main-title .spec-title-accent {\n      background: linear-gradient(135deg, #FF6018 0%, #ff8a50 100%) !important;\n      -webkit-background-clip: text !important;\n      -webkit-text-fill-color: transparent !important;\n      background-clip: text !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-subtitle {\n      font-family: 'Inter', sans-serif !important;\n      font-size: clamp(15px, 1.5vw, 17px) !important;\n      color: #5a6275 !important;\n      max-width: 800px !important;\n      margin: 0 auto !important;\n      line-height: 1.8 !important;\n    }\n\n    \/* ============================================\n       TECHNICAL SPECIFICATIONS TABLE SECTION\n       ============================================ *\/\n    #cnc-specs-process-module-2024 .spec-table-wrapper {\n      background: #ffffff !important;\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\n      position: relative !important;\n      margin-bottom: 100px !important;\n      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;\n    }\n\n    \/* Corner Accents *\/\n    #cnc-specs-process-module-2024 .spec-table-wrapper::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 28px !important;\n      height: 28px !important;\n      border-top: 3px solid #FF6018 !important;\n      border-left: 3px solid #FF6018 !important;\n      z-index: 2 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-wrapper::after {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 0 !important;\n      right: 0 !important;\n      width: 28px !important;\n      height: 28px !important;\n      border-bottom: 3px solid #FF6018 !important;\n      border-right: 3px solid #FF6018 !important;\n      z-index: 2 !important;\n    }\n\n    \/* Table Header Bar *\/\n    #cnc-specs-process-module-2024 .spec-table-header {\n      background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%) !important;\n      padding: 20px 28px !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: space-between !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-header-title {\n      font-family: 'Space Grotesk', sans-serif !important;\n      font-size: 16px !important;\n      font-weight: 600 !important;\n      color: #ffffff !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 12px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-header-title::before {\n      content: '' !important;\n      width: 4px !important;\n      height: 20px !important;\n      background: #FF6018 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-header-badge {\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 10px !important;\n      color: rgba(255, 255, 255, 0.6) !important;\n      letter-spacing: 1.5px !important;\n      display: flex !important;\n      align-items: center !important;\n      gap: 8px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-header-badge::before {\n      content: '' !important;\n      width: 8px !important;\n      height: 8px !important;\n      background: #22c55e !important;\n      border-radius: 50% !important;\n      box-shadow: 0 0 8px rgba(34, 197, 94, 0.5) !important;\n    }\n\n    \/* Table Container *\/\n    #cnc-specs-process-module-2024 .spec-table-container {\n      overflow-x: auto !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table {\n      width: 100% !important;\n      border-collapse: collapse !important;\n      min-width: 800px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table thead {\n      background: linear-gradient(180deg, #f8f9fb 0%, #f1f3f6 100%) !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th {\n      padding: 18px 24px !important;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 11px !important;\n      font-weight: 600 !important;\n      color: #6b7280 !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1.5px !important;\n      text-align: left !important;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n      white-space: nowrap !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th:first-child {\n      padding-left: 28px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th:not(:first-child) {\n      text-align: center !important;\n    }\n\n    \/* Precision Level Headers *\/\n    #cnc-specs-process-module-2024 .spec-table th.spec-level-standard {\n      color: #6b7280 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th.spec-level-precision {\n      color: #FF6018 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th.spec-level-ultra {\n      color: #1a1a2e !important;\n      position: relative !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table th.spec-level-ultra::after {\n      content: '\u2605' !important;\n      margin-left: 6px !important;\n      color: #FF6018 !important;\n      font-size: 10px !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table tbody tr {\n      transition: background 0.2s ease !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table tbody tr:hover {\n      background: rgba(255, 96, 24, 0.02) !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table td {\n      padding: 20px 24px !important;\n      font-family: 'Inter', sans-serif !important;\n      font-size: 14px !important;\n      color: #374151 !important;\n      border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;\n      vertical-align: middle !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table td:first-child {\n      padding-left: 28px !important;\n      font-weight: 600 !important;\n      color: #1a1a2e !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table td:not(:first-child) {\n      text-align: center !important;\n      font-family: 'JetBrains Mono', monospace !important;\n      font-size: 13px !important;\n    }\n\n    \/* Special Row Styling *\/\n    #cnc-specs-process-module-2024 .spec-table tr.spec-row-highlight td {\n      background: linear-gradient(90deg, rgba(255, 96, 24, 0.03) 0%, transparent 100%) !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-table tr.spec-row-full td:not(:first-child) {\n      color: #6b7280 !important;\n    }\n\n    \/* Value Tags *\/\n    #cnc-specs-process-module-2024 .spec-value {\n      display: inline-block !important;\n      padding: 6px 14px !important;\n      background: #f3f4f6 !important;\n      border-radius: 2px !important;\n      font-weight: 500 !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-value-highlight {\n      background: rgba(255, 96, 24, 0.08) !important;\n      color: #FF6018 !important;\n      border: 1px solid rgba(255, 96, 24, 0.15) !important;\n    }\n\n    #cnc-specs-process-module-2024 .spec-value-premium {\n      background: linear-gradient(135deg, rgba(255, 96, 24, 0.1) 0%, rgba(255, 138, 80, 0.1) 100%) !important;\n      color: #d45215 !important;\n      border: 1px solid rgba(255, 96, 24, 0.2) !important;\n      font-weight: 600 !important;\n    }\n\n    \/* Full Width Value *\/\n    #cnc-specs-process-module-2024 .spec-full-value {\n      grid-column: span 3 !important;\n    }\n\n    \/* ============================================\n       HOW IT WORKS SECTION\n       ============================================ *\/\n    #cnc-specs-process-module-2024 .process-section {\n      margin-top: 40px !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-header {\n      text-align: center !important;\n      margin-bottom: 64px !important;\n    }\n\n    \/* === H2 PROCESS TITLE === *\/\n    #cnc-specs-process-module-2024 h2.process-main-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: clamp(32px, 4.5vw, 52px) !important;\n      font-weight: 700 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 20px !important;\n      letter-spacing: -1.5px !important;\n      line-height: 1.15 !important;\n    }\n\n    #cnc-specs-process-module-2024 h2.process-main-title .process-title-accent {\n      background: linear-gradient(135deg, #FF6018 0%, #ff8a50 100%) !important;\n      -webkit-background-clip: text !important;\n      -webkit-text-fill-color: transparent !important;\n      background-clip: text !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-subtitle {\n      font-family: 'Inter', sans-serif !important;\n      font-size: clamp(15px, 1.5vw, 17px) !important;\n      color: #5a6275 !important;\n      max-width: 700px !important;\n      margin: 0 auto !important;\n      line-height: 1.8 !important;\n    }\n\n    \/* Process Timeline Grid *\/\n    #cnc-specs-process-module-2024 .process-grid {\n      display: grid !important;\n      grid-template-columns: repeat(4, 1fr) !important;\n      gap: 0 !important;\n      position: relative !important;\n    }\n\n    \/* Connection Line *\/\n    #cnc-specs-process-module-2024 .process-grid::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 52px !important;\n      left: 12.5% !important;\n      right: 12.5% !important;\n      height: 2px !important;\n      background: linear-gradient(90deg, #FF6018 0%, rgba(255, 96, 24, 0.3) 50%, #FF6018 100%) !important;\n      z-index: 0 !important;\n    }\n\n    \/* Process Step Card *\/\n    #cnc-specs-process-module-2024 .process-step {\n      position: relative !important;\n      z-index: 1 !important;\n      padding: 0 16px !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step-inner {\n      background: #ffffff !important;\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\n      padding: 32px 24px !important;\n      text-align: center !important;\n      position: relative !important;\n      transition: all 0.4s ease !important;\n      height: 100% !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step-inner::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 16px !important;\n      height: 16px !important;\n      border-top: 2px solid #FF6018 !important;\n      border-left: 2px solid #FF6018 !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step-inner::after {\n      content: '' !important;\n      position: absolute !important;\n      bottom: 0 !important;\n      right: 0 !important;\n      width: 16px !important;\n      height: 16px !important;\n      border-bottom: 2px solid #FF6018 !important;\n      border-right: 2px solid #FF6018 !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step:hover .process-step-inner {\n      transform: translateY(-6px) !important;\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;\n      border-color: rgba(255, 96, 24, 0.15) !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step:hover .process-step-inner::before,\n    #cnc-specs-process-module-2024 .process-step:hover .process-step-inner::after {\n      width: 24px !important;\n      height: 24px !important;\n    }\n\n    \/* Step Number *\/\n    #cnc-specs-process-module-2024 .process-number {\n      width: 56px !important;\n      height: 56px !important;\n      background: linear-gradient(135deg, #FF6018 0%, #ff7a30 100%) !important;\n      border-radius: 0 !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      margin: 0 auto 24px !important;\n      font-family: 'Space Grotesk', sans-serif !important;\n      font-size: 24px !important;\n      font-weight: 700 !important;\n      color: #ffffff !important;\n      position: relative !important;\n      box-shadow: 0 8px 24px rgba(255, 96, 24, 0.3) !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-number::before {\n      content: '' !important;\n      position: absolute !important;\n      inset: -4px !important;\n      border: 1px solid rgba(255, 96, 24, 0.3) !important;\n    }\n\n    \/* === H3 STEP TITLE === *\/\n    #cnc-specs-process-module-2024 h3.process-step-title {\n      all: unset !important;\n      display: block !important;\n      font-family: 'Space Grotesk', 'Inter', sans-serif !important;\n      font-size: 17px !important;\n      font-weight: 600 !important;\n      color: #1a1a2e !important;\n      margin-bottom: 12px !important;\n      line-height: 1.3 !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step-desc {\n      font-family: 'Inter', sans-serif !important;\n      font-size: 13.5px !important;\n      color: #6b7280 !important;\n      line-height: 1.7 !important;\n    }\n\n    \/* Step Icon Indicator *\/\n    #cnc-specs-process-module-2024 .process-step-icon {\n      width: 40px !important;\n      height: 40px !important;\n      margin: 20px auto 0 !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      background: rgba(255, 96, 24, 0.06) !important;\n      border: 1px solid rgba(255, 96, 24, 0.12) !important;\n    }\n\n    #cnc-specs-process-module-2024 .process-step-icon svg {\n      width: 20px !important;\n      height: 20px !important;\n      stroke: #FF6018 !important;\n      stroke-width: 1.5 !important;\n      fill: none !important;\n    }\n\n    \/* === RESPONSIVE DESIGN === *\/\n    @media screen and (max-width: 1100px) {\n      #cnc-specs-process-module-2024 .process-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n        gap: 20px !important;\n      }\n\n      #cnc-specs-process-module-2024 .process-grid::before {\n        display: none !important;\n      }\n    }\n\n    @media screen and (max-width:690px) {\n      #cnc-specs-process-module-2024 {\n        padding: 80px 20px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-header,\n      #cnc-specs-process-module-2024 .process-header {\n        margin-bottom: 48px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-table-wrapper {\n        margin-bottom: 80px !important;\n      }\n\n      #cnc-specs-process-module-2024 .process-grid {\n        grid-template-columns: 1fr !important;\n        gap: 16px !important;\n      }\n\n      #cnc-specs-process-module-2024 .process-step {\n        padding: 0 !important;\n      }\n\n      #cnc-specs-process-module-2024 .process-step-inner {\n        padding: 28px 20px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-deco-ruler-v,\n      #cnc-specs-process-module-2024 .spec-deco-crosshair,\n      #cnc-specs-process-module-2024 .spec-deco-circle {\n        display: none !important;\n      }\n    }\n\n    @media screen and (max-width: 480px) {\n      #cnc-specs-process-module-2024 {\n        padding: 60px 16px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-badge {\n        font-size: 10px !important;\n        padding: 8px 18px !important;\n        letter-spacing: 2px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-table th,\n      #cnc-specs-process-module-2024 .spec-table td {\n        padding: 14px 12px !important;\n        font-size: 12px !important;\n      }\n\n      #cnc-specs-process-module-2024 .spec-table td:first-child,\n      #cnc-specs-process-module-2024 .spec-table th:first-child {\n        padding-left: 16px !important;\n      }\n\n      #cnc-specs-process-module-2024 .process-number {\n        width: 48px !important;\n        height: 48px !important;\n        font-size: 20px !important;\n      }\n\n      #cnc-specs-process-module-2024 h3.process-step-title {\n        font-size: 16px !important;\n      }\n    }\n\n    \/* === SCROLL ANIMATIONS === *\/\n    #cnc-specs-process-module-2024 .spec-table-wrapper,\n    #cnc-specs-process-module-2024 .process-step {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    #cnc-specs-process-module-2024 .spec-table-wrapper.spec-visible,\n    #cnc-specs-process-module-2024 .process-step.spec-visible {\n      opacity: 1 !important;\n      transform: translateY(0) !important;\n      transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    }\n  <\/style>\n\n  <div class=\"spec-deco-ruler-v\">\n    <div class=\"spec-tick spec-tick-lg\"><\/div>\n    <div class=\"spec-tick spec-tick-sm\"><\/div>\n    <div class=\"spec-tick spec-tick-md\"><\/div>\n    <div class=\"spec-tick spec-tick-sm\"><\/div>\n    <div class=\"spec-tick spec-tick-sm\"><\/div>\n    <div class=\"spec-tick spec-tick-lg\"><\/div>\n    <div class=\"spec-tick spec-tick-sm\"><\/div>\n    <div class=\"spec-tick spec-tick-md\"><\/div>\n    <div class=\"spec-tick spec-tick-sm\"><\/div>\n    <div class=\"spec-tick spec-tick-lg\"><\/div>\n  <\/div>\n  <div class=\"spec-deco-crosshair spec-crosshair-1\"><\/div>\n  <div class=\"spec-deco-crosshair spec-crosshair-2\"><\/div>\n  <div class=\"spec-deco-circle spec-circle-1\"><\/div>\n  <div class=\"spec-deco-circle spec-circle-2\"><\/div>\n\n  <div class=\"spec-container\">\n    <div class=\"spec-header\">\n      <div class=\"spec-badge\">Technical Specifications<\/div>\n      <h2 class=\"spec-main-title\">Our <span class=\"spec-title-accent\">CNC Milling<\/span> Capabilities<\/h2>\n      <div class=\"spec-subtitle\">We employ cutting-edge technologies and stringent quality control measures throughout the process in order to ensure that we are able to produce parts that meet or exceed your highest demands.<\/div>\n    <\/div>\n\n    <div class=\"spec-table-wrapper\">\n      <div class=\"spec-table-header\">\n        <div class=\"spec-table-header-title\">Capability Matrix<\/div>\n        <div class=\"spec-table-header-badge\">LIVE SPECS<\/div>\n      <\/div>\n      <div class=\"spec-table-container\">\n        <table class=\"spec-table\">\n          <thead>\n            <tr>\n              <th>Capability<\/th>\n              <th class=\"spec-level-standard\">Standard<\/th>\n              <th class=\"spec-level-precision\">Precision<\/th>\n              <th class=\"spec-level-ultra\">Ultra-Precision<\/th>\n            <\/tr>\n          <\/thead>\n          <tbody>\n            <tr class=\"spec-row-highlight\">\n              <td>Linear Tolerance<\/td>\n              <td><span class=\"spec-value\">\u00b10.127mm (\u00b10.005&#8243;)<\/span><\/td>\n              <td><span class=\"spec-value spec-value-highlight\">\u00b10.05mm (\u00b10.002&#8243;)<\/span><\/td>\n              <td><span class=\"spec-value spec-value-premium\">\u00b10.01mm (\u00b10.0004&#8243;)<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td>Surface Finish (Ra)<\/td>\n              <td><span class=\"spec-value\">3.2 \u00b5m<\/span><\/td>\n              <td><span class=\"spec-value spec-value-highlight\">1.6 \u00b5m<\/span><\/td>\n              <td><span class=\"spec-value spec-value-premium\">0.4 \u00b5m<\/span><\/td>\n            <\/tr>\n            <tr class=\"spec-row-full\">\n              <td>Maximum Part Size<\/td>\n              <td colspan=\"3\"><span class=\"spec-value\">2000 x 1000 x 800mm (78&#8243; x 40&#8243; x 32&#8243;)<\/span><\/td>\n            <\/tr>\n            <tr class=\"spec-row-full\">\n              <td>Minimum Feature Size<\/td>\n              <td colspan=\"3\"><span class=\"spec-value\">0.5mm (0.020&#8243;)<\/span><\/td>\n            <\/tr>\n            <tr class=\"spec-row-full\">\n              <td>Minimum Wall Thickness<\/td>\n              <td colspan=\"3\"><span class=\"spec-value\">0.5mm for metals, 1.0mm for plastics<\/span><\/td>\n            <\/tr>\n            <tr class=\"spec-row-full\">\n              <td>Thread Sizes<\/td>\n              <td colspan=\"3\"><span class=\"spec-value\">M1.6 and larger, #0-80 and larger<\/span><\/td>\n            <\/tr>\n            <tr>\n              <td>Lead Time<\/td>\n              <td><span class=\"spec-value\">5-10 days<\/span><\/td>\n              <td><span class=\"spec-value spec-value-highlight\">7-14 days<\/span><\/td>\n              <td><span class=\"spec-value spec-value-premium\">10-21 days<\/span><\/td>\n            <\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n    <\/div>\n\n    <div class=\"process-section\">\n      <div class=\"process-header\">\n        <div class=\"spec-badge\">How It Works<\/div>\n        <h2 class=\"process-main-title\">A Simple <span class=\"process-title-accent\">4-Step<\/span> Process<\/h2>\n        <div class=\"process-subtitle\">From the moment the quote is made until the delivery is done, we ensure that the precision CNC milling process is both easy and visible to the customer.<\/div>\n      <\/div>\n\n      <div class=\"process-grid\">\n\n        <div class=\"process-step\">\n          <div class=\"process-step-inner\">\n            <div class=\"process-number\">1<\/div>\n            <h3 class=\"process-step-title\">Upload Your Design<\/h3>\n            <div class=\"process-step-desc\">You can submit your CAD file (STEP, IGES, DXF) via our secure portal. Support for 2D drawings is included as well.<\/div>\n            <div class=\"process-step-icon\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" \/>\n                <polyline points=\"17 8 12 3 7 8\" \/>\n                <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"process-step\">\n          <div class=\"process-step-inner\">\n            <div class=\"process-number\">2<\/div>\n            <h3 class=\"process-step-title\">Get an Instant Quote<\/h3>\n            <div class=\"process-step-desc\">You will get the price in one day along with a free DFM analysis. Our engineers will take a look at complex parts within 24 hours.<\/div>\n            <div class=\"process-step-icon\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\n                <polyline points=\"14 2 14 8 20 8\" \/>\n                <polygon points=\"13 18 11 14 15 14 13 10\" style=\"fill:rgba(255,96,24,0.2); stroke:inherit;\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"process-step\">\n          <div class=\"process-step-inner\">\n            <div class=\"process-number\">3<\/div>\n            <h3 class=\"process-step-title\">Production Starts<\/h3>\n            <div class=\"process-step-desc\">As soon as the order is finalized, your parts are added to our production queue. You can monitor the progress in real-time on your dashboard.<\/div>\n            <div class=\"process-step-icon\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle cx=\"12\" cy=\"12\" r=\"3\" \/>\n                <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"process-step\">\n          <div class=\"process-step-inner\">\n            <div class=\"process-number\">4<\/div>\n            <h3 class=\"process-step-title\">Quality Control &amp; Delivery<\/h3>\n            <div class=\"process-step-desc\">Each part gets a thorough inspection. You will get CMM reports, material certificates, and the costs of shipping to your location.<\/div>\n            <div class=\"process-step-icon\">\n              <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\" \/>\n                <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\" \/>\n                <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\" \/>\n                <polyline points=\"8 10 10 12 16 7\" style=\"stroke-width:2; stroke:rgba(255,96,24,1); fill:none;\" \/>\n              <\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      var specModule = document.getElementById('cnc-specs-process-module-2024');\n      if (!specModule) return;\n\n      var animatedElements = specModule.querySelectorAll('.spec-table-wrapper, .process-step');\n      \n      var observerOptions = {\n        root: null,\n        rootMargin: '0px 0px -50px 0px',\n        threshold: 0.1\n      };\n\n      var handleIntersect = function(entries, observer) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            var el = entry.target;\n            var allElements = Array.prototype.slice.call(animatedElements);\n            var index = allElements.indexOf(el);\n            setTimeout(function() {\n              el.classList.add('spec-visible');\n            }, index * 100);\n            observer.unobserve(el);\n          }\n        });\n      };\n\n      if ('IntersectionObserver' in window) {\n        var observer = new IntersectionObserver(handleIntersect, observerOptions);\n        animatedElements.forEach(function(el) {\n          observer.observe(el);\n        });\n      } else {\n        animatedElements.forEach(function(el) {\n          el.classList.add('spec-visible');\n        });\n      }\n    })();\n  <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-87f1bed\" data-block-id=\"87f1bed\"><style>.stk-87f1bed {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-87f1bed-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-051fbf9\" data-v=\"4\" data-block-id=\"051fbf9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-051fbf9-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-051fbf9-inner-blocks\">\n<!-- \r\n    CNC Machining Calculator Tool\r\n    Combines: Cost Estimator + Tap & Drill Calculator\r\n    WordPress Custom HTML Module with Semantic H2\/H3 Tags\r\n    Compatible with: Gutenberg, Blocksy, Stackable, Astra, Elementor\r\n    Version: 2.0\r\n-->\r\n<section id=\"cnc-machining-calculator-2024\"><style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');\r\n        \r\n        \/* ========== RESET & CONTAINER ========== *\/\r\n        #cnc-machining-calculator-2024 *,\r\n        #cnc-machining-calculator-2024 *::before,\r\n        #cnc-machining-calculator-2024 *::after {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 {\r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n            background: linear-gradient(180deg, #0a0a0a 0%, #141414 100%) !important;\r\n            padding: 80px 20px !important;\r\n            color: #ffffff !important;\r\n            line-height: 1.6 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-wrapper {\r\n            max-width: 1300px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n        \r\n        \/* ========== SEMANTIC HEADINGS - Override Theme Styles ========== *\/\r\n        #cnc-machining-calculator-2024 h2.cmc-main-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: clamp(32px, 5vw, 48px) !important;\r\n            font-weight: 800 !important;\r\n            color: #ffffff !important;\r\n            text-align: center !important;\r\n            margin: 0 0 20px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.2 !important;\r\n            letter-spacing: -0.02em !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 h2.cmc-main-title span {\r\n            color: #FF6018 !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            -webkit-background-clip: text !important;\r\n            -webkit-text-fill-color: transparent !important;\r\n            background-clip: text !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 h3.cmc-section-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 22px !important;\r\n            font-weight: 700 !important;\r\n            color: #ffffff !important;\r\n            margin: 0 0 25px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.3 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 12px !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 h3.cmc-tab-title {\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 18px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n            margin: 0 0 20px 0 !important;\r\n            padding: 0 !important;\r\n            line-height: 1.4 !important;\r\n            background: none !important;\r\n            border: none !important;\r\n            text-transform: none !important;\r\n        }\r\n        \r\n        \/* ========== HEADER ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-header {\r\n            text-align: center !important;\r\n            margin-bottom: 50px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-badge {\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 8px !important;\r\n            background: rgba(255, 96, 24, 0.1) !important;\r\n            color: #FF6018 !important;\r\n            padding: 10px 20px !important;\r\n            border-radius: 50px !important;\r\n            font-size: 13px !important;\r\n            font-weight: 600 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1.5px !important;\r\n            margin-bottom: 25px !important;\r\n            border: 1px solid rgba(255, 96, 24, 0.25) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-badge-dot {\r\n            width: 8px !important;\r\n            height: 8px !important;\r\n            background: #FF6018 !important;\r\n            border-radius: 50% !important;\r\n            animation: cmcPulse 2s infinite !important;\r\n        }\r\n        \r\n        @keyframes cmcPulse {\r\n            0%, 100% { opacity: 1; transform: scale(1); }\r\n            50% { opacity: 0.5; transform: scale(0.8); }\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-subtitle {\r\n            font-size: 17px !important;\r\n            color: #888888 !important;\r\n            max-width: 700px !important;\r\n            margin: 0 auto !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n        \r\n        \/* ========== TAB NAVIGATION ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-tabs {\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            gap: 12px !important;\r\n            margin-bottom: 40px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-tab-btn {\r\n            padding: 16px 32px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            color: #888888 !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-tab-btn:hover {\r\n            background: rgba(255, 96, 24, 0.08) !important;\r\n            border-color: rgba(255, 96, 24, 0.3) !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-tab-btn.active {\r\n            background: linear-gradient(135deg, #FF6018 0%, #e55515 100%) !important;\r\n            border-color: #FF6018 !important;\r\n            color: #ffffff !important;\r\n            box-shadow: 0 8px 25px rgba(255, 96, 24, 0.3) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-tab-icon {\r\n            font-size: 20px !important;\r\n        }\r\n        \r\n        \/* ========== TAB CONTENT ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-tab-content {\r\n            display: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-tab-content.active {\r\n            display: block !important;\r\n            animation: cmcFadeIn 0.4s ease !important;\r\n        }\r\n        \r\n        @keyframes cmcFadeIn {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        \/* ========== GRID LAYOUTS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-grid-2 {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 30px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-grid-sidebar {\r\n            display: grid !important;\r\n            grid-template-columns: 380px 1fr !important;\r\n            gap: 30px !important;\r\n        }\r\n        \r\n        @media (max-width:1000px) {\r\n            #cnc-machining-calculator-2024 .cmc-grid-2,\r\n            #cnc-machining-calculator-2024 .cmc-grid-sidebar {\r\n                grid-template-columns: 1fr !important;\r\n            }\r\n        }\r\n        \r\n        \/* ========== CARDS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-card {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            border-radius: 20px !important;\r\n            padding: 30px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-card-highlight {\r\n            background: linear-gradient(135deg, rgba(255, 96, 24, 0.08) 0%, rgba(255, 96, 24, 0.02) 100%) !important;\r\n            border-color: rgba(255, 96, 24, 0.2) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-card-icon {\r\n            width: 48px !important;\r\n            height: 48px !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #ff8c42 100%) !important;\r\n            border-radius: 14px !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 22px !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n        \r\n        \/* ========== FORM ELEMENTS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-form-group {\r\n            margin-bottom: 20px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-label {\r\n            display: block !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            color: #666666 !important;\r\n            margin-bottom: 8px !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.8px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-select,\r\n        #cnc-machining-calculator-2024 .cmc-input {\r\n            width: 100% !important;\r\n            padding: 16px 18px !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 10px !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 15px !important;\r\n            line-height: 1.5 !important;\r\n            height: auto !important;\r\n            min-height: 56px !important;\r\n            transition: all 0.3s ease !important;\r\n            appearance: none !important;\r\n            -webkit-appearance: none !important;\r\n            -moz-appearance: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-select {\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'\/%3E%3C\/svg%3E\") !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: right 18px center !important;\r\n            padding-right: 50px !important;\r\n            cursor: pointer !important;\r\n            white-space: nowrap !important;\r\n            overflow: hidden !important;\r\n            text-overflow: ellipsis !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-select option {\r\n            background: #1a1a1a !important;\r\n            color: #ffffff !important;\r\n            padding: 14px 16px !important;\r\n            font-size: 14px !important;\r\n            line-height: 1.5 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-select:focus,\r\n        #cnc-machining-calculator-2024 .cmc-input:focus {\r\n            outline: none !important;\r\n            border-color: #FF6018 !important;\r\n            box-shadow: 0 0 0 3px rgba(255, 96, 24, 0.12) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-input::placeholder {\r\n            color: #555555 !important;\r\n        }\r\n        \r\n        \/* Dimension Grid *\/\r\n        #cnc-machining-calculator-2024 .cmc-dim-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(3, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-dim-item {\r\n            position: relative !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-dim-item .cmc-input {\r\n            padding-right: 45px !important;\r\n            min-height: 56px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-dim-unit {\r\n            position: absolute !important;\r\n            right: 14px !important;\r\n            top: 50% !important;\r\n            transform: translateY(-50%) !important;\r\n            font-size: 13px !important;\r\n            color: #555555 !important;\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            pointer-events: none !important;\r\n        }\r\n        \r\n        \/* ========== BUTTONS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-btn {\r\n            width: 100% !important;\r\n            padding: 16px 28px !important;\r\n            background: linear-gradient(135deg, #FF6018 0%, #e55515 100%) !important;\r\n            border: none !important;\r\n            border-radius: 12px !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            gap: 10px !important;\r\n            margin-top: 10px !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-btn:hover {\r\n            transform: translateY(-2px) !important;\r\n            box-shadow: 0 12px 35px rgba(255, 96, 24, 0.35) !important;\r\n        }\r\n        \r\n        \/* ========== RESULT PANELS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-result-main {\r\n            text-align: center !important;\r\n            padding: 35px 20px !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n            margin-bottom: 25px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-label {\r\n            font-size: 13px !important;\r\n            color: #888888 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1.5px !important;\r\n            margin-bottom: 12px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-price {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: clamp(40px, 6vw, 56px) !important;\r\n            font-weight: 700 !important;\r\n            color: #FF6018 !important;\r\n            line-height: 1 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-range {\r\n            font-size: 14px !important;\r\n            color: #555555 !important;\r\n            margin-top: 10px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-per {\r\n            font-size: 15px !important;\r\n            color: #888888 !important;\r\n            margin-top: 15px !important;\r\n            padding: 12px 24px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border-radius: 8px !important;\r\n            display: inline-block !important;\r\n        }\r\n        \r\n        \/* Breakdown List *\/\r\n        #cnc-machining-calculator-2024 .cmc-breakdown {\r\n            list-style: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-breakdown-item {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            padding: 14px 0 !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-breakdown-item:last-child {\r\n            border-bottom: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-breakdown-name {\r\n            font-size: 14px !important;\r\n            color: #888888 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 10px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-breakdown-dot {\r\n            width: 8px !important;\r\n            height: 8px !important;\r\n            border-radius: 50% !important;\r\n            background: #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-breakdown-value {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 15px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        \/* Result Grid *\/\r\n        #cnc-machining-calculator-2024 .cmc-result-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 15px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-item {\r\n            background: rgba(0, 0, 0, 0.3) !important;\r\n            border-radius: 12px !important;\r\n            padding: 18px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-item-label {\r\n            font-size: 11px !important;\r\n            color: #666666 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n            margin-bottom: 6px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-item-value {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 18px !important;\r\n            font-weight: 600 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-result-item-value.highlight {\r\n            color: #FF6018 !important;\r\n            font-size: 22px !important;\r\n        }\r\n        \r\n        \/* ========== TABLE STYLES ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-table-wrapper {\r\n            max-height: 450px !important;\r\n            overflow-y: auto !important;\r\n            border-radius: 12px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table-wrapper::-webkit-scrollbar {\r\n            width: 6px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table-wrapper::-webkit-scrollbar-track {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table-wrapper::-webkit-scrollbar-thumb {\r\n            background: rgba(255, 96, 24, 0.3) !important;\r\n            border-radius: 3px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table {\r\n            width: 100% !important;\r\n            border-collapse: collapse !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table th,\r\n        #cnc-machining-calculator-2024 .cmc-table td {\r\n            padding: 14px 16px !important;\r\n            text-align: left !important;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table th {\r\n            background: rgba(0, 0, 0, 0.4) !important;\r\n            font-size: 11px !important;\r\n            font-weight: 600 !important;\r\n            color: #666666 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n            position: sticky !important;\r\n            top: 0 !important;\r\n            z-index: 10 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table td {\r\n            font-family: 'JetBrains Mono', monospace !important;\r\n            font-size: 13px !important;\r\n            color: #cccccc !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table tr:hover td {\r\n            background: rgba(255, 96, 24, 0.08) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table tr.selected td {\r\n            background: rgba(255, 96, 24, 0.15) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-table-highlight {\r\n            font-weight: 600 !important;\r\n            color: #FF6018 !important;\r\n        }\r\n        \r\n        \/* ========== THREAD TYPE TABS ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-thread-tabs {\r\n            display: flex !important;\r\n            gap: 8px !important;\r\n            margin-bottom: 20px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-thread-tab {\r\n            padding: 10px 18px !important;\r\n            background: rgba(255, 255, 255, 0.03) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 8px !important;\r\n            color: #666666 !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 13px !important;\r\n            font-weight: 500 !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-thread-tab:hover {\r\n            background: rgba(255, 96, 24, 0.08) !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-thread-tab.active {\r\n            background: #FF6018 !important;\r\n            border-color: #FF6018 !important;\r\n            color: #ffffff !important;\r\n        }\r\n        \r\n        \/* ========== INFO BOX ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-info-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;\r\n            gap: 12px !important;\r\n            margin-top: 20px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-info-item {\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border-radius: 10px !important;\r\n            padding: 14px !important;\r\n            border-left: 3px solid #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-info-label {\r\n            font-size: 10px !important;\r\n            color: #555555 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.5px !important;\r\n            margin-bottom: 4px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-info-value {\r\n            font-size: 14px !important;\r\n            color: #ffffff !important;\r\n            font-weight: 500 !important;\r\n        }\r\n        \r\n        \/* ========== SEARCH ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-search-bar {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 15px !important;\r\n            margin-bottom: 20px !important;\r\n            flex-wrap: wrap !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-search {\r\n            flex: 1 !important;\r\n            min-width: 200px !important;\r\n            padding: 12px 16px !important;\r\n            background: rgba(255, 255, 255, 0.04) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            border-radius: 10px !important;\r\n            color: #ffffff !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 14px !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-search::placeholder {\r\n            color: #444444 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-search:focus {\r\n            outline: none !important;\r\n            border-color: #FF6018 !important;\r\n        }\r\n        \r\n        \/* ========== DISCLAIMER ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-disclaimer {\r\n            margin-top: 25px !important;\r\n            padding: 18px 20px !important;\r\n            background: rgba(255, 255, 255, 0.02) !important;\r\n            border-radius: 12px !important;\r\n            border-left: 3px solid #FF6018 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-disclaimer-text {\r\n            font-size: 12px !important;\r\n            color: #555555 !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-disclaimer-text strong {\r\n            color: #888888 !important;\r\n        }\r\n        \r\n        \/* ========== DATA SOURCE ========== *\/\r\n        #cnc-machining-calculator-2024 .cmc-data-source {\r\n            text-align: center !important;\r\n            margin-top: 50px !important;\r\n            padding-top: 35px !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-data-source-text {\r\n            font-size: 12px !important;\r\n            color: #444444 !important;\r\n            line-height: 1.8 !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-data-source-text a {\r\n            color: #FF6018 !important;\r\n            text-decoration: none !important;\r\n        }\r\n        \r\n        #cnc-machining-calculator-2024 .cmc-data-source-text a:hover {\r\n            text-decoration: underline !important;\r\n        }\r\n    <\/style>\r\n<div class=\"cmc-wrapper\"><!-- Header --><header class=\"cmc-header\">\r\n<div class=\"cmc-badge\">Free Engineering Tools<\/div>\r\n<h2 class=\"cmc-main-title\">CNC Machining Calculator<\/h2>\r\n<p class=\"cmc-subtitle\">Professional-grade calculators for CNC cost estimation and thread\/tap drill sizing. Based on industry standards and real manufacturing data.<\/p>\r\n<\/header><!-- Tab Navigation --><nav class=\"cmc-tabs\" role=\"tablist\"><button class=\"cmc-tab-btn active\" role=\"tab\" aria-selected=\"true\"> <span class=\"cmc-tab-icon\">\ud83d\udcb0<\/span> Cost Estimator <\/button> <button class=\"cmc-tab-btn\" role=\"tab\" aria-selected=\"false\"> <span class=\"cmc-tab-icon\">\ud83d\udd29<\/span> Tap &amp; Drill Calculator <\/button><\/nav><!-- TAB 1: Cost Estimator -->\r\n<div id=\"cmc-cost-tab\" class=\"cmc-tab-content active\" role=\"tabpanel\">\r\n<div class=\"cmc-grid-2\"><!-- Input Panel -->\r\n<div class=\"cmc-card\">\r\n<h3 class=\"cmc-section-title\"><span class=\"cmc-card-icon\">\u2699\ufe0f<\/span> Part Specifications<\/h3>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-material\">Material<\/label><select id=\"cmc-material\" class=\"cmc-select\">\r\n<option value=\"al6061\">Aluminum 6061-T6<\/option>\r\n<option value=\"al7075\">Aluminum 7075-T6<\/option>\r\n<option value=\"ss303\">Stainless Steel 303<\/option>\r\n<option value=\"ss304\">Stainless Steel 304<\/option>\r\n<option value=\"ss316\">Stainless Steel 316<\/option>\r\n<option value=\"ti6al4v\">Titanium Grade 5 (Ti-6Al-4V)<\/option>\r\n<option value=\"brass\">Brass C360<\/option>\r\n<option value=\"copper\">Copper C110<\/option>\r\n<option value=\"delrin\">Delrin (POM)<\/option>\r\n<option value=\"peek\">PEEK<\/option>\r\n<\/select><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\">Part Dimensions (L \u00d7 W \u00d7 H)<\/label>\r\n<div class=\"cmc-dim-grid\">\r\n<div class=\"cmc-dim-item\"><input id=\"cmc-length\" class=\"cmc-input\" type=\"number\" value=\"100\" placeholder=\"100\" \/> <span class=\"cmc-dim-unit\">mm<\/span><\/div>\r\n<div class=\"cmc-dim-item\"><input id=\"cmc-width\" class=\"cmc-input\" type=\"number\" value=\"50\" placeholder=\"50\" \/> <span class=\"cmc-dim-unit\">mm<\/span><\/div>\r\n<div class=\"cmc-dim-item\"><input id=\"cmc-height\" class=\"cmc-input\" type=\"number\" value=\"25\" placeholder=\"25\" \/> <span class=\"cmc-dim-unit\">mm<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-complexity\">Complexity Level<\/label><select id=\"cmc-complexity\" class=\"cmc-select\">\r\n<option value=\"simple\">Simple (Basic geometry)<\/option>\r\n<option selected=\"selected\" value=\"moderate\">Moderate (Multiple features)<\/option>\r\n<option value=\"complex\">Complex (5-axis, tight tolerances)<\/option>\r\n<option value=\"very-complex\">Very Complex (Aerospace-grade)<\/option>\r\n<\/select><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-tolerance\">Tolerance<\/label><select id=\"cmc-tolerance\" class=\"cmc-select\">\r\n<option value=\"standard\">Standard (\u00b10.127mm \/ \u00b10.005&#8243;)<\/option>\r\n<option value=\"precision\">Precision (\u00b10.05mm \/ \u00b10.002&#8243;)<\/option>\r\n<option value=\"high\">High Precision (\u00b10.025mm \/ \u00b10.001&#8243;)<\/option>\r\n<option value=\"ultra\">Ultra Precision (\u00b10.01mm)<\/option>\r\n<\/select><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-finish\">Surface Finish<\/label><select id=\"cmc-finish\" class=\"cmc-select\">\r\n<option value=\"as-machined\">As Machined (Ra 3.2\u00b5m)<\/option>\r\n<option value=\"smooth\">Smooth (Ra 1.6\u00b5m)<\/option>\r\n<option value=\"fine\">Fine (Ra 0.8\u00b5m)<\/option>\r\n<option value=\"anodize\">Anodized Type II<\/option>\r\n<option value=\"anodize-hard\">Hard Anodized Type III<\/option>\r\n<option value=\"powder\">Powder Coated<\/option>\r\n<\/select><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-quantity\">Quantity<\/label> <input id=\"cmc-quantity\" class=\"cmc-input\" min=\"1\" type=\"number\" value=\"10\" placeholder=\"10\" \/><\/div>\r\n<button class=\"cmc-btn\"> Calculate Estimate <\/button><\/div>\r\n<!-- Results Panel -->\r\n<div class=\"cmc-card cmc-card-highlight\">\r\n<h3 class=\"cmc-section-title\"><span class=\"cmc-card-icon\">\ud83d\udcca<\/span> Cost Estimate<\/h3>\r\n<div class=\"cmc-result-main\">\r\n<div class=\"cmc-result-label\">Estimated Total Cost<\/div>\r\n<div id=\"cmc-total-price\" class=\"cmc-result-price\">$285<\/div>\r\n<div id=\"cmc-price-range\" class=\"cmc-result-range\">Range: $242 &#8211; $342<\/div>\r\n<div id=\"cmc-per-unit\" class=\"cmc-result-per\">$28.50 per part \u00d7 10 units<\/div>\r\n<\/div>\r\n<h3 class=\"cmc-tab-title\">Cost Breakdown<\/h3>\r\n<ul class=\"cmc-breakdown\">\r\n<li class=\"cmc-breakdown-item\"><span class=\"cmc-breakdown-name\">Material Cost<\/span> <span id=\"cmc-mat-cost\" class=\"cmc-breakdown-value\">$45.00<\/span><\/li>\r\n<li class=\"cmc-breakdown-item\"><span class=\"cmc-breakdown-name\">Machining Time<\/span> <span id=\"cmc-mach-cost\" class=\"cmc-breakdown-value\">$150.00<\/span><\/li>\r\n<li class=\"cmc-breakdown-item\"><span class=\"cmc-breakdown-name\">Setup Fee<\/span> <span id=\"cmc-setup-cost\" class=\"cmc-breakdown-value\">$50.00<\/span><\/li>\r\n<li class=\"cmc-breakdown-item\"><span class=\"cmc-breakdown-name\">Surface Finishing<\/span> <span id=\"cmc-finish-cost\" class=\"cmc-breakdown-value\">$40.00<\/span><\/li>\r\n<\/ul>\r\n<div class=\"cmc-disclaimer\">\r\n<p class=\"cmc-disclaimer-text\"><strong>Disclaimer:<\/strong> This estimate is for reference only based on typical US machine shop rates ($50-150\/hr). Actual costs vary by supplier, lead time, and specific requirements. Submit CAD files for accurate quotes.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- TAB 2: Tap & Drill Calculator -->\r\n<div id=\"cmc-thread-tab\" class=\"cmc-tab-content\" role=\"tabpanel\">\r\n<div class=\"cmc-grid-sidebar\"><!-- Calculator Panel -->\r\n<div class=\"cmc-card\">\r\n<h3 class=\"cmc-section-title\"><span class=\"cmc-card-icon\">\ud83d\udd29<\/span> Thread Calculator<\/h3>\r\n<div class=\"cmc-thread-tabs\"><button class=\"cmc-thread-tab active\">Metric ISO<\/button> <button class=\"cmc-thread-tab\">UNC<\/button> <button class=\"cmc-thread-tab\">UNF<\/button><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-thread-size\">Thread Size<\/label><select id=\"cmc-thread-size\" class=\"cmc-select\" onchange=\"updateDrillSize()\"><!-- Populated by JS --><\/select><\/div>\r\n<div class=\"cmc-form-group\"><label class=\"cmc-label\" for=\"cmc-engagement\">Thread Engagement %<\/label><select id=\"cmc-engagement\" class=\"cmc-select\" onchange=\"updateDrillSize()\">\r\n<option value=\"75\">75% (Standard &#8211; Recommended)<\/option>\r\n<option value=\"65\">65% (Easier tapping)<\/option>\r\n<option value=\"83\">83% (Maximum practical)<\/option>\r\n<option value=\"50\">50% (Minimum)<\/option>\r\n<\/select><\/div>\r\n<h3 class=\"cmc-tab-title\">Recommended Drill Size<\/h3>\r\n<div class=\"cmc-result-grid\">\r\n<div class=\"cmc-result-item\">\r\n<div class=\"cmc-result-item-label\">Tap Drill (mm)<\/div>\r\n<div id=\"cmc-drill-mm\" class=\"cmc-result-item-value highlight\">5.0 mm<\/div>\r\n<\/div>\r\n<div class=\"cmc-result-item\">\r\n<div class=\"cmc-result-item-label\">Tap Drill (inch)<\/div>\r\n<div id=\"cmc-drill-inch\" class=\"cmc-result-item-value\">0.1969&#8243;<\/div>\r\n<\/div>\r\n<div class=\"cmc-result-item\">\r\n<div class=\"cmc-result-item-label\">Nearest Drill #<\/div>\r\n<div id=\"cmc-drill-num\" class=\"cmc-result-item-value\">#8<\/div>\r\n<\/div>\r\n<div class=\"cmc-result-item\">\r\n<div class=\"cmc-result-item-label\">Minor Diameter<\/div>\r\n<div id=\"cmc-minor-dia\" class=\"cmc-result-item-value\">4.917 mm<\/div>\r\n<\/div>\r\n<\/div>\r\n<h3 class=\"cmc-tab-title\" style=\"margin-top: 25px !important;\">Thread Specifications<\/h3>\r\n<div class=\"cmc-info-grid\">\r\n<div class=\"cmc-info-item\">\r\n<div class=\"cmc-info-label\">Major \u00d8<\/div>\r\n<div id=\"cmc-major-dia\" class=\"cmc-info-value\">6.000 mm<\/div>\r\n<\/div>\r\n<div class=\"cmc-info-item\">\r\n<div class=\"cmc-info-label\">Pitch<\/div>\r\n<div id=\"cmc-pitch\" class=\"cmc-info-value\">1.0 mm<\/div>\r\n<\/div>\r\n<div class=\"cmc-info-item\">\r\n<div class=\"cmc-info-label\">TPI<\/div>\r\n<div id=\"cmc-tpi\" class=\"cmc-info-value\">25.4<\/div>\r\n<\/div>\r\n<div class=\"cmc-info-item\">\r\n<div class=\"cmc-info-label\">Class<\/div>\r\n<div id=\"cmc-class\" class=\"cmc-info-value\">6H<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Reference Table -->\r\n<div class=\"cmc-card\">\r\n<h3 class=\"cmc-section-title\"><span class=\"cmc-card-icon\">\ud83d\udccb<\/span> <span id=\"cmc-table-title\">Metric ISO Thread Chart<\/span><\/h3>\r\n<div class=\"cmc-search-bar\"><input id=\"cmc-thread-search\" class=\"cmc-search\" type=\"text\" placeholder=\"Search thread size...\" \/><\/div>\r\n<div class=\"cmc-table-wrapper\">\r\n<table id=\"cmc-thread-table\" class=\"cmc-table\">\r\n<thead>\r\n<tr id=\"cmc-table-head\">\r\n<th>Thread<\/th>\r\n<th>Pitch<\/th>\r\n<th>Major \u00d8<\/th>\r\n<th>Tap Drill<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody id=\"cmc-table-body\"><!-- Populated by JS --><\/tbody>\r\n<\/table>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Data Source --><footer class=\"cmc-data-source\">\r\n<p class=\"cmc-data-source-text\">Cost data based on <a href=\"#\">Xometry<\/a>, <a href=\"#\">Protolabs<\/a>, and <a href=\"#\">MFG.com<\/a> market analysis (2024). Thread data per <a href=\"#\">ISO 261\/262<\/a> (Metric) and <a href=\"#\">ANSI\/ASME B1.1<\/a> (Unified) standards. <br \/>Tap drill formula: Drill = Major Diameter \u2212 (Pitch \u00d7 Thread Engagement % \u00d7 1.0825)<\/p>\r\n<\/footer><\/div>\r\n<script>\r\n    (function() {\r\n        \/\/ ==================== COST ESTIMATOR DATA ====================\r\n        const materialData = {\r\n            'al6061': { name: 'Aluminum 6061-T6', density: 2.70, priceKg: 8, machinability: 1.0 },\r\n            'al7075': { name: 'Aluminum 7075-T6', density: 2.81, priceKg: 12, machinability: 1.1 },\r\n            'ss303': { name: 'Stainless Steel 303', density: 8.03, priceKg: 15, machinability: 1.4 },\r\n            'ss304': { name: 'Stainless Steel 304', density: 8.00, priceKg: 14, machinability: 1.6 },\r\n            'ss316': { name: 'Stainless Steel 316', density: 8.00, priceKg: 18, machinability: 1.8 },\r\n            'ti6al4v': { name: 'Titanium Grade 5', density: 4.43, priceKg: 120, machinability: 3.5 },\r\n            'brass': { name: 'Brass C360', density: 8.50, priceKg: 12, machinability: 0.8 },\r\n            'copper': { name: 'Copper C110', density: 8.94, priceKg: 18, machinability: 1.0 },\r\n            'delrin': { name: 'Delrin (POM)', density: 1.41, priceKg: 10, machinability: 0.7 },\r\n            'peek': { name: 'PEEK', density: 1.32, priceKg: 150, machinability: 1.2 }\r\n        };\r\n        \r\n        const complexityMultiplier = { 'simple': 0.7, 'moderate': 1.0, 'complex': 1.6, 'very-complex': 2.5 };\r\n        const toleranceMultiplier = { 'standard': 1.0, 'precision': 1.3, 'high': 1.8, 'ultra': 2.5 };\r\n        const finishCosts = { 'as-machined': 0, 'smooth': 3, 'fine': 8, 'anodize': 12, 'anodize-hard': 25, 'powder': 15 };\r\n        const baseMachiningRate = 85;\r\n        \r\n        window.calculateCost = function() {\r\n            const mat = materialData[document.getElementById('cmc-material').value];\r\n            const l = parseFloat(document.getElementById('cmc-length').value) || 100;\r\n            const w = parseFloat(document.getElementById('cmc-width').value) || 50;\r\n            const h = parseFloat(document.getElementById('cmc-height').value) || 25;\r\n            const complexity = document.getElementById('cmc-complexity').value;\r\n            const tolerance = document.getElementById('cmc-tolerance').value;\r\n            const finish = document.getElementById('cmc-finish').value;\r\n            const qty = parseInt(document.getElementById('cmc-quantity').value) || 1;\r\n            \r\n            const volumeCm3 = (l * w * h) \/ 1000;\r\n            const weightKg = (volumeCm3 * mat.density) \/ 1000;\r\n            const materialCost = weightKg * mat.priceKg * 1.3 * qty;\r\n            \r\n            const baseTime = 0.25 + volumeCm3 * 0.005;\r\n            const machiningTime = baseTime * mat.machinability * complexityMultiplier[complexity] * toleranceMultiplier[tolerance];\r\n            const machiningCost = machiningTime * baseMachiningRate * qty;\r\n            \r\n            const setupFee = qty <= 5 ? 75 : qty <= 25 ? 60 : qty <= 100 ? 45 : 30;\r\n            const finishCost = finishCosts[finish] * qty;\r\n            const total = materialCost + machiningCost + setupFee + finishCost;\r\n            \r\n            document.getElementById('cmc-total-price').textContent = '$' + total.toFixed(0);\r\n            document.getElementById('cmc-price-range').textContent = 'Range: $' + (total * 0.85).toFixed(0) + ' - $' + (total * 1.2).toFixed(0);\r\n            document.getElementById('cmc-per-unit').textContent = '$' + (total \/ qty).toFixed(2) + ' per part \u00d7 ' + qty + ' units';\r\n            document.getElementById('cmc-mat-cost').textContent = '$' + materialCost.toFixed(2);\r\n            document.getElementById('cmc-mach-cost').textContent = '$' + machiningCost.toFixed(2);\r\n            document.getElementById('cmc-setup-cost').textContent = '$' + setupFee.toFixed(2);\r\n            document.getElementById('cmc-finish-cost').textContent = '$' + finishCost.toFixed(2);\r\n        };\r\n        \r\n        \/\/ ==================== THREAD CALCULATOR DATA ====================\r\n        const threadData = {\r\n            metric: {\r\n                title: 'Metric ISO Thread Chart',\r\n                headers: ['Thread', 'Pitch (mm)', 'Major \u00d8', 'Tap Drill'],\r\n                threads: [\r\n                    { size: 'M2', pitch: 0.4, major: 2.0 },\r\n                    { size: 'M2.5', pitch: 0.45, major: 2.5 },\r\n                    { size: 'M3', pitch: 0.5, major: 3.0 },\r\n                    { size: 'M4', pitch: 0.7, major: 4.0 },\r\n                    { size: 'M5', pitch: 0.8, major: 5.0 },\r\n                    { size: 'M6', pitch: 1.0, major: 6.0 },\r\n                    { size: 'M8', pitch: 1.25, major: 8.0 },\r\n                    { size: 'M10', pitch: 1.5, major: 10.0 },\r\n                    { size: 'M12', pitch: 1.75, major: 12.0 },\r\n                    { size: 'M14', pitch: 2.0, major: 14.0 },\r\n                    { size: 'M16', pitch: 2.0, major: 16.0 },\r\n                    { size: 'M20', pitch: 2.5, major: 20.0 },\r\n                    { size: 'M24', pitch: 3.0, major: 24.0 }\r\n                ]\r\n            },\r\n            unc: {\r\n                title: 'UNC Thread Chart',\r\n                headers: ['Thread', 'TPI', 'Major \u00d8', 'Tap Drill'],\r\n                threads: [\r\n                    { size: '#4-40', tpi: 40, major: 0.112, pitch: 0.635 },\r\n                    { size: '#6-32', tpi: 32, major: 0.138, pitch: 0.7938 },\r\n                    { size: '#8-32', tpi: 32, major: 0.164, pitch: 0.7938 },\r\n                    { size: '#10-24', tpi: 24, major: 0.190, pitch: 1.0583 },\r\n                    { size: '1\/4-20', tpi: 20, major: 0.250, pitch: 1.27 },\r\n                    { size: '5\/16-18', tpi: 18, major: 0.3125, pitch: 1.4111 },\r\n                    { size: '3\/8-16', tpi: 16, major: 0.375, pitch: 1.5875 },\r\n                    { size: '1\/2-13', tpi: 13, major: 0.500, pitch: 1.9538 },\r\n                    { size: '5\/8-11', tpi: 11, major: 0.625, pitch: 2.3091 },\r\n                    { size: '3\/4-10', tpi: 10, major: 0.750, pitch: 2.54 },\r\n                    { size: '1-8', tpi: 8, major: 1.000, pitch: 3.175 }\r\n                ]\r\n            },\r\n            unf: {\r\n                title: 'UNF Thread Chart',\r\n                headers: ['Thread', 'TPI', 'Major \u00d8', 'Tap Drill'],\r\n                threads: [\r\n                    { size: '#4-48', tpi: 48, major: 0.112, pitch: 0.5292 },\r\n                    { size: '#6-40', tpi: 40, major: 0.138, pitch: 0.635 },\r\n                    { size: '#8-36', tpi: 36, major: 0.164, pitch: 0.7056 },\r\n                    { size: '#10-32', tpi: 32, major: 0.190, pitch: 0.7938 },\r\n                    { size: '1\/4-28', tpi: 28, major: 0.250, pitch: 0.9071 },\r\n                    { size: '5\/16-24', tpi: 24, major: 0.3125, pitch: 1.0583 },\r\n                    { size: '3\/8-24', tpi: 24, major: 0.375, pitch: 1.0583 },\r\n                    { size: '1\/2-20', tpi: 20, major: 0.500, pitch: 1.27 },\r\n                    { size: '5\/8-18', tpi: 18, major: 0.625, pitch: 1.4111 },\r\n                    { size: '3\/4-16', tpi: 16, major: 0.750, pitch: 1.5875 }\r\n                ]\r\n            }\r\n        };\r\n        \r\n        let currentThreadType = 'metric';\r\n        \r\n        function calcTapDrill(major, pitch, engagement) {\r\n            return major - (pitch * 1.0825 * engagement \/ 100);\r\n        }\r\n        \r\n        function populateThreadSelect() {\r\n            const sel = document.getElementById('cmc-thread-size');\r\n            const data = threadData[currentThreadType];\r\n            sel.innerHTML = data.threads.map((t, i) => `<option value=\"${i}\">${t.size}<\/option>`).join('');\r\n            sel.value = currentThreadType === 'metric' ? 5 : 4;\r\n        }\r\n        \r\n        window.updateDrillSize = function() {\r\n            const data = threadData[currentThreadType];\r\n            const thread = data.threads[document.getElementById('cmc-thread-size').value];\r\n            const engagement = parseFloat(document.getElementById('cmc-engagement').value);\r\n            \r\n            const major = currentThreadType === 'metric' ? thread.major : thread.major * 25.4;\r\n            const pitch = thread.pitch;\r\n            const drill = calcTapDrill(major, pitch, engagement);\r\n            const minor = major - pitch * 1.0825;\r\n            \r\n            document.getElementById('cmc-drill-mm').textContent = drill.toFixed(2) + ' mm';\r\n            document.getElementById('cmc-drill-inch').textContent = (drill \/ 25.4).toFixed(4) + '\"';\r\n            document.getElementById('cmc-drill-num').textContent = findNearestDrill(drill);\r\n            document.getElementById('cmc-minor-dia').textContent = minor.toFixed(3) + ' mm';\r\n            \r\n            if (currentThreadType === 'metric') {\r\n                document.getElementById('cmc-major-dia').textContent = thread.major.toFixed(3) + ' mm';\r\n                document.getElementById('cmc-pitch').textContent = thread.pitch + ' mm';\r\n                document.getElementById('cmc-tpi').textContent = (25.4 \/ thread.pitch).toFixed(1);\r\n                document.getElementById('cmc-class').textContent = '6H';\r\n            } else {\r\n                document.getElementById('cmc-major-dia').textContent = thread.major.toFixed(4) + '\"';\r\n                document.getElementById('cmc-pitch').textContent = thread.pitch.toFixed(4) + ' mm';\r\n                document.getElementById('cmc-tpi').textContent = thread.tpi;\r\n                document.getElementById('cmc-class').textContent = '2B';\r\n            }\r\n            \r\n            highlightTableRow();\r\n        };\r\n        \r\n        function findNearestDrill(mm) {\r\n            const drills = [\r\n                {s:1.5,n:'#53'},{s:2.0,n:'#46'},{s:2.5,n:'#39'},{s:3.0,n:'#31'},{s:3.3,n:'#30'},\r\n                {s:3.5,n:'#28'},{s:4.0,n:'#22'},{s:4.2,n:'#19'},{s:5.0,n:'#8'},{s:5.5,n:'#3'},\r\n                {s:6.5,n:'F'},{s:6.8,n:'H'},{s:8.5,n:'Q'},{s:10.5,n:'Y'},{s:12.5,n:'1\/2\"'}\r\n            ];\r\n            let best = drills[0];\r\n            for (const d of drills) if (Math.abs(mm - d.s) < Math.abs(mm - best.s)) best = d;\r\n            return best.n;\r\n        }\r\n        \r\n        window.switchThreadType = function(type) {\r\n            currentThreadType = type;\r\n            document.querySelectorAll('#cnc-machining-calculator-2024 .cmc-thread-tab').forEach(t => t.classList.remove('active'));\r\n            event.target.classList.add('active');\r\n            populateThreadSelect();\r\n            buildThreadTable();\r\n            updateDrillSize();\r\n        };\r\n        \r\n        function buildThreadTable() {\r\n            const data = threadData[currentThreadType];\r\n            document.getElementById('cmc-table-title').textContent = data.title;\r\n            document.getElementById('cmc-table-head').innerHTML = data.headers.map(h => `<th>${h}<\/th>`).join('');\r\n            \r\n            const tbody = document.getElementById('cmc-table-body');\r\n            tbody.innerHTML = data.threads.map((t, i) => {\r\n                const major = currentThreadType === 'metric' ? t.major : t.major * 25.4;\r\n                const drill = calcTapDrill(major, t.pitch, 75);\r\n                return `<tr onclick=\"document.getElementById('cmc-thread-size').value=${i};updateDrillSize();\">\r\n                    <td class=\"cmc-table-highlight\">${t.size}<\/td>\r\n                    <td>${currentThreadType === 'metric' ? t.pitch : t.tpi}<\/td>\r\n                    <td>${currentThreadType === 'metric' ? t.major.toFixed(2) + ' mm' : t.major.toFixed(4) + '\"'}<\/td>\r\n                    <td>${drill.toFixed(2)} mm<\/td>\r\n                <\/tr>`;\r\n            }).join('');\r\n        }\r\n        \r\n        function highlightTableRow() {\r\n            const idx = parseInt(document.getElementById('cmc-thread-size').value);\r\n            document.querySelectorAll('#cnc-machining-calculator-2024 .cmc-table tbody tr').forEach((r, i) => {\r\n                r.classList.toggle('selected', i === idx);\r\n            });\r\n        }\r\n        \r\n        window.filterThreadTable = function() {\r\n            const q = document.getElementById('cmc-thread-search').value.toLowerCase();\r\n            document.querySelectorAll('#cnc-machining-calculator-2024 .cmc-table tbody tr').forEach(r => {\r\n                r.style.display = r.textContent.toLowerCase().includes(q) ? '' : 'none';\r\n            });\r\n        };\r\n        \r\n        \/\/ ==================== TAB SWITCHING ====================\r\n        window.switchCalcTab = function(tab) {\r\n            document.querySelectorAll('#cnc-machining-calculator-2024 .cmc-tab-btn').forEach(b => b.classList.remove('active'));\r\n            document.querySelectorAll('#cnc-machining-calculator-2024 .cmc-tab-content').forEach(c => c.classList.remove('active'));\r\n            \r\n            if (tab === 'cost') {\r\n                document.querySelector('#cnc-machining-calculator-2024 .cmc-tab-btn:first-child').classList.add('active');\r\n                document.getElementById('cmc-cost-tab').classList.add('active');\r\n            } else {\r\n                document.querySelector('#cnc-machining-calculator-2024 .cmc-tab-btn:last-child').classList.add('active');\r\n                document.getElementById('cmc-thread-tab').classList.add('active');\r\n            }\r\n        };\r\n        \r\n        \/\/ Initialize\r\n        calculateCost();\r\n        populateThreadSelect();\r\n        buildThreadTable();\r\n        updateDrillSize();\r\n    })();\r\n    <\/script><\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ed6f7f9\" data-block-id=\"ed6f7f9\"><style>.stk-ed6f7f9 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ed6f7f9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ab7adb5\" data-v=\"4\" data-block-id=\"ab7adb5\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ab7adb5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ab7adb5-inner-blocks\">\n<!-- Case Studies Module - Premium CNC Industrial Design -->\r\n<section id=\"cnc-case-studies-module-2024\"><style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');\r\n\r\n    \/* === RESET & BASE === *\/\r\n    #cnc-case-studies-module-2024 *,\r\n    #cnc-case-studies-module-2024 *::before,\r\n    #cnc-case-studies-module-2024 *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 {\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\r\n      background: linear-gradient(180deg, #f9fafb 0%, #f3f4f6 50%, #eef0f3 100%) !important;\r\n      padding: 60px 24px !important;\r\n      color: #1a1a2e !important;\r\n      line-height: 1.6 !important;\r\n      overflow: hidden !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    \/* === BLUEPRINT GRID === *\/\r\n    #cnc-case-studies-module-2024::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      background-image: \r\n        linear-gradient(rgba(255, 96, 24, 0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255, 96, 24, 0.025) 1px, transparent 1px) !important;\r\n      background-size: 80px 80px !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    \/* === DECORATIONS === *\/\r\n    #cnc-case-studies-module-2024 .cs-deco-corner {\r\n      position: absolute !important;\r\n      width: 100px !important;\r\n      height: 100px !important;\r\n      pointer-events: none !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-deco-corner-tl {\r\n      top: 40px !important;\r\n      left: 40px !important;\r\n      border-top: 2px solid rgba(255, 96, 24, 0.15) !important;\r\n      border-left: 2px solid rgba(255, 96, 24, 0.15) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-deco-corner-br {\r\n      bottom: 40px !important;\r\n      right: 40px !important;\r\n      border-bottom: 2px solid rgba(255, 96, 24, 0.15) !important;\r\n      border-right: 2px solid rgba(255, 96, 24, 0.15) !important;\r\n    }\r\n\r\n    \/* === CONTAINER === *\/\r\n    #cnc-case-studies-module-2024 .cs-container {\r\n      max-width: 1200px !important;\r\n      margin: 0 auto !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n\r\n    \/* === HEADER === *\/\r\n    #cnc-case-studies-module-2024 .cs-header {\r\n      text-align: center !important;\r\n      margin-bottom: 56px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 14px !important;\r\n      background: #ffffff !important;\r\n      border: 1px solid rgba(255, 96, 24, 0.2) !important;\r\n      padding: 10px 24px !important;\r\n      margin-bottom: 28px !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 11px !important;\r\n      font-weight: 500 !important;\r\n      color: #FF6018 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 2.5px !important;\r\n      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-badge::before,\r\n    #cnc-case-studies-module-2024 .cs-badge::after {\r\n      content: '' !important;\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      background: #FF6018 !important;\r\n      transform: rotate(45deg) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 h2.cs-main-title {\r\n      all: unset !important;\r\n      display: block !important;\r\n      font-family: 'Space Grotesk', sans-serif !important;\r\n      font-size: clamp(32px, 4.5vw, 50px) !important;\r\n      font-weight: 700 !important;\r\n      color: #1a1a2e !important;\r\n      margin-bottom: 20px !important;\r\n      letter-spacing: -1.5px !important;\r\n      line-height: 1.15 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 h2.cs-main-title .cs-title-accent {\r\n      background: linear-gradient(135deg, #FF6018 0%, #ff8a50 100%) !important;\r\n      -webkit-background-clip: text !important;\r\n      -webkit-text-fill-color: transparent !important;\r\n      background-clip: text !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-subtitle {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: clamp(14px, 1.4vw, 16px) !important;\r\n      color: #5a6275 !important;\r\n      max-width: 800px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.8 !important;\r\n    }\r\n\r\n    \/* === TAB NAVIGATION === *\/\r\n    #cnc-case-studies-module-2024 .cs-tabs-nav {\r\n      display: flex !important;\r\n      gap: 4px !important;\r\n      background: #ffffff !important;\r\n      padding: 6px !important;\r\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n      margin-bottom: 0 !important;\r\n      overflow-x: auto !important;\r\n      scrollbar-width: none !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tabs-nav::-webkit-scrollbar {\r\n      display: none !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-btn {\r\n      flex: 1 !important;\r\n      min-width: 180px !important;\r\n      padding: 16px 20px !important;\r\n      background: transparent !important;\r\n      border: none !important;\r\n      cursor: pointer !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 13px !important;\r\n      font-weight: 500 !important;\r\n      color: #6b7280 !important;\r\n      text-align: left !important;\r\n      transition: all 0.3s ease !important;\r\n      position: relative !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 4px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-btn::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 2px !important;\r\n      background: #FF6018 !important;\r\n      transform: scaleX(0) !important;\r\n      transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-btn:hover {\r\n      background: rgba(255, 96, 24, 0.03) !important;\r\n      color: #1a1a2e !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-btn.cs-active {\r\n      background: rgba(255, 96, 24, 0.06) !important;\r\n      color: #1a1a2e !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-btn.cs-active::before {\r\n      transform: scaleX(1) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-num {\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 10px !important;\r\n      color: #FF6018 !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-label {\r\n      font-weight: 600 !important;\r\n      white-space: nowrap !important;\r\n      overflow: hidden !important;\r\n      text-overflow: ellipsis !important;\r\n    }\r\n\r\n    \/* === TAB CONTENT === *\/\r\n    #cnc-case-studies-module-2024 .cs-tabs-content {\r\n      background: #ffffff !important;\r\n      border: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n      border-top: none !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tabs-content::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 4px !important;\r\n      height: 100% !important;\r\n      background: linear-gradient(180deg, #FF6018 0%, #ff8a50 100%) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-panel {\r\n      display: none !important;\r\n      padding: 48px !important;\r\n      animation: csFadeIn 0.4s ease !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tab-panel.cs-active {\r\n      display: block !important;\r\n    }\r\n\r\n    @keyframes csFadeIn {\r\n      from { opacity: 0; transform: translateY(10px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    \/* === CASE HEADER === *\/\r\n    #cnc-case-studies-module-2024 .cs-case-header {\r\n      margin-bottom: 40px !important;\r\n      padding-bottom: 32px !important;\r\n      border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-case-industry {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 11px !important;\r\n      color: #FF6018 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 2px !important;\r\n      margin-bottom: 16px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-case-industry::before {\r\n      content: '' !important;\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      background: #FF6018 !important;\r\n      border-radius: 50% !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 h3.cs-case-title {\r\n      all: unset !important;\r\n      display: block !important;\r\n      font-family: 'Space Grotesk', sans-serif !important;\r\n      font-size: clamp(24px, 3vw, 32px) !important;\r\n      font-weight: 700 !important;\r\n      color: #1a1a2e !important;\r\n      margin-bottom: 12px !important;\r\n      line-height: 1.25 !important;\r\n      letter-spacing: -0.5px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-case-tagline {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 15px !important;\r\n      color: #6b7280 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* === META GRID === *\/\r\n    #cnc-case-studies-module-2024 .cs-meta-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;\r\n      gap: 16px !important;\r\n      margin-bottom: 40px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-meta-item {\r\n      background: #f9fafb !important;\r\n      padding: 16px 18px !important;\r\n      border-left: 2px solid rgba(255, 96, 24, 0.3) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-meta-label {\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 9px !important;\r\n      color: #9ca3af !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1.5px !important;\r\n      margin-bottom: 6px !important;\r\n      display: block !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-meta-value {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 13px !important;\r\n      font-weight: 600 !important;\r\n      color: #1a1a2e !important;\r\n      line-height: 1.4 !important;\r\n    }\r\n\r\n    \/* === CONTENT SECTIONS === *\/\r\n    #cnc-case-studies-module-2024 .cs-content-grid {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr 1fr !important;\r\n      gap: 40px !important;\r\n      margin-bottom: 40px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-section {\r\n      position: relative !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-section-title {\r\n      font-family: 'Space Grotesk', sans-serif !important;\r\n      font-size: 14px !important;\r\n      font-weight: 600 !important;\r\n      color: #1a1a2e !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n      margin-bottom: 16px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-section-title::before {\r\n      content: '' !important;\r\n      width: 3px !important;\r\n      height: 16px !important;\r\n      background: #FF6018 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-section-text {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 14px !important;\r\n      color: #4b5563 !important;\r\n      line-height: 1.75 !important;\r\n      margin-bottom: 16px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-challenge-list {\r\n      list-style: none !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-challenge-list li {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 13px !important;\r\n      color: #4b5563 !important;\r\n      line-height: 1.6 !important;\r\n      padding-left: 20px !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-challenge-list li::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      left: 0 !important;\r\n      top: 8px !important;\r\n      width: 6px !important;\r\n      height: 6px !important;\r\n      background: #FF6018 !important;\r\n      transform: rotate(45deg) !important;\r\n    }\r\n\r\n    \/* === SOLUTION STEPS === *\/\r\n    #cnc-case-studies-module-2024 .cs-solution-steps {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 14px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-solution-step {\r\n      display: flex !important;\r\n      gap: 14px !important;\r\n      align-items: flex-start !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-step-num {\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n      min-width: 24px !important;\r\n      background: linear-gradient(135deg, #FF6018 0%, #ff7a30 100%) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 11px !important;\r\n      font-weight: 600 !important;\r\n      color: #ffffff !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-step-content {\r\n      flex: 1 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-step-title {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 13px !important;\r\n      font-weight: 600 !important;\r\n      color: #1a1a2e !important;\r\n      margin-bottom: 4px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-step-desc {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 12.5px !important;\r\n      color: #6b7280 !important;\r\n      line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* === RESULTS === *\/\r\n    #cnc-case-studies-module-2024 .cs-results-section {\r\n      background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%) !important;\r\n      padding: 32px !important;\r\n      margin-bottom: 32px !important;\r\n      position: relative !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-results-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n      border-top: 2px solid #FF6018 !important;\r\n      border-left: 2px solid #FF6018 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-results-section::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      right: 0 !important;\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n      border-bottom: 2px solid #FF6018 !important;\r\n      border-right: 2px solid #FF6018 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-results-title {\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 10px !important;\r\n      color: rgba(255, 255, 255, 0.5) !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 2px !important;\r\n      margin-bottom: 20px !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-results-title::before {\r\n      content: '' !important;\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      background: #22c55e !important;\r\n      border-radius: 50% !important;\r\n      box-shadow: 0 0 10px rgba(34, 197, 94, 0.5) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-results-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;\r\n      gap: 20px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-result-item {\r\n      text-align: center !important;\r\n      padding: 16px !important;\r\n      background: rgba(255, 255, 255, 0.03) !important;\r\n      border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-result-metric {\r\n      font-family: 'JetBrains Mono', monospace !important;\r\n      font-size: 9px !important;\r\n      color: rgba(255, 255, 255, 0.5) !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n      margin-bottom: 8px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-result-value {\r\n      font-family: 'Space Grotesk', sans-serif !important;\r\n      font-size: 20px !important;\r\n      font-weight: 700 !important;\r\n      color: #FF6018 !important;\r\n      line-height: 1.2 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-result-value-sm {\r\n      font-size: 11px !important;\r\n      color: rgba(255, 255, 255, 0.7) !important;\r\n      font-weight: 400 !important;\r\n      display: block !important;\r\n      margin-top: 4px !important;\r\n    }\r\n\r\n    \/* === TESTIMONIAL === *\/\r\n    #cnc-case-studies-module-2024 .cs-testimonial {\r\n      position: relative !important;\r\n      padding: 28px 32px !important;\r\n      background: #f9fafb !important;\r\n      border-left: 3px solid #FF6018 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-testimonial-quote {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 14px !important;\r\n      color: #374151 !important;\r\n      line-height: 1.8 !important;\r\n      font-style: italic !important;\r\n      margin-bottom: 16px !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-testimonial-author {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 12px !important;\r\n      color: #6b7280 !important;\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-testimonial-author strong {\r\n      color: #1a1a2e !important;\r\n      font-weight: 600 !important;\r\n    }\r\n\r\n    \/* === RESPONSIVE === *\/\r\n    @media screen and (max-width:1000px) {\r\n      #cnc-case-studies-module-2024 .cs-content-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 32px !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width:690px) {\r\n      #cnc-case-studies-module-2024 {\r\n        padding: 80px 20px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tab-panel {\r\n        padding: 32px 24px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tabs-nav {\r\n        flex-wrap: nowrap !important;\r\n        justify-content: flex-start !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tab-btn {\r\n        min-width: 150px !important;\r\n        padding: 14px 16px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-meta-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-results-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-deco-corner {\r\n        display: none !important;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 480px) {\r\n      #cnc-case-studies-module-2024 {\r\n        padding: 60px 16px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-badge {\r\n        font-size: 10px !important;\r\n        padding: 8px 16px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tab-btn {\r\n        min-width: 130px !important;\r\n        padding: 12px 14px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tab-label {\r\n        font-size: 12px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-tab-panel {\r\n        padding: 24px 18px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-meta-grid {\r\n        grid-template-columns: 1fr !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-results-section {\r\n        padding: 24px !important;\r\n      }\r\n\r\n      #cnc-case-studies-module-2024 .cs-results-grid {\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 12px !important;\r\n      }\r\n    }\r\n\r\n    \/* === ANIMATIONS === *\/\r\n    #cnc-case-studies-module-2024 .cs-tabs-wrapper {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n\r\n    #cnc-case-studies-module-2024 .cs-tabs-wrapper.cs-visible {\r\n      opacity: 1 !important;\r\n      transform: translateY(0) !important;\r\n      transition: opacity 0.6s ease, transform 0.6s ease !important;\r\n    }\r\n  <\/style> <!-- Decorations -->\r\n<div class=\"cs-deco-corner cs-deco-corner-tl\">\u00a0<\/div>\r\n<div class=\"cs-deco-corner cs-deco-corner-br\">\u00a0<\/div>\r\n<div class=\"cs-container\"><!-- Header -->\r\n<div class=\"cs-header\">\r\n<div class=\"cs-badge\">Case Studies<\/div>\r\n<h2 class=\"cs-main-title\">Precision <span class=\"cs-title-accent\">Results<\/span> for Every Industry<\/h2>\r\n<div class=\"cs-subtitle\">The case studies below demonstrate how by using our 5-axis CNC milling capabilities, deep knowledge of materials, and quality as the top priority, produced good results for the customers who would otherwise be left with the manufacturing problems, high costs, and even longer time-to-market.<\/div>\r\n<\/div>\r\n<!-- Tabs Wrapper -->\r\n<div class=\"cs-tabs-wrapper\"><!-- Tab Navigation -->\r\n<div class=\"cs-tabs-nav\"><button class=\"cs-tab-btn cs-active\" data-tab=\"case1\"> <span class=\"cs-tab-num\">CASE 01<\/span> <span class=\"cs-tab-label\">Aerospace Turbine<\/span> <\/button> <button class=\"cs-tab-btn\" data-tab=\"case2\"> <span class=\"cs-tab-num\">CASE 02<\/span> <span class=\"cs-tab-label\">Medical Device<\/span> <\/button> <button class=\"cs-tab-btn\" data-tab=\"case3\"> <span class=\"cs-tab-num\">CASE 03<\/span> <span class=\"cs-tab-label\">EV Battery Housing<\/span> <\/button> <button class=\"cs-tab-btn\" data-tab=\"case4\"> <span class=\"cs-tab-num\">CASE 04<\/span> <span class=\"cs-tab-label\">Robotics Actuator<\/span> <\/button> <button class=\"cs-tab-btn\" data-tab=\"case5\"> <span class=\"cs-tab-num\">CASE 05<\/span> <span class=\"cs-tab-label\">Electronics Enclosure<\/span> <\/button><\/div>\r\n<!-- Tab Content -->\r\n<div class=\"cs-tabs-content\"><!-- CASE 1: Aerospace -->\r\n<div id=\"case1\" class=\"cs-tab-panel cs-active\">\r\n<div class=\"cs-case-header\">\r\n<div class=\"cs-case-industry\">Aerospace &amp; Defense<\/div>\r\n<h3 class=\"cs-case-title\">Aerospace Turbine Housing Component<\/h3>\r\n<div class=\"cs-case-tagline\">Precision Titanium CNC Machining for Flight-Critical Applications<\/div>\r\n<\/div>\r\n<div class=\"cs-meta-grid\">\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Client Type<\/span> <span class=\"cs-meta-value\">Tier 1 Aerospace Supplier<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Material<\/span> <span class=\"cs-meta-value\">Ti-6Al-4V (Grade 5 Titanium)<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Tolerance<\/span> <span class=\"cs-meta-value\">\u00b10.005mm on critical dimensions<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Certifications<\/span> <span class=\"cs-meta-value\">AS9100D, NADCAP<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-content-grid\">\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">The Challenge<\/div>\r\n<div class=\"cs-section-text\">A top supplier to the aerospace industry came to us with a very difficult problem: The tolerances their vendor could meet consistently for a turbine housing component were not acceptable. The rejection rate at their previous supplier had reached 35%.<\/div>\r\n<ul class=\"cs-challenge-list\">\r\n<li>Internal cooling channels with a width of no less than 3mm<\/li>\r\n<li>Complicated angles where simultaneous 5-axis interpolation was needed<\/li>\r\n<li>A roughness of Ra 0.8\u03bcm on the sealing surfaces<\/li>\r\n<li>Full material traceability and AS9100D documentation<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">Our Solution<\/div>\r\n<div class=\"cs-solution-steps\">\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">1<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Toolpath Strategy Optimized<\/div>\r\n<div class=\"cs-step-desc\">Trochoidal milling patterns reduced cutting forces by 40% and increased tool lifetime from 45 minutes to over 3 hours.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">2<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Custom-Made Fixtures<\/div>\r\n<div class=\"cs-step-desc\">Hydraulic workholding system with uniformly distributed clamping pressure without distortion.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">3<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">In-Process Measurement<\/div>\r\n<div class=\"cs-step-desc\">Renishaw probing for real-time dimensional verification after each critical operation.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">4<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Temperature Managed<\/div>\r\n<div class=\"cs-step-desc\">High-pressure through-spindle coolant at 70 bar to control heat during deep pocket machining.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-results-section\">\r\n<div class=\"cs-results-title\">Results Achieved<\/div>\r\n<div class=\"cs-results-grid\">\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">First Article<\/div>\r\n<div class=\"cs-result-value\">100%<span class=\"cs-result-value-sm\">pass rate<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Rejection Rate<\/div>\r\n<div class=\"cs-result-value\">35%\u21920.5%<span class=\"cs-result-value-sm\">reduced<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Lead Time<\/div>\r\n<div class=\"cs-result-value\">40%<span class=\"cs-result-value-sm\">reduction<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Cost Per Part<\/div>\r\n<div class=\"cs-result-value\">22%<span class=\"cs-result-value-sm\">reduction<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-testimonial\">\r\n<div class=\"cs-testimonial-quote\">&#8220;After a year-long battle with poor quality, a CNC machining partner who actually gets aerospace standards stepped up for us. The contractor had the 5-axis titanium machining capabilities and the AS9100D processes which made us sure that every part was going to be within the specs. We have broadened the partnership to encompass three more families of parts since then.&#8221;<\/div>\r\n<div class=\"cs-testimonial-author\">\u2014 <strong>Senior Procurement Manager<\/strong>, Aerospace Tier 1 Supplier<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- CASE 2: Medical Device -->\r\n<div id=\"case2\" class=\"cs-tab-panel\">\r\n<div class=\"cs-case-header\">\r\n<div class=\"cs-case-industry\">Medical Devices<\/div>\r\n<h3 class=\"cs-case-title\">Medical Device Surgical Instrument Prototype<\/h3>\r\n<div class=\"cs-case-tagline\">Rapid CNC Prototyping for FDA-Regulated Medical Devices<\/div>\r\n<\/div>\r\n<div class=\"cs-meta-grid\">\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Client Type<\/span> <span class=\"cs-meta-value\">Medical Device Startup (Series B)<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Material<\/span> <span class=\"cs-meta-value\">316L Stainless Steel, PEEK<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Quantity<\/span> <span class=\"cs-meta-value\">10 prototype \u2192 500 production<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Certifications<\/span> <span class=\"cs-meta-value\">ISO 13485, FDA 21 CFR Part 820<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-content-grid\">\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">The Challenge<\/div>\r\n<div class=\"cs-section-text\">A medical device startup working on a novel minimally invasive surgical instrument faced a critical timeline: 12 weeks until the FDA submission deadline with multiple design revisions needed.<\/div>\r\n<ul class=\"cs-challenge-list\">\r\n<li>Ergonomic handle geometry with undercuts needing special fixturing<\/li>\r\n<li>Joint mechanism with \u00b10.01mm very tight tolerances<\/li>\r\n<li>Biocompatibility electropolished surface finish requirement<\/li>\r\n<li>5-day turnaround for each design revision<\/li>\r\n<li>FDA submission full material certification and batch traceability<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">Our Solution<\/div>\r\n<div class=\"cs-solution-steps\">\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">1<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">DFM Review<\/div>\r\n<div class=\"cs-step-desc\">Engineers provided DFM feedback within 24 hours, spotting issues before material was cut.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">2<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Dedicated Fixturing Library<\/div>\r\n<div class=\"cs-step-desc\">Modular soft-jaw fixtures accommodating design changes without new fabrication.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">3<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">In-House Surface Finishing<\/div>\r\n<div class=\"cs-step-desc\">Electropolishing to Ra 0.4\u03bcm in-house, eliminating 2-week external lead times.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">4<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Documentation Package<\/div>\r\n<div class=\"cs-step-desc\">Complete Device History Records (DHR) FDA-formatted for submission.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-results-section\">\r\n<div class=\"cs-results-title\">Results Achieved<\/div>\r\n<div class=\"cs-results-grid\">\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Design Iterations<\/div>\r\n<div class=\"cs-result-value\">7<span class=\"cs-result-value-sm\">in 10 weeks<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Avg Turnaround<\/div>\r\n<div class=\"cs-result-value\">4 days<span class=\"cs-result-value-sm\">per revision<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">FDA Submission<\/div>\r\n<div class=\"cs-result-value\">2 weeks<span class=\"cs-result-value-sm\">ahead of deadline<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Scale-Up<\/div>\r\n<div class=\"cs-result-value\">500 units<span class=\"cs-result-value-sm\">seamless transition<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-testimonial\">\r\n<div class=\"cs-testimonial-quote\">&#8220;As a startup, we couldn&#8217;t afford delays or quality issues with our FDA submission. The rapid CNC prototyping service was a game-changer\u2014their 4-day turnaround on precision stainless steel parts let us iterate quickly while their ISO 13485 documentation saved us months of paperwork. They&#8217;re now our sole manufacturing partner as we scale to production.&#8221;<\/div>\r\n<div class=\"cs-testimonial-author\">\u2014 <strong>CEO &amp; Co-Founder<\/strong>, Medical Device Startup<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- CASE 3: EV Battery Housing -->\r\n<div id=\"case3\" class=\"cs-tab-panel\">\r\n<div class=\"cs-case-header\">\r\n<div class=\"cs-case-industry\">Automotive \/ Electric Vehicles<\/div>\r\n<h3 class=\"cs-case-title\">Electric Vehicle Battery Housing<\/h3>\r\n<div class=\"cs-case-tagline\">High-Volume Aluminum CNC Machining for EV Components<\/div>\r\n<\/div>\r\n<div class=\"cs-meta-grid\">\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Client Type<\/span> <span class=\"cs-meta-value\">EV Startup (Pre-IPO)<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Material<\/span> <span class=\"cs-meta-value\">Aluminum 6061-T6<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Volume<\/span> <span class=\"cs-meta-value\">2,500 units\/month<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Surface Treatment<\/span> <span class=\"cs-meta-value\">Hard Anodizing Type III, Black<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-content-grid\">\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">The Challenge<\/div>\r\n<div class=\"cs-section-text\">An upcoming EV company wanted to increase battery housing production from prototype amounts to 2,500 units monthly with aerospace-level accuracy and competitive pricing.<\/div>\r\n<ul class=\"cs-challenge-list\">\r\n<li>Large size (650mm \u00d7 450mm) needed CNC machine with large envelope<\/li>\r\n<li>Intricate cooling channel layout for temperature control<\/li>\r\n<li>Flatness specification of 0.05mm on the sealing area<\/li>\r\n<li>Hard anodizing with stringent adhesion and thickness controls<\/li>\r\n<li>Target: 35% cost reduction compared to prototype costs<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">Our Solution<\/div>\r\n<div class=\"cs-solution-steps\">\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">1<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Process Optimization<\/div>\r\n<div class=\"cs-step-desc\">Revolutionized cutting plan to reduce machine time from 4.5 hours to 2.8 hours.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">2<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Dedicated Production Cell<\/div>\r\n<div class=\"cs-step-desc\">3 machines operating 24\/7 with auto pallet changers for maximum spindle utilization.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">3<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">In-House Anodizing<\/div>\r\n<div class=\"cs-step-desc\">Type III hard anodizing facility eliminated 10-day external lead times.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">4<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Statistical Process Control<\/div>\r\n<div class=\"cs-step-desc\">SPC monitoring on all vital dimensions with automatic tool offset compensation.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-results-section\">\r\n<div class=\"cs-results-title\">Results Achieved<\/div>\r\n<div class=\"cs-results-grid\">\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Monthly Volume<\/div>\r\n<div class=\"cs-result-value\">2,500+<span class=\"cs-result-value-sm\">units steady<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Cost Reduction<\/div>\r\n<div class=\"cs-result-value\">42%<span class=\"cs-result-value-sm\">vs prototype<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">On-Time Delivery<\/div>\r\n<div class=\"cs-result-value\">99.2%<span class=\"cs-result-value-sm\">over 18 months<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Quality Rate<\/div>\r\n<div class=\"cs-result-value\">99.7%<span class=\"cs-result-value-sm\">first-pass yield<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-testimonial\">\r\n<div class=\"cs-testimonial-quote\">&#8220;Moving from prototype to mass production is where most hardware startups fail. Our CNC machining associate guided us through this critical transition with their aluminum machining knowledge and production engineering capabilities. The 42% cost decrease they accomplished made our business model feasible, and their regular quality has been pivotal for our vehicle reliability.&#8221;<\/div>\r\n<div class=\"cs-testimonial-author\">\u2014 <strong>VP of Manufacturing<\/strong>, Electric Vehicle Company<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- CASE 4: Robotics -->\r\n<div id=\"case4\" class=\"cs-tab-panel\">\r\n<div class=\"cs-case-header\">\r\n<div class=\"cs-case-industry\">Robotics &amp; Automation<\/div>\r\n<h3 class=\"cs-case-title\">Robotics Actuator Housing<\/h3>\r\n<div class=\"cs-case-tagline\">Complex 5-Axis CNC Milling for Precision Robotics<\/div>\r\n<\/div>\r\n<div class=\"cs-meta-grid\">\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Client Type<\/span> <span class=\"cs-meta-value\">Industrial Robotics Manufacturer<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Material<\/span> <span class=\"cs-meta-value\">Aluminum 7075-T6, Steel 4140<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Complexity<\/span> <span class=\"cs-meta-value\">5-axis simultaneous interpolation<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Critical Tolerance<\/span> <span class=\"cs-meta-value\">\u00b10.008mm on bearing bores<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-content-grid\">\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">The Challenge<\/div>\r\n<div class=\"cs-section-text\">A top industrial robotics manufacturer was developing a new generation of co-robots with unprecedented movement capabilities. The actuator housing design included features impossible to machine with 3-axis.<\/div>\r\n<ul class=\"cs-challenge-list\">\r\n<li>Six precision bearing bores at non-orthogonal angles<\/li>\r\n<li>Deep pocket machining at 15\u00b0 angles for oil passages<\/li>\r\n<li>Mating features needing concentricity of 0.005mm<\/li>\r\n<li>Aluminum housing plus press-fit hardened steel inserts<\/li>\r\n<li>Low-volume (150 units\/month) with high part variety<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">Our Solution<\/div>\r\n<div class=\"cs-solution-steps\">\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">1<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Single-Setup Machining<\/div>\r\n<div class=\"cs-step-desc\">Tombstone fixture permitting all features in one setup, eliminating tolerance stacking.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">2<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Custom Tooling Development<\/div>\r\n<div class=\"cs-step-desc\">Long-reach endmills and angle heads for deep internal features while keeping rigidity.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">3<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Coordinate System Optimization<\/div>\r\n<div class=\"cs-step-desc\">Feature-based coordinate systems for accurate measurement at every crucial spot.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">4<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Sub-Assembly Integration<\/div>\r\n<div class=\"cs-step-desc\">Press-fit of hardened steel bearing inserts using thermal interference fit method.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-results-section\">\r\n<div class=\"cs-results-title\">Results Achieved<\/div>\r\n<div class=\"cs-results-grid\">\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Setup Reduction<\/div>\r\n<div class=\"cs-result-value\">6 \u2192 1<span class=\"cs-result-value-sm\">single setup<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Cycle Time<\/div>\r\n<div class=\"cs-result-value\">65%<span class=\"cs-result-value-sm\">reduction<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Geometric Accuracy<\/div>\r\n<div class=\"cs-result-value\">100%<span class=\"cs-result-value-sm\">within \u00b10.008mm<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Robot Performance<\/div>\r\n<div class=\"cs-result-value\">30%<span class=\"cs-result-value-sm\">better repeatability<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-testimonial\">\r\n<div class=\"cs-testimonial-quote\">&#8220;Conventional machining was having a hard time with the geometric complexity of our actuator housing. The partner who was doing our 5-axis CNC milling not only satisfied our stringent tolerance needs but in fact made our robot&#8217;s performance better by providing geometric consistency. The single-setup method they used reduced the cumulative errors we experienced with our prior multi-operation process.&#8221;<\/div>\r\n<div class=\"cs-testimonial-author\">\u2014 <strong>Chief Mechanical Engineer<\/strong>, Robotics Company<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- CASE 5: Consumer Electronics -->\r\n<div id=\"case5\" class=\"cs-tab-panel\">\r\n<div class=\"cs-case-header\">\r\n<div class=\"cs-case-industry\">Consumer Electronics<\/div>\r\n<h3 class=\"cs-case-title\">Consumer Electronics Enclosure<\/h3>\r\n<div class=\"cs-case-tagline\">High-Precision CNC Machining with Premium Surface Finishing<\/div>\r\n<\/div>\r\n<div class=\"cs-meta-grid\">\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Client Type<\/span> <span class=\"cs-meta-value\">Premium Audio Equipment Brand<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Material<\/span> <span class=\"cs-meta-value\">Aluminum 6063-T5<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Surface Finish<\/span> <span class=\"cs-meta-value\">Bead Blast + Type II Anodizing<\/span><\/div>\r\n<div class=\"cs-meta-item\"><span class=\"cs-meta-label\">Annual Volume<\/span> <span class=\"cs-meta-value\">15,000 units across 4 SKUs<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-content-grid\">\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">The Challenge<\/div>\r\n<div class=\"cs-section-text\">A high-end audio equipment maker was introducing a novel series with aluminum shells that would display and support the brand&#8217;s premium positioning through perfect acoustic performance.<\/div>\r\n<ul class=\"cs-challenge-list\">\r\n<li>No tool marks visible on external surfaces<\/li>\r\n<li>Color matching of production batches to be perfect (\u0394E &lt; 1.0)<\/li>\r\n<li>Internal pocketing for electronics with EMI shielding<\/li>\r\n<li>1.5mm thin wall sections without warping during anodizing<\/li>\r\n<li>Logo engraving with depth tolerance of \u00b10.02mm<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"cs-section\">\r\n<div class=\"cs-section-title\">Our Solution<\/div>\r\n<div class=\"cs-solution-steps\">\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">1<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Mirror Finish Machining<\/div>\r\n<div class=\"cs-step-desc\">Diamond-polished PCD tooling achieving Ra 0.2\u03bcm surface finish directly from machining.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">2<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Stress-Relief Protocol<\/div>\r\n<div class=\"cs-step-desc\">Thermal cycling between roughing and finishing to prevent thin-wall distortion.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">3<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Color Matching System<\/div>\r\n<div class=\"cs-step-desc\">Spectrophotometer-verified color standards ensuring batch-to-batch consistency.<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-solution-step\"><span class=\"cs-step-num\">4<\/span>\r\n<div class=\"cs-step-content\">\r\n<div class=\"cs-step-title\">Dedicated Finishing Line<\/div>\r\n<div class=\"cs-step-desc\">In-house bead blasting and anodizing with controlled environmental conditions.<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-results-section\">\r\n<div class=\"cs-results-title\">Results Achieved<\/div>\r\n<div class=\"cs-results-grid\">\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Cosmetic Accept<\/div>\r\n<div class=\"cs-result-value\">99.5%<span class=\"cs-result-value-sm\">first-pass<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Color Consistency<\/div>\r\n<div class=\"cs-result-value\">\u0394E &lt; 0.5<span class=\"cs-result-value-sm\">batch-to-batch<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Lead Time<\/div>\r\n<div class=\"cs-result-value\">3 weeks<span class=\"cs-result-value-sm\">vs 6-8 industry avg<\/span><\/div>\r\n<\/div>\r\n<div class=\"cs-result-item\">\r\n<div class=\"cs-result-metric\">Customer Returns<\/div>\r\n<div class=\"cs-result-value\">&lt; 0.1%<span class=\"cs-result-value-sm\">quality issues<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"cs-testimonial\">\r\n<div class=\"cs-testimonial-quote\">&#8220;Our brand reputation depends on flawless product quality. It was hard to find a CNC machining partner who was well-versed in both precision engineering AND cosmetic excellence\u2014at least until we found this team. Their integrated surface finishing capabilities and color matching consistency have been remarkable. Our customers are always saying that the build quality of our enclosures is great.&#8221;<\/div>\r\n<div class=\"cs-testimonial-author\">\u2014 <strong>Product Design Director<\/strong>, Audio Equipment Company<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<script>\r\n    (function() {\r\n      var csModule = document.getElementById('cnc-case-studies-module-2024');\r\n      if (!csModule) return;\r\n\r\n      \/\/ Tab functionality\r\n      var tabBtns = csModule.querySelectorAll('.cs-tab-btn');\r\n      var tabPanels = csModule.querySelectorAll('.cs-tab-panel');\r\n\r\n      tabBtns.forEach(function(btn) {\r\n        btn.addEventListener('click', function() {\r\n          var targetTab = this.getAttribute('data-tab');\r\n\r\n          \/\/ Remove active from all\r\n          tabBtns.forEach(function(b) { b.classList.remove('cs-active'); });\r\n          tabPanels.forEach(function(p) { p.classList.remove('cs-active'); });\r\n\r\n          \/\/ Add active to clicked\r\n          this.classList.add('cs-active');\r\n          var targetPanel = csModule.querySelector('#' + targetTab);\r\n          if (targetPanel) {\r\n            targetPanel.classList.add('cs-active');\r\n          }\r\n        });\r\n      });\r\n\r\n      \/\/ Scroll animation\r\n      var wrapper = csModule.querySelector('.cs-tabs-wrapper');\r\n      \r\n      var observerOptions = {\r\n        root: null,\r\n        rootMargin: '0px 0px -50px 0px',\r\n        threshold: 0.1\r\n      };\r\n\r\n      var handleIntersect = function(entries, observer) {\r\n        entries.forEach(function(entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('cs-visible');\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      };\r\n\r\n      if ('IntersectionObserver' in window && wrapper) {\r\n        var observer = new IntersectionObserver(handleIntersect, observerOptions);\r\n        observer.observe(wrapper);\r\n      } else if (wrapper) {\r\n        wrapper.classList.add('cs-visible');\r\n      }\r\n    })();\r\n  <\/script><\/section>\r\n<!-- End Case Studies Module -->\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-43196c3\" data-block-id=\"43196c3\"><style>.stk-43196c3 {margin-top:var(--stk--preset--spacing--70, 3.38rem) !important;margin-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;}<\/style><style class=\"stk-custom-css\">.stk-43196c3{--cnc-accent:#0f172a !important;--cnc-active:#2563eb !important;--cnc-bg:#ffffff !important;--cnc-bg-hover:#f8fafc !important;--cnc-border:#e2e8f0 !important;--cnc-text-title:#1e293b !important;--cnc-text-body:#475569 !important;--shadow-card:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1) !important}.stk-43196c3 .stk-block-accordion{display:block !important;width:100% !important;height:auto !important;background:var(--cnc-bg) !important;border:1px solid var(--cnc-border) !important;border-left:4px solid transparent !important;margin-bottom:16px !important;border-radius:0px !important;box-shadow:var(--shadow-card) !important;transition:all 0.2s ease-in-out !important;position:relative !important;overflow:hidden !important}.stk-43196c3 .stk-block-accordion:hover{border-color:#cbd5e1 !important;background:var(--cnc-bg-hover) !important}.stk-43196c3 .stk-block-accordion[open]{border-left-color:var(--cnc-active) !important;border-top-color:#cbd5e1 !important;border-bottom-color:#cbd5e1 !important;border-right-color:#cbd5e1 !important;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1) !important;background:#fff !important}.stk-43196c3 summary.stk-block-accordion__heading{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:24px 24px !important;cursor:pointer !important;list-style:none !important;min-height:70px !important}.stk-43196c3 summary::-webkit-details-marker{display:none !important}.stk-43196c3 .stk-block-icon-label .stk-block-icon{display:none !important}.stk-43196c3 summary .stk-block-heading__text{font-family:system-ui,-apple-system,sans-serif !important;font-size:18px !important;font-weight:600 !important;color:var(--cnc-text-title) !important;margin:0 !important;line-height:1.4 !important;text-align:left !important;padding-right:30px !important;letter-spacing:-0.01em !important}.stk-43196c3 summary::after{content:\"\" !important;display:block !important;width:10px !important;height:10px !important;border-right:2px solid var(--cnc-accent) !important;border-bottom:2px solid var(--cnc-accent) !important;transform:rotate(45deg) !important;transition:transform 0.3s ease !important;margin-right:8px !important;flex-shrink:0 !important;opacity:0.6 !important}.stk-43196c3 details[open] summary::after{transform:rotate(225deg) !important;border-color:var(--cnc-active) !important;opacity:1 !important}.stk-43196c3 .stk-block-accordion__content{display:block !important;opacity:1 !important;visibility:visible !important;padding:0 24px 28px 24px !important;border-top:1px solid transparent !important;margin-top:-8px !important}.stk-43196c3 details[open] .stk-block-accordion__content{border-top:1px solid #f1f5f9 !important;padding-top:20px !important}.stk-43196c3 .stk-block-text__text{color:var(--cnc-text-body) !important;font-size:16px !important;line-height:1.75 !important;font-weight:400 !important}.stk-43196c3 h2.stk-block-heading__text{font-weight:700 !important;letter-spacing:-0.5px !important;color:var(--cnc-accent) !important}@media screen and (max-width:690px){.stk-43196c3 summary.stk-block-accordion__heading{padding:18px !important}.stk-43196c3 summary .stk-block-heading__text{font-size:16px !important}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-43196c3-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-3356166\" data-v=\"4\" data-block-id=\"3356166\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-3356166-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-3356166-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-a00814d\" id=\"heading-placeholder\" data-block-id=\"a00814d\"><style>.stk-a00814d {margin-bottom:36px !important;}<\/style><h2 class=\"stk-block-heading__text has-text-align-center\">CNC Milling Parts FAQs<\/h2><\/div>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk--is-open stk-block stk-5b42deb is-style-shadow\" open data-block-id=\"5b42deb\"><style>.stk-5b42deb {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-774a7f0 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"774a7f0\"><style>.stk-774a7f0-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-774a7f0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-774a7f0-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-b84cf46\" data-block-id=\"b84cf46\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e664526\" id=\"question-1-placeholder\" data-block-id=\"e664526\"><style>.stk-e664526 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-e664526 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What are the most common machining services and also the machining process steps?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-1281129\" data-block-id=\"1281129\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-1281129\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-1281129-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-1281129-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-1281129\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-1281129-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-1281129-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5f12ba1 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"5f12ba1\"><style>.stk-5f12ba1-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5f12ba1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5f12ba1-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-4ba122b\" data-block-id=\"4ba122b\"><p class=\"stk-block-text__text\">CNC machining services are the ones that involve milling, turning, drilling, and routing the creation of custom parts from metals and plastics utilizing a cnc machine. Once the machining process has started, it would usually go through the steps as follows: a CAD file is created; the material is chosen (aluminum, steel, polycarbonate, or plastic like ABS); the CNC shop setup is done; roughing and finishing passes are done to achieve the required tolerance; and finally, inspection is done before delivery. Many manufacturers offer these and other complementary manufacturing services, such as sheet metal fabrication, EDM, and 3D printing, enabling hybrid workflows between subtractive and additive methods.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-f27d714 is-style-shadow\" data-block-id=\"f27d714\"><style>.stk-f27d714 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7129a89 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"7129a89\"><style>.stk-7129a89-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7129a89-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7129a89-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-2891870\" data-block-id=\"2891870\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-96bc122\" id=\"question-1-placeholder\" data-block-id=\"96bc122\"><style>.stk-96bc122 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-96bc122 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">How do I receive an instant quote or instant pricing from an online service that does cnc machining?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-748cc19\" data-block-id=\"748cc19\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-748cc19\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-748-cc-19-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-748-cc-19-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-748cc19\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-748-cc-19-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-748-cc-19-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6a4d0e7 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"6a4d0e7\"><style>.stk-6a4d0e7-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6a4d0e7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6a4d0e7-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-481e0b1\" data-block-id=\"481e0b1\"><p class=\"stk-block-text__text\">Usually, all online cnc platforms will grant you access to instant pricing or an online quote just by uploading your CAD file (STEP, IGES, or STL) plus indicating the material, finishing, tolerance, and quantity. The costs will be determined by the system, taking into account the setups, machine times for milling or turning, and all slightly different operations. You will be able to find out the cost to deliver an estimate for prototypes, quick-turn parts, or production parts and also be able to ask for a price of custom cnc machining or precision cnc work.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-5ab2ded is-style-shadow\" data-block-id=\"5ab2ded\"><style>.stk-5ab2ded {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2df2e73 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"2df2e73\"><style>.stk-2df2e73-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2df2e73-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2df2e73-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-f0bb29b\" data-block-id=\"f0bb29b\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-8fea372\" id=\"question-1-placeholder\" data-block-id=\"8fea372\"><style>.stk-8fea372 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-8fea372 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What capabilities of cnc machining should I pay attention to while processing my custom cnc machining project?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-dce5394\" data-block-id=\"dce5394\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-dce5394\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dce-5394-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dce-5394-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-dce5394\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dce-5394-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dce-5394-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9d5aa52 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"9d5aa52\"><style>.stk-9d5aa52-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9d5aa52-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9d5aa52-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-b9a4907\" data-block-id=\"b9a4907\"><p class=\"stk-block-text__text\">Capabilities like 3-axis milling, milling, and turning with live tooling, maximum work envelope, tolerance ability, surface finish options, availability of cnc routing service, and supported cnc machining materials such as aluminum, stainless steel, and engineering plastics should be the focus when choosing a cnc manufacturing provider. Moreover, check if the shop deals with sheet metal, edm, or provides 3d printing and whether it can produce both simple and complex parts for prototyping and production parts.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-cd70c13 is-style-shadow\" data-block-id=\"cd70c13\"><style>.stk-cd70c13 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-44c12d1 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"44c12d1\"><style>.stk-44c12d1-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-44c12d1-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-44c12d1-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-e4379ce\" data-block-id=\"e4379ce\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-18baa88\" id=\"question-1-placeholder\" data-block-id=\"18baa88\"><style>.stk-18baa88 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-18baa88 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What is the impact of tolerance on my parts made with cnc machining and precision technology?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-caa65b8\" data-block-id=\"caa65b8\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-caa65b8\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-caa-65-b-8-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-caa-65-b-8-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-caa65b8\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-caa-65-b-8-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-caa-65-b-8-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ac6e7ef stk-block-accordion__content\" data-v=\"4\" data-block-id=\"ac6e7ef\"><style>.stk-ac6e7ef-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ac6e7ef-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ac6e7ef-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-fbfcebb\" data-block-id=\"fbfcebb\"><p class=\"stk-block-text__text\">First, tolerance specifies the allowable dimensional variation in machine parts. In cases where tolerances are very tight, that means precision cnc machining is required, and at the same time, it means the cost of that service might go up due to slow feeds, finer tooling, and extra inspection. Before submitting your CAD file, discuss your tolerances with the machine shop to ensure manufacturability and make the right trade-off between cost and function. Standard tolerances are applicable to many production parts, whereas for precision applications, careful control is essential.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-6f995a6 is-style-shadow\" data-block-id=\"6f995a6\"><style>.stk-6f995a6 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c7bdaae stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"c7bdaae\"><style>.stk-c7bdaae-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c7bdaae-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c7bdaae-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-b92afbb\" data-block-id=\"b92afbb\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-e5ad13a\" id=\"question-1-placeholder\" data-block-id=\"e5ad13a\"><style>.stk-e5ad13a .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-e5ad13a .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Will I be able to upload my CAD file and order parts that are custom-made for prototyping or production?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-98d6759\" data-block-id=\"98d6759\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-98d6759\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-98-d-6759-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-98-d-6759-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-98d6759\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-98-d-6759-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-98-d-6759-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7692341 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"7692341\"><style>.stk-7692341-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7692341-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7692341-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-f948d68\" data-block-id=\"f948d68\"><p class=\"stk-block-text__text\">Certainly, the majority of the online cnc machining service operators will allow you to upload CAD files to receive quotes and start manufacturing. You have the possibility to order just one prototype or even bigger batches of production parts from metals and plastics, with a variety of finishes, threads, and tight tolerances as well as other options. The platform usually has good support for rapid iterations for parts made for prototyping, which is why the parts can have quick-turn, and parts can be for prototyping with fast feedback on manufacturability and cost.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-ccccda6 is-style-shadow\" data-block-id=\"ccccda6\"><style>.stk-ccccda6 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d5a3543 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"d5a3543\"><style>.stk-d5a3543-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d5a3543-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d5a3543-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-deb91ad\" data-block-id=\"deb91ad\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-9801200\" id=\"question-1-placeholder\" data-block-id=\"9801200\"><style>.stk-9801200 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-9801200 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What materials are used for cnc machining and how do I decide whether to choose metal over plastic?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-01524b1\" data-block-id=\"01524b1\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-01524b1\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01524-b-1-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01524-b-1-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-01524b1\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01524-b-1-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01524-b-1-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-84d16b3 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"84d16b3\"><style>.stk-84d16b3-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-84d16b3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-84d16b3-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-adfb3f8\" data-block-id=\"adfb3f8\"><p class=\"stk-block-text__text\">The range of materials in cnc machining is large, and it includes aluminum, steel, stainless steel, brass, polycarbonate, and various engineering plastics such as ABS and nylon. On the one hand, select metals for their strength, heat resistance, or wear properties; on the other, plastics for their lower weight, electrical insulation, or lower cost. Finally, consider the machining process, surface finish, and final application\u2014cylindrical parts must be machined by cnc turning, while complex prismatic shapes need cnc milling, for instance.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-d75eb66 is-style-shadow\" data-block-id=\"d75eb66\"><style>.stk-d75eb66 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5b386ce stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"5b386ce\"><style>.stk-5b386ce-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5b386ce-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5b386ce-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-1c8c059\" data-block-id=\"1c8c059\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6f1cc54\" id=\"question-1-placeholder\" data-block-id=\"6f1cc54\"><style>.stk-6f1cc54 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-6f1cc54 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What are the differences between cnc manufacturing and sheet metal fabrication and can they be integrated?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-a305acb\" data-block-id=\"a305acb\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-a305acb\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-a-305-acb-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-a-305-acb-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-a305acb\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-a-305-acb-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-a-305-acb-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-363ad43 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"363ad43\"><style>.stk-363ad43-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-363ad43-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-363ad43-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-f2438d9\" data-block-id=\"f2438d9\"><p class=\"stk-block-text__text\">CNC manufacturing mainly involves subtractive processes such as milling and turning to produce accurate cnc machined parts from solid stock. Sheet metal fabrication, on the other hand, involves bending, cutting, and assembling thin sheets of metal. A number of manufacturing services are combining both processes: a workshop may work on machined parts like brackets and housings, and at the same time carry out sheet metal fabrication for enclosures; thus, providing integrated assemblies and custom manufacturing solutions for products that need both machined components and sheet metal parts.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-446b2d5 is-style-shadow\" data-block-id=\"446b2d5\"><style>.stk-446b2d5 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5f5b473 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"5f5b473\"><style>.stk-5f5b473-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5f5b473-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5f5b473-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-c662b67\" data-block-id=\"c662b67\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-f6f7668\" id=\"question-1-placeholder\" data-block-id=\"f6f7668\"><style>.stk-f6f7668 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-f6f7668 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Have you ever wondered what determines the price of cnc machining services and how to cut down the expenditures?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-bf7ce5b\" data-block-id=\"bf7ce5b\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-bf7ce5b\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-bf-7-ce-5-b-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-bf-7-ce-5-b-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-bf7ce5b\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-bf-7-ce-5-b-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-bf-7-ce-5-b-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b69576f stk-block-accordion__content\" data-v=\"4\" data-block-id=\"b69576f\"><style>.stk-b69576f-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b69576f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b69576f-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-dac7280\" data-block-id=\"dac7280\"><p class=\"stk-block-text__text\">The price for CNC machining services depends on the type of material, the complexity, the quantity, the tolerances, the surface finish, and the needed machining methods (such as milling, turning, EDM, multi-axis). To decrease costs try to make the geometry easier, increase tolerances where possible, use standard materials, merge features to evade extra setups, and consider ordering more pieces for production parts to share out the setup cost. Make use of online instant quoters to compare prices from various cnc shops and to ask for quotations for improved designs.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n\n\n\n<details class=\"wp-block-stackable-accordion stk-block-accordion stk-inner-blocks stk-block-content stk-block stk-1502343 is-style-shadow\" data-block-id=\"1502343\"><style>.stk-1502343 {border-top-left-radius:4px !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:4px !important;overflow:hidden !important;box-shadow:0 5px 30px -10px #123f524d !important;}<\/style>\n<summary class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c088228 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"c088228\"><style>.stk-c088228-container{padding-top:16px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c088228-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c088228-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-57e1cdc\" data-block-id=\"57e1cdc\"><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-7fbfa8a\" id=\"question-1-placeholder\" data-block-id=\"7fbfa8a\"><style>.stk-7fbfa8a .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-7fbfa8a .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What information on precision machining, quality control and delivery should I have when looking for custom cnc parts?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-76b7d04\" data-block-id=\"76b7d04\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-76b7d04\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-76-b-7-d-04-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-76-b-7-d-04-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><div class=\"stk--inner-svg stk--icon-2\" style=\"display:none\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-76b7d04\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-76-b-7-d-04-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-76-b-7-d-04-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"\/><\/svg><\/div><\/span><\/div>\n<\/div><\/div>\n<\/div><\/div><\/summary>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-21900df stk-block-accordion__content\" data-v=\"4\" data-block-id=\"21900df\"><style>.stk-21900df-container{padding-top:0px !important;padding-right:16px !important;padding-bottom:16px !important;padding-left:16px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-21900df-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-21900df-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-09a7750\" data-block-id=\"09a7750\"><p class=\"stk-block-text__text\">Precision machining requires certified equipment, skilled operators, and quality control processes such as CMM inspection and the maintenance of documented tolerances. Make sure you check the cnc shop\u2019s quality standards, inspection reports, and traceability of critical parts. Inquire about the timeframes for quick-turn parts as opposed to standard production, the available shipping options, and whether customers can receive complete services that range from design for manufacturability (DFM) feedback to getting a quote, uploading revisions, and managing the quote to delivery timeline for custom cnc parts.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>CNC Milling Services Full CNC Milling Service Solutions From 3-axis milling for simple designs to 5-axis simultaneous milling for complex parts, we produce parts with good tolerance that meet your exact specifications. 3-Axis CNC Milling This is a cost-effective process for machining parts with features accessible from only one direction. Common parts using this process [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3104,"parent":739,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"#gspb_row-id-gsbp-7edf5ee{justify-content:space-between;margin-top:0;margin-bottom:0;display:flex;flex-wrap:wrap;align-content:center;padding-top:250px;padding-bottom:55px}#gspb_row-id-gsbp-7edf5ee>.gspb_row__content{display:flex;justify-content:space-between;margin:0 auto;width:100%;flex-wrap:wrap}.gspb_row{position:relative}div[id^=gspb_col-id]{box-sizing:border-box;position:relative;padding:var(--gs-row-column-padding, 15px min(3vw, 20px))}@media (max-width:991.98px){#gspb_row-id-gsbp-7edf5ee>.gspb_row__content{row-gap:50px}}#gspb_row-id-gsbp-7edf5ee>.gspb_row__content{align-items:center}body.gspb-bodyfront #gspb_row-id-gsbp-7edf5ee>.gspb_row__content{width:var(--theme-container-width, 1200px);max-width:var(--theme-normal-container-max-width, 1200px)}@media (max-width:991.98px){#gspb_row-id-gsbp-7edf5ee{padding-top:200px}}#gspb_row-id-gsbp-7edf5ee{background-color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #040404));background-size:cover;background-repeat:no-repeat;background-position:50% 0;background-image:url(https:\/\/le-creator.com\/wp-content\/uploads\/2025\/07\/hero-section-background-scaled-1.webp)}#gspb_row-id-gsbp-7edf5ee:hover{background-size:cover}#gspb_col-id-gsbp-6a341d5.gspb_row__col--6{width:calc(50% - 40px)}@media (max-width:991.98px){#gspb_col-id-gsbp-6a341d5.gspb_row__col--6{width:100%}}@media (max-width:767.98px){#gspb_col-id-gsbp-6a341d5.gspb_row__col--6{width:calc(100% - 40px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-6a341d5.gspb_row__col--6{width:100%}}@media (min-width:992px){body.gspb-bodyfront #gspb_col-id-gsbp-6a341d5.gspb_row__col--6{width:calc(55% - 0px - 40px)}}#gspb_heading-id-gsbp-d37f723{font-size:50px;line-height:1.2em}@media (max-width:991.98px){#gspb_heading-id-gsbp-d37f723{font-size:40px}}@media (max-width:575.98px){#gspb_heading-id-gsbp-d37f723{font-size:35px}}@media (max-width:991.98px){#gspb_heading-id-gsbp-d37f723,#gspb_heading-id-gsbp-d37f723 .gsap-g-line{text-align:center!important}}#gspb_heading-id-gsbp-d37f723{font-weight:800!important;color:#fff;margin-top:0;margin-bottom:20px}.gspb_text-id-gsbp-5c0e1d9{font-size:18px}@media (max-width:991.98px){.gspb_text-id-gsbp-5c0e1d9,.gspb_text-id-gsbp-5c0e1d9 .gsap-g-line{text-align:center!important}}.gspb_text-id-gsbp-5c0e1d9{color:#fff;margin-top:0!important;margin-bottom:50px!important}#gspb_button-id-gsbp-8f08266{display:flex;justify-content:flex-start}#gspb_button-id-gsbp-8f08266 .gspb-buttonbox-text{display:flex;flex-direction:column}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox{box-sizing:border-box}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox>.gspb-buttonbox-textwrap>.gspb-buttonbox-icon{display:flex}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox .gspb-buttonbox-icon svg{height:40px!important;width:40px!important;min-width:40px!important;fill:#fff!important;margin:0!important}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox .gspb-buttonbox-icon svg path{fill:#fff!important}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox>.gspb-buttonbox-textwrap{display:flex;flex-direction:row;align-items:center}#gspb_button-id-gsbp-8f08266 .gspb-buttonbox-icon{margin-left:13px}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox .gspb-buttonbox-icon{margin-left:25px}@media (max-width:991.98px){#gspb_button-id-gsbp-8f08266{justify-content:center}}#gspb_button-id-gsbp-8f08266>.gspb-buttonbox{padding:8px 8px 8px 30px}#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{width:calc(50% - 40px)}@media (max-width:991.98px){#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{width:100%}}@media (max-width:767.98px){#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{width:calc(100% - 40px)}}@media (max-width:575.98px){#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{width:100%}}body.gspb-bodyfront #gspb_col-id-gsbp-5e445d6.gspb_row__col--6{min-height:600px}@media (max-width:991.98px){body.gspb-bodyfront #gspb_col-id-gsbp-5e445d6.gspb_row__col--6{min-height:550px}}.gspb_row #gspb_col-id-gsbp-5e445d6.gspb_row__col--6{padding:40px}@media (max-width:575.98px){.gspb_row #gspb_col-id-gsbp-5e445d6.gspb_row__col--6{padding:30px}}#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{background-size:cover;background-repeat:no-repeat;background-position:51% 47%}@media (max-width:991.98px){#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{background-position:50% 50%}}#gspb_col-id-gsbp-5e445d6.gspb_row__col--6{background-image:url(https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-29.png)}#gspb_col-id-gsbp-5e445d6.gspb_row__col--6:hover{background-size:cover}body #gspb_col-id-gsbp-5e445d6.gspb_row__col--6{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}#gspb_col-id-gsbp-5e445d6.gspb_row__col--6,#gspb_col-id-gsbp-5e445d6.gspb_row__col--6>.gspb_backgroundOverlay{border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;border-bottom-left-radius:30px}","footnotes":""},"class_list":["post-3053","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/pages\/3053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/comments?post=3053"}],"version-history":[{"count":0,"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/pages\/3053\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/pages\/739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/media\/3104"}],"wp:attachment":[{"href":"https:\/\/le-creator.com\/fr\/wp-json\/wp\/v2\/media?parent=3053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}