{"id":2813,"date":"2025-12-18T08:12:11","date_gmt":"2025-12-18T08:12:11","guid":{"rendered":"https:\/\/le-creator.com\/?page_id=2813"},"modified":"2026-06-10T07:09:47","modified_gmt":"2026-06-10T07:09:47","slug":"aluminum-extrusion-machining","status":"publish","type":"page","link":"https:\/\/le-creator.com\/es\/cnc-machining-service\/aluminum-extrusion-machining\/","title":{"rendered":"Mecanizado por extrusi\u00f3n de aluminio"},"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=\"aluminum-extrusion-machining\" 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\">Aluminum Extrusion Machining<\/h1><\/div>\n\n\n\n<h2 id=\"gspb_heading-id-gsbp-d37f723\" class=\"gspb_heading gspb_heading-id-gsbp-d37f723 \">Professional Aluminum Extrusion Machining Services<\/h2>\n\n\n\n<div id=\"gspb_text-id-gsbp-5c0e1d9\" class=\"gspb_text gspb_text-id-gsbp-5c0e1d9 \">Aluminum extrusions are subject to precision CNC machining with tolerances to \u00b10.001&#8243;. Our company has over 25 years of experience serving aerospace, automotive, and industrial applications.<\/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\">Custom Aluminum Extrusion 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 class=\"gspb_backgroundOverlay\"><\/div><\/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-7689870\" data-block-id=\"7689870\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7689870-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-59c2f33\" data-v=\"4\" data-block-id=\"59c2f33\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-59c2f33-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-59c2f33-inner-blocks\">\n<section id=\"alum-services-module\">\n  <style>\n    \/* 1. Scoped Fonts & Reset *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap');\n\n    #alum-services-module {\n      font-family: 'Inter', sans-serif !important;\n      background-color: #f8f9fa !important;\n      padding: 20px 0 !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      position: relative !important;\n    }\n\n    #alum-services-module * {\n      box-sizing: border-box !important;\n    }\n\n    \/* Strong Reset for Headers *\/\n    #alum-services-module h2, \n    #alum-services-module h3, \n    #alum-services-module p, \n    #alum-services-module ul, \n    #alum-services-module li {\n      margin: 0 !important;\n      padding: 0 !important;\n      list-style: none !important;\n      line-height: 1.5 !important;\n      color: #333 !important;\n    }\n\n    \/* Layout Containers *\/\n    #alum-services-module .as-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n      padding: 0 20px !important;\n    }\n\n    \/* --- SECTION HEADER --- *\/\n    #alum-services-module .as-header {\n      text-align: center !important;\n      max-width: 800px !important;\n      margin: 0 auto 50px auto !important;\n    }\n\n    #alum-services-module .as-label {\n      color: #FF6018 !important;\n      font-weight: 700 !important;\n      font-size: 14px !important;\n      letter-spacing: 2px !important;\n      text-transform: uppercase !important;\n      display: block !important;\n      margin-bottom: 15px !important;\n    }\n\n    #alum-services-module h2.as-main-title {\n      font-size: 42px !important;\n      font-weight: 800 !important;\n      color: #111 !important;\n      margin-bottom: 20px !important;\n      line-height: 1.2 !important;\n    }\n\n    #alum-services-module .as-subtitle {\n      font-size: 18px !important;\n      color: #666 !important;\n      line-height: 1.6 !important;\n    }\n\n    \/* --- STATS BAR (High Impact) --- *\/\n    #alum-services-module .as-stats-bar {\n      background: #1a1a1a !important; \/* Dark Premium BG *\/\n      border-radius: 8px !important;\n      padding: 40px 30px !important;\n      margin-bottom: 60px !important;\n      display: grid !important;\n      grid-template-columns: repeat(5, 1fr) !important;\n      gap: 20px !important;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;\n      position: relative !important;\n      overflow: hidden !important;\n    }\n\n    \/* Orange accent line on top of stats *\/\n    #alum-services-module .as-stats-bar::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 4px !important;\n      background: #FF6018 !important;\n    }\n\n    #alum-services-module .as-stat-item {\n      text-align: center !important;\n      border-right: 1px solid rgba(255,255,255,0.1) !important;\n    }\n\n    #alum-services-module .as-stat-item:last-child {\n      border-right: none !important;\n    }\n\n    #alum-services-module .as-stat-number {\n      font-size: 32px !important;\n      font-weight: 800 !important;\n      color: #FF6018 !important; \/* Orange Brand Color *\/\n      display: block !important;\n      margin-bottom: 5px !important;\n    }\n\n    #alum-services-module .as-stat-label {\n      font-size: 14px !important;\n      color: #ccc !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      font-weight: 500 !important;\n    }\n\n    \/* --- SERVICES GRID --- *\/\n    #alum-services-module .as-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 30px !important;\n    }\n\n    \/* Card Style *\/\n    #alum-services-module .as-card {\n      background: #fff !important;\n      border: 1px solid #eee !important;\n      border-radius: 8px !important;\n      padding: 35px 30px !important;\n      transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n      display: flex !important;\n      flex-direction: column !important;\n      height: 100% !important;\n    }\n\n    #alum-services-module .as-card:hover {\n      transform: translateY(-5px) !important;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;\n      border-color: #FF6018 !important;\n    }\n\n    \/* Icon Area *\/\n    #alum-services-module .as-icon-wrapper {\n      width: 60px !important;\n      height: 60px !important;\n      background: rgba(255, 96, 24, 0.1) !important;\n      border-radius: 50% !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      margin-bottom: 25px !important;\n    }\n\n    #alum-services-module .as-icon-wrapper svg {\n      width: 28px !important;\n      height: 28px !important;\n      fill: #FF6018 !important;\n    }\n\n    \/* Card Content *\/\n    #alum-services-module h3.as-card-title {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #111 !important;\n      margin-bottom: 15px !important;\n    }\n\n    #alum-services-module .as-card-desc {\n      font-size: 15px !important;\n      color: #666 !important;\n      margin-bottom: 25px !important;\n      flex-grow: 1 !important; \/* Pushes list to bottom *\/\n    }\n\n    \/* Specs List inside Card *\/\n    #alum-services-module .as-specs-list {\n      background: #fdfdfd !important;\n      border-top: 1px solid #f0f0f0 !important;\n      padding-top: 20px !important;\n      margin-top: auto !important; \/* Aligns to bottom *\/\n    }\n\n    #alum-services-module .as-specs-list li {\n      font-size: 13px !important;\n      color: #444 !important;\n      margin-bottom: 8px !important;\n      position: relative !important;\n      padding-left: 20px !important;\n      font-weight: 500 !important;\n    }\n\n    \/* Custom bullet point *\/\n    #alum-services-module .as-specs-list li::before {\n      content: '' !important;\n      width: 6px !important;\n      height: 6px !important;\n      background: #FF6018 !important;\n      border-radius: 50% !important;\n      position: absolute !important;\n      left: 0 !important;\n      top: 7px !important;\n    }\n\n    \/* --- RESPONSIVE --- *\/\n    @media (max-width:1000px) {\n      #alum-services-module .as-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n      #alum-services-module .as-stats-bar {\n        grid-template-columns: repeat(3, 1fr) !important;\n        gap: 30px !important;\n      }\n      #alum-services-module .as-stat-item:nth-child(3) {\n        border-right: none !important;\n      }\n    }\n\n    @media (max-width:690px) {\n      #alum-services-module .as-grid {\n        grid-template-columns: 1fr !important;\n      }\n      #alum-services-module .as-stats-bar {\n        grid-template-columns: 1fr !important;\n        padding: 30px 20px !important;\n        text-align: center !important;\n      }\n      #alum-services-module .as-stat-item {\n        border-right: none !important;\n        border-bottom: 1px solid rgba(255,255,255,0.1) !important;\n        padding-bottom: 20px !important;\n        margin-bottom: 20px !important;\n      }\n      #alum-services-module .as-stat-item:last-child {\n        border-bottom: none !important;\n        padding-bottom: 0 !important;\n        margin-bottom: 0 !important;\n      }\n      #alum-services-module h2.as-main-title {\n        font-size: 32px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"as-container\">\n    \n    <div class=\"as-header\">\n      <span class=\"as-label\">Our Services<\/span>\n      <h2 class=\"as-main-title\">Full-Scale Aluminum Extrusion Machining Services<\/h2>\n      <div class=\"as-subtitle\">We handle everything from prototyping to mass production and offer precision machined aluminum extrusion parts capable of fulfilling the strictest requirements.<\/div>\n    <\/div>\n\n    <div class=\"as-stats-bar\">\n      <div class=\"as-stat-item\">\n        <span class=\"as-stat-number\">25+<\/span>\n        <span class=\"as-stat-label\">Years Experience<\/span>\n      <\/div>\n      <div class=\"as-stat-item\">\n        <span class=\"as-stat-number\">\u00b1.001&#8243;<\/span>\n        <span class=\"as-stat-label\">Tolerance<\/span>\n      <\/div>\n      <div class=\"as-stat-item\">\n        <span class=\"as-stat-number\">5,000+<\/span>\n        <span class=\"as-stat-label\">Projects Completed<\/span>\n      <\/div>\n      <div class=\"as-stat-item\">\n        <span class=\"as-stat-number\">98.5%<\/span>\n        <span class=\"as-stat-label\">On-Time Delivery<\/span>\n      <\/div>\n      <div class=\"as-stat-item\">\n        <span class=\"as-stat-number\">2-4 Wks<\/span>\n        <span class=\"as-stat-label\">Lead Time<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"as-grid\">\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6L10.59,7.41L13.17,10H8V14H13.17L10.59,16.59L12,18L18,12L12,6Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">CNC Milling<\/h3>\n        <p class=\"as-card-desc\">Offering high-precision 3, 4, and 5-axis CNC milling for intricate aluminum profiles. Ideal for aerospace and auto body parts.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>5-axis simultaneous machining<\/li>\n          <li>Profile length capacity of 20&#8242;<\/li>\n          <li>Positioning accuracy of \u00b10.001&#8243;<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12,2L12,6L9,9L9,15L12,18L12,22H14L14,18L17,15L17,9L14,6L14,2H12M11,10H15V14H11V10Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">Drilling &#038; Tapping<\/h3>\n        <p class=\"as-card-desc\">CNC-controlled accurate drilling and tapping with strict tolerance on hole patterns ensuring perfect repeatability.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>Multiple-spindle drilling heads<\/li>\n          <li>Thread sizes #2-56 to 1&#8243;-8<\/li>\n          <li>Automated hole pattern programming<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,13.75 19.44,15.38 18.5,16.74L15.26,13.5L16.67,12.08L14.55,10L12,12.55L9.45,10L7.33,12.08L8.74,13.5L5.5,16.74C4.56,15.38 4,13.75 4,12A8,8 0 0,1 12,4Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">Sawing &#038; Cutting<\/h3>\n        <p class=\"as-card-desc\">Precision cutting with burr-free edges. Includes cutting off and miter cuts for complex frame assemblies.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>Automatic length gauging<\/li>\n          <li>Miter capability from 0\u00b0 to 60\u00b0<\/li>\n          <li>Batch cutting of 1000 pcs\/hr<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M2,2H22V22H2V2M4,4V20H20V4H4M8,8H16V16H8V8Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">Notching &#038; Punching<\/h3>\n        <p class=\"as-card-desc\">Specific notching and punching operations for T-slot aluminum framing, window profiles, and structural applications.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>30-ton CNC punch press capacity<\/li>\n          <li>Custom die making included<\/li>\n          <li>In-line deburring option available<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.33 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.68 16.04,18.33 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">Secondary Operations<\/h3>\n        <p class=\"as-card-desc\">Full finishing services such as deburring, anodizing prep, assembly, and quality control.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>Vibratory deburring included<\/li>\n          <li>Manual and automated assembly<\/li>\n          <li>100% dimensional inspection<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"as-card\">\n        <div class=\"as-icon-wrapper\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,19H5V5H19V19M11,7H13V9H15V11H13V17H11V11H9V9H11V7Z\" \/><\/svg>\n        <\/div>\n        <h3 class=\"as-card-title\">Custom Fixturing<\/h3>\n        <p class=\"as-card-desc\">In-house digital rendering and fixture manufacturing for complex profiles, ensuring near-zero distortion.<\/p>\n        <ul class=\"as-specs-list\">\n          <li>CAD\/CAM fixture design<\/li>\n          <li>Vacuum and mechanical clamping<\/li>\n          <li>Quick-change production systems<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n  <\/div>\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:nullpx !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 Aluminum Extrusion Machining 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\">Explore our gallery of custom aluminum extrusion machining parts. We specialize in creating high-quality, precision-engineered components tailored to your specifications.<\/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--column-wrap-desktop 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-2932\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-23.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-23.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-23-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-23-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-2934\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/2-9.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\/2-9.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/2-9-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/2-9-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-2936\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/3-5.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\/3-5.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/3-5-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/3-5-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-2938\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-24.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-24.png 600w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-24-300x300.png 300w, https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/1-24-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-8f76fe5\" data-block-id=\"8f76fe5\"><style>.stk-8f76fe5 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-8f76fe5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-5cf9e1a\" data-v=\"4\" data-block-id=\"5cf9e1a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-5cf9e1a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5cf9e1a-inner-blocks\">\n<section id=\"tech-caps-module\">\n  <style>\n    \/* 1. Scoped Fonts & Reset *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;700;900&display=swap');\n\n    #tech-caps-module {\n      font-family: 'Inter', sans-serif !important;\n      background-color: #f4f5f7 !important; \/* Premium light grey base *\/\n      padding: 40px 20px !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      position: relative !important;\n      overflow: hidden !important;\n    }\n\n    #tech-caps-module * {\n      box-sizing: border-box !important;\n    }\n\n    \/* Strong Theme Reset *\/\n    #tech-caps-module h2, \n    #tech-caps-module h3, \n    #tech-caps-module p,\n    #tech-caps-module ul, \n    #tech-caps-module li {\n      margin: 0 !important;\n      padding: 0 !important;\n      line-height: 1.5 !important;\n      color: #333 !important;\n      list-style: none !important;\n    }\n\n    \/* Container *\/\n    #tech-caps-module .tc-container {\n      max-width: 1200px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- Header Section --- *\/\n    #tech-caps-module .tc-header {\n      margin-bottom: 60px !important;\n      max-width: 800px !important;\n    }\n\n    #tech-caps-module .tc-label {\n      color: #FF6018 !important;\n      font-weight: 700 !important;\n      font-size: 13px !important;\n      letter-spacing: 2px !important;\n      text-transform: uppercase !important;\n      display: inline-block !important;\n      margin-bottom: 15px !important;\n      position: relative !important;\n      padding-left: 45px !important;\n    }\n\n    \/* Decorative line for label *\/\n    #tech-caps-module .tc-label::before {\n      content: '' !important;\n      position: absolute !important;\n      left: 0 !important;\n      top: 50% !important;\n      width: 35px !important;\n      height: 2px !important;\n      background: #FF6018 !important;\n      transform: translateY(-50%) !important;\n    }\n\n    #tech-caps-module h2.tc-title {\n      font-size: 40px !important;\n      font-weight: 800 !important;\n      color: #111 !important;\n      line-height: 1.2 !important;\n      margin-bottom: 20px !important;\n    }\n\n    #tech-caps-module .tc-intro {\n      font-size: 18px !important;\n      color: #555 !important;\n      font-weight: 300 !important;\n      line-height: 1.6 !important;\n    }\n\n    \/* --- Split Layout Grid --- *\/\n    #tech-caps-module .tc-layout {\n      display: grid !important;\n      grid-template-columns: 1.2fr 0.8fr !important; \/* Left wider than right *\/\n      gap: 50px !important;\n      align-items: start !important;\n    }\n\n    \/* --- LEFT: Capabilities List --- *\/\n    #tech-caps-module .tc-caps-list {\n      display: flex !important;\n      flex-direction: column !important;\n      gap: 25px !important;\n    }\n\n    #tech-caps-module .tc-item {\n      background: #fff !important;\n      padding: 30px !important;\n      border-radius: 6px !important;\n      display: flex !important;\n      gap: 25px !important;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;\n      transition: transform 0.3s ease, box-shadow 0.3s ease !important;\n      border-left: 4px solid transparent !important;\n    }\n\n    #tech-caps-module .tc-item:hover {\n      transform: translateX(10px) !important;\n      box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;\n      border-left: 4px solid #FF6018 !important;\n    }\n\n    #tech-caps-module .tc-num {\n      font-size: 32px !important;\n      font-weight: 900 !important;\n      color: #e0e0e0 !important; \/* Subtle grey initially *\/\n      line-height: 1 !important;\n      min-width: 50px !important;\n      transition: color 0.3s ease !important;\n    }\n\n    #tech-caps-module .tc-item:hover .tc-num {\n      color: #FF6018 !important; \/* Brand color on hover *\/\n    }\n\n    #tech-caps-module h3.tc-item-title {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      color: #222 !important;\n      margin-bottom: 10px !important;\n    }\n\n    #tech-caps-module .tc-item-desc {\n      font-size: 15px !important;\n      color: #666 !important;\n      line-height: 1.6 !important;\n    }\n\n    \/* --- RIGHT: Dark Tech Panel (Specs) --- *\/\n    #tech-caps-module .tc-specs-card {\n      background: #1a1a1a !important; \/* Dark Premium Background *\/\n      color: #fff !important;\n      padding: 40px !important;\n      border-radius: 8px !important;\n      position: relative !important;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;\n      border: 1px solid #333 !important;\n    }\n\n    \/* Orange top accent *\/\n    #tech-caps-module .tc-specs-card::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      left: 0 !important;\n      width: 100% !important;\n      height: 4px !important;\n      background: #FF6018 !important;\n    }\n\n    #tech-caps-module h3.tc-specs-title {\n      font-size: 22px !important;\n      font-weight: 700 !important;\n      color: #fff !important;\n      margin-bottom: 30px !important;\n      letter-spacing: 0.5px !important;\n      border-bottom: 1px solid #333 !important;\n      padding-bottom: 20px !important;\n    }\n\n    \/* Specs Grid Rows *\/\n    #tech-caps-module .tc-spec-row {\n      display: flex !important;\n      justify-content: space-between !important;\n      align-items: center !important;\n      margin-bottom: 20px !important;\n      padding-bottom: 20px !important;\n      border-bottom: 1px solid rgba(255,255,255,0.1) !important;\n    }\n\n    #tech-caps-module .tc-spec-row:last-child {\n      border-bottom: none !important;\n      margin-bottom: 0 !important;\n      padding-bottom: 0 !important;\n    }\n\n    #tech-caps-module .tc-spec-label {\n      font-size: 14px !important;\n      color: #888 !important; \/* Muted text *\/\n      font-weight: 500 !important;\n      text-transform: uppercase !important;\n    }\n\n    #tech-caps-module .tc-spec-value {\n      font-size: 16px !important;\n      color: #fff !important;\n      font-weight: 600 !important;\n      text-align: right !important;\n      max-width: 60% !important;\n    }\n    \n    \/* Highlight the accuracy value *\/\n    #tech-caps-module .tc-highlight {\n      color: #FF6018 !important;\n    }\n\n    \/* Responsive *\/\n    @media (max-width:1000px) {\n      #tech-caps-module .tc-layout {\n        grid-template-columns: 1fr !important; \/* Stack vertically *\/\n      }\n      #tech-caps-module .tc-item:hover {\n        transform: none !important; \/* Disable slide on touch *\/\n      }\n    }\n\n    @media (max-width:690px) {\n      #tech-caps-module h2.tc-title {\n        font-size: 32px !important;\n      }\n      #tech-caps-module .tc-item {\n        flex-direction: column !important;\n        gap: 15px !important;\n      }\n      #tech-caps-module .tc-specs-card {\n        padding: 30px 20px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"tc-container\">\n    \n    <div class=\"tc-header\">\n      <span class=\"tc-label\">Technical Capabilities<\/span>\n      <h2 class=\"tc-title\">Precision Machining Capabilities for Aluminum Extrusions<\/h2>\n      <p class=\"tc-intro\">The highly equipped facility is a home to more than 50 explicitly CNC machines for aluminum extrusion machining. Each project is a challenge, but we have the right tools and professionals for it, no matter if it is just a simple cutoff or complex 5-axis contouring.<\/p>\n    <\/div>\n\n    <div class=\"tc-layout\">\n      \n      <div class=\"tc-caps-list\">\n        \n        <div class=\"tc-item\">\n          <div class=\"tc-num\">01<\/div>\n          <div class=\"tc-content\">\n            <h3 class=\"tc-item-title\">5-Axis CNC Machining Centers<\/h3>\n            <p class=\"tc-item-desc\">Simultaneous 5-axis capability for complex contours, aerospace stringers, and compound-angle features without repositioning.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tc-item\">\n          <div class=\"tc-num\">02<\/div>\n          <div class=\"tc-content\">\n            <h3 class=\"tc-item-title\">Long Profile Machining<\/h3>\n            <p class=\"tc-item-desc\">Dedicated equipment for aluminum extrusions up to 40 feet in length with continuous machining capability.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tc-item\">\n          <div class=\"tc-num\">03<\/div>\n          <div class=\"tc-content\">\n            <h3 class=\"tc-item-title\">Thin-Wall Expertise<\/h3>\n            <p class=\"tc-item-desc\">Specialized fixturing and tooling strategies to machine walls as thin as 0.040&#8243; without distortion.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"tc-item\">\n          <div class=\"tc-num\">04<\/div>\n          <div class=\"tc-content\">\n            <h3 class=\"tc-item-title\">High-Speed Machining<\/h3>\n            <p class=\"tc-item-desc\">Spindle speeds up to 24,000 RPM for superior surface finishes and reduced cycle times on aluminum.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"tc-specs-card\">\n        <h3 class=\"tc-specs-title\">Machine Specifications<\/h3>\n        \n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Travel (X\/Y\/Z)<\/span>\n          <span class=\"tc-spec-value\">120&#8243; \u00d7 40&#8243; \u00d7 30&#8243;<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Spindle Speed<\/span>\n          <span class=\"tc-spec-value\">Up to 24,000 RPM<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Positioning Accuracy<\/span>\n          <span class=\"tc-spec-value tc-highlight\">\u00b10.0001&#8243;<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Repeatability<\/span>\n          <span class=\"tc-spec-value\">\u00b10.00005&#8243;<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Max Profile Length<\/span>\n          <span class=\"tc-spec-value\">40 feet (480&#8243;)<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Surface Finish<\/span>\n          <span class=\"tc-spec-value\">16 Ra \u00b5in standard<\/span>\n        <\/div>\n\n        <div class=\"tc-spec-row\">\n          <span class=\"tc-spec-label\">Tool Capacity<\/span>\n          <span class=\"tc-spec-value\">60+ tools per machine<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/* Simple Reveal Animation *\/\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const items = document.querySelectorAll('#tech-caps-module .tc-item, #tech-caps-module .tc-specs-card');\n      \n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry, index) => {\n            if (entry.isIntersecting) {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateY(0)';\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.1 });\n\n        items.forEach((item) => {\n          item.style.opacity = '0';\n          item.style.transform = 'translateY(20px)';\n          item.style.transition = 'all 0.6s ease-out';\n          observer.observe(item);\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-0aaad86\" data-block-id=\"0aaad86\"><style>.stk-0aaad86 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0aaad86-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-788a112\" data-v=\"4\" data-block-id=\"788a112\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-788a112-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-788a112-inner-blocks\">\n<!-- \n===========================================\nMODULE B: CNC Machining Calculator Suite\nCombines: Cutting Parameters, Machining Time, Tap Drill Chart\nWordPress Gutenberg Compatible - Custom HTML Module\nColor Scheme: #FF6018\n===========================================\n-->\n\n<section id=\"alu-machining-suite-v1\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');\n        \n        \/* Reset & Container *\/\n        #alu-machining-suite-v1 * {\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        #alu-machining-suite-v1 {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;\n            padding: 60px 20px !important;\n            color: #ffffff !important;\n            line-height: 1.6 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-container {\n            max-width: 1300px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Header *\/\n        #alu-machining-suite-v1 .ms-header {\n            text-align: center !important;\n            margin-bottom: 40px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-badge {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            background: linear-gradient(135deg, #FF6018, #ff8c4a) !important;\n            color: #ffffff !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1.5px !important;\n            padding: 10px 24px !important;\n            border-radius: 50px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: clamp(32px, 5vw, 48px) !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            margin-bottom: 15px !important;\n            line-height: 1.2 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-title-accent {\n            color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-subtitle {\n            font-size: 16px !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            max-width: 700px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Main Tabs *\/\n        #alu-machining-suite-v1 .ms-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            margin-bottom: 40px !important;\n            flex-wrap: wrap !important;\n            background: rgba(255, 255, 255, 0.03) !important;\n            padding: 8px !important;\n            border-radius: 16px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-tab {\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n            padding: 14px 24px !important;\n            font-family: 'Inter', sans-serif !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            background: transparent !important;\n            border: none !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n            white-space: nowrap !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-tab:hover {\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-tab.active {\n            color: #ffffff !important;\n            background: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-tab-icon {\n            font-size: 18px !important;\n        }\n        \n        \/* Tab Content *\/\n        #alu-machining-suite-v1 .ms-content {\n            display: none !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-content.active {\n            display: block !important;\n            animation: msFadeIn 0.3s ease !important;\n        }\n        \n        @keyframes msFadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* Common Card Styles *\/\n        #alu-machining-suite-v1 .ms-card {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-card-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 12px !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-form-group {\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-label {\n            display: block !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-input-row {\n            display: flex !important;\n            gap: 10px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-input {\n            flex: 1 !important;\n            padding: 12px 14px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 15px !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-input::placeholder {\n            color: rgba(255, 255, 255, 0.3) !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-unit {\n            display: flex !important;\n            align-items: center !important;\n            padding: 0 14px !important;\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-select {\n            width: 100% !important;\n            padding: 14px 16px !important;\n            min-height: 48px !important;\n            font-size: 14px !important;\n            font-weight: 500 !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n            cursor: pointer !important;\n            line-height: 1.4 !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 14px center !important;\n            padding-right: 40px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-select:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-select option {\n            background: #1e293b !important;\n            color: #ffffff !important;\n            padding: 12px 16px !important;\n            font-size: 14px !important;\n            line-height: 1.5 !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-select option:hover,\n        #alu-machining-suite-v1 .ms-select option:checked {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-row-2 {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-row-3 {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            gap: 12px !important;\n        }\n        \n        @media (max-width: 600px) {\n            #alu-machining-suite-v1 .ms-row-3 {\n                grid-template-columns: 1fr !important;\n            }\n        }\n        \n        \/* ===================== TAB 1: CUTTING PARAMETERS ===================== *\/\n        #alu-machining-suite-v1 .cp-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-machining-suite-v1 .cp-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-machining-suite-v1 .cp-ops {\n            display: flex !important;\n            gap: 10px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-op-btn {\n            flex: 1 !important;\n            padding: 14px 12px !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 2px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            text-align: center !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-op-btn:hover {\n            border-color: rgba(255, 96, 24, 0.5) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-op-btn.active {\n            border-color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-op-icon {\n            font-size: 24px !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-op-name {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n        }\n        \n        \/* Results Card *\/\n        #alu-machining-suite-v1 .cp-results {\n            background: linear-gradient(135deg, #FF6018, #ff8c4a) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-results-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-results-grid {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 15px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-result-box {\n            background: rgba(255, 255, 255, 0.15) !important;\n            border-radius: 12px !important;\n            padding: 18px !important;\n            text-align: center !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-result-label {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 26px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-result-unit {\n            font-size: 14px !important;\n            opacity: 0.8 !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-formula {\n            background: rgba(0, 0, 0, 0.2) !important;\n            border-radius: 10px !important;\n            padding: 16px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-formula-title {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-formula-text {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 12px !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            line-height: 1.6 !important;\n        }\n        \n        \/* Reference Table *\/\n        #alu-machining-suite-v1 .cp-ref {\n            margin-top: 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-ref-title {\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 16px !important;\n            text-align: center !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-table-wrapper {\n            overflow-x: auto !important;\n            border-radius: 12px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            min-width: 500px !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-th {\n            padding: 12px 16px !important;\n            text-align: left !important;\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-td {\n            padding: 12px 16px !important;\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-tr:hover .cp-td {\n            background: rgba(255, 96, 24, 0.05) !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-td-alloy {\n            font-weight: 600 !important;\n        }\n        \n        #alu-machining-suite-v1 .cp-td-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            color: #FF6018 !important;\n        }\n        \n        \/* ===================== TAB 2: MACHINING TIME ===================== *\/\n        #alu-machining-suite-v1 .mt-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-machining-suite-v1 .mt-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-machining-suite-v1 .mt-ops {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 10px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        @media (max-width: 600px) {\n            #alu-machining-suite-v1 .mt-ops {\n                grid-template-columns: repeat(2, 1fr) !important;\n            }\n        }\n        \n        #alu-machining-suite-v1 .mt-op-btn {\n            padding: 14px 10px !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 2px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            text-align: center !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-op-btn:hover {\n            border-color: rgba(255, 96, 24, 0.5) !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-op-btn.active {\n            border-color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-op-icon {\n            font-size: 22px !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-op-name {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n        }\n        \n        \/* Dynamic Form Content *\/\n        #alu-machining-suite-v1 .mt-form-content {\n            display: none !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-form-content.active {\n            display: block !important;\n        }\n        \n        \/* Time Results *\/\n        #alu-machining-suite-v1 .mt-results {\n            background: linear-gradient(135deg, #10b981, #059669) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-results-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-main {\n            background: rgba(255, 255, 255, 0.15) !important;\n            border-radius: 14px !important;\n            padding: 24px !important;\n            text-align: center !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-main-label {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-main-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 42px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-main-unit {\n            font-size: 18px !important;\n            opacity: 0.8 !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-results-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 12px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-box {\n            background: rgba(255, 255, 255, 0.1) !important;\n            border-radius: 10px !important;\n            padding: 14px !important;\n            text-align: center !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-label {\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-section {\n            background: rgba(0, 0, 0, 0.2) !important;\n            border-radius: 10px !important;\n            padding: 16px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-title {\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            margin-bottom: 10px !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-row {\n            display: flex !important;\n            justify-content: space-between !important;\n            padding: 8px 0 !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-row:last-child {\n            border-bottom: none !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-label {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n        }\n        \n        #alu-machining-suite-v1 .mt-total-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        \/* ===================== TAB 3: TAP DRILL CHART ===================== *\/\n        #alu-machining-suite-v1 .td-search {\n            max-width: 500px !important;\n            margin: 0 auto 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-search-input {\n            width: 100% !important;\n            padding: 16px 20px !important;\n            font-size: 16px !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.15) !important;\n            border-radius: 12px !important;\n            outline: none !important;\n        }\n        \n        #alu-machining-suite-v1 .td-search-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .td-search-input::placeholder {\n            color: rgba(255, 255, 255, 0.4) !important;\n        }\n        \n        #alu-machining-suite-v1 .td-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 10px !important;\n            margin-bottom: 24px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-tab {\n            padding: 12px 24px !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-machining-suite-v1 .td-tab:hover {\n            color: #FF6018 !important;\n            border-color: rgba(255, 96, 24, 0.3) !important;\n        }\n        \n        #alu-machining-suite-v1 .td-tab.active {\n            color: #ffffff !important;\n            background: #FF6018 !important;\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .td-content {\n            display: none !important;\n        }\n        \n        #alu-machining-suite-v1 .td-content.active {\n            display: block !important;\n        }\n        \n        #alu-machining-suite-v1 .td-table-wrapper {\n            overflow-x: auto !important;\n            border-radius: 12px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            max-height: 500px !important;\n            overflow-y: auto !important;\n        }\n        \n        #alu-machining-suite-v1 .td-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            min-width: 600px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-thead {\n            position: sticky !important;\n            top: 0 !important;\n            z-index: 10 !important;\n        }\n        \n        #alu-machining-suite-v1 .td-th {\n            padding: 14px 16px !important;\n            text-align: left !important;\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n            border-bottom: 2px solid rgba(255, 96, 24, 0.3) !important;\n        }\n        \n        #alu-machining-suite-v1 .td-td {\n            padding: 12px 16px !important;\n            font-size: 14px !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\n        }\n        \n        #alu-machining-suite-v1 .td-tr:hover .td-td {\n            background: rgba(255, 96, 24, 0.08) !important;\n        }\n        \n        #alu-machining-suite-v1 .td-td-thread {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-machining-suite-v1 .td-td-drill {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-weight: 600 !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-machining-suite-v1 .td-td-size {\n            font-family: 'JetBrains Mono', monospace !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n        }\n        \n        \/* Info Cards *\/\n        #alu-machining-suite-v1 .td-info {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;\n            gap: 16px !important;\n            margin-top: 30px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-info-card {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 12px !important;\n            padding: 20px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-info-icon {\n            font-size: 24px !important;\n            margin-bottom: 10px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-info-title {\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-machining-suite-v1 .td-info-text {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            line-height: 1.5 !important;\n        }\n        \n        \/* Footer *\/\n        #alu-machining-suite-v1 .ms-footer {\n            text-align: center !important;\n            margin-top: 40px !important;\n            padding-top: 30px !important;\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-machining-suite-v1 .ms-footer-note {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.4) !important;\n        }\n    <\/style>\n    \n    <div class=\"ms-container\">\n        <!-- Header -->\n        <div class=\"ms-header\">\n            <div class=\"ms-badge\">\u2699\ufe0f CNC Tools<\/div>\n            <H2 class=\"ms-title\">Aluminum Extrusion Machining <span class=\"ms-title-accent\">Calculator Suite<\/span><\/H2>\n            <div class=\"ms-subtitle\">Professional CNC cutting parameters, cycle time estimation, and tap drill reference for aluminum extrusion machining.<\/div>\n        <\/div>\n        \n        <!-- Main Tabs -->\n        <div class=\"ms-tabs\">\n            <button class=\"ms-tab active\" data-tab=\"cutting\">\n                <span class=\"ms-tab-icon\">\ud83d\udd04<\/span>\n                <span>Cutting Parameters<\/span>\n            <\/button>\n            <button class=\"ms-tab\" data-tab=\"time\">\n                <span class=\"ms-tab-icon\">\u23f1\ufe0f<\/span>\n                <span>Machining Time<\/span>\n            <\/button>\n            <button class=\"ms-tab\" data-tab=\"tap\">\n                <span class=\"ms-tab-icon\">\ud83d\udd29<\/span>\n                <span>Tap Drill Chart<\/span>\n            <\/button>\n        <\/div>\n        \n        <!-- ===================== TAB 1: CUTTING PARAMETERS ===================== -->\n        <div class=\"ms-content active\" id=\"tab-cutting\">\n            <div class=\"cp-layout\">\n                <div class=\"ms-card\">\n                    <div class=\"ms-card-title\">Input Parameters<\/div>\n                    \n                    <!-- Operation Selection -->\n                    <div class=\"cp-ops\">\n                        <div class=\"cp-op-btn active\" data-op=\"endmill\">\n                            <div class=\"cp-op-icon\">\ud83d\udd04<\/div>\n                            <div class=\"cp-op-name\">End Mill<\/div>\n                        <\/div>\n                        <div class=\"cp-op-btn\" data-op=\"drill\">\n                            <div class=\"cp-op-icon\">\ud83d\udd73\ufe0f<\/div>\n                            <div class=\"cp-op-name\">Drilling<\/div>\n                        <\/div>\n                        <div class=\"cp-op-btn\" data-op=\"face\">\n                            <div class=\"cp-op-icon\">\ud83d\udcd0<\/div>\n                            <div class=\"cp-op-name\">Face Mill<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"ms-row-2\">\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Aluminum Alloy<\/label>\n                            <select class=\"ms-select\" id=\"cpAlloy\">\n                                <option value=\"6061\">6061-T6 (95 HB)<\/option>\n                                <option value=\"6063\">6063-T5 (60 HB)<\/option>\n                                <option value=\"7075\">7075-T6 (150 HB)<\/option>\n                                <option value=\"2024\">2024-T3 (120 HB)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Tool Material<\/label>\n                            <select class=\"ms-select\" id=\"cpTool\">\n                                <option value=\"carbide\">Carbide<\/option>\n                                <option value=\"coated\">Coated Carbide<\/option>\n                                <option value=\"hss\">HSS<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"ms-row-2\">\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Tool Diameter<\/label>\n                            <div class=\"ms-input-row\">\n                                <input type=\"number\" class=\"ms-input\" id=\"cpDiameter\" value=\"0.5\" step=\"0.0625\">\n                                <span class=\"ms-unit\">in<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Number of Flutes<\/label>\n                            <select class=\"ms-select\" id=\"cpFlutes\">\n                                <option value=\"2\">2 Flutes<\/option>\n                                <option value=\"3\" selected>3 Flutes<\/option>\n                                <option value=\"4\">4 Flutes<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"ms-row-2\">\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Axial Depth (Ap)<\/label>\n                            <div class=\"ms-input-row\">\n                                <input type=\"number\" class=\"ms-input\" id=\"cpAp\" value=\"0.25\" step=\"0.01\">\n                                <span class=\"ms-unit\">in<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Radial Depth (Ae)<\/label>\n                            <div class=\"ms-input-row\">\n                                <input type=\"number\" class=\"ms-input\" id=\"cpAe\" value=\"0.25\" step=\"0.01\">\n                                <span class=\"ms-unit\">in<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"cp-results\">\n                    <div class=\"cp-results-title\">Calculated Parameters<\/div>\n                    \n                    <div class=\"cp-results-grid\">\n                        <div class=\"cp-result-box\">\n                            <div class=\"cp-result-label\">Spindle Speed<\/div>\n                            <div class=\"cp-result-value\" id=\"cpRpm\">6,112 <span class=\"cp-result-unit\">RPM<\/span><\/div>\n                        <\/div>\n                        <div class=\"cp-result-box\">\n                            <div class=\"cp-result-label\">Feed Rate<\/div>\n                            <div class=\"cp-result-value\" id=\"cpFeed\">92 <span class=\"cp-result-unit\">IPM<\/span><\/div>\n                        <\/div>\n                        <div class=\"cp-result-box\">\n                            <div class=\"cp-result-label\">Chip Load<\/div>\n                            <div class=\"cp-result-value\" id=\"cpChipLoad\">0.005 <span class=\"cp-result-unit\">IPT<\/span><\/div>\n                        <\/div>\n                        <div class=\"cp-result-box\">\n                            <div class=\"cp-result-label\">Material Removal<\/div>\n                            <div class=\"cp-result-value\" id=\"cpMrr\">5.75 <span class=\"cp-result-unit\">in\u00b3\/min<\/span><\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"cp-formula\">\n                        <div class=\"cp-formula-title\">Formulas Used<\/div>\n                        <div class=\"cp-formula-text\">\n                            RPM = (SFM \u00d7 12) \u00f7 (\u03c0 \u00d7 D)<br>\n                            Feed = RPM \u00d7 Flutes \u00d7 Chip Load<br>\n                            MRR = Feed \u00d7 Ap \u00d7 Ae\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Reference Table -->\n            <div class=\"cp-ref\">\n                <div class=\"cp-ref-title\">Cutting Speed Reference (SFM)<\/div>\n                <div class=\"cp-table-wrapper\">\n                    <table class=\"cp-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"cp-th\">Alloy<\/th>\n                                <th class=\"cp-th\">Hardness<\/th>\n                                <th class=\"cp-th\">HSS (SFM)<\/th>\n                                <th class=\"cp-th\">Carbide (SFM)<\/th>\n                                <th class=\"cp-th\">Chip Load (IPT)<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"cp-tr\">\n                                <td class=\"cp-td cp-td-alloy\">6061-T6<\/td>\n                                <td class=\"cp-td\">95 HB<\/td>\n                                <td class=\"cp-td cp-td-value\">300-600<\/td>\n                                <td class=\"cp-td cp-td-value\">800-1500<\/td>\n                                <td class=\"cp-td cp-td-value\">0.003-0.008<\/td>\n                            <\/tr>\n                            <tr class=\"cp-tr\">\n                                <td class=\"cp-td cp-td-alloy\">6063-T5<\/td>\n                                <td class=\"cp-td\">60 HB<\/td>\n                                <td class=\"cp-td cp-td-value\">400-700<\/td>\n                                <td class=\"cp-td cp-td-value\">1000-2000<\/td>\n                                <td class=\"cp-td cp-td-value\">0.004-0.010<\/td>\n                            <\/tr>\n                            <tr class=\"cp-tr\">\n                                <td class=\"cp-td cp-td-alloy\">7075-T6<\/td>\n                                <td class=\"cp-td\">150 HB<\/td>\n                                <td class=\"cp-td cp-td-value\">250-400<\/td>\n                                <td class=\"cp-td cp-td-value\">600-1200<\/td>\n                                <td class=\"cp-td cp-td-value\">0.002-0.006<\/td>\n                            <\/tr>\n                            <tr class=\"cp-tr\">\n                                <td class=\"cp-td cp-td-alloy\">2024-T3<\/td>\n                                <td class=\"cp-td\">120 HB<\/td>\n                                <td class=\"cp-td cp-td-value\">300-500<\/td>\n                                <td class=\"cp-td cp-td-value\">700-1400<\/td>\n                                <td class=\"cp-td cp-td-value\">0.003-0.007<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 2: MACHINING TIME ===================== -->\n        <div class=\"ms-content\" id=\"tab-time\">\n            <div class=\"mt-layout\">\n                <div class=\"ms-card\">\n                    <div class=\"ms-card-title\">Operation &#038; Parameters<\/div>\n                    \n                    <!-- Operation Selection -->\n                    <div class=\"mt-ops\">\n                        <div class=\"mt-op-btn active\" data-op=\"milling\">\n                            <div class=\"mt-op-icon\">\ud83d\udd04<\/div>\n                            <div class=\"mt-op-name\">Milling<\/div>\n                        <\/div>\n                        <div class=\"mt-op-btn\" data-op=\"drilling\">\n                            <div class=\"mt-op-icon\">\ud83d\udd73\ufe0f<\/div>\n                            <div class=\"mt-op-name\">Drilling<\/div>\n                        <\/div>\n                        <div class=\"mt-op-btn\" data-op=\"facing\">\n                            <div class=\"mt-op-icon\">\ud83d\udcd0<\/div>\n                            <div class=\"mt-op-name\">Facing<\/div>\n                        <\/div>\n                        <div class=\"mt-op-btn\" data-op=\"pocket\">\n                            <div class=\"mt-op-icon\">\ud83d\udce6<\/div>\n                            <div class=\"mt-op-name\">Pocketing<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Milling Form -->\n                    <div class=\"mt-form-content active\" id=\"form-milling\">\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Cut Length<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtMillLength\" value=\"24\" step=\"0.1\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Number of Passes<\/label>\n                                <input type=\"number\" class=\"ms-input mt-input\" id=\"mtMillPasses\" value=\"3\" min=\"1\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Feed Rate<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtMillFeed\" value=\"80\">\n                                    <span class=\"ms-unit\">IPM<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Load\/Unload Time<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtMillLoad\" value=\"30\">\n                                    <span class=\"ms-unit\">sec<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Part Quantity<\/label>\n                            <input type=\"number\" class=\"ms-input mt-input\" id=\"mtMillQty\" value=\"100\" min=\"1\">\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Drilling Form -->\n                    <div class=\"mt-form-content\" id=\"form-drilling\">\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Hole Depth<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtDrillDepth\" value=\"0.75\" step=\"0.001\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Number of Holes<\/label>\n                                <input type=\"number\" class=\"ms-input mt-input\" id=\"mtDrillHoles\" value=\"8\" min=\"1\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Feed Rate<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtDrillFeed\" value=\"12\">\n                                    <span class=\"ms-unit\">IPM<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Load\/Unload Time<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtDrillLoad\" value=\"25\">\n                                    <span class=\"ms-unit\">sec<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-form-group\">\n                            <label class=\"ms-label\">Part Quantity<\/label>\n                            <input type=\"number\" class=\"ms-input mt-input\" id=\"mtDrillQty\" value=\"100\" min=\"1\">\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Facing Form -->\n                    <div class=\"mt-form-content\" id=\"form-facing\">\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Surface Width<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceWidth\" value=\"3\" step=\"0.1\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Surface Length<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceLength\" value=\"12\" step=\"0.1\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Cutter Diameter<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceCutter\" value=\"2\" step=\"0.125\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Feed Rate<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceFeed\" value=\"100\">\n                                    <span class=\"ms-unit\">IPM<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Load\/Unload Time<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceLoad\" value=\"30\">\n                                    <span class=\"ms-unit\">sec<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Part Quantity<\/label>\n                                <input type=\"number\" class=\"ms-input mt-input\" id=\"mtFaceQty\" value=\"100\" min=\"1\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Pocket Form -->\n                    <div class=\"mt-form-content\" id=\"form-pocket\">\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Pocket Length<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketLength\" value=\"4\" step=\"0.1\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Pocket Width<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketWidth\" value=\"2\" step=\"0.1\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Pocket Depth<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketDepth\" value=\"0.5\" step=\"0.01\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Tool Diameter<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketTool\" value=\"0.5\" step=\"0.0625\">\n                                    <span class=\"ms-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"ms-row-2\">\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Feed Rate<\/label>\n                                <div class=\"ms-input-row\">\n                                    <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketFeed\" value=\"60\">\n                                    <span class=\"ms-unit\">IPM<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"ms-form-group\">\n                                <label class=\"ms-label\">Part Quantity<\/label>\n                                <input type=\"number\" class=\"ms-input mt-input\" id=\"mtPocketQty\" value=\"100\" min=\"1\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mt-results\">\n                    <div class=\"mt-results-title\">Time Estimate<\/div>\n                    \n                    <div class=\"mt-result-main\">\n                        <div class=\"mt-result-main-label\">Cycle Time per Part<\/div>\n                        <div class=\"mt-result-main-value\" id=\"mtCycleTime\">1.40 <span class=\"mt-result-main-unit\">min<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"mt-results-grid\">\n                        <div class=\"mt-result-box\">\n                            <div class=\"mt-result-label\">Cutting Time<\/div>\n                            <div class=\"mt-result-value\" id=\"mtCutTime\">0.90 min<\/div>\n                        <\/div>\n                        <div class=\"mt-result-box\">\n                            <div class=\"mt-result-label\">Load\/Unload<\/div>\n                            <div class=\"mt-result-value\" id=\"mtLoadTime\">0.50 min<\/div>\n                        <\/div>\n                        <div class=\"mt-result-box\">\n                            <div class=\"mt-result-label\">Parts\/Hour<\/div>\n                            <div class=\"mt-result-value\" id=\"mtPartsHr\">43<\/div>\n                        <\/div>\n                        <div class=\"mt-result-box\">\n                            <div class=\"mt-result-label\">Efficiency<\/div>\n                            <div class=\"mt-result-value\" id=\"mtEfficiency\">64%<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"mt-total-section\">\n                        <div class=\"mt-total-title\">Total Run Estimate<\/div>\n                        <div class=\"mt-total-row\">\n                            <span class=\"mt-total-label\">Machine Time<\/span>\n                            <span class=\"mt-total-value\" id=\"mtTotalTime\">2.33 hours<\/span>\n                        <\/div>\n                        <div class=\"mt-total-row\">\n                            <span class=\"mt-total-label\">With Setup (30 min)<\/span>\n                            <span class=\"mt-total-value\" id=\"mtTotalSetup\">2.83 hours<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 3: TAP DRILL CHART ===================== -->\n        <div class=\"ms-content\" id=\"tab-tap\">\n            <!-- Search -->\n            <div class=\"td-search\">\n                <input type=\"text\" class=\"td-search-input\" id=\"tdSearchInput\" placeholder=\"Search thread size (e.g., 1\/4-20, M6, #10)...\">\n            <\/div>\n            \n            <!-- Sub Tabs -->\n            <div class=\"td-tabs\">\n                <button class=\"td-tab active\" data-subtab=\"unc\">UNC (Coarse)<\/button>\n                <button class=\"td-tab\" data-subtab=\"unf\">UNF (Fine)<\/button>\n                <button class=\"td-tab\" data-subtab=\"metric\">Metric<\/button>\n            <\/div>\n            \n            <!-- UNC Table -->\n            <div class=\"td-content active\" id=\"subtab-unc\">\n                <div class=\"td-table-wrapper\">\n                    <table class=\"td-table\">\n                        <thead class=\"td-thead\">\n                            <tr>\n                                <th class=\"td-th\">Thread<\/th>\n                                <th class=\"td-th\">TPI<\/th>\n                                <th class=\"td-th\">Major Dia.<\/th>\n                                <th class=\"td-th\">Tap Drill (75%)<\/th>\n                                <th class=\"td-th\">Decimal<\/th>\n                                <th class=\"td-th\">Clearance<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"td-tr\" data-search=\"#4-40 4-40\">\n                                <td class=\"td-td td-td-thread\">#4-40<\/td>\n                                <td class=\"td-td\">40<\/td>\n                                <td class=\"td-td td-td-size\">0.112&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#43<\/td>\n                                <td class=\"td-td td-td-size\">0.089&#8243;<\/td>\n                                <td class=\"td-td\">#31<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"#6-32 6-32\">\n                                <td class=\"td-td td-td-thread\">#6-32<\/td>\n                                <td class=\"td-td\">32<\/td>\n                                <td class=\"td-td td-td-size\">0.138&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#36<\/td>\n                                <td class=\"td-td td-td-size\">0.107&#8243;<\/td>\n                                <td class=\"td-td\">#25<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"#8-32 8-32\">\n                                <td class=\"td-td td-td-thread\">#8-32<\/td>\n                                <td class=\"td-td\">32<\/td>\n                                <td class=\"td-td td-td-size\">0.164&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#29<\/td>\n                                <td class=\"td-td td-td-size\">0.136&#8243;<\/td>\n                                <td class=\"td-td\">#17<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"#10-24 10-24\">\n                                <td class=\"td-td td-td-thread\">#10-24<\/td>\n                                <td class=\"td-td\">24<\/td>\n                                <td class=\"td-td td-td-size\">0.190&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#25<\/td>\n                                <td class=\"td-td td-td-size\">0.150&#8243;<\/td>\n                                <td class=\"td-td\">#7<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"1\/4-20 1\/4 20 0.25\">\n                                <td class=\"td-td td-td-thread\">1\/4&#8243;-20<\/td>\n                                <td class=\"td-td\">20<\/td>\n                                <td class=\"td-td td-td-size\">0.250&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#7<\/td>\n                                <td class=\"td-td td-td-size\">0.201&#8243;<\/td>\n                                <td class=\"td-td\">F<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"5\/16-18 5\/16 18 0.3125\">\n                                <td class=\"td-td td-td-thread\">5\/16&#8243;-18<\/td>\n                                <td class=\"td-td\">18<\/td>\n                                <td class=\"td-td td-td-size\">0.313&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">F<\/td>\n                                <td class=\"td-td td-td-size\">0.257&#8243;<\/td>\n                                <td class=\"td-td\">P<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"3\/8-16 3\/8 16 0.375\">\n                                <td class=\"td-td td-td-thread\">3\/8&#8243;-16<\/td>\n                                <td class=\"td-td\">16<\/td>\n                                <td class=\"td-td td-td-size\">0.375&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">5\/16&#8243;<\/td>\n                                <td class=\"td-td td-td-size\">0.313&#8243;<\/td>\n                                <td class=\"td-td\">W<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"1\/2-13 1\/2 13 0.5\">\n                                <td class=\"td-td td-td-thread\">1\/2&#8243;-13<\/td>\n                                <td class=\"td-td\">13<\/td>\n                                <td class=\"td-td td-td-size\">0.500&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">27\/64&#8243;<\/td>\n                                <td class=\"td-td td-td-size\">0.422&#8243;<\/td>\n                                <td class=\"td-td\">33\/64&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"5\/8-11 5\/8 11 0.625\">\n                                <td class=\"td-td td-td-thread\">5\/8&#8243;-11<\/td>\n                                <td class=\"td-td\">11<\/td>\n                                <td class=\"td-td td-td-size\">0.625&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">17\/32&#8243;<\/td>\n                                <td class=\"td-td td-td-size\">0.531&#8243;<\/td>\n                                <td class=\"td-td\">41\/64&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"3\/4-10 3\/4 10 0.75\">\n                                <td class=\"td-td td-td-thread\">3\/4&#8243;-10<\/td>\n                                <td class=\"td-td\">10<\/td>\n                                <td class=\"td-td td-td-size\">0.750&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">21\/32&#8243;<\/td>\n                                <td class=\"td-td td-td-size\">0.656&#8243;<\/td>\n                                <td class=\"td-td\">49\/64&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <!-- UNF Table -->\n            <div class=\"td-content\" id=\"subtab-unf\">\n                <div class=\"td-table-wrapper\">\n                    <table class=\"td-table\">\n                        <thead class=\"td-thead\">\n                            <tr>\n                                <th class=\"td-th\">Thread<\/th>\n                                <th class=\"td-th\">TPI<\/th>\n                                <th class=\"td-th\">Major Dia.<\/th>\n                                <th class=\"td-th\">Tap Drill (75%)<\/th>\n                                <th class=\"td-th\">Decimal<\/th>\n                                <th class=\"td-th\">Clearance<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"td-tr\" data-search=\"#4-48 4-48\">\n                                <td class=\"td-td td-td-thread\">#4-48<\/td>\n                                <td class=\"td-td\">48<\/td>\n                                <td class=\"td-td td-td-size\">0.112&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#42<\/td>\n                                <td class=\"td-td td-td-size\">0.094&#8243;<\/td>\n                                <td class=\"td-td\">#31<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"#6-40 6-40\">\n                                <td class=\"td-td td-td-thread\">#6-40<\/td>\n                                <td class=\"td-td\">40<\/td>\n                                <td class=\"td-td td-td-size\">0.138&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#33<\/td>\n                                <td class=\"td-td td-td-size\">0.113&#8243;<\/td>\n                                <td class=\"td-td\">#25<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"#10-32 10-32\">\n                                <td class=\"td-td td-td-thread\">#10-32<\/td>\n                                <td class=\"td-td\">32<\/td>\n                                <td class=\"td-td td-td-size\">0.190&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#21<\/td>\n                                <td class=\"td-td td-td-size\">0.159&#8243;<\/td>\n                                <td class=\"td-td\">#7<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"1\/4-28 1\/4 28 0.25\">\n                                <td class=\"td-td td-td-thread\">1\/4&#8243;-28<\/td>\n                                <td class=\"td-td\">28<\/td>\n                                <td class=\"td-td td-td-size\">0.250&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">#3<\/td>\n                                <td class=\"td-td td-td-size\">0.213&#8243;<\/td>\n                                <td class=\"td-td\">F<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"5\/16-24 5\/16 24 0.3125\">\n                                <td class=\"td-td td-td-thread\">5\/16&#8243;-24<\/td>\n                                <td class=\"td-td\">24<\/td>\n                                <td class=\"td-td td-td-size\">0.313&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">I<\/td>\n                                <td class=\"td-td td-td-size\">0.272&#8243;<\/td>\n                                <td class=\"td-td\">P<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"3\/8-24 3\/8 24 0.375\">\n                                <td class=\"td-td td-td-thread\">3\/8&#8243;-24<\/td>\n                                <td class=\"td-td\">24<\/td>\n                                <td class=\"td-td td-td-size\">0.375&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">Q<\/td>\n                                <td class=\"td-td td-td-size\">0.332&#8243;<\/td>\n                                <td class=\"td-td\">W<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"1\/2-20 1\/2 20 0.5\">\n                                <td class=\"td-td td-td-thread\">1\/2&#8243;-20<\/td>\n                                <td class=\"td-td\">20<\/td>\n                                <td class=\"td-td td-td-size\">0.500&#8243;<\/td>\n                                <td class=\"td-td td-td-drill\">29\/64&#8243;<\/td>\n                                <td class=\"td-td td-td-size\">0.453&#8243;<\/td>\n                                <td class=\"td-td\">33\/64&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <!-- Metric Table -->\n            <div class=\"td-content\" id=\"subtab-metric\">\n                <div class=\"td-table-wrapper\">\n                    <table class=\"td-table\">\n                        <thead class=\"td-thead\">\n                            <tr>\n                                <th class=\"td-th\">Thread<\/th>\n                                <th class=\"td-th\">Pitch<\/th>\n                                <th class=\"td-th\">Major Dia.<\/th>\n                                <th class=\"td-th\">Tap Drill (75%)<\/th>\n                                <th class=\"td-th\">mm<\/th>\n                                <th class=\"td-th\">Clearance<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"td-tr\" data-search=\"M3 m3 3mm\">\n                                <td class=\"td-td td-td-thread\">M3 \u00d7 0.5<\/td>\n                                <td class=\"td-td\">0.5 mm<\/td>\n                                <td class=\"td-td td-td-size\">3.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">2.5 mm<\/td>\n                                <td class=\"td-td td-td-size\">2.50<\/td>\n                                <td class=\"td-td\">3.2 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M4 m4 4mm\">\n                                <td class=\"td-td td-td-thread\">M4 \u00d7 0.7<\/td>\n                                <td class=\"td-td\">0.7 mm<\/td>\n                                <td class=\"td-td td-td-size\">4.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">3.3 mm<\/td>\n                                <td class=\"td-td td-td-size\">3.30<\/td>\n                                <td class=\"td-td\">4.3 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M5 m5 5mm\">\n                                <td class=\"td-td td-td-thread\">M5 \u00d7 0.8<\/td>\n                                <td class=\"td-td\">0.8 mm<\/td>\n                                <td class=\"td-td td-td-size\">5.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">4.2 mm<\/td>\n                                <td class=\"td-td td-td-size\">4.20<\/td>\n                                <td class=\"td-td\">5.3 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M6 m6 6mm\">\n                                <td class=\"td-td td-td-thread\">M6 \u00d7 1.0<\/td>\n                                <td class=\"td-td\">1.0 mm<\/td>\n                                <td class=\"td-td td-td-size\">6.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">5.0 mm<\/td>\n                                <td class=\"td-td td-td-size\">5.00<\/td>\n                                <td class=\"td-td\">6.4 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M8 m8 8mm\">\n                                <td class=\"td-td td-td-thread\">M8 \u00d7 1.25<\/td>\n                                <td class=\"td-td\">1.25 mm<\/td>\n                                <td class=\"td-td td-td-size\">8.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">6.8 mm<\/td>\n                                <td class=\"td-td td-td-size\">6.80<\/td>\n                                <td class=\"td-td\">8.4 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M10 m10 10mm\">\n                                <td class=\"td-td td-td-thread\">M10 \u00d7 1.5<\/td>\n                                <td class=\"td-td\">1.5 mm<\/td>\n                                <td class=\"td-td td-td-size\">10.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">8.5 mm<\/td>\n                                <td class=\"td-td td-td-size\">8.50<\/td>\n                                <td class=\"td-td\">10.5 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M12 m12 12mm\">\n                                <td class=\"td-td td-td-thread\">M12 \u00d7 1.75<\/td>\n                                <td class=\"td-td\">1.75 mm<\/td>\n                                <td class=\"td-td td-td-size\">12.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">10.2 mm<\/td>\n                                <td class=\"td-td td-td-size\">10.20<\/td>\n                                <td class=\"td-td\">13.0 mm<\/td>\n                            <\/tr>\n                            <tr class=\"td-tr\" data-search=\"M16 m16 16mm\">\n                                <td class=\"td-td td-td-thread\">M16 \u00d7 2.0<\/td>\n                                <td class=\"td-td\">2.0 mm<\/td>\n                                <td class=\"td-td td-td-size\">16.0 mm<\/td>\n                                <td class=\"td-td td-td-drill\">14.0 mm<\/td>\n                                <td class=\"td-td td-td-size\">14.00<\/td>\n                                <td class=\"td-td\">17.0 mm<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <!-- Info Cards -->\n            <div class=\"td-info\">\n                <div class=\"td-info-card\">\n                    <div class=\"td-info-icon\">\ud83d\udcd0<\/div>\n                    <div class=\"td-info-title\">Thread Engagement<\/div>\n                    <div class=\"td-info-text\">75% engagement is standard. For aluminum, this provides excellent holding power without risk of tap breakage.<\/div>\n                <\/div>\n                <div class=\"td-info-card\">\n                    <div class=\"td-info-icon\">\u26a1<\/div>\n                    <div class=\"td-info-title\">Aluminum Tapping Tips<\/div>\n                    <div class=\"td-info-text\">Use spiral flute taps for blind holes, spiral point for through holes. Always use cutting oil to prevent galling.<\/div>\n                <\/div>\n                <div class=\"td-info-card\">\n                    <div class=\"td-info-icon\">\ud83e\uddee<\/div>\n                    <div class=\"td-info-title\">Tap Drill Formula<\/div>\n                    <div class=\"td-info-text\">Tap Drill = Major Dia. &#8211; (1\/TPI \u00d7 % Engagement). For 75%: Tap Drill \u2248 Major Dia. &#8211; 0.75\/TPI<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Footer -->\n        <div class=\"ms-footer\">\n            <div class=\"ms-footer-note\">Data sources: Machinery&#8217;s Handbook, tool manufacturer recommendations, ANSI\/ASME B1.1, ISO 68-1. Add 10-20% contingency for production planning.<\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        (function() {\n            const container = document.getElementById('alu-machining-suite-v1');\n            \n            \/\/ ==================== MAIN TAB SWITCHING ====================\n            const mainTabs = container.querySelectorAll('.ms-tab');\n            const mainContents = container.querySelectorAll('.ms-content');\n            \n            mainTabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    mainTabs.forEach(t => t.classList.remove('active'));\n                    mainContents.forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    const tabId = 'tab-' + this.getAttribute('data-tab');\n                    container.querySelector('#' + tabId).classList.add('active');\n                });\n            });\n            \n            \/\/ ==================== CUTTING PARAMETERS ====================\n            let cpOperation = 'endmill';\n            const cpOpBtns = container.querySelectorAll('.cp-op-btn');\n            \n            \/\/ Cutting data for different operations\n            const cpData = {\n                'endmill': {\n                    '6061': { hss: 450, carbide: 1000, chipLoad: 0.005 },\n                    '6063': { hss: 550, carbide: 1500, chipLoad: 0.006 },\n                    '7075': { hss: 325, carbide: 800, chipLoad: 0.004 },\n                    '2024': { hss: 400, carbide: 1000, chipLoad: 0.005 }\n                },\n                'drill': {\n                    '6061': { hss: 250, carbide: 500, chipLoad: 0.004 },\n                    '6063': { hss: 300, carbide: 600, chipLoad: 0.005 },\n                    '7075': { hss: 180, carbide: 400, chipLoad: 0.003 },\n                    '2024': { hss: 220, carbide: 450, chipLoad: 0.004 }\n                },\n                'face': {\n                    '6061': { hss: 500, carbide: 1200, chipLoad: 0.006 },\n                    '6063': { hss: 600, carbide: 1800, chipLoad: 0.008 },\n                    '7075': { hss: 350, carbide: 900, chipLoad: 0.005 },\n                    '2024': { hss: 450, carbide: 1100, chipLoad: 0.006 }\n                }\n            };\n            \n            \/\/ Operation button click handler\n            cpOpBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    cpOpBtns.forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    cpOperation = this.getAttribute('data-op');\n                    calcCutting();\n                });\n            });\n            \n            function calcCutting() {\n                const alloy = container.querySelector('#cpAlloy').value;\n                const tool = container.querySelector('#cpTool').value;\n                const diameter = parseFloat(container.querySelector('#cpDiameter').value) || 0.5;\n                const flutes = parseInt(container.querySelector('#cpFlutes').value) || 3;\n                const ap = parseFloat(container.querySelector('#cpAp').value) || 0.25;\n                const ae = parseFloat(container.querySelector('#cpAe').value) || 0.25;\n                \n                \/\/ Get data for current operation\n                const opData = cpData[cpOperation] || cpData['endmill'];\n                const alloyData = opData[alloy] || opData['6061'];\n                \n                let sfm = alloyData.carbide || 1000;\n                if (tool === 'hss') sfm = alloyData.hss || 400;\n                if (tool === 'coated') sfm = (alloyData.carbide || 1000) * 1.2;\n                \n                const chipLoad = alloyData.chipLoad || 0.005;\n                \n                const rpm = Math.round((sfm * 12) \/ (Math.PI * diameter));\n                const feed = Math.round(rpm * flutes * chipLoad);\n                const mrr = (feed * ap * ae).toFixed(2);\n                \n                container.querySelector('#cpRpm').innerHTML = rpm.toLocaleString() + ' <span class=\"cp-result-unit\">RPM<\/span>';\n                container.querySelector('#cpFeed').innerHTML = feed + ' <span class=\"cp-result-unit\">IPM<\/span>';\n                container.querySelector('#cpChipLoad').innerHTML = chipLoad.toFixed(3) + ' <span class=\"cp-result-unit\">IPT<\/span>';\n                container.querySelector('#cpMrr').innerHTML = mrr + ' <span class=\"cp-result-unit\">in\u00b3\/min<\/span>';\n            }\n            \n            container.querySelectorAll('#tab-cutting .ms-select, #tab-cutting .ms-input').forEach(el => {\n                el.addEventListener('change', calcCutting);\n                el.addEventListener('input', calcCutting);\n            });\n            \n            calcCutting();\n            \n            \/\/ ==================== MACHINING TIME ====================\n            let mtOp = 'milling';\n            const mtOpBtns = container.querySelectorAll('.mt-op-btn');\n            const mtForms = container.querySelectorAll('.mt-form-content');\n            \n            mtOpBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    mtOpBtns.forEach(b => b.classList.remove('active'));\n                    mtForms.forEach(f => f.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    mtOp = this.getAttribute('data-op');\n                    container.querySelector('#form-' + mtOp).classList.add('active');\n                    calcTime();\n                });\n            });\n            \n            function calcTime() {\n                let cycleTime = 0, cutTime = 0, loadTime = 0, qty = 1;\n                \n                switch(mtOp) {\n                    case 'milling':\n                        const millLength = parseFloat(container.querySelector('#mtMillLength').value) || 0;\n                        const millPasses = parseInt(container.querySelector('#mtMillPasses').value) || 1;\n                        const millFeed = parseFloat(container.querySelector('#mtMillFeed').value) || 80;\n                        const millLoad = parseFloat(container.querySelector('#mtMillLoad').value) || 0;\n                        qty = parseInt(container.querySelector('#mtMillQty').value) || 1;\n                        \n                        cutTime = (millLength * millPasses) \/ millFeed;\n                        loadTime = millLoad \/ 60;\n                        cycleTime = cutTime + loadTime;\n                        break;\n                        \n                    case 'drilling':\n                        const drillDepth = parseFloat(container.querySelector('#mtDrillDepth').value) || 0;\n                        const drillHoles = parseInt(container.querySelector('#mtDrillHoles').value) || 1;\n                        const drillFeed = parseFloat(container.querySelector('#mtDrillFeed').value) || 12;\n                        const drillLoad = parseFloat(container.querySelector('#mtDrillLoad').value) || 0;\n                        qty = parseInt(container.querySelector('#mtDrillQty').value) || 1;\n                        \n                        cutTime = (drillDepth * drillHoles) \/ drillFeed;\n                        loadTime = drillLoad \/ 60;\n                        cycleTime = cutTime + loadTime;\n                        break;\n                        \n                    case 'facing':\n                        const faceWidth = parseFloat(container.querySelector('#mtFaceWidth').value) || 0;\n                        const faceLength = parseFloat(container.querySelector('#mtFaceLength').value) || 0;\n                        const faceCutter = parseFloat(container.querySelector('#mtFaceCutter').value) || 2;\n                        const faceFeed = parseFloat(container.querySelector('#mtFaceFeed').value) || 100;\n                        const faceLoad = parseFloat(container.querySelector('#mtFaceLoad').value) || 0;\n                        qty = parseInt(container.querySelector('#mtFaceQty').value) || 1;\n                        \n                        const stepover = faceCutter * 0.7;\n                        const passes = Math.ceil(faceWidth \/ stepover);\n                        cutTime = (faceLength * passes) \/ faceFeed;\n                        loadTime = faceLoad \/ 60;\n                        cycleTime = cutTime + loadTime;\n                        break;\n                        \n                    case 'pocket':\n                        const pocketLength = parseFloat(container.querySelector('#mtPocketLength').value) || 0;\n                        const pocketWidth = parseFloat(container.querySelector('#mtPocketWidth').value) || 0;\n                        const pocketDepth = parseFloat(container.querySelector('#mtPocketDepth').value) || 0;\n                        const pocketTool = parseFloat(container.querySelector('#mtPocketTool').value) || 0.5;\n                        const pocketFeed = parseFloat(container.querySelector('#mtPocketFeed').value) || 60;\n                        qty = parseInt(container.querySelector('#mtPocketQty').value) || 1;\n                        \n                        const zPasses = Math.ceil(pocketDepth \/ 0.125);\n                        const xyPasses = Math.ceil(pocketWidth \/ (pocketTool * 0.5));\n                        cutTime = (pocketLength * xyPasses * zPasses) \/ pocketFeed;\n                        loadTime = 0.5;\n                        cycleTime = cutTime + loadTime;\n                        break;\n                }\n                \n                const partsHr = cycleTime > 0 ? Math.floor(60 \/ cycleTime) : 0;\n                const efficiency = cycleTime > 0 ? Math.round((cutTime \/ cycleTime) * 100) : 0;\n                const totalTime = (cycleTime * qty) \/ 60;\n                const totalSetup = totalTime + 0.5;\n                \n                container.querySelector('#mtCycleTime').innerHTML = cycleTime.toFixed(2) + ' <span class=\"mt-result-main-unit\">min<\/span>';\n                container.querySelector('#mtCutTime').textContent = cutTime.toFixed(2) + ' min';\n                container.querySelector('#mtLoadTime').textContent = loadTime.toFixed(2) + ' min';\n                container.querySelector('#mtPartsHr').textContent = partsHr;\n                container.querySelector('#mtEfficiency').textContent = efficiency + '%';\n                container.querySelector('#mtTotalTime').textContent = totalTime.toFixed(2) + ' hours';\n                container.querySelector('#mtTotalSetup').textContent = totalSetup.toFixed(2) + ' hours';\n            }\n            \n            container.querySelectorAll('.mt-input').forEach(el => {\n                el.addEventListener('input', calcTime);\n            });\n            \n            calcTime();\n            \n            \/\/ ==================== TAP DRILL CHART ====================\n            const tdTabs = container.querySelectorAll('.td-tab');\n            const tdContents = container.querySelectorAll('.td-content');\n            \n            tdTabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    tdTabs.forEach(t => t.classList.remove('active'));\n                    tdContents.forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    const subTabId = 'subtab-' + this.getAttribute('data-subtab');\n                    container.querySelector('#' + subTabId).classList.add('active');\n                });\n            });\n            \n            \/\/ Search functionality\n            const searchInput = container.querySelector('#tdSearchInput');\n            searchInput.addEventListener('input', function() {\n                const query = this.value.toLowerCase().trim();\n                const allRows = container.querySelectorAll('.td-tr');\n                \n                allRows.forEach(row => {\n                    const searchData = row.getAttribute('data-search')?.toLowerCase() || '';\n                    row.style.display = (query === '' || searchData.includes(query)) ? '' : 'none';\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-44b1a30\" data-block-id=\"44b1a30\"><style>.stk-44b1a30 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-44b1a30-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-62d5149\" data-v=\"4\" data-block-id=\"62d5149\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-62d5149-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-62d5149-inner-blocks\">\n<section id=\"ind-served-module\">\n  <style>\n    \/* 1. Scoped Fonts & Reset *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;700;900&display=swap');\n\n    \/* Industrial Color Palette *\/\n    #ind-served-module {\n      --ind-orange: #FF6018;\n      --ind-dark: #1F2937;  \/* Deep Carbon *\/\n      --ind-grey-100: #F3F4F6; \/* Light Machine Grey *\/\n      --ind-grey-300: #D1D5DB; \/* Metal Border Grey *\/\n      --ind-grey-500: #6B7280; \/* Secondary Text *\/\n      --ind-grey-800: #374151; \/* Primary Text *\/\n      \n      font-family: 'Inter', sans-serif !important;\n      background-color: var(--ind-grey-100) !important; \/* Industrial background *\/\n      padding: 50px 20px !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      position: relative !important;\n    }\n\n    #ind-served-module * {\n      box-sizing: border-box !important;\n    }\n\n    \/* Strong Reset *\/\n    #ind-served-module h2, \n    #ind-served-module h3, \n    #ind-served-module p, \n    #ind-served-module ul, \n    #ind-served-module li {\n      margin: 0 !important;\n      padding: 0 !important;\n      list-style: none !important;\n      line-height: 1.5 !important;\n      color: var(--ind-grey-800) !important;\n    }\n\n    \/* Container *\/\n    #ind-served-module .ind-container {\n      max-width: 1280px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- HEADER SECTION --- *\/\n    #ind-served-module .ind-header {\n      text-align: center !important;\n      max-width: 800px !important;\n      margin: 0 auto 60px auto !important;\n    }\n\n    #ind-served-module .ind-label {\n      color: var(--ind-orange) !important;\n      font-weight: 900 !important;\n      font-size: 14px !important;\n      letter-spacing: 3px !important;\n      text-transform: uppercase !important;\n      display: inline-block !important;\n      margin-bottom: 20px !important;\n      position: relative !important;\n    }\n    \n    \/* Industrial accent line *\/\n    #ind-served-module .ind-label::after {\n        content: '' !important;\n        display: block !important;\n        width: 60px !important;\n        height: 3px !important;\n        background: var(--ind-orange) !important;\n        margin: 8px auto 0 auto !important;\n    }\n\n    #ind-served-module h2.ind-title {\n      font-size: 42px !important;\n      font-weight: 900 !important;\n      color: var(--ind-dark) !important;\n      margin-bottom: 20px !important;\n      line-height: 1.1 !important;\n      letter-spacing: -1px !important;\n    }\n\n    #ind-served-module .ind-subtitle {\n      font-size: 18px !important;\n      color: var(--ind-grey-500) !important;\n      line-height: 1.6 !important;\n      font-weight: 400 !important;\n      max-width: 600px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- INDUSTRY TAGS (Mechanical Style) --- *\/\n    #ind-served-module .ind-tags-wrapper {\n      display: flex !important;\n      flex-wrap: wrap !important;\n      justify-content: center !important;\n      gap: 12px !important;\n      margin-bottom: 70px !important;\n    }\n\n    #ind-served-module .ind-tag {\n      padding: 12px 28px !important;\n      border: 2px solid var(--ind-grey-300) !important;\n      background: #fff !important;\n      border-radius: 2px !important; \/* Square corners for industrial look *\/\n      font-size: 13px !important;\n      font-weight: 700 !important;\n      color: var(--ind-grey-800) !important;\n      text-transform: uppercase !important;\n      letter-spacing: 1px !important;\n      transition: all 0.2s ease-in-out !important;\n      cursor: default !important;\n    }\n\n    #ind-served-module .ind-tag:hover {\n      background: var(--ind-orange) !important;\n      color: #fff !important;\n      border-color: var(--ind-orange) !important;\n      box-shadow: 0 4px 12px rgba(255, 96, 24, 0.3) !important;\n    }\n\n    \/* --- FEATURE CARDS GRID --- *\/\n    #ind-served-module .ind-grid {\n      display: grid !important;\n      grid-template-columns: repeat(3, 1fr) !important;\n      gap: 30px !important;\n    }\n\n    \/* Card Styling (Industrial Machine Look) *\/\n    #ind-served-module .ind-card {\n      background: #fff !important;\n      border: 1px solid var(--ind-grey-300) !important;\n      border-radius: 4px !important;\n      overflow: hidden !important;\n      box-shadow: 0 2px 4px rgba(0,0,0,0.05) !important;\n      transition: all 0.3s ease !important;\n      display: flex !important;\n      flex-direction: column !important;\n      position: relative !important;\n    }\n    \n    \/* Orange accent line on hover *\/\n    #ind-served-module .ind-card::after {\n        content: '' !important;\n        position: absolute !important;\n        bottom: 0 !important;\n        left: 0 !important;\n        width: 100% !important;\n        height: 0 !important;\n        background: var(--ind-orange) !important;\n        transition: height 0.3s ease !important;\n    }\n\n    #ind-served-module .ind-card:hover {\n      transform: translateY(-5px) !important;\n      box-shadow: 0 15px 30px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.08) !important;\n      border-color: var(--ind-grey-500) !important;\n    }\n    \n    #ind-served-module .ind-card:hover::after {\n        height: 4px !important;\n    }\n\n    \/* Image Wrapper (Machine Bed Style) *\/\n    #ind-served-module .ind-img-box {\n      width: 100% !important;\n      height: 260px !important; \/* Fixed height *\/\n      background-color: #fff !important; \/* Clean background for parts *\/\n      border-bottom: 3px solid var(--ind-grey-300) !important; \/* \"Machine bed\" line *\/\n      position: relative !important;\n      overflow: hidden !important;\n      display: flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      padding: 20px !important; \/* Padding to ensure part isn't touching edges *\/\n    }\n\n    \/* FULL IMAGE DISPLAY - NO CROPPING *\/\n    #ind-served-module .ind-img {\n      width: auto !important;\n      height: auto !important;\n      max-width: 100% !important;\n      max-height: 100% !important;\n      object-fit: contain !important; \/* Key change: Contain to show full image *\/\n      transition: transform 0.5s ease !important;\n    }\n\n    #ind-served-module .ind-card:hover .ind-img {\n      transform: scale(1.05) !important; \/* Subtle zoom *\/\n    }\n\n    \/* Card Content *\/\n    #ind-served-module .ind-content {\n      padding: 35px 30px !important;\n      flex: 1 !important;\n      display: flex !important;\n      flex-direction: column !important;\n    }\n\n    #ind-served-module h3.ind-card-title {\n      font-size: 24px !important;\n      font-weight: 800 !important;\n      color: var(--ind-dark) !important;\n      margin-bottom: 15px !important;\n      letter-spacing: -0.5px !important;\n      position: relative !important;\n    }\n    \n    \/* Title decorative line *\/\n    #ind-served-module h3.ind-card-title::before {\n      content: '' !important;\n      display: block !important;\n      width: 30px !important;\n      height: 2px !important;\n      background: var(--ind-grey-300) !important;\n      margin-bottom: 15px !important;\n    }\n\n    #ind-served-module .ind-desc {\n      font-size: 15px !important;\n      color: var(--ind-grey-500) !important;\n      margin-bottom: 30px !important;\n      line-height: 1.7 !important;\n      font-weight: 400 !important;\n    }\n\n    \/* Specs List (Engineering Blueprint Style) *\/\n    #ind-served-module .ind-specs {\n      margin-top: auto !important;\n      padding-top: 25px !important;\n      border-top: 1px dashed var(--ind-grey-300) !important; \/* Blueprint dash line *\/\n    }\n\n    #ind-served-module .ind-specs li {\n      font-size: 14px !important;\n      color: var(--ind-grey-800) !important;\n      margin-bottom: 12px !important;\n      padding-left: 28px !important;\n      position: relative !important;\n      font-weight: 600 !important;\n      letter-spacing: 0.3px !important;\n    }\n\n    \/* Custom Industrial Bullet Point *\/\n    #ind-served-module .ind-specs li::before {\n      content: '' !important;\n      position: absolute !important;\n      left: 0 !important;\n      top: 5px !important;\n      width: 10px !important;\n      height: 10px !important;\n      background: var(--ind-orange) !important;\n      border-radius: 1px !important; \/* Square bullet *\/\n    }\n    \n    \/* Connecting line for the bullet *\/\n    #ind-served-module .ind-specs li::after {\n      content: '' !important;\n      position: absolute !important;\n      left: 10px !important;\n      top: 10px !important;\n      width: 12px !important;\n      height: 1px !important;\n      background: var(--ind-orange) !important;\n      opacity: 0.5 !important;\n    }\n\n    \/* RESPONSIVE *\/\n    @media (max-width:1000px) {\n      #ind-served-module .ind-grid {\n        grid-template-columns: repeat(2, 1fr) !important;\n      }\n      #ind-served-module h2.ind-title {\n        font-size: 36px !important;\n      }\n      #ind-served-module .ind-img-box {\n        height: 240px !important;\n      }\n    }\n\n    @media (max-width:690px) {\n      #ind-served-module {\n        padding: 70px 20px !important;\n      }\n      #ind-served-module .ind-grid {\n        grid-template-columns: 1fr !important;\n        gap: 40px !important;\n      }\n      #ind-served-module .ind-tags-wrapper {\n        gap: 10px !important;\n        margin-bottom: 50px !important;\n      }\n      #ind-served-module .ind-tag {\n        padding: 10px 20px !important;\n        font-size: 12px !important;\n      }\n      #ind-served-module h2.ind-title {\n        font-size: 32px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ind-container\">\n    \n    <div class=\"ind-header\">\n      <span class=\"ind-label\">Industries Served<\/span>\n      <h2 class=\"ind-title\">Precision Aluminum Extrusion Machining for Every Industry<\/h2>\n      <div class=\"ind-subtitle\">Our precision aluminum extrusion machining services support critical applications across diverse industries, each with unique requirements and certifications.<\/div>\n    <\/div>\n\n    <div class=\"ind-tags-wrapper\">\n      <div class=\"ind-tag\">Aerospace<\/div>\n      <div class=\"ind-tag\">Automotive<\/div>\n      <div class=\"ind-tag\">EV &#038; Battery<\/div>\n      <div class=\"ind-tag\">Solar Energy<\/div>\n      <div class=\"ind-tag\">Construction<\/div>\n      <div class=\"ind-tag\">Automation<\/div>\n    <\/div>\n\n    <div class=\"ind-grid\">\n\n      <div class=\"ind-card\">\n        <div class=\"ind-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/machining-for-wing-spars-seat-rails-floor-beams.png\" alt=\"Aerospace Wing Spars Machining\" class=\"ind-img\" loading=\"lazy\">\n        <\/div>\n        <div class=\"ind-content\">\n          <h3 class=\"ind-card-title\">Applications in Aerospace<\/h3>\n          <p class=\"ind-desc\">AS9100D certified machining for wing spars, seat rails, floor beams, and structural stringers from 7075 and 2024 aluminum extrusions.<\/p>\n          <ul class=\"ind-specs\">\n            <li>Wingspar machining to +\/- 0.002&#8243;<\/li>\n            <li>7075-T6 and 2024-T3 alloys<\/li>\n            <li>Full material traceability<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"ind-card\">\n        <div class=\"ind-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/EV-battery-trays.png\" alt=\"EV Battery Enclosure Machining\" class=\"ind-img\" loading=\"lazy\">\n        <\/div>\n        <div class=\"ind-content\">\n          <h3 class=\"ind-card-title\">Battery Enclosure for EVs<\/h3>\n          <p class=\"ind-desc\">High-speed machining of 6063 extrusions for EV battery trays, cooling channels, and crash structures.<\/p>\n          <ul class=\"ind-specs\">\n            <li>Battery tray frame machining<\/li>\n            <li>Thermal management profiles<\/li>\n            <li>Groundwater to IATF 16949 thresholds<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"ind-card\">\n        <div class=\"ind-img-box\">\n          <img decoding=\"async\" src=\"https:\/\/le-creator.com\/wp-content\/uploads\/2025\/12\/finned-extrusions-for-LED-lighting.png\" alt=\"Heat Sink Fabrication\" class=\"ind-img\" loading=\"lazy\">\n        <\/div>\n        <div class=\"ind-content\">\n          <h3 class=\"ind-card-title\">Heat Sink Fabrication<\/h3>\n          <p class=\"ind-desc\">Precision machining of finned extrusions for LED lighting, power electronics, and server applications.<\/p>\n          <ul class=\"ind-specs\">\n            <li>Fin pitch of as low as 1mm<\/li>\n            <li>Flatness to 0.002&#8243; per inch<\/li>\n            <li>Thermal interface prep<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/* Industrial Reveal Animation *\/\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      const cards = document.querySelectorAll('#ind-served-module .ind-card');\n      \n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry, index) => {\n            if (entry.isIntersecting) {\n              \/\/ Staggered mechanical reveal\n              setTimeout(() => {\n                entry.target.style.opacity = '1';\n                entry.target.style.transform = 'translateY(0)';\n              }, index * 150); \n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.15 });\n\n        cards.forEach(card => {\n          card.style.opacity = '0';\n          card.style.transform = 'translateY(40px)'; \/\/ Deeper initial position for heavier feel\n          \/\/ Snappier, more mechanical transition\n          card.style.transition = 'opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease, border-color 0.3s ease'; \n          observer.observe(card);\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-fedac64\" data-block-id=\"fedac64\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-fedac64-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-adba326\" data-v=\"4\" data-block-id=\"adba326\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-adba326-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-adba326-inner-blocks\">\n<!-- \n===========================================\nMODULE A: Aluminum Material & Properties Hub\nCombines: Alloy Selector, Weight Calculator, Hardness Converter, Thermal Expansion\nWordPress Gutenberg Compatible - Custom HTML Module\nColor Scheme: #FF6018\n===========================================\n-->\n\n<section id=\"alu-material-hub-v1\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');\n        \n        \/* Reset & Container *\/\n        #alu-material-hub-v1 * {\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        #alu-material-hub-v1 {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;\n            padding: 60px 20px !important;\n            color: #ffffff !important;\n            line-height: 1.6 !important;\n        }\n        \n        #alu-material-hub-v1 .mh-container {\n            max-width: 1300px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Header *\/\n        #alu-material-hub-v1 .mh-header {\n            text-align: center !important;\n            margin-bottom: 40px !important;\n        }\n        \n        #alu-material-hub-v1 .mh-badge {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            background: linear-gradient(135deg, #FF6018, #ff8c4a) !important;\n            color: #ffffff !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1.5px !important;\n            padding: 10px 24px !important;\n            border-radius: 50px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-material-hub-v1 .mh-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: clamp(32px, 5vw, 48px) !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n            margin-bottom: 15px !important;\n            line-height: 1.2 !important;\n        }\n        \n        #alu-material-hub-v1 .mh-title-accent {\n            color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .mh-subtitle {\n            font-size: 16px !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            max-width: 700px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Main Tabs *\/\n        #alu-material-hub-v1 .mh-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            margin-bottom: 40px !important;\n            flex-wrap: wrap !important;\n            background: rgba(255, 255, 255, 0.03) !important;\n            padding: 8px !important;\n            border-radius: 16px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .mh-tab {\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n            padding: 14px 24px !important;\n            font-family: 'Inter', sans-serif !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            background: transparent !important;\n            border: none !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n            white-space: nowrap !important;\n        }\n        \n        #alu-material-hub-v1 .mh-tab:hover {\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n        }\n        \n        #alu-material-hub-v1 .mh-tab.active {\n            color: #ffffff !important;\n            background: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .mh-tab-icon {\n            font-size: 18px !important;\n        }\n        \n        \/* Tab Content *\/\n        #alu-material-hub-v1 .mh-content {\n            display: none !important;\n        }\n        \n        #alu-material-hub-v1 .mh-content.active {\n            display: block !important;\n            animation: mhFadeIn 0.3s ease !important;\n        }\n        \n        @keyframes mhFadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* ===================== TAB 1: ALLOY SELECTOR ===================== *\/\n        #alu-material-hub-v1 .as-filters {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 10px !important;\n            margin-bottom: 30px !important;\n            flex-wrap: wrap !important;\n        }\n        \n        #alu-material-hub-v1 .as-filter-btn {\n            padding: 10px 20px !important;\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-material-hub-v1 .as-filter-btn:hover,\n        #alu-material-hub-v1 .as-filter-btn.active {\n            color: #FF6018 !important;\n            border-color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .as-grid {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\n            gap: 20px !important;\n            margin-bottom: 30px !important;\n        }\n        \n        #alu-material-hub-v1 .as-card {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 16px !important;\n            padding: 24px !important;\n            transition: all 0.3s ease !important;\n        }\n        \n        #alu-material-hub-v1 .as-card:hover {\n            border-color: #FF6018 !important;\n            transform: translateY(-4px) !important;\n            box-shadow: 0 12px 40px rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-material-hub-v1 .as-card-header {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: flex-start !important;\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-material-hub-v1 .as-alloy-name {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 24px !important;\n            font-weight: 700 !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .as-series-badge {\n            padding: 4px 12px !important;\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            background: rgba(255, 255, 255, 0.1) !important;\n            border-radius: 20px !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n        }\n        \n        #alu-material-hub-v1 .as-props {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-material-hub-v1 .as-prop {\n            background: rgba(255, 255, 255, 0.03) !important;\n            padding: 12px !important;\n            border-radius: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .as-prop-label {\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            margin-bottom: 4px !important;\n        }\n        \n        #alu-material-hub-v1 .as-prop-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 15px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .as-tags {\n            display: flex !important;\n            flex-wrap: wrap !important;\n            gap: 6px !important;\n        }\n        \n        #alu-material-hub-v1 .as-tag {\n            padding: 4px 10px !important;\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n            color: #FF6018 !important;\n            border-radius: 4px !important;\n            text-transform: uppercase !important;\n        }\n        \n        \/* ===================== TAB 2: WEIGHT CALCULATOR ===================== *\/\n        #alu-material-hub-v1 .wc-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-material-hub-v1 .wc-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-material-hub-v1 .wc-card {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-card-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 12px !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profiles {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 10px !important;\n            margin-bottom: 24px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profile-btn {\n            padding: 16px 10px !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 2px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            text-align: center !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profile-btn:hover {\n            border-color: rgba(255, 96, 24, 0.5) !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profile-btn.active {\n            border-color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profile-icon {\n            font-size: 28px !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-profile-name {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n        }\n        \n        #alu-material-hub-v1 .wc-form-group {\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-label {\n            display: block !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            text-transform: uppercase !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-input-row {\n            display: flex !important;\n            gap: 10px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-input {\n            flex: 1 !important;\n            padding: 12px 14px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 15px !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n        }\n        \n        #alu-material-hub-v1 .wc-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .wc-input::placeholder {\n            color: rgba(255, 255, 255, 0.3) !important;\n        }\n        \n        #alu-material-hub-v1 .wc-unit {\n            display: flex !important;\n            align-items: center !important;\n            padding: 0 14px !important;\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-select {\n            width: 100% !important;\n            padding: 14px 16px !important;\n            min-height: 48px !important;\n            font-size: 14px !important;\n            font-weight: 500 !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n            cursor: pointer !important;\n            line-height: 1.4 !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 14px center !important;\n            padding-right: 40px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-select:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .wc-select option {\n            background: #1e293b !important;\n            color: #ffffff !important;\n            padding: 12px 16px !important;\n            font-size: 14px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-select option:hover,\n        #alu-material-hub-v1 .wc-select option:checked {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .wc-row-2 {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n        }\n        \n        \/* Results Card *\/\n        #alu-material-hub-v1 .wc-results {\n            background: linear-gradient(135deg, #FF6018, #ff8c4a) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-results-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-main {\n            text-align: center !important;\n            padding: 24px !important;\n            background: rgba(255, 255, 255, 0.15) !important;\n            border-radius: 12px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-label {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 36px !important;\n            font-weight: 700 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-unit {\n            font-size: 18px !important;\n            opacity: 0.8 !important;\n        }\n        \n        #alu-material-hub-v1 .wc-results-grid {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-box {\n            background: rgba(255, 255, 255, 0.1) !important;\n            border-radius: 10px !important;\n            padding: 14px !important;\n            text-align: center !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-box-label {\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-material-hub-v1 .wc-result-box-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        \/* ===================== TAB 3: HARDNESS CONVERTER ===================== *\/\n        #alu-material-hub-v1 .hc-layout {\n            max-width: 800px !important;\n            margin: 0 auto !important;\n        }\n        \n        #alu-material-hub-v1 .hc-converter {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n            margin-bottom: 30px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-input-section {\n            margin-bottom: 24px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-input-row {\n            display: flex !important;\n            gap: 12px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-input {\n            flex: 1 !important;\n            padding: 16px 20px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 24px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.15) !important;\n            border-radius: 12px !important;\n            outline: none !important;\n            text-align: center !important;\n        }\n        \n        #alu-material-hub-v1 .hc-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .hc-select {\n            width: 160px !important;\n            padding: 16px 12px !important;\n            min-height: 48px !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            background: #FF6018 !important;\n            border: none !important;\n            border-radius: 12px !important;\n            cursor: pointer !important;\n            text-align: center !important;\n            line-height: 1.4 !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 12px center !important;\n            padding-right: 32px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-select option {\n            background: #1e293b !important;\n            color: #ffffff !important;\n            padding: 12px 16px !important;\n            font-size: 14px !important;\n            text-align: left !important;\n        }\n        \n        #alu-material-hub-v1 .hc-select option:hover,\n        #alu-material-hub-v1 .hc-select option:checked {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .hc-results-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 15px !important;\n        }\n        \n        @media (min-width: 600px) {\n            #alu-material-hub-v1 .hc-results-grid {\n                grid-template-columns: repeat(4, 1fr) !important;\n            }\n        }\n        \n        #alu-material-hub-v1 .hc-result-box {\n            background: rgba(255, 255, 255, 0.05) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 12px !important;\n            padding: 20px !important;\n            text-align: center !important;\n        }\n        \n        #alu-material-hub-v1 .hc-result-label {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 28px !important;\n            font-weight: 600 !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .hc-result-note {\n            font-size: 10px !important;\n            color: rgba(255, 255, 255, 0.4) !important;\n            margin-top: 6px !important;\n        }\n        \n        \/* Hardness Reference Table *\/\n        #alu-material-hub-v1 .hc-table-wrapper {\n            overflow-x: auto !important;\n            border-radius: 12px !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .hc-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            min-width: 500px !important;\n        }\n        \n        #alu-material-hub-v1 .hc-th {\n            padding: 14px 16px !important;\n            text-align: left !important;\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            color: #FF6018 !important;\n            background: rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-material-hub-v1 .hc-td {\n            padding: 12px 16px !important;\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.9) !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\n        }\n        \n        #alu-material-hub-v1 .hc-tr:hover .hc-td {\n            background: rgba(255, 96, 24, 0.05) !important;\n        }\n        \n        #alu-material-hub-v1 .hc-td-alloy {\n            font-weight: 600 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .hc-td-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            color: #FF6018 !important;\n        }\n        \n        \/* ===================== TAB 4: THERMAL EXPANSION ===================== *\/\n        #alu-material-hub-v1 .te-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-material-hub-v1 .te-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-material-hub-v1 .te-card {\n            background: rgba(255, 255, 255, 0.03) !important;\n            border: 1px solid rgba(255, 255, 255, 0.1) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n        }\n        \n        #alu-material-hub-v1 .te-card-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 12px !important;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .te-form-group {\n            margin-bottom: 18px !important;\n        }\n        \n        #alu-material-hub-v1 .te-label {\n            display: block !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            text-transform: uppercase !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-material-hub-v1 .te-input-row {\n            display: flex !important;\n            gap: 10px !important;\n        }\n        \n        #alu-material-hub-v1 .te-input {\n            flex: 1 !important;\n            padding: 12px 14px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 15px !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n        }\n        \n        #alu-material-hub-v1 .te-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .te-select {\n            width: 100% !important;\n            padding: 14px 16px !important;\n            min-height: 48px !important;\n            font-size: 14px !important;\n            font-weight: 500 !important;\n            color: #ffffff !important;\n            background: rgba(255, 255, 255, 0.08) !important;\n            border: 2px solid rgba(255, 255, 255, 0.12) !important;\n            border-radius: 8px !important;\n            outline: none !important;\n            cursor: pointer !important;\n            line-height: 1.4 !important;\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L1 3h10z'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 14px center !important;\n            padding-right: 40px !important;\n        }\n        \n        #alu-material-hub-v1 .te-select:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-material-hub-v1 .te-select option {\n            background: #1e293b !important;\n            color: #ffffff !important;\n            padding: 12px 16px !important;\n            font-size: 14px !important;\n        }\n        \n        #alu-material-hub-v1 .te-select option:hover,\n        #alu-material-hub-v1 .te-select option:checked {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .te-unit-toggle {\n            display: flex !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 8px !important;\n            padding: 4px !important;\n        }\n        \n        #alu-material-hub-v1 .te-unit-btn {\n            padding: 10px 14px !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            background: transparent !important;\n            border: none !important;\n            border-radius: 6px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-material-hub-v1 .te-unit-btn.active {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-material-hub-v1 .te-row-2 {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 12px !important;\n        }\n        \n        \/* Thermal Results *\/\n        #alu-material-hub-v1 .te-results {\n            background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n            color: #1e293b !important;\n        }\n        \n        #alu-material-hub-v1 .te-results-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #1e293b !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-material-hub-v1 .te-result-item {\n            background: rgba(255, 255, 255, 0.3) !important;\n            border-radius: 12px !important;\n            padding: 16px !important;\n            margin-bottom: 12px !important;\n        }\n        \n        #alu-material-hub-v1 .te-result-label {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(0, 0, 0, 0.6) !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-material-hub-v1 .te-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 22px !important;\n            font-weight: 700 !important;\n            color: #1e293b !important;\n        }\n        \n        #alu-material-hub-v1 .te-result-alt {\n            font-size: 12px !important;\n            color: rgba(0, 0, 0, 0.5) !important;\n            margin-top: 4px !important;\n        }\n        \n        \/* Footer *\/\n        #alu-material-hub-v1 .mh-footer {\n            text-align: center !important;\n            margin-top: 40px !important;\n            padding-top: 30px !important;\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\n        }\n        \n        #alu-material-hub-v1 .mh-footer-note {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.4) !important;\n        }\n    <\/style>\n    \n    <div class=\"mh-container\">\n        <!-- Header -->\n        <div class=\"mh-header\">\n            <div class=\"mh-badge\">\ud83d\udd2c Engineering Tools<\/div>\n            <h2 class=\"mh-title\">Aluminum <span class=\"mh-title-accent\">Material Hub<\/span><\/h2>\n            <p class=\"mh-subtitle\">Comprehensive material selection, weight calculation, hardness conversion, and thermal expansion tools for aluminum extrusion machining.<\/p>\n        <\/div>\n        \n        <!-- Main Tabs -->\n        <div class=\"mh-tabs\">\n            <button class=\"mh-tab active\" data-tab=\"alloy\">\n                <span class=\"mh-tab-icon\">\ud83e\uddea<\/span>\n                <span>Alloy Selector<\/span>\n            <\/button>\n            <button class=\"mh-tab\" data-tab=\"weight\">\n                <span class=\"mh-tab-icon\">\u2696\ufe0f<\/span>\n                <span>Weight Calculator<\/span>\n            <\/button>\n            <button class=\"mh-tab\" data-tab=\"hardness\">\n                <span class=\"mh-tab-icon\">\ud83d\udc8e<\/span>\n                <span>Hardness Converter<\/span>\n            <\/button>\n            <button class=\"mh-tab\" data-tab=\"thermal\">\n                <span class=\"mh-tab-icon\">\ud83c\udf21\ufe0f<\/span>\n                <span>Thermal Expansion<\/span>\n            <\/button>\n        <\/div>\n        \n        <!-- ===================== TAB 1: ALLOY SELECTOR ===================== -->\n        <div class=\"mh-content active\" id=\"tab-alloy\">\n            <div class=\"as-filters\">\n                <button class=\"as-filter-btn active\" data-filter=\"all\">All Alloys<\/button>\n                <button class=\"as-filter-btn\" data-filter=\"6000\">6000 Series<\/button>\n                <button class=\"as-filter-btn\" data-filter=\"7000\">7000 Series<\/button>\n                <button class=\"as-filter-btn\" data-filter=\"2000\">2000 Series<\/button>\n                <button class=\"as-filter-btn\" data-filter=\"5000\">5000 Series<\/button>\n            <\/div>\n            \n            <div class=\"as-grid\">\n                <!-- 6061-T6 -->\n                <div class=\"as-card\" data-series=\"6000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">6061-T6<\/span>\n                        <span class=\"as-series-badge\">6000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">45 ksi \/ 310 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">40 ksi \/ 276 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">95 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.098 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">Structural<\/span>\n                        <span class=\"as-tag\">Automotive<\/span>\n                        <span class=\"as-tag\">Marine<\/span>\n                        <span class=\"as-tag\">Weldable<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- 6063-T5 -->\n                <div class=\"as-card\" data-series=\"6000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">6063-T5<\/span>\n                        <span class=\"as-series-badge\">6000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">27 ksi \/ 186 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">21 ksi \/ 145 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">60 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.097 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">Architectural<\/span>\n                        <span class=\"as-tag\">Anodizing<\/span>\n                        <span class=\"as-tag\">Extrusion<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- 7075-T6 -->\n                <div class=\"as-card\" data-series=\"7000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">7075-T6<\/span>\n                        <span class=\"as-series-badge\">7000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">83 ksi \/ 572 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">73 ksi \/ 503 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">150 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.101 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">Aerospace<\/span>\n                        <span class=\"as-tag\">High Strength<\/span>\n                        <span class=\"as-tag\">Defense<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- 2024-T3 -->\n                <div class=\"as-card\" data-series=\"2000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">2024-T3<\/span>\n                        <span class=\"as-series-badge\">2000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">70 ksi \/ 483 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">50 ksi \/ 345 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">120 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.100 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">Aircraft<\/span>\n                        <span class=\"as-tag\">Fatigue Resistant<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- 5052-H32 -->\n                <div class=\"as-card\" data-series=\"5000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">5052-H32<\/span>\n                        <span class=\"as-series-badge\">5000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">33 ksi \/ 228 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">28 ksi \/ 193 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">60 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.097 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">Marine<\/span>\n                        <span class=\"as-tag\">Corrosion Resistant<\/span>\n                        <span class=\"as-tag\">Weldable<\/span>\n                    <\/div>\n                <\/div>\n                \n                <!-- 6082-T6 -->\n                <div class=\"as-card\" data-series=\"6000\">\n                    <div class=\"as-card-header\">\n                        <span class=\"as-alloy-name\">6082-T6<\/span>\n                        <span class=\"as-series-badge\">6000 Series<\/span>\n                    <\/div>\n                    <div class=\"as-props\">\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Tensile Strength<\/div>\n                            <div class=\"as-prop-value\">47 ksi \/ 324 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Yield Strength<\/div>\n                            <div class=\"as-prop-value\">42 ksi \/ 290 MPa<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Hardness<\/div>\n                            <div class=\"as-prop-value\">95 HB<\/div>\n                        <\/div>\n                        <div class=\"as-prop\">\n                            <div class=\"as-prop-label\">Density<\/div>\n                            <div class=\"as-prop-value\">0.098 lb\/in\u00b3<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"as-tags\">\n                        <span class=\"as-tag\">European Standard<\/span>\n                        <span class=\"as-tag\">Structural<\/span>\n                        <span class=\"as-tag\">Transport<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 2: WEIGHT CALCULATOR ===================== -->\n        <div class=\"mh-content\" id=\"tab-weight\">\n            <div class=\"wc-layout\">\n                <div class=\"wc-card\">\n                    <h3 class=\"wc-card-title\">Input Parameters<\/h3>\n                    \n                    <!-- Profile Selection -->\n                    <div class=\"wc-profiles\">\n                        <div class=\"wc-profile-btn active\" data-profile=\"rect\">\n                            <div class=\"wc-profile-icon\">\u25ac<\/div>\n                            <div class=\"wc-profile-name\">Rect Bar<\/div>\n                        <\/div>\n                        <div class=\"wc-profile-btn\" data-profile=\"round\">\n                            <div class=\"wc-profile-icon\">\u25cf<\/div>\n                            <div class=\"wc-profile-name\">Round Bar<\/div>\n                        <\/div>\n                        <div class=\"wc-profile-btn\" data-profile=\"tube\">\n                            <div class=\"wc-profile-icon\">\u25ef<\/div>\n                            <div class=\"wc-profile-name\">Round Tube<\/div>\n                        <\/div>\n                        <div class=\"wc-profile-btn\" data-profile=\"square\">\n                            <div class=\"wc-profile-icon\">\u25a1<\/div>\n                            <div class=\"wc-profile-name\">Square Tube<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Alloy Selection -->\n                    <div class=\"wc-form-group\">\n                        <label class=\"wc-label\">Aluminum Alloy<\/label>\n                        <select class=\"wc-select\" id=\"wcAlloy\">\n                            <option value=\"0.098\">6061-T6 (0.098 lb\/in\u00b3)<\/option>\n                            <option value=\"0.097\">6063-T5 (0.097 lb\/in\u00b3)<\/option>\n                            <option value=\"0.101\">7075-T6 (0.101 lb\/in\u00b3)<\/option>\n                            <option value=\"0.100\">2024-T3 (0.100 lb\/in\u00b3)<\/option>\n                            <option value=\"0.097\">5052-H32 (0.097 lb\/in\u00b3)<\/option>\n                            <option value=\"0.098\">6082-T6 (0.098 lb\/in\u00b3)<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <!-- Dimensions - Dynamic based on profile -->\n                    <div id=\"wcDimensions\">\n                        <div class=\"wc-row-2\">\n                            <div class=\"wc-form-group\">\n                                <label class=\"wc-label\">Width<\/label>\n                                <div class=\"wc-input-row\">\n                                    <input type=\"number\" class=\"wc-input\" id=\"wcWidth\" value=\"2\" step=\"0.001\">\n                                    <span class=\"wc-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"wc-form-group\">\n                                <label class=\"wc-label\">Height<\/label>\n                                <div class=\"wc-input-row\">\n                                    <input type=\"number\" class=\"wc-input\" id=\"wcHeight\" value=\"1\" step=\"0.001\">\n                                    <span class=\"wc-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"wc-row-2\">\n                        <div class=\"wc-form-group\">\n                            <label class=\"wc-label\">Length<\/label>\n                            <div class=\"wc-input-row\">\n                                <input type=\"number\" class=\"wc-input\" id=\"wcLength\" value=\"12\" step=\"0.1\">\n                                <span class=\"wc-unit\">in<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"wc-form-group\">\n                            <label class=\"wc-label\">Quantity<\/label>\n                            <input type=\"number\" class=\"wc-input\" id=\"wcQty\" value=\"1\" min=\"1\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"wc-results\">\n                    <h3 class=\"wc-results-title\">Calculated Weight<\/h3>\n                    \n                    <div class=\"wc-result-main\">\n                        <div class=\"wc-result-label\">Weight per Piece<\/div>\n                        <div class=\"wc-result-value\" id=\"wcWeightPiece\">2.35 <span class=\"wc-result-unit\">lbs<\/span><\/div>\n                    <\/div>\n                    \n                    <div class=\"wc-results-grid\">\n                        <div class=\"wc-result-box\">\n                            <div class=\"wc-result-box-label\">Total Weight<\/div>\n                            <div class=\"wc-result-box-value\" id=\"wcWeightTotal\">2.35 lbs<\/div>\n                        <\/div>\n                        <div class=\"wc-result-box\">\n                            <div class=\"wc-result-box-label\">Metric<\/div>\n                            <div class=\"wc-result-box-value\" id=\"wcWeightKg\">1.07 kg<\/div>\n                        <\/div>\n                        <div class=\"wc-result-box\">\n                            <div class=\"wc-result-box-label\">Cross Section<\/div>\n                            <div class=\"wc-result-box-value\" id=\"wcArea\">2.00 in\u00b2<\/div>\n                        <\/div>\n                        <div class=\"wc-result-box\">\n                            <div class=\"wc-result-box-label\">Per Foot<\/div>\n                            <div class=\"wc-result-box-value\" id=\"wcPerFoot\">2.35 lb\/ft<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 3: HARDNESS CONVERTER ===================== -->\n        <div class=\"mh-content\" id=\"tab-hardness\">\n            <div class=\"hc-layout\">\n                <div class=\"hc-converter\">\n                    <div class=\"hc-input-section\">\n                        <div class=\"wc-label\" style=\"text-align: center; margin-bottom: 12px;\">Enter Hardness Value<\/div>\n                        <div class=\"hc-input-row\">\n                            <input type=\"number\" class=\"hc-input\" id=\"hcInputValue\" placeholder=\"95\" value=\"95\">\n                            <select class=\"hc-select\" id=\"hcInputUnit\">\n                                <option value=\"hb\">HB (Brinell)<\/option>\n                                <option value=\"hrb\">HRB (Rockwell B)<\/option>\n                                <option value=\"hv\">HV (Vickers)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"hc-results-grid\">\n                        <div class=\"hc-result-box\">\n                            <div class=\"hc-result-label\">Brinell (HB)<\/div>\n                            <div class=\"hc-result-value\" id=\"resultHB\">95<\/div>\n                            <div class=\"hc-result-note\">500 kgf, 10mm ball<\/div>\n                        <\/div>\n                        <div class=\"hc-result-box\">\n                            <div class=\"hc-result-label\">Rockwell B (HRB)<\/div>\n                            <div class=\"hc-result-value\" id=\"resultHRB\">60<\/div>\n                            <div class=\"hc-result-note\">1\/16&#8243; ball, 100 kgf<\/div>\n                        <\/div>\n                        <div class=\"hc-result-box\">\n                            <div class=\"hc-result-label\">Vickers (HV)<\/div>\n                            <div class=\"hc-result-value\" id=\"resultHV\">106<\/div>\n                            <div class=\"hc-result-note\">Diamond pyramid<\/div>\n                        <\/div>\n                        <div class=\"hc-result-box\">\n                            <div class=\"hc-result-label\">Tensile (ksi)<\/div>\n                            <div class=\"hc-result-value\" id=\"resultTensile\">45<\/div>\n                            <div class=\"hc-result-note\">Approximate<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"hc-table-wrapper\">\n                    <table class=\"hc-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"hc-th\">Alloy<\/th>\n                                <th class=\"hc-th\">HB<\/th>\n                                <th class=\"hc-th\">HRB<\/th>\n                                <th class=\"hc-th\">HV<\/th>\n                                <th class=\"hc-th\">UTS (ksi)<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"hc-tr\">\n                                <td class=\"hc-td hc-td-alloy\">6061-T6<\/td>\n                                <td class=\"hc-td hc-td-value\">95<\/td>\n                                <td class=\"hc-td hc-td-value\">60<\/td>\n                                <td class=\"hc-td hc-td-value\">107<\/td>\n                                <td class=\"hc-td\">45<\/td>\n                            <\/tr>\n                            <tr class=\"hc-tr\">\n                                <td class=\"hc-td hc-td-alloy\">6063-T5<\/td>\n                                <td class=\"hc-td hc-td-value\">60<\/td>\n                                <td class=\"hc-td hc-td-value\">42<\/td>\n                                <td class=\"hc-td hc-td-value\">67<\/td>\n                                <td class=\"hc-td\">27<\/td>\n                            <\/tr>\n                            <tr class=\"hc-tr\">\n                                <td class=\"hc-td hc-td-alloy\">7075-T6<\/td>\n                                <td class=\"hc-td hc-td-value\">150<\/td>\n                                <td class=\"hc-td hc-td-value\">87<\/td>\n                                <td class=\"hc-td hc-td-value\">175<\/td>\n                                <td class=\"hc-td\">83<\/td>\n                            <\/tr>\n                            <tr class=\"hc-tr\">\n                                <td class=\"hc-td hc-td-alloy\">2024-T3<\/td>\n                                <td class=\"hc-td hc-td-value\">120<\/td>\n                                <td class=\"hc-td hc-td-value\">75<\/td>\n                                <td class=\"hc-td hc-td-value\">137<\/td>\n                                <td class=\"hc-td\">70<\/td>\n                            <\/tr>\n                            <tr class=\"hc-tr\">\n                                <td class=\"hc-td hc-td-alloy\">5052-H32<\/td>\n                                <td class=\"hc-td hc-td-value\">60<\/td>\n                                <td class=\"hc-td hc-td-value\">41<\/td>\n                                <td class=\"hc-td hc-td-value\">67<\/td>\n                                <td class=\"hc-td\">33<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 4: THERMAL EXPANSION ===================== -->\n        <div class=\"mh-content\" id=\"tab-thermal\">\n            <div class=\"te-layout\">\n                <div class=\"te-card\">\n                    <h3 class=\"te-card-title\">Input Parameters<\/h3>\n                    \n                    <div class=\"te-form-group\">\n                        <label class=\"te-label\">Aluminum Alloy<\/label>\n                        <select class=\"te-select\" id=\"teAlloy\">\n                            <option value=\"23.6\">6061-T6 (23.6 \u00b5m\/m\u00b7\u00b0C)<\/option>\n                            <option value=\"23.4\">6063-T5 (23.4 \u00b5m\/m\u00b7\u00b0C)<\/option>\n                            <option value=\"23.2\">7075-T6 (23.2 \u00b5m\/m\u00b7\u00b0C)<\/option>\n                            <option value=\"22.9\">2024-T3 (22.9 \u00b5m\/m\u00b7\u00b0C)<\/option>\n                            <option value=\"23.8\">5052-H32 (23.8 \u00b5m\/m\u00b7\u00b0C)<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"te-form-group\">\n                        <label class=\"te-label\">Original Length<\/label>\n                        <div class=\"te-input-row\">\n                            <input type=\"number\" class=\"te-input\" id=\"teLength\" value=\"12\" step=\"0.001\">\n                            <div class=\"te-unit-toggle\" id=\"teLengthUnit\">\n                                <button class=\"te-unit-btn active\" data-unit=\"in\">in<\/button>\n                                <button class=\"te-unit-btn\" data-unit=\"mm\">mm<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"te-row-2\">\n                        <div class=\"te-form-group\">\n                            <label class=\"te-label\">Initial Temp (T\u2081)<\/label>\n                            <div class=\"te-input-row\">\n                                <input type=\"number\" class=\"te-input\" id=\"teTemp1\" value=\"68\">\n                                <div class=\"te-unit-toggle\" id=\"teTempUnit\">\n                                    <button class=\"te-unit-btn active\" data-unit=\"f\">\u00b0F<\/button>\n                                    <button class=\"te-unit-btn\" data-unit=\"c\">\u00b0C<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"te-form-group\">\n                            <label class=\"te-label\">Final Temp (T\u2082)<\/label>\n                            <input type=\"number\" class=\"te-input\" id=\"teTemp2\" value=\"150\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"te-results\">\n                    <h3 class=\"te-results-title\">Calculated Results<\/h3>\n                    \n                    <div class=\"te-result-item\">\n                        <div class=\"te-result-label\">Temperature Change (\u0394T)<\/div>\n                        <div class=\"te-result-value\" id=\"teDeltaT\">82 \u00b0F<\/div>\n                        <div class=\"te-result-alt\" id=\"teDeltaTAlt\">(45.6 \u00b0C)<\/div>\n                    <\/div>\n                    \n                    <div class=\"te-result-item\">\n                        <div class=\"te-result-label\">Length Change (\u0394L)<\/div>\n                        <div class=\"te-result-value\" id=\"teDeltaL\">0.0129 in<\/div>\n                        <div class=\"te-result-alt\" id=\"teDeltaLAlt\">(0.328 mm)<\/div>\n                    <\/div>\n                    \n                    <div class=\"te-result-item\">\n                        <div class=\"te-result-label\">New Length<\/div>\n                        <div class=\"te-result-value\" id=\"teNewLength\">12.0129 in<\/div>\n                        <div class=\"te-result-alt\" id=\"teNewLengthAlt\">(305.13 mm)<\/div>\n                    <\/div>\n                    \n                    <div class=\"te-result-item\">\n                        <div class=\"te-result-label\">Expansion Rate<\/div>\n                        <div class=\"te-result-value\" id=\"tePpm\">1,070 ppm<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Footer -->\n        <div class=\"mh-footer\">\n            <div class=\"mh-footer-note\">Data sources: ASTM standards, ASM Handbook Vol. 2, Aluminum Association. For critical applications, verify with material certifications.<\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        (function() {\n            const container = document.getElementById('alu-material-hub-v1');\n            \n            \/\/ ==================== TAB SWITCHING ====================\n            const tabs = container.querySelectorAll('.mh-tab');\n            const contents = container.querySelectorAll('.mh-content');\n            \n            tabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    tabs.forEach(t => t.classList.remove('active'));\n                    contents.forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    const tabId = 'tab-' + this.getAttribute('data-tab');\n                    container.querySelector('#' + tabId).classList.add('active');\n                });\n            });\n            \n            \/\/ ==================== ALLOY SELECTOR ====================\n            const filterBtns = container.querySelectorAll('.as-filter-btn');\n            const alloyCards = container.querySelectorAll('.as-card');\n            \n            filterBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    filterBtns.forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    \n                    const filter = this.getAttribute('data-filter');\n                    alloyCards.forEach(card => {\n                        if (filter === 'all' || card.getAttribute('data-series') === filter) {\n                            card.style.display = '';\n                        } else {\n                            card.style.display = 'none';\n                        }\n                    });\n                });\n            });\n            \n            \/\/ ==================== WEIGHT CALCULATOR ====================\n            let wcProfile = 'rect';\n            const wcProfileBtns = container.querySelectorAll('.wc-profile-btn');\n            \n            wcProfileBtns.forEach(btn => {\n                btn.addEventListener('click', function() {\n                    wcProfileBtns.forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    wcProfile = this.getAttribute('data-profile');\n                    updateWcDimensions();\n                    calcWeight();\n                });\n            });\n            \n            function updateWcDimensions() {\n                const dimContainer = container.querySelector('#wcDimensions');\n                let html = '';\n                \n                switch(wcProfile) {\n                    case 'rect':\n                        html = `\n                            <div class=\"wc-row-2\">\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Width<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcWidth\" value=\"2\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Height<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcHeight\" value=\"1\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `;\n                        break;\n                    case 'round':\n                        html = `\n                            <div class=\"wc-form-group\">\n                                <label class=\"wc-label\">Diameter<\/label>\n                                <div class=\"wc-input-row\">\n                                    <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcDiameter\" value=\"2\" step=\"0.001\">\n                                    <span class=\"wc-unit\">in<\/span>\n                                <\/div>\n                            <\/div>\n                        `;\n                        break;\n                    case 'tube':\n                        html = `\n                            <div class=\"wc-row-2\">\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Outer Diameter<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcOD\" value=\"2\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Wall Thickness<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcWall\" value=\"0.125\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `;\n                        break;\n                    case 'square':\n                        html = `\n                            <div class=\"wc-row-2\">\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Outer Size<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcSize\" value=\"2\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"wc-form-group\">\n                                    <label class=\"wc-label\">Wall Thickness<\/label>\n                                    <div class=\"wc-input-row\">\n                                        <input type=\"number\" class=\"wc-input wc-dim\" id=\"wcSqWall\" value=\"0.125\" step=\"0.001\">\n                                        <span class=\"wc-unit\">in<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        `;\n                        break;\n                }\n                \n                dimContainer.innerHTML = html;\n                \n                \/\/ Re-attach event listeners\n                container.querySelectorAll('.wc-dim').forEach(el => {\n                    el.addEventListener('input', calcWeight);\n                });\n            }\n            \n            function calcWeight() {\n                const density = parseFloat(container.querySelector('#wcAlloy').value);\n                const length = parseFloat(container.querySelector('#wcLength').value) || 0;\n                const qty = parseInt(container.querySelector('#wcQty').value) || 1;\n                \n                let area = 0;\n                \n                switch(wcProfile) {\n                    case 'rect':\n                        const w = parseFloat(container.querySelector('#wcWidth')?.value) || 0;\n                        const h = parseFloat(container.querySelector('#wcHeight')?.value) || 0;\n                        area = w * h;\n                        break;\n                    case 'round':\n                        const d = parseFloat(container.querySelector('#wcDiameter')?.value) || 0;\n                        area = Math.PI * Math.pow(d \/ 2, 2);\n                        break;\n                    case 'tube':\n                        const od = parseFloat(container.querySelector('#wcOD')?.value) || 0;\n                        const wall = parseFloat(container.querySelector('#wcWall')?.value) || 0;\n                        const id = od - 2 * wall;\n                        area = Math.PI * (Math.pow(od \/ 2, 2) - Math.pow(id \/ 2, 2));\n                        break;\n                    case 'square':\n                        const size = parseFloat(container.querySelector('#wcSize')?.value) || 0;\n                        const sqWall = parseFloat(container.querySelector('#wcSqWall')?.value) || 0;\n                        const inner = size - 2 * sqWall;\n                        area = size * size - inner * inner;\n                        break;\n                }\n                \n                const volume = area * length;\n                const weightPiece = volume * density;\n                const weightTotal = weightPiece * qty;\n                const weightKg = weightTotal * 0.453592;\n                const perFoot = (area * 12) * density;\n                \n                container.querySelector('#wcWeightPiece').innerHTML = weightPiece.toFixed(2) + ' <span class=\"wc-result-unit\">lbs<\/span>';\n                container.querySelector('#wcWeightTotal').textContent = weightTotal.toFixed(2) + ' lbs';\n                container.querySelector('#wcWeightKg').textContent = weightKg.toFixed(2) + ' kg';\n                container.querySelector('#wcArea').textContent = area.toFixed(3) + ' in\u00b2';\n                container.querySelector('#wcPerFoot').textContent = perFoot.toFixed(2) + ' lb\/ft';\n            }\n            \n            \/\/ Weight calculator event listeners\n            container.querySelector('#wcAlloy').addEventListener('change', calcWeight);\n            container.querySelector('#wcLength').addEventListener('input', calcWeight);\n            container.querySelector('#wcQty').addEventListener('input', calcWeight);\n            \n            \/\/ Initial weight calculation\n            calcWeight();\n            \n            \/\/ ==================== HARDNESS CONVERTER ====================\n            function calcHardness() {\n                let value = parseFloat(container.querySelector('#hcInputValue').value) || 0;\n                const unit = container.querySelector('#hcInputUnit').value;\n                \n                let hb;\n                switch(unit) {\n                    case 'hb': hb = value; break;\n                    case 'hrb': hb = Math.round((value + 51) \/ 1.17); break;\n                    case 'hv': hb = Math.round(value \/ 1.12); break;\n                }\n                \n                const hrb = hb < 35 ? '-' : Math.round(1.17 * hb - 51);\n                const hv = Math.round(1.12 * hb);\n                const tensile = Math.round(0.47 * hb);\n                \n                container.querySelector('#resultHB').textContent = hb || '-';\n                container.querySelector('#resultHRB').textContent = hrb;\n                container.querySelector('#resultHV').textContent = hv || '-';\n                container.querySelector('#resultTensile').textContent = tensile || '-';\n            }\n            \n            container.querySelector('#hcInputValue').addEventListener('input', calcHardness);\n            container.querySelector('#hcInputUnit').addEventListener('change', calcHardness);\n            calcHardness();\n            \n            \/\/ ==================== THERMAL EXPANSION ====================\n            let teLengthUnit = 'in';\n            let teTempUnit = 'f';\n            \n            container.querySelectorAll('#teLengthUnit .te-unit-btn').forEach(btn => {\n                btn.addEventListener('click', function() {\n                    container.querySelectorAll('#teLengthUnit .te-unit-btn').forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    teLengthUnit = this.getAttribute('data-unit');\n                    calcThermal();\n                });\n            });\n            \n            container.querySelectorAll('#teTempUnit .te-unit-btn').forEach(btn => {\n                btn.addEventListener('click', function() {\n                    container.querySelectorAll('#teTempUnit .te-unit-btn').forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    teTempUnit = this.getAttribute('data-unit');\n                    calcThermal();\n                });\n            });\n            \n            function calcThermal() {\n                const cte = parseFloat(container.querySelector('#teAlloy').value);\n                let length = parseFloat(container.querySelector('#teLength').value) || 0;\n                let temp1 = parseFloat(container.querySelector('#teTemp1').value) || 0;\n                let temp2 = parseFloat(container.querySelector('#teTemp2').value) || 0;\n                \n                let lengthMm = teLengthUnit === 'in' ? length * 25.4 : length;\n                let temp1C = teTempUnit === 'f' ? (temp1 - 32) * 5\/9 : temp1;\n                let temp2C = teTempUnit === 'f' ? (temp2 - 32) * 5\/9 : temp2;\n                \n                const deltaTC = temp2C - temp1C;\n                const deltaTF = deltaTC * 9\/5;\n                const deltaLMm = (lengthMm \/ 1000) * cte * deltaTC;\n                const deltaLIn = deltaLMm \/ 25.4;\n                const newLengthMm = lengthMm + deltaLMm;\n                const newLengthIn = newLengthMm \/ 25.4;\n                const ppm = Math.abs((deltaLMm \/ lengthMm) * 1000000);\n                \n                if (teTempUnit === 'f') {\n                    container.querySelector('#teDeltaT').textContent = deltaTF.toFixed(1) + ' \u00b0F';\n                    container.querySelector('#teDeltaTAlt').textContent = '(' + deltaTC.toFixed(1) + ' \u00b0C)';\n                } else {\n                    container.querySelector('#teDeltaT').textContent = deltaTC.toFixed(1) + ' \u00b0C';\n                    container.querySelector('#teDeltaTAlt').textContent = '(' + deltaTF.toFixed(1) + ' \u00b0F)';\n                }\n                \n                if (teLengthUnit === 'in') {\n                    container.querySelector('#teDeltaL').textContent = Math.abs(deltaLIn).toFixed(4) + ' in';\n                    container.querySelector('#teDeltaLAlt').textContent = '(' + Math.abs(deltaLMm).toFixed(3) + ' mm)';\n                    container.querySelector('#teNewLength').textContent = newLengthIn.toFixed(4) + ' in';\n                    container.querySelector('#teNewLengthAlt').textContent = '(' + newLengthMm.toFixed(2) + ' mm)';\n                } else {\n                    container.querySelector('#teDeltaL').textContent = Math.abs(deltaLMm).toFixed(3) + ' mm';\n                    container.querySelector('#teDeltaLAlt').textContent = '(' + Math.abs(deltaLIn).toFixed(4) + ' in)';\n                    container.querySelector('#teNewLength').textContent = newLengthMm.toFixed(3) + ' mm';\n                    container.querySelector('#teNewLengthAlt').textContent = '(' + newLengthIn.toFixed(4) + ' in)';\n                }\n                \n                container.querySelector('#tePpm').textContent = ppm.toFixed(0).replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \",\") + ' ppm';\n            }\n            \n            container.querySelector('#teAlloy').addEventListener('change', calcThermal);\n            container.querySelector('#teLength').addEventListener('input', calcThermal);\n            container.querySelector('#teTemp1').addEventListener('input', calcThermal);\n            container.querySelector('#teTemp2').addEventListener('input', calcThermal);\n            calcThermal();\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-a8abf08\" data-block-id=\"a8abf08\"><style>.stk-a8abf08 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a8abf08-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b2eeaab\" data-v=\"4\" data-block-id=\"b2eeaab\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b2eeaab-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b2eeaab-inner-blocks\">\n<section id=\"process-light-module\">\n  <style>\n    \/* 1. Scoped Fonts & Core Setup *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800&display=swap');\n\n    #process-light-module {\n      --pl-orange: #FF6018;\n      --pl-dark: #1F2937;\n      --pl-grey-bg: #ffffff;\n      --pl-grey-line: #e5e7eb;\n      --pl-text-body: #666666;\n      \n      font-family: 'Inter', sans-serif !important;\n      background-color: #f9fafb !important; \/* Very light grey background *\/\n      padding: 50px 20px !important;\n      width: 100% !important;\n      box-sizing: border-box !important;\n      overflow: hidden !important;\n    }\n\n    #process-light-module * {\n      box-sizing: border-box !important;\n    }\n\n    \/* Resets *\/\n    #process-light-module h2, \n    #process-light-module h3, \n    #process-light-module p {\n      margin: 0 !important;\n      padding: 0 !important;\n      line-height: 1.5 !important;\n      color: var(--pl-dark) !important;\n    }\n\n    \/* Container *\/\n    #process-light-module .pl-container {\n      max-width: 1100px !important;\n      margin: 0 auto !important;\n    }\n\n    \/* --- Header --- *\/\n    #process-light-module .pl-header {\n      text-align: center !important;\n      margin-bottom: 70px !important;\n      max-width: 800px !important;\n      margin-left: auto !important;\n      margin-right: auto !important;\n    }\n\n    #process-light-module .pl-label {\n      color: var(--pl-orange) !important;\n      font-weight: 700 !important;\n      font-size: 13px !important;\n      letter-spacing: 2px !important;\n      text-transform: uppercase !important;\n      display: inline-block !important;\n      margin-bottom: 15px !important;\n      background: rgba(255, 96, 24, 0.1) !important;\n      padding: 6px 16px !important;\n      border-radius: 50px !important;\n    }\n\n    #process-light-module h2.pl-title {\n      font-size: 40px !important;\n      font-weight: 800 !important;\n      margin-bottom: 20px !important;\n      line-height: 1.2 !important;\n    }\n\n    #process-light-module .pl-subtitle {\n      font-size: 18px !important;\n      color: var(--pl-text-body) !important;\n      font-weight: 300 !important;\n      line-height: 1.6 !important;\n    }\n\n    \/* --- Timeline Structure --- *\/\n    #process-light-module .pl-timeline {\n      position: relative !important;\n      padding: 20px 0 !important;\n    }\n\n    \/* The Central Line *\/\n    #process-light-module .pl-timeline::before {\n      content: '' !important;\n      position: absolute !important;\n      top: 0 !important;\n      bottom: 0 !important;\n      left: 50% !important;\n      width: 2px !important;\n      background: var(--pl-grey-line) !important;\n      transform: translateX(-50%) !important;\n    }\n\n    \/* Timeline Items *\/\n    #process-light-module .pl-item {\n      display: flex !important;\n      justify-content: center !important; \/* Align to center line *\/\n      align-items: center !important;\n      margin-bottom: 60px !important;\n      position: relative !important;\n      width: 100% !important;\n    }\n    \n    #process-light-module .pl-item:last-child {\n      margin-bottom: 0 !important;\n    }\n\n    \/* The Dot on the Line *\/\n    #process-light-module .pl-dot {\n      width: 16px !important;\n      height: 16px !important;\n      background: #fff !important;\n      border: 3px solid var(--pl-grey-line) !important;\n      border-radius: 50% !important;\n      position: absolute !important;\n      left: 50% !important;\n      transform: translateX(-50%) !important;\n      z-index: 2 !important;\n      transition: all 0.3s ease !important;\n    }\n\n    #process-light-module .pl-item:hover .pl-dot {\n      background: var(--pl-orange) !important;\n      border-color: var(--pl-orange) !important;\n      box-shadow: 0 0 0 6px rgba(255, 96, 24, 0.2) !important;\n    }\n\n    \/* Content Card Positioning *\/\n    #process-light-module .pl-card-wrapper {\n      width: 50% !important;\n      display: flex !important;\n      padding: 0 50px !important; \/* Space from center line *\/\n    }\n\n    \/* Alternating Layout *\/\n    \/* Odd Items (Left) *\/\n    #process-light-module .pl-item:nth-child(odd) .pl-card-wrapper {\n      justify-content: flex-end !important;\n      text-align: right !important;\n      margin-right: 50% !important; \/* Push to left side *\/\n    }\n\n    \/* Even Items (Right) *\/\n    #process-light-module .pl-item:nth-child(even) .pl-card-wrapper {\n      justify-content: flex-start !important;\n      text-align: left !important;\n      margin-left: 50% !important; \/* Push to right side *\/\n    }\n\n    \/* Card Style *\/\n    #process-light-module .pl-card {\n      background: #fff !important;\n      padding: 35px !important;\n      border-radius: 8px !important;\n      border: 1px solid #eee !important;\n      box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important;\n      transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n      position: relative !important;\n      max-width: 450px !important;\n      width: 100% !important;\n    }\n\n    #process-light-module .pl-item:hover .pl-card {\n      transform: translateY(-5px) !important;\n      box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;\n      border-color: rgba(255, 96, 24, 0.3) !important;\n    }\n\n    \/* Number Styling *\/\n    #process-light-module .pl-num {\n      font-size: 50px !important;\n      font-weight: 900 !important;\n      color: rgba(0,0,0,0.05) !important; \/* Subtle watermark style *\/\n      position: absolute !important;\n      top: 15px !important;\n      line-height: 1 !important;\n      transition: all 0.3s ease !important;\n    }\n\n    \/* Adjust Number Position based on alignment *\/\n    #process-light-module .pl-item:nth-child(odd) .pl-num { right: 25px !important; }\n    #process-light-module .pl-item:nth-child(even) .pl-num { left: 25px !important; }\n\n    #process-light-module .pl-item:hover .pl-num {\n      color: rgba(255, 96, 24, 0.1) !important;\n    }\n\n    \/* Text Styling *\/\n    #process-light-module h3.pl-card-title {\n      font-size: 20px !important;\n      font-weight: 700 !important;\n      margin-bottom: 12px !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    #process-light-module .pl-card-desc {\n      font-size: 15px !important;\n      color: var(--pl-text-body) !important;\n      line-height: 1.6 !important;\n      position: relative !important;\n      z-index: 1 !important;\n    }\n\n    \/* Connector Line (Horizontal) *\/\n    #process-light-module .pl-connector {\n      position: absolute !important;\n      top: 50% !important;\n      width: 50px !important;\n      height: 1px !important;\n      background: var(--pl-grey-line) !important;\n      display: block !important;\n    }\n\n    #process-light-module .pl-item:nth-child(odd) .pl-connector { right: 0 !important; }\n    #process-light-module .pl-item:nth-child(even) .pl-connector { left: 0 !important; }\n\n\n    \/* --- Responsive (Mobile Stack) --- *\/\n    @media (max-width: 900px) {\n      \/* Shift Line to Left *\/\n      #process-light-module .pl-timeline::before {\n        left: 20px !important;\n      }\n\n      #process-light-module .pl-item {\n        justify-content: flex-start !important;\n        margin-bottom: 40px !important;\n      }\n\n      \/* Adjust Dot Position *\/\n      #process-light-module .pl-dot {\n        left: 20px !important;\n      }\n\n      \/* Reset Layout for Cards *\/\n      #process-light-module .pl-card-wrapper {\n        width: 100% !important;\n        padding: 0 0 0 60px !important; \/* Clear the line *\/\n        margin: 0 !important;\n        text-align: left !important;\n      }\n      \n      #process-light-module .pl-item:nth-child(odd) .pl-card-wrapper,\n      #process-light-module .pl-item:nth-child(even) .pl-card-wrapper {\n        justify-content: flex-start !important;\n        text-align: left !important;\n        margin: 0 !important;\n      }\n\n      #process-light-module .pl-connector {\n        display: none !important; \/* Hide horiz connectors on mobile *\/\n      }\n      \n      #process-light-module .pl-item:nth-child(odd) .pl-num { right: auto !important; left: 25px !important; }\n      \n      #process-light-module h2.pl-title {\n        font-size: 32px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"pl-container\">\n    <div class=\"pl-header\">\n      <span class=\"pl-label\">Our Process<\/span>\n      <h2 class=\"pl-title\">How Our Aluminum Extrusion Machining Process Works<\/h2>\n      <div class=\"pl-subtitle\">Every aluminum extrusion machining project will have quality, communication, and on-time delivery thanks to our streamlined process from initial quote to final delivery.<\/div>\n    <\/div>\n\n    <div class=\"pl-timeline\">\n      \n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">01<\/div>\n            <h3 class=\"pl-card-title\">Submit Your Requirements<\/h3>\n            <p class=\"pl-card-desc\">Submit CAD files (STEP, IGES, DXF) or drawings. Your aluminum extrusion specifications will be reviewed by our engineering team in less than 24 hours.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">02<\/div>\n            <h3 class=\"pl-card-title\">DFM Analysis &#038; Quote<\/h3>\n            <p class=\"pl-card-desc\">Obtain thorough Design for Manufacturability feedback and competitive pricing. We will recommend changes that will lower costs without compromising quality.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">03<\/div>\n            <h3 class=\"pl-card-title\">Engineering &#038; Programming<\/h3>\n            <p class=\"pl-card-desc\">The CAM programmers design optimized toolpaths while the fixture designers develop custom solutions for workholding your aluminum extrusion profiles.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">04<\/div>\n            <h3 class=\"pl-card-title\">Precision Machining<\/h3>\n            <p class=\"pl-card-desc\">CNC equipment of the highest quality is used for your parts, and the in-process inspection maintains the tight tolerances throughout the whole production.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">05<\/div>\n            <h3 class=\"pl-card-title\">Quality Inspection<\/h3>\n            <p class=\"pl-card-desc\">CMM and optical measurement systems are used for 100% dimensional inspection. Complete documentation including first article inspection reports (FAIR).<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pl-item\">\n        <div class=\"pl-dot\"><\/div>\n        <div class=\"pl-card-wrapper\">\n          <div class=\"pl-card\">\n            <span class=\"pl-connector\"><\/span>\n            <div class=\"pl-num\">06<\/div>\n            <h3 class=\"pl-card-title\">Delivery &#038; Support<\/h3>\n            <p class=\"pl-card-desc\">Each part is put in a strong box and marked &#8216;fragile&#8217; to avoid damage. Follow shipment live. Your team is ready to assist with production support.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <script>\n    \/* Safe & Simple Animation Script \n       (Even if this fails, content is visible by default)\n    *\/\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      \/\/ Feature check for IntersectionObserver\n      if ('IntersectionObserver' in window) {\n        const cards = document.querySelectorAll('#process-light-module .pl-card');\n        \n        \/\/ Initial State for Animation (Added via JS to ensure graceful degradation)\n        cards.forEach(card => {\n          card.style.opacity = '0';\n          card.style.transform = 'translateY(20px)';\n        });\n\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.style.opacity = '1';\n              entry.target.style.transform = 'translateY(0)';\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.1 });\n\n        cards.forEach(card => observer.observe(card));\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-a4e65df\" data-block-id=\"a4e65df\"><style>.stk-a4e65df {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a4e65df-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-026d7d3\" data-v=\"4\" data-block-id=\"026d7d3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-026d7d3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-026d7d3-inner-blocks\">\n<!-- \n===========================================\nMODULE C: Tolerance & Surface Finish Center\nCombines: Tolerance Reference, Hole\/Shaft Fit, Surface Finish Converter, Anodizing Guide\nWordPress Gutenberg Compatible - Custom HTML Module\nColor Scheme: #FF6018\n===========================================\n-->\n\n<section id=\"alu-tolerance-center-v1\">\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');\n        \n        \/* Reset & Container *\/\n        #alu-tolerance-center-v1 * {\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n        \n        #alu-tolerance-center-v1 {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n            width: 100% !important;\n            max-width: 100% !important;\n            background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important;\n            padding: 60px 20px !important;\n            color: #1e293b !important;\n            line-height: 1.6 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-container {\n            max-width: 1300px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Header *\/\n        #alu-tolerance-center-v1 .tc-header {\n            text-align: center !important;\n            margin-bottom: 40px !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-badge {\n            display: inline-flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n            background: linear-gradient(135deg, #FF6018, #ff8c4a) !important;\n            color: #ffffff !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 1.5px !important;\n            padding: 10px 24px !important;\n            border-radius: 50px !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: clamp(32px, 5vw, 48px) !important;\n            font-weight: 700 !important;\n            color: #0f172a !important;\n            margin-bottom: 15px !important;\n            line-height: 1.2 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-title-accent {\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-subtitle {\n            font-size: 16px !important;\n            color: #64748b !important;\n            max-width: 700px !important;\n            margin: 0 auto !important;\n        }\n        \n        \/* Main Tabs *\/\n        #alu-tolerance-center-v1 .tc-tabs {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            margin-bottom: 40px !important;\n            flex-wrap: wrap !important;\n            background: #ffffff !important;\n            padding: 8px !important;\n            border-radius: 16px !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-tab {\n            display: flex !important;\n            align-items: center !important;\n            gap: 10px !important;\n            padding: 14px 20px !important;\n            font-family: 'Inter', sans-serif !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #64748b !important;\n            background: transparent !important;\n            border: none !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n            white-space: nowrap !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-tab:hover {\n            color: #FF6018 !important;\n            background: #fff7ed !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-tab.active {\n            color: #ffffff !important;\n            background: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-tab-icon {\n            font-size: 18px !important;\n        }\n        \n        \/* Tab Content *\/\n        #alu-tolerance-center-v1 .tc-content {\n            display: none !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-content.active {\n            display: block !important;\n            animation: tcFadeIn 0.3s ease !important;\n        }\n        \n        @keyframes tcFadeIn {\n            from { opacity: 0; transform: translateY(10px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        \/* Common Card Styles *\/\n        #alu-tolerance-center-v1 .tc-card {\n            background: #ffffff !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-card-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n            margin-bottom: 24px !important;\n            padding-bottom: 12px !important;\n            border-bottom: 2px solid #f1f5f9 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-form-group {\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-label {\n            display: block !important;\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: #374151 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-input {\n            width: 100% !important;\n            padding: 12px 14px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 15px !important;\n            color: #1e293b !important;\n            background: #f8fafc !important;\n            border: 2px solid #e2e8f0 !important;\n            border-radius: 8px !important;\n            outline: none !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-select {\n            width: 100% !important;\n            padding: 12px 14px !important;\n            font-size: 14px !important;\n            color: #1e293b !important;\n            background: #f8fafc !important;\n            border: 2px solid #e2e8f0 !important;\n            border-radius: 8px !important;\n            outline: none !important;\n            cursor: pointer !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-row-2 {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 15px !important;\n        }\n        \n        @media (max-width: 600px) {\n            #alu-tolerance-center-v1 .tc-row-2 {\n                grid-template-columns: 1fr !important;\n            }\n        }\n        \n        \/* ===================== TAB 1: TOLERANCE REFERENCE ===================== *\/\n        #alu-tolerance-center-v1 .tr-subtabs {\n            display: flex !important;\n            justify-content: center !important;\n            gap: 8px !important;\n            margin-bottom: 24px !important;\n            flex-wrap: wrap !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-subtab {\n            padding: 10px 20px !important;\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            color: #64748b !important;\n            background: #f1f5f9 !important;\n            border: none !important;\n            border-radius: 8px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-subtab:hover {\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-subtab.active {\n            background: #FF6018 !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-subcontent {\n            display: none !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-subcontent.active {\n            display: block !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-table-wrapper {\n            overflow-x: auto !important;\n            border-radius: 12px !important;\n            border: 1px solid #e2e8f0 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            min-width: 500px !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-th {\n            padding: 14px 16px !important;\n            text-align: left !important;\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            color: #FF6018 !important;\n            background: #fff7ed !important;\n            border-bottom: 2px solid #fed7aa !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-td {\n            padding: 12px 16px !important;\n            font-size: 13px !important;\n            color: #374151 !important;\n            border-bottom: 1px solid #f1f5f9 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-tr:hover .tr-td {\n            background: #fff7ed !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-td-dim {\n            font-weight: 600 !important;\n            color: #0f172a !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-td-tol {\n            font-family: 'JetBrains Mono', monospace !important;\n            color: #FF6018 !important;\n            font-weight: 600 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tr-note {\n            margin-top: 20px !important;\n            padding: 16px !important;\n            background: #fef3c7 !important;\n            border-left: 4px solid #f59e0b !important;\n            border-radius: 0 8px 8px 0 !important;\n            font-size: 13px !important;\n            color: #92400e !important;\n        }\n        \n        \/* ===================== TAB 2: HOLE & SHAFT FIT ===================== *\/\n        #alu-tolerance-center-v1 .hs-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-tolerance-center-v1 .hs-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-btns {\n            display: flex !important;\n            gap: 10px !important;\n            flex-wrap: wrap !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-btn {\n            flex: 1 !important;\n            min-width: 100px !important;\n            padding: 14px 12px !important;\n            background: #f1f5f9 !important;\n            border: 2px solid transparent !important;\n            border-radius: 10px !important;\n            cursor: pointer !important;\n            text-align: center !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-btn:hover {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-btn.active {\n            background: #fff7ed !important;\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-name {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            color: #374151 !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-code {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 11px !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-results {\n            background: linear-gradient(135deg, #0f172a, #1e293b) !important;\n            border-radius: 16px !important;\n            padding: 30px !important;\n            color: #ffffff !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-results-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-result {\n            background: rgba(255, 96, 24, 0.2) !important;\n            border: 1px solid rgba(255, 96, 24, 0.3) !important;\n            border-radius: 12px !important;\n            padding: 20px !important;\n            text-align: center !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-type {\n            font-size: 12px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.7) !important;\n            margin-bottom: 6px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 28px !important;\n            font-weight: 700 !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-fit-range {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.6) !important;\n            margin-top: 8px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-dim-section {\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-dim-label {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: rgba(255, 255, 255, 0.5) !important;\n            margin-bottom: 10px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-dim-row {\n            display: flex !important;\n            justify-content: space-between !important;\n            padding: 10px 14px !important;\n            background: rgba(255, 255, 255, 0.05) !important;\n            border-radius: 8px !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-dim-name {\n            font-size: 13px !important;\n            color: rgba(255, 255, 255, 0.8) !important;\n        }\n        \n        #alu-tolerance-center-v1 .hs-dim-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #FF6018 !important;\n        }\n        \n        \/* ===================== TAB 3: SURFACE FINISH ===================== *\/\n        #alu-tolerance-center-v1 .sf-layout {\n            display: grid !important;\n            grid-template-columns: 1fr !important;\n            gap: 30px !important;\n        }\n        \n        @media (min-width: 900px) {\n            #alu-tolerance-center-v1 .sf-layout {\n                grid-template-columns: 1fr 1fr !important;\n            }\n        }\n        \n        #alu-tolerance-center-v1 .sf-input-section {\n            display: flex !important;\n            gap: 12px !important;\n            margin-bottom: 24px !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-input {\n            flex: 1 !important;\n            padding: 16px 20px !important;\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 22px !important;\n            font-weight: 600 !important;\n            text-align: center !important;\n            color: #1e293b !important;\n            background: #f8fafc !important;\n            border: 2px solid #e2e8f0 !important;\n            border-radius: 12px !important;\n            outline: none !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-input:focus {\n            border-color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-select {\n            width: 140px !important;\n            padding: 16px 12px !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #ffffff !important;\n            background: #FF6018 !important;\n            border: none !important;\n            border-radius: 12px !important;\n            cursor: pointer !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-results-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr) !important;\n            gap: 15px !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-result-box {\n            background: #f8fafc !important;\n            border: 1px solid #e2e8f0 !important;\n            border-radius: 12px !important;\n            padding: 20px !important;\n            text-align: center !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-result-label {\n            font-size: 11px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: #64748b !important;\n            margin-bottom: 8px !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-result-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 24px !important;\n            font-weight: 600 !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-result-unit {\n            font-size: 12px !important;\n            color: #64748b !important;\n            margin-top: 4px !important;\n        }\n        \n        \/* Finish Guide *\/\n        #alu-tolerance-center-v1 .sf-guide-title {\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-item {\n            display: flex !important;\n            align-items: center !important;\n            gap: 16px !important;\n            padding: 16px !important;\n            background: #f8fafc !important;\n            border-radius: 10px !important;\n            margin-bottom: 10px !important;\n            transition: all 0.2s ease !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-item:hover {\n            background: #fff7ed !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-bar {\n            width: 60px !important;\n            height: 30px !important;\n            border-radius: 4px !important;\n            flex-shrink: 0 !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-info {\n            flex: 1 !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-name {\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-range {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 12px !important;\n            color: #FF6018 !important;\n        }\n        \n        #alu-tolerance-center-v1 .sf-guide-desc {\n            font-size: 12px !important;\n            color: #64748b !important;\n        }\n        \n        \/* ===================== TAB 4: ANODIZING GUIDE ===================== *\/\n        #alu-tolerance-center-v1 .ag-types {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;\n            gap: 20px !important;\n            margin-bottom: 30px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-card {\n            background: #ffffff !important;\n            border: 2px solid #e2e8f0 !important;\n            border-radius: 16px !important;\n            padding: 24px !important;\n            transition: all 0.3s ease !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-card:hover {\n            border-color: #FF6018 !important;\n            box-shadow: 0 8px 30px rgba(255, 96, 24, 0.15) !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-header {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: flex-start !important;\n            margin-bottom: 16px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-name {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 22px !important;\n            font-weight: 700 !important;\n            color: #0f172a !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-badge {\n            padding: 4px 12px !important;\n            font-size: 10px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            border-radius: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-badge-decorative {\n            background: #dbeafe !important;\n            color: #1d4ed8 !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-badge-protective {\n            background: #dcfce7 !important;\n            color: #16a34a !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-badge-hardcoat {\n            background: #fef3c7 !important;\n            color: #d97706 !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-mil {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 12px !important;\n            color: #FF6018 !important;\n            margin-bottom: 12px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-type-desc {\n            font-size: 13px !important;\n            color: #64748b !important;\n            margin-bottom: 16px !important;\n            line-height: 1.6 !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-specs {\n            display: grid !important;\n            grid-template-columns: 1fr 1fr !important;\n            gap: 10px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-spec {\n            background: #f8fafc !important;\n            padding: 12px !important;\n            border-radius: 8px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-spec-label {\n            font-size: 10px !important;\n            font-weight: 600 !important;\n            text-transform: uppercase !important;\n            color: #64748b !important;\n            margin-bottom: 4px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-spec-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n        }\n        \n        \/* Tolerance Impact Table *\/\n        #alu-tolerance-center-v1 .ag-impact {\n            margin-top: 30px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-impact-title {\n            font-family: 'Playfair Display', Georgia, serif !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #0f172a !important;\n            text-align: center !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-impact-note {\n            background: #fef3c7 !important;\n            border-left: 4px solid #f59e0b !important;\n            padding: 16px !important;\n            border-radius: 0 8px 8px 0 !important;\n            font-size: 13px !important;\n            color: #92400e !important;\n            margin-bottom: 20px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-table-wrapper {\n            overflow-x: auto !important;\n            border-radius: 12px !important;\n            border: 1px solid #e2e8f0 !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-table {\n            width: 100% !important;\n            border-collapse: collapse !important;\n            min-width: 500px !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-th {\n            padding: 14px 16px !important;\n            text-align: left !important;\n            font-size: 11px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            color: #FF6018 !important;\n            background: #fff7ed !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-td {\n            padding: 12px 16px !important;\n            font-size: 13px !important;\n            color: #374151 !important;\n            border-bottom: 1px solid #f1f5f9 !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-td-type {\n            font-weight: 600 !important;\n            color: #0f172a !important;\n        }\n        \n        #alu-tolerance-center-v1 .ag-td-value {\n            font-family: 'JetBrains Mono', monospace !important;\n            color: #FF6018 !important;\n        }\n        \n        \/* Footer *\/\n        #alu-tolerance-center-v1 .tc-footer {\n            text-align: center !important;\n            margin-top: 40px !important;\n            padding-top: 30px !important;\n            border-top: 1px solid #e2e8f0 !important;\n        }\n        \n        #alu-tolerance-center-v1 .tc-footer-note {\n            font-size: 13px !important;\n            color: #64748b !important;\n        }\n    <\/style>\n    \n    <div class=\"tc-container\">\n        <!-- Header -->\n        <div class=\"tc-header\">\n            <div class=\"tc-badge\">\ud83d\udcd0 QC Tools<\/div>\n            <h2 class=\"tc-title\">Tolerance &#038; <span class=\"tc-title-accent\">Surface Finish<\/span> Center<\/h2>\n            <p class=\"tc-subtitle\">Comprehensive tolerance standards, ISO fits calculation, surface finish conversion, and anodizing specifications for precision aluminum machining.<\/p>\n        <\/div>\n        \n        <!-- Main Tabs -->\n        <div class=\"tc-tabs\">\n            <button class=\"tc-tab active\" data-tab=\"tolerance\">\n                <span class=\"tc-tab-icon\">\ud83d\udccf<\/span>\n                <span>Tolerance Reference<\/span>\n            <\/button>\n            <button class=\"tc-tab\" data-tab=\"fit\">\n                <span class=\"tc-tab-icon\">\u2699\ufe0f<\/span>\n                <span>Hole &#038; Shaft Fit<\/span>\n            <\/button>\n            <button class=\"tc-tab\" data-tab=\"surface\">\n                <span class=\"tc-tab-icon\">\u2728<\/span>\n                <span>Surface Finish<\/span>\n            <\/button>\n            <button class=\"tc-tab\" data-tab=\"anodize\">\n                <span class=\"tc-tab-icon\">\ud83c\udfa8<\/span>\n                <span>Anodizing Guide<\/span>\n            <\/button>\n        <\/div>\n        \n        <!-- ===================== TAB 1: TOLERANCE REFERENCE ===================== -->\n        <div class=\"tc-content active\" id=\"tab-tolerance\">\n            <div class=\"tr-subtabs\">\n                <button class=\"tr-subtab active\" data-subtab=\"linear\">Linear Dims<\/button>\n                <button class=\"tr-subtab\" data-subtab=\"angular\">Angular<\/button>\n                <button class=\"tr-subtab\" data-subtab=\"flatness\">Flatness<\/button>\n                <button class=\"tr-subtab\" data-subtab=\"wall\">Wall Thickness<\/button>\n            <\/div>\n            \n            <!-- Linear Dimensions -->\n            <div class=\"tr-subcontent active\" id=\"subtab-linear\">\n                <div class=\"tr-table-wrapper\">\n                    <table class=\"tr-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"tr-th\">Nominal Size Range<\/th>\n                                <th class=\"tr-th\">Standard (\u00b1)<\/th>\n                                <th class=\"tr-th\">Precision (\u00b1)<\/th>\n                                <th class=\"tr-th\">High Precision (\u00b1)<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Up to 1.000&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.012&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.005&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.002&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">1.001&#8243; &#8211; 2.000&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.015&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.007&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.003&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">2.001&#8243; &#8211; 4.000&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.020&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.010&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.004&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">4.001&#8243; &#8211; 8.000&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.025&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.012&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.005&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">8.001&#8243; &#8211; 12.000&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.030&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.015&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.006&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n                <div class=\"tr-note\">\n                    <strong>Note:<\/strong> Based on ASTM B221 for aluminum extrusions. Tighter tolerances may require secondary machining operations.\n                <\/div>\n            <\/div>\n            \n            <!-- Angular -->\n            <div class=\"tr-subcontent\" id=\"subtab-angular\">\n                <div class=\"tr-table-wrapper\">\n                    <table class=\"tr-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"tr-th\">Feature<\/th>\n                                <th class=\"tr-th\">Standard<\/th>\n                                <th class=\"tr-th\">Precision<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Angular Tolerance<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b11\u00b0<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.5\u00b0<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Perpendicularity<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b11\u00b0 per inch<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.5\u00b0 per inch<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Parallelism<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.003&#8243; per inch<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.001&#8243; per inch<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <!-- Flatness -->\n            <div class=\"tr-subcontent\" id=\"subtab-flatness\">\n                <div class=\"tr-table-wrapper\">\n                    <table class=\"tr-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"tr-th\">Surface Area<\/th>\n                                <th class=\"tr-th\">Standard<\/th>\n                                <th class=\"tr-th\">Precision<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Up to 4 sq. in.<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.005&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.002&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">4 &#8211; 16 sq. in.<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.008&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.003&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">16 &#8211; 36 sq. in.<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.012&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.005&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Over 36 sq. in.<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.015&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">0.008&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <!-- Wall Thickness -->\n            <div class=\"tr-subcontent\" id=\"subtab-wall\">\n                <div class=\"tr-table-wrapper\">\n                    <table class=\"tr-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"tr-th\">Nominal Wall<\/th>\n                                <th class=\"tr-th\">Tolerance (\u00b1)<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Up to 0.062&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.006&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">0.063&#8243; &#8211; 0.125&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.008&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">0.126&#8243; &#8211; 0.250&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.010&#8243;<\/td>\n                            <\/tr>\n                            <tr class=\"tr-tr\">\n                                <td class=\"tr-td tr-td-dim\">Over 0.250&#8243;<\/td>\n                                <td class=\"tr-td tr-td-tol\">\u00b10.012&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 2: HOLE & SHAFT FIT ===================== -->\n        <div class=\"tc-content\" id=\"tab-fit\">\n            <div class=\"hs-layout\">\n                <div class=\"tc-card\">\n                    <h3 class=\"tc-card-title\">ISO Fit Calculator<\/h3>\n                    \n                    <div class=\"tc-form-group\">\n                        <label class=\"tc-label\">Nominal Diameter (mm)<\/label>\n                        <input type=\"number\" class=\"tc-input\" id=\"hsNominal\" value=\"25\" step=\"0.1\">\n                    <\/div>\n                    \n                    <div class=\"tc-label\">Quick Fit Selection<\/div>\n                    <div class=\"hs-fit-btns\">\n                        <button class=\"hs-fit-btn\" data-fit=\"H7g6\">\n                            <div class=\"hs-fit-name\">Sliding<\/div>\n                            <div class=\"hs-fit-code\">H7\/g6<\/div>\n                        <\/button>\n                        <button class=\"hs-fit-btn active\" data-fit=\"H7h6\">\n                            <div class=\"hs-fit-name\">Location<\/div>\n                            <div class=\"hs-fit-code\">H7\/h6<\/div>\n                        <\/button>\n                        <button class=\"hs-fit-btn\" data-fit=\"H7k6\">\n                            <div class=\"hs-fit-name\">Transition<\/div>\n                            <div class=\"hs-fit-code\">H7\/k6<\/div>\n                        <\/button>\n                        <button class=\"hs-fit-btn\" data-fit=\"H7p6\">\n                            <div class=\"hs-fit-name\">Press<\/div>\n                            <div class=\"hs-fit-code\">H7\/p6<\/div>\n                        <\/button>\n                    <\/div>\n                    \n                    <div class=\"tc-row-2\">\n                        <div class=\"tc-form-group\">\n                            <label class=\"tc-label\">Hole Tolerance<\/label>\n                            <select class=\"tc-select\" id=\"hsHole\">\n                                <option value=\"H6\">H6 (Precision)<\/option>\n                                <option value=\"H7\" selected>H7 (Standard)<\/option>\n                                <option value=\"H8\">H8 (Medium)<\/option>\n                                <option value=\"H9\">H9 (Free)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"tc-form-group\">\n                            <label class=\"tc-label\">Shaft Tolerance<\/label>\n                            <select class=\"tc-select\" id=\"hsShaft\">\n                                <option value=\"g6\">g6 (Sliding)<\/option>\n                                <option value=\"h6\" selected>h6 (Location)<\/option>\n                                <option value=\"k6\">k6 (Transition)<\/option>\n                                <option value=\"n6\">n6 (Light Press)<\/option>\n                                <option value=\"p6\">p6 (Press)<\/option>\n                            <\/select>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"hs-results\">\n                    <h3 class=\"hs-results-title\">Calculated Dimensions<\/h3>\n                    \n                    <div class=\"hs-fit-result\">\n                        <div class=\"hs-fit-type\" id=\"hsFitType\">CLEARANCE FIT<\/div>\n                        <div class=\"hs-fit-value\" id=\"hsFitName\">H7\/h6<\/div>\n                        <div class=\"hs-fit-range\" id=\"hsFitRange\">Clearance: 0 to +0.046 mm<\/div>\n                    <\/div>\n                    \n                    <div class=\"hs-dim-section\">\n                        <div class=\"hs-dim-label\">Hole (H7)<\/div>\n                        <div class=\"hs-dim-row\">\n                            <span class=\"hs-dim-name\">Maximum<\/span>\n                            <span class=\"hs-dim-value\" id=\"hsHoleMax\">25.021 mm<\/span>\n                        <\/div>\n                        <div class=\"hs-dim-row\">\n                            <span class=\"hs-dim-name\">Minimum<\/span>\n                            <span class=\"hs-dim-value\" id=\"hsHoleMin\">25.000 mm<\/span>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"hs-dim-section\">\n                        <div class=\"hs-dim-label\">Shaft (h6)<\/div>\n                        <div class=\"hs-dim-row\">\n                            <span class=\"hs-dim-name\">Maximum<\/span>\n                            <span class=\"hs-dim-value\" id=\"hsShaftMax\">25.000 mm<\/span>\n                        <\/div>\n                        <div class=\"hs-dim-row\">\n                            <span class=\"hs-dim-name\">Minimum<\/span>\n                            <span class=\"hs-dim-value\" id=\"hsShaftMin\">24.987 mm<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 3: SURFACE FINISH ===================== -->\n        <div class=\"tc-content\" id=\"tab-surface\">\n            <div class=\"sf-layout\">\n                <div class=\"tc-card\">\n                    <h3 class=\"tc-card-title\">Surface Finish Converter<\/h3>\n                    \n                    <div class=\"sf-input-section\">\n                        <input type=\"number\" class=\"sf-input\" id=\"sfInputValue\" placeholder=\"63\" value=\"63\">\n                        <select class=\"sf-select\" id=\"sfInputUnit\">\n                            <option value=\"ra_uin\">Ra (\u00b5in)<\/option>\n                            <option value=\"ra_um\">Ra (\u00b5m)<\/option>\n                            <option value=\"rz_um\">Rz (\u00b5m)<\/option>\n                            <option value=\"rms\">RMS (\u00b5in)<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"sf-results-grid\">\n                        <div class=\"sf-result-box\">\n                            <div class=\"sf-result-label\">Ra (Microinch)<\/div>\n                            <div class=\"sf-result-value\" id=\"sfRaUin\">63<\/div>\n                            <div class=\"sf-result-unit\">\u00b5in<\/div>\n                        <\/div>\n                        <div class=\"sf-result-box\">\n                            <div class=\"sf-result-label\">Ra (Micrometer)<\/div>\n                            <div class=\"sf-result-value\" id=\"sfRaUm\">1.6<\/div>\n                            <div class=\"sf-result-unit\">\u00b5m<\/div>\n                        <\/div>\n                        <div class=\"sf-result-box\">\n                            <div class=\"sf-result-label\">Rz (Micrometer)<\/div>\n                            <div class=\"sf-result-value\" id=\"sfRz\">6.3<\/div>\n                            <div class=\"sf-result-unit\">\u00b5m<\/div>\n                        <\/div>\n                        <div class=\"sf-result-box\">\n                            <div class=\"sf-result-label\">RMS (Microinch)<\/div>\n                            <div class=\"sf-result-value\" id=\"sfRms\">70<\/div>\n                            <div class=\"sf-result-unit\">\u00b5in<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"tc-card\">\n                    <h3 class=\"sf-guide-title\">Surface Finish Reference Guide<\/h3>\n                    \n                    <div class=\"sf-guide-item\">\n                        <div class=\"sf-guide-bar\" style=\"background: linear-gradient(90deg, #dc2626, #ef4444);\"><\/div>\n                        <div class=\"sf-guide-info\">\n                            <div class=\"sf-guide-name\">Rough Machining<\/div>\n                            <div class=\"sf-guide-range\">Ra 125-250 \u00b5in (3.2-6.3 \u00b5m)<\/div>\n                            <div class=\"sf-guide-desc\">As-machined, rough turning, milling<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"sf-guide-item\">\n                        <div class=\"sf-guide-bar\" style=\"background: linear-gradient(90deg, #f59e0b, #fbbf24);\"><\/div>\n                        <div class=\"sf-guide-info\">\n                            <div class=\"sf-guide-name\">Standard Finish<\/div>\n                            <div class=\"sf-guide-range\">Ra 63-125 \u00b5in (1.6-3.2 \u00b5m)<\/div>\n                            <div class=\"sf-guide-desc\">General machining, typical CNC finish<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"sf-guide-item\">\n                        <div class=\"sf-guide-bar\" style=\"background: linear-gradient(90deg, #22c55e, #4ade80);\"><\/div>\n                        <div class=\"sf-guide-info\">\n                            <div class=\"sf-guide-name\">Fine Finish<\/div>\n                            <div class=\"sf-guide-range\">Ra 32-63 \u00b5in (0.8-1.6 \u00b5m)<\/div>\n                            <div class=\"sf-guide-desc\">Precision machining, close tolerance<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"sf-guide-item\">\n                        <div class=\"sf-guide-bar\" style=\"background: linear-gradient(90deg, #3b82f6, #60a5fa);\"><\/div>\n                        <div class=\"sf-guide-info\">\n                            <div class=\"sf-guide-name\">Very Fine \/ Ground<\/div>\n                            <div class=\"sf-guide-range\">Ra 8-32 \u00b5in (0.2-0.8 \u00b5m)<\/div>\n                            <div class=\"sf-guide-desc\">Ground surfaces, bearing surfaces<\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"sf-guide-item\">\n                        <div class=\"sf-guide-bar\" style=\"background: linear-gradient(90deg, #a855f7, #c084fc);\"><\/div>\n                        <div class=\"sf-guide-info\">\n                            <div class=\"sf-guide-name\">Mirror \/ Polished<\/div>\n                            <div class=\"sf-guide-range\">Ra 2-8 \u00b5in (0.05-0.2 \u00b5m)<\/div>\n                            <div class=\"sf-guide-desc\">Polished, lapped, optical surfaces<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- ===================== TAB 4: ANODIZING GUIDE ===================== -->\n        <div class=\"tc-content\" id=\"tab-anodize\">\n            <div class=\"ag-types\">\n                <!-- Type I -->\n                <div class=\"ag-type-card\">\n                    <div class=\"ag-type-header\">\n                        <div class=\"ag-type-name\">Type I<\/div>\n                        <span class=\"ag-type-badge ag-badge-decorative\">Decorative<\/span>\n                    <\/div>\n                    <div class=\"ag-type-mil\">MIL-A-8625 Type I &#8211; Chromic Acid<\/div>\n                    <div class=\"ag-type-desc\">Thin coating for applications where fatigue strength is critical. Best for tight tolerance parts requiring minimal dimensional change.<\/div>\n                    <div class=\"ag-specs\">\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Thickness<\/div>\n                            <div class=\"ag-spec-value\">0.02-0.3 mil<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Hardness<\/div>\n                            <div class=\"ag-spec-value\">300-400 HV<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Color<\/div>\n                            <div class=\"ag-spec-value\">Gray<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Penetration<\/div>\n                            <div class=\"ag-spec-value\">~50%<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Type II -->\n                <div class=\"ag-type-card\">\n                    <div class=\"ag-type-header\">\n                        <div class=\"ag-type-name\">Type II<\/div>\n                        <span class=\"ag-type-badge ag-badge-protective\">Standard<\/span>\n                    <\/div>\n                    <div class=\"ag-type-mil\">MIL-A-8625 Type II &#8211; Sulfuric Acid<\/div>\n                    <div class=\"ag-type-desc\">Most common anodizing type. Good corrosion resistance with excellent dyeing capability for colored finishes.<\/div>\n                    <div class=\"ag-specs\">\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Thickness<\/div>\n                            <div class=\"ag-spec-value\">0.1-1.0 mil<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Hardness<\/div>\n                            <div class=\"ag-spec-value\">400-600 HV<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Color<\/div>\n                            <div class=\"ag-spec-value\">Dyeable<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Penetration<\/div>\n                            <div class=\"ag-spec-value\">67% \/ 33%<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Type III -->\n                <div class=\"ag-type-card\">\n                    <div class=\"ag-type-header\">\n                        <div class=\"ag-type-name\">Type III<\/div>\n                        <span class=\"ag-type-badge ag-badge-hardcoat\">Hardcoat<\/span>\n                    <\/div>\n                    <div class=\"ag-type-mil\">MIL-A-8625 Type III &#8211; Hard Anodize<\/div>\n                    <div class=\"ag-type-desc\">Maximum wear resistance and surface hardness. Ideal for high-wear applications but adds significant thickness.<\/div>\n                    <div class=\"ag-specs\">\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Thickness<\/div>\n                            <div class=\"ag-spec-value\">1.0-4.0 mil<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Hardness<\/div>\n                            <div class=\"ag-spec-value\">60-70 HRC<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Color<\/div>\n                            <div class=\"ag-spec-value\">Dark Gray\/Black<\/div>\n                        <\/div>\n                        <div class=\"ag-spec\">\n                            <div class=\"ag-spec-label\">Penetration<\/div>\n                            <div class=\"ag-spec-value\">50% \/ 50%<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Tolerance Impact -->\n            <div class=\"ag-impact\">\n                <h3 class=\"ag-impact-title\">Dimensional Impact on Tolerances<\/h3>\n                <div class=\"ag-impact-note\">\n                    <strong>Important:<\/strong> Anodizing both builds up on the surface AND penetrates into the base material. Account for this when specifying tight tolerances on critical features.\n                <\/div>\n                <div class=\"ag-table-wrapper\">\n                    <table class=\"ag-table\">\n                        <thead>\n                            <tr>\n                                <th class=\"ag-th\">Anodize Type<\/th>\n                                <th class=\"ag-th\">Per Surface Build-up<\/th>\n                                <th class=\"ag-th\">Hole Shrinkage (Dia.)<\/th>\n                                <th class=\"ag-th\">Shaft Growth (Dia.)<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <tr>\n                                <td class=\"ag-td ag-td-type\">Type I (Chromic)<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0001-0.00015&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0002-0.0003&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0002-0.0003&#8243;<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"ag-td ag-td-type\">Type II (Sulfuric)<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0002-0.0008&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0004-0.0016&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.0004-0.0016&#8243;<\/td>\n                            <\/tr>\n                            <tr>\n                                <td class=\"ag-td ag-td-type\">Type III (Hardcoat)<\/td>\n                                <td class=\"ag-td ag-td-value\">0.001-0.002&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.002-0.004&#8243;<\/td>\n                                <td class=\"ag-td ag-td-value\">0.002-0.004&#8243;<\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Footer -->\n        <div class=\"tc-footer\">\n            <div class=\"tc-footer-note\">Data sources: ASTM B221, ISO 286-1\/286-2, ISO 4287, ASME B46.1, MIL-A-8625. For critical applications, verify with current specifications.<\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        (function() {\n            const container = document.getElementById('alu-tolerance-center-v1');\n            \n            \/\/ ==================== MAIN TAB SWITCHING ====================\n            const mainTabs = container.querySelectorAll('.tc-tab');\n            const mainContents = container.querySelectorAll('.tc-content');\n            \n            mainTabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    mainTabs.forEach(t => t.classList.remove('active'));\n                    mainContents.forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    const tabId = 'tab-' + this.getAttribute('data-tab');\n                    container.querySelector('#' + tabId).classList.add('active');\n                });\n            });\n            \n            \/\/ ==================== TOLERANCE SUBTABS ====================\n            const trSubtabs = container.querySelectorAll('.tr-subtab');\n            const trSubcontents = container.querySelectorAll('.tr-subcontent');\n            \n            trSubtabs.forEach(tab => {\n                tab.addEventListener('click', function() {\n                    trSubtabs.forEach(t => t.classList.remove('active'));\n                    trSubcontents.forEach(c => c.classList.remove('active'));\n                    \n                    this.classList.add('active');\n                    const subId = 'subtab-' + this.getAttribute('data-subtab');\n                    container.querySelector('#' + subId).classList.add('active');\n                });\n            });\n            \n            \/\/ ==================== HOLE & SHAFT FIT ====================\n            const toleranceData = {\n                'H6': { '18-30': [13, 0], '30-50': [16, 0], '10-18': [11, 0], '6-10': [9, 0] },\n                'H7': { '18-30': [21, 0], '30-50': [25, 0], '10-18': [18, 0], '6-10': [15, 0] },\n                'H8': { '18-30': [33, 0], '30-50': [39, 0], '10-18': [27, 0], '6-10': [22, 0] },\n                'H9': { '18-30': [52, 0], '30-50': [62, 0], '10-18': [43, 0], '6-10': [36, 0] },\n                'g6': { '18-30': [-7, -20], '30-50': [-9, -25], '10-18': [-6, -17], '6-10': [-5, -14] },\n                'h6': { '18-30': [0, -13], '30-50': [0, -16], '10-18': [0, -11], '6-10': [0, -9] },\n                'k6': { '18-30': [15, 2], '30-50': [18, 2], '10-18': [12, 1], '6-10': [10, 1] },\n                'n6': { '18-30': [28, 15], '30-50': [33, 17], '10-18': [23, 12], '6-10': [19, 10] },\n                'p6': { '18-30': [35, 22], '30-50': [42, 26], '10-18': [29, 18], '6-10': [24, 15] }\n            };\n            \n            function getSizeRange(nominal) {\n                if (nominal > 30) return '30-50';\n                if (nominal > 18) return '18-30';\n                if (nominal > 10) return '10-18';\n                return '6-10';\n            }\n            \n            function calcFit() {\n                const nominal = parseFloat(container.querySelector('#hsNominal').value) || 25;\n                const holeTol = container.querySelector('#hsHole').value;\n                const shaftTol = container.querySelector('#hsShaft').value;\n                \n                const sizeRange = getSizeRange(nominal);\n                const holeDevs = toleranceData[holeTol]?.[sizeRange] || [21, 0];\n                const shaftDevs = toleranceData[shaftTol]?.[sizeRange] || [0, -13];\n                \n                const holeMax = nominal + (holeDevs[0] \/ 1000);\n                const holeMin = nominal + (holeDevs[1] \/ 1000);\n                const shaftMax = nominal + (shaftDevs[0] \/ 1000);\n                const shaftMin = nominal + (shaftDevs[1] \/ 1000);\n                \n                const maxClearance = holeMax - shaftMin;\n                const minClearance = holeMin - shaftMax;\n                \n                let fitType, fitRange;\n                if (minClearance > 0) {\n                    fitType = 'CLEARANCE FIT';\n                    fitRange = 'Clearance: +' + minClearance.toFixed(3) + ' to +' + maxClearance.toFixed(3) + ' mm';\n                } else if (maxClearance < 0) {\n                    fitType = 'INTERFERENCE FIT';\n                    fitRange = 'Interference: ' + maxClearance.toFixed(3) + ' to ' + minClearance.toFixed(3) + ' mm';\n                } else {\n                    fitType = 'TRANSITION FIT';\n                    fitRange = 'Range: ' + minClearance.toFixed(3) + ' to +' + maxClearance.toFixed(3) + ' mm';\n                }\n                \n                container.querySelector('#hsFitType').textContent = fitType;\n                container.querySelector('#hsFitName').textContent = holeTol + '\/' + shaftTol;\n                container.querySelector('#hsFitRange').textContent = fitRange;\n                container.querySelector('#hsHoleMax').textContent = holeMax.toFixed(3) + ' mm';\n                container.querySelector('#hsHoleMin').textContent = holeMin.toFixed(3) + ' mm';\n                container.querySelector('#hsShaftMax').textContent = shaftMax.toFixed(3) + ' mm';\n                container.querySelector('#hsShaftMin').textContent = shaftMin.toFixed(3) + ' mm';\n                \n                \/\/ Update labels\n                container.querySelectorAll('.hs-dim-label')[0].textContent = 'Hole (' + holeTol + ')';\n                container.querySelectorAll('.hs-dim-label')[1].textContent = 'Shaft (' + shaftTol + ')';\n            }\n            \n            \/\/ Fit button handlers\n            container.querySelectorAll('.hs-fit-btn').forEach(btn => {\n                btn.addEventListener('click', function() {\n                    container.querySelectorAll('.hs-fit-btn').forEach(b => b.classList.remove('active'));\n                    this.classList.add('active');\n                    \n                    const fit = this.getAttribute('data-fit');\n                    container.querySelector('#hsHole').value = fit.substring(0, 2);\n                    container.querySelector('#hsShaft').value = fit.substring(2);\n                    calcFit();\n                });\n            });\n            \n            container.querySelector('#hsNominal').addEventListener('input', calcFit);\n            container.querySelector('#hsHole').addEventListener('change', calcFit);\n            container.querySelector('#hsShaft').addEventListener('change', calcFit);\n            calcFit();\n            \n            \/\/ ==================== SURFACE FINISH ====================\n            function calcSurface() {\n                let value = parseFloat(container.querySelector('#sfInputValue').value) || 0;\n                const unit = container.querySelector('#sfInputUnit').value;\n                \n                let raUin;\n                switch(unit) {\n                    case 'ra_uin': raUin = value; break;\n                    case 'ra_um': raUin = value * 39.37; break;\n                    case 'rz_um': raUin = (value \/ 4) * 39.37; break;\n                    case 'rms': raUin = value \/ 1.11; break;\n                }\n                \n                const raUm = raUin \/ 39.37;\n                const rz = raUm * 4;\n                const rms = raUin * 1.11;\n                \n                container.querySelector('#sfRaUin').textContent = Math.round(raUin);\n                container.querySelector('#sfRaUm').textContent = raUm.toFixed(2);\n                container.querySelector('#sfRz').textContent = rz.toFixed(1);\n                container.querySelector('#sfRms').textContent = Math.round(rms);\n            }\n            \n            container.querySelector('#sfInputValue').addEventListener('input', calcSurface);\n            container.querySelector('#sfInputUnit').addEventListener('change', calcSurface);\n            calcSurface();\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-4455d06\" data-block-id=\"4455d06\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-4455d06-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-422f0f3\" data-v=\"4\" data-block-id=\"422f0f3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-422f0f3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-422f0f3-inner-blocks\">\n<section id=\"ind-tab-module\">\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@500;600;700&#038;family=Roboto+Mono:wght@400;500;700&#038;family=Inter:wght@300;400;600&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    :root {\n      \/* Palette Definition *\/\n      --it-bg-dark: #0f1115;       \/* Deepest background *\/\n      --it-panel-bg: #181b21;      \/* Component background *\/\n      --it-panel-border: #2a2e35;  \/* Subtle borders *\/\n      --it-accent: #FF6018;        \/* Brand Orange *\/\n      --it-text-white: #ffffff;    \/* Pure White for strong contrast *\/\n      --it-text-muted: #9ca3af;\n      --it-font-head: 'Rajdhani', sans-serif;\n      --it-font-tech: 'Roboto Mono', monospace;\n      --it-font-body: 'Inter', sans-serif;\n    }\n\n    #ind-tab-module {\n      background-color: var(--it-bg-dark);\n      color: var(--it-text-white);\n      font-family: var(--it-font-body);\n      padding: 80px 20px;\n      \/* Technical Grid Background *\/\n      background-image: \n        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n      background-size: 30px 30px;\n      border-top: 3px solid var(--it-accent);\n      border-bottom: 3px solid var(--it-accent);\n    }\n\n    .it-container {\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n\n    \/* --- Header --- *\/\n    .it-header {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n\n    .it-header h2 {\n      font-family: var(--it-font-head);\n      font-size: 2.5rem;\n      text-transform: uppercase;\n      font-weight: 700;\n      letter-spacing: 2px;\n      margin: 0;\n      color: var(--it-text-white); \/* Ensure main header is white *\/\n    }\n\n    .it-header span {\n      font-family: var(--it-font-tech);\n      color: var(--it-accent);\n      font-size: 0.9rem;\n      letter-spacing: 1px;\n    }\n\n    \/* --- Tab Navigation (Control Panel Style) --- *\/\n    .it-tabs-nav {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      gap: 10px;\n      margin-bottom: 30px;\n      border-bottom: 1px solid var(--it-panel-border);\n      padding-bottom: 20px;\n    }\n\n    .it-tab-btn {\n      background: var(--it-panel-bg);\n      border: 1px solid var(--it-panel-border);\n      color: var(--it-text-muted);\n      padding: 15px 25px;\n      cursor: pointer;\n      font-family: var(--it-font-head);\n      font-weight: 600;\n      text-transform: uppercase;\n      font-size: 1.1rem;\n      transition: all 0.3s ease;\n      position: relative;\n      min-width: 200px;\n      text-align: center;\n    }\n\n    \/* Tab Hover & Active States *\/\n    .it-tab-btn:hover {\n      background: #232730;\n      color: var(--it-text-white);\n    }\n\n    .it-tab-btn.active {\n      background: var(--it-accent);\n      color: var(--it-text-white);\n      border-color: var(--it-accent);\n      box-shadow: 0 0 15px rgba(255, 96, 24, 0.3);\n    }\n\n    \/* Little notch on tab corner *\/\n    .it-tab-btn::after {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      border-width: 0 10px 10px 0;\n      border-style: solid;\n      border-color: var(--it-bg-dark) var(--it-bg-dark) transparent transparent; \n      display: block;\n      width: 0;\n    }\n\n    \/* --- Content Panels --- *\/\n    .it-content-panel {\n      display: none; \/* Hidden by default *\/\n      background: var(--it-panel-bg);\n      border: 1px solid var(--it-panel-border);\n      animation: fadeIn 0.4s ease-in-out;\n      box-shadow: 0 20px 50px rgba(0,0,0,0.5);\n    }\n\n    .it-content-panel.active {\n      display: block;\n    }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(10px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Panel Header *\/\n    .it-panel-header {\n      padding: 25px 30px;\n      border-bottom: 1px solid var(--it-panel-border);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background: rgba(0,0,0,0.2);\n    }\n\n    .it-panel-title h3 {\n      font-family: var(--it-font-head);\n      font-size: 1.8rem;\n      margin: 0;\n      text-transform: uppercase;\n      \/* --- FIX: Changed color to white for contrast --- *\/\n      color: var(--it-text-white); \n    }\n\n    .it-industry-tag {\n      font-family: var(--it-font-tech);\n      font-size: 0.8rem;\n      color: var(--it-accent);\n      border: 1px solid var(--it-accent);\n      padding: 5px 10px;\n      text-transform: uppercase;\n    }\n\n    \/* Grid Layout: Narrative (Left) vs Data (Right) *\/\n    .it-panel-body {\n      display: grid;\n      grid-template-columns: 1.8fr 1.2fr;\n    }\n\n    \/* Left Column *\/\n    .it-col-text {\n      padding: 40px;\n      border-right: 1px solid var(--it-panel-border);\n    }\n\n    .it-section-title {\n      font-family: var(--it-font-head);\n      color: var(--it-accent);\n      font-size: 1.2rem;\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      text-transform: uppercase;\n    }\n    .it-section-title::before {\n      content: '\/\/';\n      margin-right: 8px;\n      font-weight: 700;\n      letter-spacing: -2px;\n    }\n\n    .it-text-p {\n      color: var(--it-text-muted);\n      line-height: 1.6;\n      font-size: 0.95rem;\n      margin-bottom: 25px;\n    }\n\n    .it-list {\n      list-style: none;\n      padding: 0;\n      margin: 0 0 30px 0;\n    }\n    .it-list li {\n      position: relative;\n      padding-left: 20px;\n      margin-bottom: 8px;\n      color: var(--it-text-muted);\n      font-size: 0.9rem;\n    }\n    .it-list li::before {\n      content: '>';\n      color: var(--it-accent);\n      position: absolute;\n      left: 0;\n      font-family: var(--it-font-tech);\n      font-weight: 700;\n    }\n\n    \/* Right Column (Data Center) *\/\n    .it-col-data {\n      padding: 40px;\n      background: rgba(0,0,0,0.2);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    \/* Metrics Table *\/\n    .it-data-table {\n      width: 100%;\n      border-collapse: collapse;\n      font-family: var(--it-font-tech);\n      font-size: 0.85rem;\n      margin-bottom: 30px;\n    }\n    .it-data-table th {\n      text-align: left;\n      color: var(--it-text-muted);\n      border-bottom: 1px solid var(--it-panel-border);\n      padding: 10px 0;\n      text-transform: uppercase;\n    }\n    .it-data-table td {\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(255,255,255,0.05);\n      color: var(--it-text-white);\n    }\n    .it-highlight {\n      color: var(--it-accent);\n      font-weight: 700;\n    }\n\n    \/* Testimonial Box *\/\n    .it-quote {\n      background: rgba(255, 96, 24, 0.08);\n      border-left: 3px solid var(--it-accent);\n      padding: 20px;\n      font-style: italic;\n      color: var(--it-text-muted);\n      font-size: 0.9rem;\n    }\n    .it-quote strong {\n      display: block;\n      margin-top: 10px;\n      font-style: normal;\n      color: var(--it-text-white);\n      font-family: var(--it-font-head);\n      text-transform: uppercase;\n      font-size: 0.8rem;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 900px) {\n      .it-panel-body { grid-template-columns: 1fr; }\n      .it-col-text { border-right: none; border-bottom: 1px solid var(--it-panel-border); padding: 30px; }\n      .it-col-data { padding: 30px; }\n      .it-header h2 { font-size: 2rem; }\n      .it-tab-btn { flex: 1 1 100%; }\n    }\n  <\/style>\n\n  <div class=\"it-container\">\n    <div class=\"it-header\">\n      <h2>Project Case Studies<\/h2>\n      <span>\/\/ Select a project to view technical details<\/span>\n    <\/div>\n\n    <div class=\"it-tabs-nav\">\n      <button class=\"it-tab-btn active\" onclick=\"openTab(event, 'case-1')\">01. EV Battery Tray<\/button>\n      <button class=\"it-tab-btn\" onclick=\"openTab(event, 'case-2')\">02. Aero Wing Spar<\/button>\n      <button class=\"it-tab-btn\" onclick=\"openTab(event, 'case-3')\">03. EV Heat Sink<\/button>\n      <button class=\"it-tab-btn\" onclick=\"openTab(event, 'case-4')\">04. Auto Crash Sys<\/button>\n    <\/div>\n\n    <div id=\"case-1\" class=\"it-content-panel active\">\n      <div class=\"it-panel-header\">\n        <div class=\"it-panel-title\">\n          <h3>EV Battery Tray Machining<\/h3>\n        <\/div>\n        <span class=\"it-industry-tag\">Automotive OEM<\/span>\n      <\/div>\n      <div class=\"it-panel-body\">\n        <div class=\"it-col-text\">\n          <h4 class=\"it-section-title\">The Challenge<\/h4>\n          <p class=\"it-text-p\">Machining large-format 6063-T6 extrusions (2,100mm) with intricate internal cooling channels. Key hurdles included maintaining \u00b10.2mm flatness over the large surface and managing distortion in 1.5mm thin-wall sections.<\/p>\n          \n          <h4 class=\"it-section-title\">Our Solution<\/h4>\n          <ul class=\"it-list\">\n            <li><strong>Fixture:<\/strong> 48-zone vacuum system for uniform clamping.<\/li>\n            <li><strong>Parameters:<\/strong> 18,000 RPM spindle, 70-bar high-pressure coolant.<\/li>\n            <li><strong>Quality:<\/strong> 100% CMM inspection &#038; real-time SPC tracking.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"it-col-data\">\n          <table class=\"it-data-table\">\n            <tr><th>Metric<\/th><th>Achievement<\/th><\/tr>\n            <tr><td>Accuracy<\/td><td class=\"it-highlight\">99.7% (\u00b10.05mm)<\/td><\/tr>\n            <tr><td>Flatness<\/td><td class=\"it-highlight\">\u00b10.15mm (Exceeded Spec)<\/td><\/tr>\n            <tr><td>Scrap Rate<\/td><td class=\"it-highlight\">Reduced to 0.6%<\/td><\/tr>\n            <tr><td>Cycle Time<\/td><td class=\"it-highlight\">18.5 mins (-35%)<\/td><\/tr>\n          <\/table>\n          <div class=\"it-quote\">\n            &#8220;Innovative solutions improved quality and efficiency. Their IATF 16949 certification gave us complete confidence.&#8221;\n            <strong>\u2014 Senior Mfg Engineer, EV OEM<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"case-2\" class=\"it-content-panel\">\n      <div class=\"it-panel-header\">\n        <div class=\"it-panel-title\">\n          <h3>Aerospace Wing Spar<\/h3>\n        <\/div>\n        <span class=\"it-industry-tag\">Aerospace Tier-1<\/span>\n      <\/div>\n      <div class=\"it-panel-body\">\n        <div class=\"it-col-text\">\n          <h4 class=\"it-section-title\">The Challenge<\/h4>\n          <p class=\"it-text-p\">Machining 7075-T6 extrusion components for commercial aircraft wings. Required AS9100D certification, full traceability, and strict control over surface finish on complex 5-axis geometries.<\/p>\n          \n          <h4 class=\"it-section-title\">Our Solution<\/h4>\n          <ul class=\"it-list\">\n            <li><strong>Strategy:<\/strong> 5-Axis spiral toolpaths to manage spindle engagement.<\/li>\n            <li><strong>Tooling:<\/strong> Variable-helix DLC coated carbide to stop vibration.<\/li>\n            <li><strong>Verification:<\/strong> 156-point check per piece with Zeiss Contura CMM.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"it-col-data\">\n          <table class=\"it-data-table\">\n            <tr><th>Standard<\/th><th>Result<\/th><\/tr>\n            <tr><td>FAI Approval<\/td><td class=\"it-highlight\">First Pass Yield<\/td><\/tr>\n            <tr><td>Surface Finish<\/td><td class=\"it-highlight\">Ra 0.65\u03bcm (Spec: 0.8)<\/td><\/tr>\n            <tr><td>Position Tol<\/td><td class=\"it-highlight\">100% within \u00b10.025mm<\/td><\/tr>\n            <tr><td>Quality Escapes<\/td><td class=\"it-highlight\">0 NCRs in 3 Years<\/td><\/tr>\n          <\/table>\n          <div class=\"it-quote\">\n            &#8220;A supplier who understands aerospace aluminum. Their technical capability on 7075 makes them our clear choice.&#8221;\n            <strong>\u2014 Supply Chain Mgr, Aerospace Tier-1<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"case-3\" class=\"it-content-panel\">\n      <div class=\"it-panel-header\">\n        <div class=\"it-panel-title\">\n          <h3>High-Performance Heat Sink<\/h3>\n        <\/div>\n        <span class=\"it-industry-tag\">Power Electronics \/ EV<\/span>\n      <\/div>\n      <div class=\"it-panel-body\">\n        <div class=\"it-col-text\">\n          <h4 class=\"it-section-title\">The Challenge<\/h4>\n          <p class=\"it-text-p\">Developing 350kW charging module heat sinks from 6061-T6. Critical need to protect 42 delicate fins (2mm thick) while achieving 0.05mm base flatness for thermal transfer.<\/p>\n          \n          <h4 class=\"it-section-title\">Our Solution<\/h4>\n          <ul class=\"it-list\">\n            <li><strong>Workholding:<\/strong> Custom soft-jaws with polyurethane inserts.<\/li>\n            <li><strong>Process:<\/strong> Multi-stage stress relief stabilization sequence.<\/li>\n            <li><strong>Finishing:<\/strong> Climb milling with wiper inserts at 20\u00b0C constant temp.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"it-col-data\">\n          <table class=\"it-data-table\">\n            <tr><th>Metric<\/th><th>Outcome<\/th><\/tr>\n            <tr><td>Base Flatness<\/td><td class=\"it-highlight\">0.035mm (Avg)<\/td><\/tr>\n            <tr><td>Fin Damage<\/td><td class=\"it-highlight\">0.2% (Ind Avg: 3-5%)<\/td><\/tr>\n            <tr><td>Thermal Perf<\/td><td class=\"it-highlight\">100% Pass Rate<\/td><\/tr>\n            <tr><td>Lead Time<\/td><td class=\"it-highlight\">Cut to 3 Weeks<\/td><\/tr>\n          <\/table>\n          <div class=\"it-quote\">\n            &#8220;The difference was their understanding of thermal and mechanical dimensions. Consistent thermal performance achieved.&#8221;\n            <strong>\u2014 Hardware Engineering Director<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div id=\"case-4\" class=\"it-content-panel\">\n      <div class=\"it-panel-header\">\n        <div class=\"it-panel-title\">\n          <h3>Auto Crash Management<\/h3>\n        <\/div>\n        <span class=\"it-industry-tag\">Automotive Tier-1<\/span>\n      <\/div>\n      <div class=\"it-panel-body\">\n        <div class=\"it-col-text\">\n          <h4 class=\"it-section-title\">The Challenge<\/h4>\n          <p class=\"it-text-p\">JIT production of 6061-T6 crash boxes. Safety-critical requirements meant zero defects allowed on structural integrity while maintaining high volume (800 sets\/week).<\/p>\n          \n          <h4 class=\"it-section-title\">Our Solution<\/h4>\n          <ul class=\"it-list\">\n            <li><strong>Automation:<\/strong> 4-machine robotic cell with auto pallet changers.<\/li>\n            <li><strong>Safety:<\/strong> In-process probing &#038; tool wear monitoring.<\/li>\n            <li><strong>Logistics:<\/strong> VMI program integrated with client MRP.<\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"it-col-data\">\n          <table class=\"it-data-table\">\n            <tr><th>Metric<\/th><th>Outcome<\/th><\/tr>\n            <tr><td>Crash Test<\/td><td class=\"it-highlight\">100% Success<\/td><\/tr>\n            <tr><td>Delivery<\/td><td class=\"it-highlight\">99.8% On-Time<\/td><\/tr>\n            <tr><td>Quality (PPM)<\/td><td class=\"it-highlight\">12 PPM (Target <50)<\/td><\/tr>\n            <tr><td>Volume<\/td><td class=\"it-highlight\">165k Sets \/ 4 Yrs<\/td><\/tr>\n          <\/table>\n          <div class=\"it-quote\">\n            &#8220;With components that protect occupants, trust is critical. Their expertise is why they are our top NA supplier.&#8221;\n            <strong>\u2014 Global Purchasing Director<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    function openTab(evt, caseName) {\n      var i, tabcontent, tablinks;\n      \n      \/\/ Hide all content panels\n      tabcontent = document.getElementsByClassName(\"it-content-panel\");\n      for (i = 0; i < tabcontent.length; i++) {\n        tabcontent[i].style.display = \"none\";\n        tabcontent[i].classList.remove(\"active\");\n      }\n      \n      \/\/ Deactivate all buttons\n      tablinks = document.getElementsByClassName(\"it-tab-btn\");\n      for (i = 0; i < tablinks.length; i++) {\n        tablinks[i].className = tablinks[i].className.replace(\" active\", \"\");\n      }\n      \n      \/\/ Show specific panel and activate button\n      document.getElementById(caseName).style.display = \"block\";\n      \/\/ Small timeout to allow display:block to render before adding opacity class for animation\n      setTimeout(() => {\n        document.getElementById(caseName).classList.add(\"active\");\n      }, 10);\n      \n      evt.currentTarget.className += \" active\";\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-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\">Aluminum Extrusion Machining 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 is the working process of the machining of aluminum extrusion on a CNC machine?<\/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\">Aluminum extrusion machining process primary comes from a profile that has been extruded to the exact cross-section shape. The extrusion parts are marked and cut with the help of a fixture on CNC or a machining center. After that, the pieces are machined by means of milling, drilling, sawing, or turning. Additionally, the computer numerical control (CNC) system controls the operation of high-speed mills and cutters to achieve accuracy and meet tight tolerances. Finished parts undergo secondary operations, such as surface finishing and coating, to prepare them for assembly, with deburring or anodizing used as necessary.<\/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-fd79b09 is-style-shadow\" data-block-id=\"fd79b09\"><style>.stk-fd79b09 {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-24f6d0f stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"24f6d0f\"><style>.stk-24f6d0f-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-24f6d0f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-24f6d0f-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-928c95f\" data-block-id=\"928c95f\"><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-bd40081\" id=\"question-1-placeholder\" data-block-id=\"bd40081\"><style>.stk-bd40081 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-bd40081 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What are the benefits of applying an extrusion machining center for custom aluminum profiles?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-dd6d95b\" data-block-id=\"dd6d95b\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-dd6d95b\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dd-6-d-95-b-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dd-6-d-95-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-dd6d95b\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dd-6-d-95-b-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-dd-6-d-95-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-cb0cffb stk-block-accordion__content\" data-v=\"4\" data-block-id=\"cb0cffb\"><style>.stk-cb0cffb-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-cb0cffb-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cb0cffb-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-181cffc\" data-block-id=\"181cffc\"><p class=\"stk-block-text__text\">Using an extrusion machining center means precision processing of the most complex geometries and top aluminum parts. It allows custom aluminum profiles to be made to exact measurements; it does not require assembly because the ready-to-install extrusion parts are preassembled, thereby improving manufacturability. The use of CNC technology, along with dedicated tooling, leads to less time taken for setup, and this makes it possible to produce custom aluminum profiles at a lower cost and with more consistent repeatability and precision.<\/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-eb6ae87 is-style-shadow\" data-block-id=\"eb6ae87\"><style>.stk-eb6ae87 {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-a9d2cfd stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"a9d2cfd\"><style>.stk-a9d2cfd-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-a9d2cfd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-a9d2cfd-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-5146471\" data-block-id=\"5146471\"><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-66c4ba8\" id=\"question-1-placeholder\" data-block-id=\"66c4ba8\"><style>.stk-66c4ba8 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-66c4ba8 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Can cnc machines perform high precision machining of extruded aluminum for aerospace purposes?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-b5ee8a3\" data-block-id=\"b5ee8a3\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-b5ee8a3\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-5-ee-8-a-3-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-5-ee-8-a-3-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-b5ee8a3\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-5-ee-8-a-3-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-5-ee-8-a-3-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-2fadce5 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"2fadce5\"><style>.stk-2fadce5-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-2fadce5-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2fadce5-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-dc098b0\" data-block-id=\"dc098b0\"><p class=\"stk-block-text__text\">Absolutely, machining centers and CNC machines can deliver the required precision for aerospace and other demanding industries. A manufacturer can mill aluminum alloys such as 6061 or even tougher 7000 series with precision and no deformation by using the correct tools, jigs, and tight process control systems. Lubrication, tool selection, and process parameters determine whether the surface finish and corrosion resistance meet aerospace standards.<\/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-1f8a81b is-style-shadow\" data-block-id=\"1f8a81b\"><style>.stk-1f8a81b {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-d15a3b2 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"d15a3b2\"><style>.stk-d15a3b2-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-d15a3b2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d15a3b2-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-b6f3477\" data-block-id=\"b6f3477\"><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-204839f\" id=\"question-1-placeholder\" data-block-id=\"204839f\"><style>.stk-204839f .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-204839f .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Which machining operations are done frequently on extruded aluminum profiles?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-6ae0a79\" data-block-id=\"6ae0a79\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-6ae0a79\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-6-ae-0-a-79-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-6-ae-0-a-79-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-6ae0a79\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-6-ae-0-a-79-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-6-ae-0-a-79-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-384631f stk-block-accordion__content\" data-v=\"4\" data-block-id=\"384631f\"><style>.stk-384631f-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-384631f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-384631f-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-7ebae59\" data-block-id=\"7ebae59\"><p class=\"stk-block-text__text\">The most typical machining operations are milling, drilling, tapping, sawing, turning, and deburring. Horizontal machining and rotary operations on machining centers are often used to produce complex forms and specific cross-sectional profiles. The secondary processes, like cutting-to-length with saws, anodizing, or powder coating, complete the workflow. These processing steps allow the fabrication of extrusion parts with tight tolerances and desired surface finishes.<\/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-50b31bf is-style-shadow\" data-block-id=\"50b31bf\"><style>.stk-50b31bf {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-c76241d stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"c76241d\"><style>.stk-c76241d-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-c76241d-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c76241d-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-a76a3e8\" data-block-id=\"a76a3e8\"><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-27cb88f\" id=\"question-1-placeholder\" data-block-id=\"27cb88f\"><style>.stk-27cb88f .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-27cb88f .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">How do manufacturability and material selection influence machining of aluminum extrusion?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-4baac84\" data-block-id=\"4baac84\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-4baac84\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-baac-84-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-baac-84-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-4baac84\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-baac-84-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-4-baac-84-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-4f20653 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"4f20653\"><style>.stk-4f20653-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-4f20653-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-4f20653-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-78b1606\" data-block-id=\"78b1606\"><p class=\"stk-block-text__text\">The manufacturability of parts depends on the extrusion process, the alloy selected, and the design of the cross-sectional profiles. For instance, alloys such as 6061 have a higher ease of machining and also possess good properties like corrosion resistance and recyclability, though the 7000 series alloys provide better strength-to-weight ratio, albeit with the requirement of specific tooling. It is crucial for designers to be aware of wall thickness, support for work-holding, and the allowances for machining in order to not have the parts deform and also to be able to produce high-quality aluminum parts in the most cost-effective way.<\/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-450c3f8 is-style-shadow\" data-block-id=\"450c3f8\"><style>.stk-450c3f8 {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-c5ff9be stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"c5ff9be\"><style>.stk-c5ff9be-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-c5ff9be-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c5ff9be-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-9bd0380\" data-block-id=\"9bd0380\"><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-bde93f9\" id=\"question-1-placeholder\" data-block-id=\"bde93f9\"><style>.stk-bde93f9 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-bde93f9 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Which quality control and precision machining practices assure precision in dimensions of extrusion parts?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-0cf4e87\" data-block-id=\"0cf4e87\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-0cf4e87\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-0-cf-4-e-87-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-0-cf-4-e-87-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-0cf4e87\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-0-cf-4-e-87-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-0-cf-4-e-87-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-752bc97 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"752bc97\"><style>.stk-752bc97-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-752bc97-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-752bc97-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-de49260\" data-block-id=\"de49260\"><p class=\"stk-block-text__text\">Quality supervision encompasses inspections of the first article, in-process measurements, and final dimensional checks using calibrated instruments. Tools and machine settings involve a high-performance CNC program, machine tools, proper fixture deployment, and tool management to maintain tight tolerances. The process guarantees the same end result every time by regulating cutting speeds, feeds, lubrication, and thermal effects on the aluminum extrusion profile.<\/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-fba6e7a is-style-shadow\" data-block-id=\"fba6e7a\"><style>.stk-fba6e7a {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-b1ed7b0 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"b1ed7b0\"><style>.stk-b1ed7b0-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-b1ed7b0-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b1ed7b0-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-e401ee8\" data-block-id=\"e401ee8\"><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-1015c1b\" id=\"question-1-placeholder\" data-block-id=\"1015c1b\"><style>.stk-1015c1b .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-1015c1b .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">What are the ways to ensure surface finishing and corrosion resistance in aluminum extrusion profiles post-machining?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-01f72b6\" data-block-id=\"01f72b6\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-01f72b6\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01-f-72-b-6-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01-f-72-b-6-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-01f72b6\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01-f-72-b-6-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-01-f-72-b-6-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-b625324 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"b625324\"><style>.stk-b625324-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-b625324-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b625324-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-3347a76\" data-block-id=\"3347a76\"><p class=\"stk-block-text__text\">Surface finishing methods such as anodizing, powder coating, and polishing improve appearance and increase surface durability after machining. Anodizing not only makes the metal more corrosion-resistant but also enhances its wear resistance, while powder coatings not only protect the base metal but also provide it color. Proper cleaning, deburring, and pretreatment of machined aluminum surfaces are necessary to achieve strong adhesion and durable finishes, particularly for outdoor or marine applications.<\/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-fefca6e is-style-shadow\" data-block-id=\"fefca6e\"><style>.stk-fefca6e {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-5212595 stk--container-small stk-block-accordion__heading\" data-v=\"4\" data-block-id=\"5212595\"><style>.stk-5212595-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-5212595-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-5212595-inner-blocks\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-9381842\" data-block-id=\"9381842\"><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-f6e1f67\" id=\"question-1-placeholder\" data-block-id=\"f6e1f67\"><style>.stk-f6e1f67 .stk-block-heading__text{font-size:20px !important;text-transform:capitalize !important;}@media screen and (max-width:999px){.stk-f6e1f67 .stk-block-heading__text{font-size:20px !important;}}<\/style><h3 class=\"stk-block-heading__text\">Which factors determine if machining of extruded aluminum parts is cost-effective?<\/h3><\/div>\n\n\n\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-68aecd2\" data-block-id=\"68aecd2\"><span class=\"stk--svg-wrapper stk--has-icon2\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-68aecd2\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-68-aecd-2-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-68-aecd-2-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-68aecd2\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-68-aecd-2-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-68-aecd-2-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-d543408 stk-block-accordion__content\" data-v=\"4\" data-block-id=\"d543408\"><style>.stk-d543408-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-d543408-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d543408-inner-blocks\">\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-5accdf6\" data-block-id=\"5accdf6\"><p class=\"stk-block-text__text\">Extrusion profile design, the selection of the alloy, and the complexity of machining operations affect the costs of the parts significantly along with the time taken for setting up CNC machines and the batch size. The use of standard cross-sectional profiles and optimized tooling cuts down on the cycle time. Proper setup for fixtures and work-holding, the use of high-speed machining centers, and the elimination of secondary operations such as excessive deburring contributes to reducing unit costs while at the same time maintaining very high precision and manufacturability.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/details>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Our Services Full-Scale Aluminum Extrusion Machining Services We handle everything from prototyping to mass production and offer precision machined aluminum extrusion parts capable of fulfilling the strictest requirements. 25+ Years Experience \u00b1.001&#8243; Tolerance 5,000+ Projects Completed 98.5% On-Time Delivery 2-4 Wks Lead Time CNC Milling Offering high-precision 3, 4, and 5-axis CNC milling for intricate [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2819,"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}@media (max-width:991.98px){#gspb_row-id-gsbp-7edf5ee{background-color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #040404))}}@media (max-width:767.98px){#gspb_row-id-gsbp-7edf5ee{background-color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #040404))}}@media (max-width:575.98px){#gspb_row-id-gsbp-7edf5ee{background-color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #040404))}}#gspb_row-id-gsbp-7edf5ee{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}@media (max-width:991.98px){#gspb_heading-id-gsbp-d37f723{font-weight:800!important}}@media (max-width:767.98px){#gspb_heading-id-gsbp-d37f723{font-weight:800!important}}@media (max-width:575.98px){#gspb_heading-id-gsbp-d37f723{font-weight:800!important}}#gspb_heading-id-gsbp-d37f723{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:48% 52%}@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\/2026\/06\/3-8.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-2813","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/pages\/2813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/comments?post=2813"}],"version-history":[{"count":0,"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/pages\/2813\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/pages\/739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/media\/2819"}],"wp:attachment":[{"href":"https:\/\/le-creator.com\/es\/wp-json\/wp\/v2\/media?parent=2813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}