{"id":40,"date":"2026-03-20T17:54:37","date_gmt":"2026-03-20T17:54:37","guid":{"rendered":"http:\/\/matatlas.org\/?page_id=40"},"modified":"2026-03-20T17:55:57","modified_gmt":"2026-03-20T17:55:57","slug":"home","status":"publish","type":"page","link":"https:\/\/matatlas.org\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MatAtlas | Professional Engineering Interpretation Services<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --orange: #E8630A;\r\n    --orange-light: #FF8534;\r\n    --orange-pale: #FFF0E6;\r\n    --navy: #0D1B2A;\r\n    --navy-mid: #1A2E44;\r\n    --navy-light: #243B55;\r\n    --gray: #8A9BB0;\r\n    --gray-light: #E8EDF3;\r\n    --white: #FFFFFF;\r\n    --text: #1A2E44;\r\n    --font-head: 'Syne', sans-serif;\r\n    --font-body: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    font-family: var(--font-body);\r\n    color: var(--text);\r\n    background: var(--white);\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  \/* ===== NAV ===== *\/\r\n  nav {\r\n    position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\r\n    background: var(--navy);\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 0 40px;\r\n    height: 68px;\r\n    box-shadow: 0 2px 24px rgba(0,0,0,0.25);\r\n  }\r\n\r\n  .logo {\r\n    display: flex; align-items: center; gap: 12px;\r\n    text-decoration: none;\r\n  }\r\n  .logo-icon {\r\n    width: 42px; height: 42px; background: var(--orange);\r\n    border-radius: 8px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: var(--font-head); font-weight: 800; font-size: 18px; color: #fff;\r\n    letter-spacing: -1px;\r\n  }\r\n  .logo-text {\r\n    font-family: var(--font-head); font-weight: 700; font-size: 20px;\r\n    color: var(--white); letter-spacing: 0.5px;\r\n  }\r\n  .logo-text span { color: var(--orange-light); }\r\n\r\n  .nav-links {\r\n    display: flex; align-items: center; gap: 4px; list-style: none;\r\n  }\r\n  .nav-links a {\r\n    color: #B8C8D8; font-size: 13.5px; font-weight: 500;\r\n    text-decoration: none; padding: 6px 13px; border-radius: 6px;\r\n    transition: all 0.2s; letter-spacing: 0.2px;\r\n  }\r\n  .nav-links a:hover { color: var(--white); background: rgba(255,255,255,0.07); }\r\n  .nav-links a.active { color: var(--orange-light); }\r\n\r\n  .nav-cta {\r\n    background: var(--orange); color: #fff !important;\r\n    border-radius: 6px; padding: 8px 16px !important; font-weight: 600 !important;\r\n  }\r\n  .nav-cta:hover { background: var(--orange-light) !important; }\r\n\r\n  \/* ===== HERO ===== *\/\r\n  #home {\r\n    min-height: 100vh;\r\n    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 60%, #1C3A5A 100%);\r\n    display: flex; align-items: center;\r\n    padding: 100px 80px 60px;\r\n    position: relative; overflow: hidden;\r\n  }\r\n  #home::before {\r\n    content: '';\r\n    position: absolute; top: -120px; right: -120px;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(232,99,10,0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  #home::after {\r\n    content: '';\r\n    position: absolute; bottom: -80px; left: 20%;\r\n    width: 400px; height: 400px;\r\n    background: radial-gradient(circle, rgba(232,99,10,0.08) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  .hero-content { max-width: 700px; position: relative; z-index: 2; }\r\n  .hero-badge {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: rgba(232,99,10,0.15); border: 1px solid rgba(232,99,10,0.35);\r\n    color: var(--orange-light); padding: 6px 14px; border-radius: 100px;\r\n    font-size: 12.5px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase;\r\n    margin-bottom: 28px;\r\n  }\r\n  .hero-badge::before { content: '\u25cf'; font-size: 8px; animation: blink 2s infinite; }\r\n  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0.3} }\r\n\r\n  h1 {\r\n    font-family: var(--font-head); font-weight: 800;\r\n    font-size: clamp(38px, 5vw, 60px); line-height: 1.05;\r\n    color: var(--white); margin-bottom: 20px;\r\n  }\r\n  h1 span { color: var(--orange-light); }\r\n\r\n  .hero-sub {\r\n    font-size: 17px; color: #90A8BF; line-height: 1.7;\r\n    max-width: 560px; margin-bottom: 40px; font-weight: 300;\r\n  }\r\n  .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }\r\n  .btn-primary {\r\n    background: var(--orange); color: #fff; border: none;\r\n    padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 600;\r\n    cursor: pointer; font-family: var(--font-body); text-decoration: none;\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    transition: all 0.2s; letter-spacing: 0.2px;\r\n  }\r\n  .btn-primary:hover { background: var(--orange-light); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(232,99,10,0.35); }\r\n  .btn-secondary {\r\n    background: transparent; color: #90A8BF; border: 1.5px solid rgba(144,168,191,0.35);\r\n    padding: 14px 28px; border-radius: 8px; font-size: 15px; font-weight: 500;\r\n    cursor: pointer; font-family: var(--font-body); text-decoration: none;\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    transition: all 0.2s;\r\n  }\r\n  .btn-secondary:hover { color: #fff; border-color: rgba(255,255,255,0.4); }\r\n\r\n  .hero-stats {\r\n    margin-top: 60px; display: flex; gap: 48px;\r\n  }\r\n  .stat { }\r\n  .stat-num {\r\n    font-family: var(--font-head); font-weight: 800; font-size: 32px;\r\n    color: var(--orange-light);\r\n  }\r\n  .stat-label { font-size: 13px; color: #7090A8; font-weight: 400; margin-top: 2px; }\r\n\r\n  \/* ===== NDA BANNER ===== *\/\r\n  .nda-banner {\r\n    background: linear-gradient(90deg, var(--navy-light), var(--navy-mid));\r\n    border-top: 3px solid var(--orange);\r\n    padding: 18px 80px;\r\n    display: flex; align-items: center; gap: 16px;\r\n    color: #B8C8D8; font-size: 14px;\r\n  }\r\n  .nda-icon { font-size: 22px; }\r\n  .nda-banner strong { color: var(--orange-light); }\r\n\r\n  \/* ===== SECTIONS ===== *\/\r\n  section { scroll-margin-top: 68px; }\r\n\r\n  .section-light { background: var(--white); }\r\n  .section-alt { background: #F4F7FA; }\r\n  .section-dark { background: var(--navy); color: var(--white); }\r\n\r\n  .container { max-width: 1140px; margin: 0 auto; padding: 80px 40px; }\r\n\r\n  .section-label {\r\n    font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--orange); margin-bottom: 10px;\r\n  }\r\n  h2 {\r\n    font-family: var(--font-head); font-weight: 800;\r\n    font-size: clamp(28px, 3.5vw, 42px); line-height: 1.1;\r\n    color: var(--navy); margin-bottom: 16px;\r\n  }\r\n  .section-dark h2 { color: var(--white); }\r\n  .section-intro {\r\n    font-size: 16px; color: var(--gray); line-height: 1.7; max-width: 620px;\r\n    margin-bottom: 48px; font-weight: 300;\r\n  }\r\n  .section-dark .section-intro { color: #90A8BF; }\r\n\r\n  \/* ===== ABOUT ===== *\/\r\n  .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n  .about-visual {\r\n    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);\r\n    border-radius: 16px; padding: 48px 40px;\r\n    border: 1px solid rgba(232,99,10,0.2);\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .about-visual::before {\r\n    content: '';\r\n    position: absolute; top: -60px; right: -60px;\r\n    width: 200px; height: 200px;\r\n    background: radial-gradient(circle, rgba(232,99,10,0.2) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  .about-visual-title {\r\n    font-family: var(--font-head); font-weight: 800; font-size: 22px;\r\n    color: var(--white); margin-bottom: 24px; position: relative; z-index: 2;\r\n  }\r\n  .pillar {\r\n    display: flex; align-items: flex-start; gap: 14px;\r\n    margin-bottom: 20px; position: relative; z-index: 2;\r\n  }\r\n  .pillar-icon {\r\n    width: 38px; height: 38px; background: rgba(232,99,10,0.15);\r\n    border: 1px solid rgba(232,99,10,0.3); border-radius: 8px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 18px; flex-shrink: 0;\r\n  }\r\n  .pillar-text h4 { color: var(--orange-light); font-size: 13.5px; font-weight: 600; margin-bottom: 4px; }\r\n  .pillar-text p { color: #7090A8; font-size: 13px; line-height: 1.5; font-weight: 300; }\r\n\r\n  .mission-block { }\r\n  .mission-block h2 { margin-bottom: 20px; }\r\n  .mission-block p { font-size: 15.5px; color: #4A6070; line-height: 1.75; margin-bottom: 16px; font-weight: 300; }\r\n  .tag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }\r\n  .tag {\r\n    background: var(--orange-pale); color: var(--orange);\r\n    border: 1px solid rgba(232,99,10,0.2);\r\n    padding: 5px 12px; border-radius: 100px; font-size: 13px; font-weight: 500;\r\n  }\r\n\r\n  \/* ===== SERVICES HEADER ===== *\/\r\n  .services-header { text-align: center; margin-bottom: 56px; }\r\n  .services-header h2 { color: var(--navy); }\r\n\r\n  \/* ===== SERVICE CARD ===== *\/\r\n  .service-section { margin-bottom: 80px; }\r\n  .service-section:last-child { margin-bottom: 0; }\r\n\r\n  .service-header-row {\r\n    display: flex; align-items: center; gap: 18px; margin-bottom: 28px;\r\n  }\r\n  .service-num {\r\n    width: 48px; height: 48px; background: var(--orange);\r\n    border-radius: 10px; display: flex; align-items: center; justify-content: center;\r\n    font-family: var(--font-head); font-weight: 800; font-size: 18px; color: #fff;\r\n    flex-shrink: 0;\r\n  }\r\n  .service-title-block h3 {\r\n    font-family: var(--font-head); font-weight: 700; font-size: 22px; color: var(--navy);\r\n  }\r\n  .service-title-block p { font-size: 14px; color: var(--gray); margin-top: 2px; }\r\n\r\n  \/* ===== SERVICE 1: CHARACTERIZATION ===== *\/\r\n  .char-intro { font-size: 15px; color: #4A6070; line-height: 1.7; margin-bottom: 32px; font-weight: 300; }\r\n\r\n  .pricing-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 40px; }\r\n  .price-card {\r\n    border: 1.5px solid var(--gray-light); border-radius: 12px; padding: 24px 20px;\r\n    transition: all 0.2s; position: relative; overflow: hidden;\r\n  }\r\n  .price-card:hover { border-color: var(--orange); box-shadow: 0 4px 24px rgba(232,99,10,0.12); }\r\n  .price-card.featured {\r\n    background: var(--navy); border-color: var(--orange);\r\n    color: var(--white);\r\n  }\r\n  .price-card.featured::before {\r\n    content: 'MOST POPULAR';\r\n    position: absolute; top: 12px; right: -24px;\r\n    background: var(--orange); color: #fff;\r\n    font-size: 9px; font-weight: 700; letter-spacing: 1px;\r\n    padding: 4px 32px; transform: rotate(35deg);\r\n  }\r\n  .price-tier { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--orange); margin-bottom: 8px; }\r\n  .price-amount {\r\n    font-family: var(--font-head); font-weight: 800; font-size: 28px; color: var(--navy);\r\n    margin-bottom: 4px;\r\n  }\r\n  .price-card.featured .price-amount { color: var(--white); }\r\n  .price-unit { font-size: 12px; color: var(--gray); margin-bottom: 16px; }\r\n  .price-card.featured .price-unit { color: #90A8BF; }\r\n  .price-features { list-style: none; }\r\n  .price-features li {\r\n    font-size: 13px; color: #4A6070; padding: 4px 0;\r\n    display: flex; gap: 8px; align-items: flex-start; line-height: 1.4;\r\n  }\r\n  .price-card.featured .price-features li { color: #90A8BF; }\r\n  .price-features li::before { content: '\u2713'; color: var(--orange); font-weight: 700; flex-shrink: 0; }\r\n\r\n  \/* Characterization list *\/\r\n  .char-categories { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }\r\n  .char-category {\r\n    background: var(--white); border: 1.5px solid var(--gray-light);\r\n    border-radius: 12px; padding: 24px; border-top: 3px solid var(--orange);\r\n  }\r\n  .char-category h4 {\r\n    font-family: var(--font-head); font-weight: 700; font-size: 15px;\r\n    color: var(--navy); margin-bottom: 16px;\r\n    display: flex; align-items: center; gap: 8px;\r\n  }\r\n  .char-item {\r\n    border-bottom: 1px solid var(--gray-light); padding: 10px 0;\r\n    cursor: pointer;\r\n  }\r\n  .char-item:last-child { border-bottom: none; }\r\n  .char-item-header {\r\n    display: flex; justify-content: space-between; align-items: center;\r\n  }\r\n  .char-name { font-size: 14px; font-weight: 500; color: var(--navy); }\r\n  .char-toggle { font-size: 18px; color: var(--orange); font-weight: 300; transition: transform 0.2s; }\r\n  .char-desc {\r\n    font-size: 13px; color: var(--gray); line-height: 1.6;\r\n    margin-top: 8px; display: none; font-weight: 300;\r\n  }\r\n  .char-item.open .char-desc { display: block; }\r\n  .char-item.open .char-toggle { transform: rotate(45deg); }\r\n\r\n  \/* ADMIN EDITABLE NOTICE *\/\r\n  .admin-notice {\r\n    background: linear-gradient(90deg, rgba(232,99,10,0.08), rgba(232,99,10,0.03));\r\n    border: 1px dashed rgba(232,99,10,0.3); border-radius: 8px;\r\n    padding: 12px 18px; margin-top: 16px;\r\n    font-size: 12.5px; color: var(--orange); display: flex; align-items: center; gap: 8px;\r\n  }\r\n\r\n  \/* ===== SERVICE 2: PEER REVIEW ===== *\/\r\n  .peer-review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }\r\n  .peer-card {\r\n    background: var(--navy); color: var(--white);\r\n    border-radius: 14px; padding: 36px;\r\n    border: 1px solid rgba(232,99,10,0.2);\r\n    position: relative; overflow: hidden;\r\n  }\r\n  .peer-card::after {\r\n    content: '';\r\n    position: absolute; bottom: -40px; right: -40px;\r\n    width: 160px; height: 160px;\r\n    background: radial-gradient(circle, rgba(232,99,10,0.15) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  .peer-card h4 {\r\n    font-family: var(--font-head); font-weight: 700; font-size: 18px; color: var(--white);\r\n    margin-bottom: 8px;\r\n  }\r\n  .peer-price { font-size: 36px; font-family: var(--font-head); font-weight: 800; color: var(--orange-light); }\r\n  .peer-price-sub { font-size: 13px; color: #7090A8; margin-bottom: 20px; }\r\n  .peer-features { list-style: none; }\r\n  .peer-features li { font-size: 14px; color: #90A8BF; padding: 6px 0; display: flex; gap: 10px; border-bottom: 1px solid rgba(255,255,255,0.05); }\r\n  .peer-features li:last-child { border-bottom: none; }\r\n  .peer-features li::before { content: '\u2192'; color: var(--orange); }\r\n\r\n  .peer-info h4 { font-family: var(--font-head); font-weight: 700; font-size: 18px; color: var(--navy); margin-bottom: 12px; }\r\n  .peer-info p { font-size: 14.5px; color: #4A6070; line-height: 1.7; margin-bottom: 14px; font-weight: 300; }\r\n  .highlight-box {\r\n    background: var(--orange-pale); border-left: 3px solid var(--orange);\r\n    padding: 14px 18px; border-radius: 0 8px 8px 0; margin-top: 16px;\r\n  }\r\n  .highlight-box p { font-size: 13.5px; color: var(--orange); font-weight: 500; margin: 0; }\r\n\r\n  \/* ===== SERVICE 3: WORKSHOPS ===== *\/\r\n  .workshops-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\r\n  .workshop-card {\r\n    border: 1.5px solid var(--gray-light); border-radius: 12px; overflow: hidden;\r\n    transition: all 0.2s;\r\n  }\r\n  .workshop-card:hover { transform: translateY(-4px); box-shadow: 0 8px 32px rgba(0,0,0,0.1); }\r\n  .workshop-card.upcoming { opacity: 0.7; }\r\n  .workshop-img {\r\n    height: 120px; background: linear-gradient(135deg, var(--navy), var(--navy-mid));\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 40px; position: relative; overflow: hidden;\r\n  }\r\n  .workshop-img::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.3));\r\n  }\r\n  .workshop-status {\r\n    position: absolute; top: 10px; right: 10px; z-index: 2;\r\n    font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n    padding: 3px 10px; border-radius: 100px;\r\n  }\r\n  .status-available { background: #22C55E; color: #fff; }\r\n  .status-upcoming { background: var(--orange); color: #fff; }\r\n  .status-preparing { background: var(--gray); color: #fff; }\r\n  .workshop-body { padding: 18px; }\r\n  .workshop-body h4 { font-family: var(--font-head); font-weight: 700; font-size: 15px; color: var(--navy); margin-bottom: 6px; }\r\n  .workshop-body p { font-size: 12.5px; color: var(--gray); line-height: 1.5; margin-bottom: 14px; font-weight: 300; }\r\n  .workshop-footer { display: flex; justify-content: space-between; align-items: center; }\r\n  .workshop-price { font-family: var(--font-head); font-weight: 800; font-size: 18px; color: var(--orange); }\r\n  .workshop-price.tbd { font-size: 14px; color: var(--gray); font-weight: 500; }\r\n  .btn-sm {\r\n    background: var(--navy); color: #fff; border: none;\r\n    padding: 7px 14px; border-radius: 6px; font-size: 12px; font-weight: 600;\r\n    cursor: pointer; font-family: var(--font-body); text-decoration: none;\r\n    transition: background 0.2s;\r\n  }\r\n  .btn-sm:hover { background: var(--orange); }\r\n  .btn-sm.disabled { background: var(--gray-light); color: var(--gray); cursor: not-allowed; }\r\n\r\n  \/* ===== SERVICE 4 & 5: PROJECT-BASED ===== *\/\r\n  .project-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }\r\n  .project-info { }\r\n  .project-info h4 { font-family: var(--font-head); font-weight: 700; font-size: 18px; color: var(--navy); margin-bottom: 12px; }\r\n  .project-info p { font-size: 14.5px; color: #4A6070; line-height: 1.7; margin-bottom: 14px; font-weight: 300; }\r\n  .tech-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }\r\n  .tech-tag {\r\n    background: var(--navy); color: #90A8BF;\r\n    padding: 5px 12px; border-radius: 6px; font-size: 12.5px; font-weight: 500; font-family: var(--font-head);\r\n  }\r\n  .contact-cta {\r\n    background: linear-gradient(135deg, var(--orange), #C45200);\r\n    border-radius: 12px; padding: 28px 30px; color: #fff;\r\n  }\r\n  .contact-cta h4 { font-family: var(--font-head); font-weight: 700; font-size: 18px; margin-bottom: 8px; }\r\n  .contact-cta p { font-size: 14px; opacity: 0.85; margin-bottom: 18px; line-height: 1.6; font-weight: 300; }\r\n  .contact-cta a {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: rgba(255,255,255,0.2); color: #fff; border: 1px solid rgba(255,255,255,0.3);\r\n    padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 600;\r\n    text-decoration: none; transition: background 0.2s;\r\n  }\r\n  .contact-cta a:hover { background: rgba(255,255,255,0.3); }\r\n\r\n  .prev-projects { margin-top: 40px; }\r\n  .prev-projects h4 { font-family: var(--font-head); font-weight: 700; font-size: 16px; color: var(--navy); margin-bottom: 16px; }\r\n  .project-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\r\n  .project-item {\r\n    background: var(--white); border: 1.5px solid var(--gray-light);\r\n    border-radius: 10px; padding: 16px;\r\n    border-left: 3px solid var(--orange);\r\n  }\r\n  .project-item h5 { font-size: 14px; font-weight: 600; color: var(--navy); margin-bottom: 4px; }\r\n  .project-item p { font-size: 12.5px; color: var(--gray); line-height: 1.5; font-weight: 300; }\r\n\r\n  \/* ===== SERVICE 6: COMING SOON ===== *\/\r\n  .coming-soon-box {\r\n    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);\r\n    border-radius: 16px; padding: 60px 48px; text-align: center;\r\n    border: 1px solid rgba(232,99,10,0.2); position: relative; overflow: hidden;\r\n  }\r\n  .coming-soon-box::before {\r\n    content: '';\r\n    position: absolute; top: -80px; left: 50%; transform: translateX(-50%);\r\n    width: 300px; height: 300px;\r\n    background: radial-gradient(circle, rgba(232,99,10,0.1) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n  }\r\n  .coming-soon-icon { font-size: 56px; margin-bottom: 20px; position: relative; z-index: 2; }\r\n  .coming-soon-box h3 { font-family: var(--font-head); font-weight: 800; font-size: 26px; color: var(--white); margin-bottom: 12px; position: relative; z-index: 2; }\r\n  .coming-soon-box p { font-size: 15px; color: #7090A8; max-width: 480px; margin: 0 auto; line-height: 1.7; font-weight: 300; position: relative; z-index: 2; }\r\n  .coming-soon-badge {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    background: rgba(232,99,10,0.15); border: 1px solid rgba(232,99,10,0.3);\r\n    color: var(--orange-light); padding: 6px 16px; border-radius: 100px;\r\n    font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;\r\n    margin-bottom: 24px; position: relative; z-index: 2;\r\n  }\r\n\r\n  \/* ===== CONTACT ===== *\/\r\n  .contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 48px; align-items: start; }\r\n  .contact-info h3 { font-family: var(--font-head); font-weight: 700; font-size: 20px; color: var(--white); margin-bottom: 20px; }\r\n  .contact-item { display: flex; gap: 14px; margin-bottom: 20px; }\r\n  .contact-icon { font-size: 22px; flex-shrink: 0; }\r\n  .contact-item h4 { font-size: 14px; font-weight: 600; color: var(--orange-light); margin-bottom: 3px; }\r\n  .contact-item p { font-size: 14px; color: #7090A8; font-weight: 300; }\r\n  .nda-note {\r\n    background: rgba(232,99,10,0.1); border: 1px solid rgba(232,99,10,0.25);\r\n    border-radius: 10px; padding: 18px 20px; margin-top: 24px;\r\n    color: #B8C8D8; font-size: 13.5px; line-height: 1.6; font-weight: 300;\r\n  }\r\n  .nda-note strong { color: var(--orange-light); }\r\n  .contact-form { background: var(--white); border-radius: 14px; padding: 36px; }\r\n  .form-group { margin-bottom: 20px; }\r\n  .form-group label { display: block; font-size: 13px; font-weight: 600; color: var(--navy); margin-bottom: 7px; letter-spacing: 0.3px; }\r\n  .form-group input, .form-group select, .form-group textarea {\r\n    width: 100%; border: 1.5px solid var(--gray-light); border-radius: 8px;\r\n    padding: 11px 14px; font-size: 14px; font-family: var(--font-body); color: var(--navy);\r\n    outline: none; transition: border-color 0.2s; background: #FAFBFD;\r\n  }\r\n  .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\r\n    border-color: var(--orange); background: #fff;\r\n  }\r\n  .form-group textarea { height: 110px; resize: vertical; }\r\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n\r\n  \/* ===== JOIN US ===== *\/\r\n  .join-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }\r\n  .join-info h3 { font-family: var(--font-head); font-weight: 700; font-size: 22px; color: var(--navy); margin-bottom: 16px; }\r\n  .join-info p { font-size: 15px; color: #4A6070; line-height: 1.7; margin-bottom: 20px; font-weight: 300; }\r\n  .requirements-list { list-style: none; }\r\n  .requirements-list li {\r\n    display: flex; gap: 12px; align-items: flex-start;\r\n    padding: 12px 0; border-bottom: 1px solid var(--gray-light); font-size: 14.5px;\r\n    color: #4A6070; line-height: 1.5;\r\n  }\r\n  .requirements-list li:last-child { border-bottom: none; }\r\n  .req-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }\r\n\r\n  .join-form { background: var(--navy); border-radius: 14px; padding: 36px; }\r\n  .join-form h4 { font-family: var(--font-head); font-weight: 700; font-size: 18px; color: var(--white); margin-bottom: 24px; }\r\n  .join-form label { color: #90A8BF !important; }\r\n  .join-form input, .join-form select, .join-form textarea {\r\n    background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important;\r\n    color: var(--white) !important;\r\n  }\r\n  .join-form input:focus, .join-form select:focus, .join-form textarea:focus {\r\n    border-color: var(--orange) !important;\r\n  }\r\n  .join-form input::placeholder, .join-form textarea::placeholder { color: #5A7090; }\r\n  .join-form select option { background: var(--navy); }\r\n\r\n  \/* ===== FOOTER ===== *\/\r\n  footer {\r\n    background: #080F18; padding: 40px 80px;\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    border-top: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n  .footer-logo { display: flex; align-items: center; gap: 12px; }\r\n  .footer-text { font-size: 13px; color: #4A6070; }\r\n  .footer-text a { color: var(--orange-light); text-decoration: none; }\r\n  .footer-links { display: flex; gap: 24px; }\r\n  .footer-links a { color: #4A6070; text-decoration: none; font-size: 13px; transition: color 0.2s; }\r\n  .footer-links a:hover { color: var(--orange-light); }\r\n\r\n  \/* ===== DIVIDER ===== *\/\r\n  .section-divider {\r\n    height: 1px; background: linear-gradient(90deg, transparent, var(--gray-light), transparent);\r\n    margin: 0 40px;\r\n  }\r\n\r\n  \/* ===== UTILS ===== *\/\r\n  .text-center { text-align: center; }\r\n  .mt-32 { margin-top: 32px; }\r\n  .mt-48 { margin-top: 48px; }\r\n\r\n  \/* ===== ADMIN NOTICES - HIDDEN FROM VISITORS ===== *\/\r\n  .admin-notice { display: none !important; }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 900px) {\r\n    nav { padding: 0 16px; height: auto; min-height: 60px; flex-wrap: wrap; }\r\n    .nav-links { display: none; }\r\n    .logo-text { font-size: 17px; }\r\n    #home { padding: 80px 20px 50px; }\r\n    .container { padding: 48px 20px; }\r\n    h2 { font-size: 26px; }\r\n    .hero-badge { font-size: 11px; }\r\n    .hero-sub { font-size: 15px; }\r\n    .hero-btns { flex-direction: column; gap: 10px; }\r\n    .btn-primary, .btn-secondary { width: 100%; justify-content: center; }\r\n    .hero-stats { gap: 20px; flex-wrap: wrap; }\r\n    .stat-num { font-size: 24px; }\r\n\r\n    .about-grid { grid-template-columns: 1fr; gap: 32px; }\r\n    .peer-review-grid { grid-template-columns: 1fr; }\r\n    .contact-grid { grid-template-columns: 1fr; }\r\n    .join-grid { grid-template-columns: 1fr; }\r\n    .project-grid { grid-template-columns: 1fr; }\r\n    .form-row { grid-template-columns: 1fr; }\r\n\r\n    .pricing-cards { grid-template-columns: 1fr 1fr; gap: 12px; }\r\n    .price-amount { font-size: 22px; }\r\n\r\n    .char-categories { grid-template-columns: 1fr; }\r\n    .workshops-grid { grid-template-columns: 1fr; }\r\n    .project-list { grid-template-columns: 1fr; }\r\n\r\n    .service-header-row { flex-wrap: wrap; }\r\n    .service-num { width: 40px; height: 40px; font-size: 16px; }\r\n    .service-title-block h3 { font-size: 18px; }\r\n\r\n    .hero-stats { gap: 16px; }\r\n    .stat-num { font-size: 22px; }\r\n    .stat-label { font-size: 12px; }\r\n\r\n    footer { flex-direction: column; gap: 16px; text-align: center; padding: 32px 20px; }\r\n    .footer-links { flex-wrap: wrap; justify-content: center; gap: 16px; }\r\n    .nda-banner { padding: 16px 20px; font-size: 13px; }\r\n\r\n    .coming-soon-box { padding: 40px 24px; }\r\n    .contact-form { padding: 24px 20px; }\r\n    .join-form { padding: 24px 20px; }\r\n    .peer-card { padding: 24px 20px; }\r\n    .about-visual { padding: 32px 24px; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .pricing-cards { grid-template-columns: 1fr; }\r\n    h1 { font-size: 32px; }\r\n    .hero-stats { flex-direction: column; gap: 12px; }\r\n    .tag-list { gap: 6px; }\r\n    .tag { font-size: 12px; }\r\n    .tech-tags { gap: 6px; }\r\n    .tech-tag { font-size: 11px; }\r\n  }\r\n\r\n  \/* Mobile hamburger menu *\/\r\n  .mobile-menu-btn {\r\n    display: none;\r\n    background: none; border: none; cursor: pointer;\r\n    color: #fff; font-size: 24px; padding: 4px;\r\n  }\r\n  @media (max-width: 900px) {\r\n    .mobile-menu-btn { display: block; }\r\n    .nav-links.open {\r\n      display: flex; flex-direction: column;\r\n      position: absolute; top: 60px; left: 0; right: 0;\r\n      background: var(--navy); padding: 16px 20px; gap: 8px;\r\n      box-shadow: 0 8px 24px rgba(0,0,0,0.3); z-index: 999;\r\n    }\r\n    .nav-links.open a { padding: 10px 0; font-size: 15px; border-bottom: 1px solid rgba(255,255,255,0.06); }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <a href=\"#home\" class=\"logo\">\r\n    <div class=\"logo-icon\">MA<\/div>\r\n    <div class=\"logo-text\">Mat<span>Atlas<\/span><\/div>\r\n  <\/a>\r\n  <button class=\"mobile-menu-btn\" onclick=\"document.querySelector('.nav-links').classList.toggle('open')\">\u2630<\/button>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#about\">About<\/a><\/li>\r\n    <li><a href=\"#services\">Services<\/a><\/li>\r\n    <li><a href=\"#workshops\">Workshops<\/a><\/li>\r\n    <li><a href=\"#simulations\">Simulation<\/a><\/li>\r\n    <li><a href=\"#design\">3D Design<\/a><\/li>\r\n    <li><a href=\"#contact\">Contact<\/a><\/li>\r\n    <li><a href=\"#join\" class=\"nav-cta\">Join Us<\/a><\/li>\r\n  <\/ul>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<section id=\"home\">\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge\">matatlas.org &nbsp;|&nbsp; Professional Engineering Services<\/div>\r\n    <h1>Expert Interpretation<br>for <span>Engineering Science<\/span><\/h1>\r\n    <p class=\"hero-sub\">Professional interpretation of materials characterization results, peer review, workshops, simulation, and design \u2014 backed by Ph.D.-level expertise and guaranteed confidentiality.<\/p>\r\n    <div class=\"hero-btns\">\r\n      <a href=\"#services\" class=\"btn-primary\">Explore Services \u2193<\/a>\r\n      <a href=\"#contact\" class=\"btn-secondary\">Contact Us<\/a>\r\n    <\/div>\r\n    <div class=\"hero-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">Ph.D.<\/div>\r\n        <div class=\"stat-label\">Level Expertise<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">NDA<\/div>\r\n        <div class=\"stat-label\">Guaranteed Confidentiality<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">4-Day<\/div>\r\n        <div class=\"stat-label\">Peer Review Turnaround<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- NDA BANNER -->\r\n<div class=\"nda-banner\">\r\n  <span class=\"nda-icon\">\ud83d\udd12<\/span>\r\n  <div><strong>Non-Disclosure Agreement (NDA) Provided for All Services.<\/strong> Your data, results, and manuscripts remain strictly confidential. We sign an NDA with every client before any work begins.<\/div>\r\n<\/div>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\" class=\"section-light\">\r\n  <div class=\"container\">\r\n    <div class=\"about-grid\">\r\n      <div class=\"mission-block\">\r\n        <div class=\"section-label\">About MatAtlas<\/div>\r\n        <h2>Bridging Science<br>& Understanding<\/h2>\r\n        <p>MatAtlas was founded by researchers who understood a critical gap in engineering science: generating data is only half the challenge. The deeper challenge \u2014 and the true competitive advantage \u2014 lies in interpreting it correctly.<\/p>\r\n        <p>We offer a suite of professional services tailored to scientists, researchers, university students, and R&D engineers working in materials engineering and mechanical engineering. Our team holds Ph.D.-level qualifications and postdoctoral experience with active publication records.<\/p>\r\n        <div class=\"tag-list\">\r\n          <span class=\"tag\">Materials Engineering<\/span>\r\n          <span class=\"tag\">Mechanical Engineering<\/span>\r\n          <span class=\"tag\">Characterization<\/span>\r\n          <span class=\"tag\">Electrochemistry<\/span>\r\n          <span class=\"tag\">Tribology<\/span>\r\n          <span class=\"tag\">Microstructure<\/span>\r\n          <span class=\"tag\">Simulation<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"about-visual\">\r\n        <div class=\"about-visual-title\">Our Pillars<\/div>\r\n        <div class=\"pillar\">\r\n          <div class=\"pillar-icon\">\ud83c\udfaf<\/div>\r\n          <div class=\"pillar-text\">\r\n            <h4>Mission<\/h4>\r\n            <p>To provide elite-level scientific interpretation and engineering services that empower researchers to publish, innovate, and advance their fields with confidence.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pillar\">\r\n          <div class=\"pillar-icon\">\ud83d\udd2d<\/div>\r\n          <div class=\"pillar-text\">\r\n            <h4>Vision<\/h4>\r\n            <p>To become the most trusted professional partner for materials and mechanical engineering scientists worldwide \u2014 the go-to resource when deep expertise is needed.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pillar\">\r\n          <div class=\"pillar-icon\">\u2699\ufe0f<\/div>\r\n          <div class=\"pillar-text\">\r\n            <h4>Capabilities<\/h4>\r\n            <p>Characterization interpretation, peer review, workshops, Python\/COMSOL simulation, CATIA\/SolidWorks design, and 3D printing fabrication services.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"pillar\">\r\n          <div class=\"pillar-icon\">\ud83d\udd12<\/div>\r\n          <div class=\"pillar-text\">\r\n            <h4>Confidentiality<\/h4>\r\n            <p>Every engagement begins with a signed NDA. Your data, results, and intellectual property are never shared or reused without explicit written permission.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"section-divider\"><\/div>\r\n\r\n<!-- SERVICES SECTION -->\r\n<section id=\"services\" class=\"section-alt\">\r\n  <div class=\"container\">\r\n    <div class=\"services-header\">\r\n      <div class=\"section-label\">Our Services<\/div>\r\n      <h2>What We Offer<\/h2>\r\n      <p class=\"section-intro\" style=\"margin:0 auto 0;\">Six specialized service areas, each backed by postdoctoral-level expertise, with strict NDA protection for every client.<\/p>\r\n    <\/div>\r\n\r\n    <!-- SERVICE 1: CHARACTERIZATION -->\r\n    <div class=\"service-section\">\r\n      <div class=\"service-header-row\">\r\n        <div class=\"service-num\">1<\/div>\r\n        <div class=\"service-title-block\">\r\n          <h3>Interpretation of Materials Characterization Results<\/h3>\r\n          <p>Professional-grade interpretation of microstructural, tribological, mechanical, and electrochemical analyses<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"char-intro\">We analyze your raw characterization data and deliver expert interpretation at four levels of depth. Send us your data files, and we provide scientifically rigorous, publication-ready interpretation \u2014 results plotted in Origin, with explanations, calculated parameters, and literature comparison options.<\/p>\r\n\r\n      <!-- PRICING OPTIONS -->\r\n      <div class=\"pricing-cards\">\r\n        <div class=\"price-card\">\r\n          <div class=\"price-tier\">Option 1<\/div>\r\n          <div class=\"price-amount\">$50<\/div>\r\n          <div class=\"price-unit\">per sample \/ dataset<\/div>\r\n          <ul class=\"price-features\">\r\n            <li>Basic interpretation of results<\/li>\r\n            <li>Professionally plotted results in Origin<\/li>\r\n            <li>Delivered as editable Origin file<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"price-card featured\">\r\n          <div class=\"price-tier\">Option 2<\/div>\r\n          <div class=\"price-amount\">$75<\/div>\r\n          <div class=\"price-unit\">per sample \/ dataset<\/div>\r\n          <ul class=\"price-features\">\r\n            <li>Everything in Option 1<\/li>\r\n            <li>Written scientific explanation<\/li>\r\n            <li>Formal interpretation report<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"price-card\">\r\n          <div class=\"price-tier\">Option 3<\/div>\r\n          <div class=\"price-amount\">$100<\/div>\r\n          <div class=\"price-unit\">per sample \/ dataset<\/div>\r\n          <ul class=\"price-features\">\r\n            <li>Everything in Option 2<\/li>\r\n            <li>Additional calculated parameters<\/li>\r\n            <li>Expert-level derived metrics<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"price-card\">\r\n          <div class=\"price-tier\">Option 4<\/div>\r\n          <div class=\"price-amount\">$125<\/div>\r\n          <div class=\"price-unit\">per sample \/ dataset<\/div>\r\n          <ul class=\"price-features\">\r\n            <li>Everything in Option 3<\/li>\r\n            <li>Literature comparison & benchmarking<\/li>\r\n            <li>Positive\/negative distinctiveness report<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CHARACTERIZATION LIST -->\r\n      <h4 style=\"font-family:var(--font-head);font-weight:700;font-size:16px;color:var(--navy);margin-bottom:20px;\">Available Characterization Techniques<\/h4>\r\n      <div class=\"admin-notice\" style=\"display:none!important\">\u2699\ufe0f <span>This list is admin-editable \u2014 techniques below can be added, edited, or removed at any time.<\/span><\/div>\r\n\r\n      <div class=\"char-categories\" style=\"margin-top:20px;\" id=\"charCategories\">\r\n\r\n        <div class=\"char-category\">\r\n          <h4>\ud83d\udd2c Microstructural Analysis<\/h4>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">XRD \u2013 X-Ray Diffraction<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Identification of crystalline phases, lattice parameters, crystallite size (Scherrer), microstrain analysis, Rietveld refinement interpretation, and texture\/preferred orientation evaluation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">SEM \u2013 Scanning Electron Microscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Surface morphology interpretation, grain size analysis, fracture surface characterization, coating uniformity, and porosity estimation from SEM micrographs.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">EDS \/ EDX \u2013 Energy Dispersive Spectroscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Elemental composition mapping, qualitative and semi-quantitative analysis, elemental distribution interpretation from maps and line scans.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">TEM \u2013 Transmission Electron Microscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Nanoscale microstructure, selected area electron diffraction (SAED) pattern interpretation, dislocation analysis, and lattice fringe evaluation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Raman Spectroscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Phase identification, defect characterization (D\/G ratio for carbon materials), stress\/strain estimation, and bonding nature interpretation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">XPS \u2013 X-Ray Photoelectron Spectroscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Surface elemental analysis, chemical state identification, binding energy interpretation, and surface oxidation\/bonding characterization.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-category\">\r\n          <h4>\u26a1 Electrochemical Analysis<\/h4>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">CV \u2013 Cyclic Voltammetry<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Redox peak analysis, electrochemical window determination, reversibility assessment, capacitive behavior, ECSA calculation, and scan-rate dependent behavior interpretation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">EIS \u2013 Electrochemical Impedance Spectroscopy<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Nyquist and Bode plot interpretation, equivalent circuit fitting and justification, charge transfer resistance, double layer capacitance, diffusion behavior (Warburg element) analysis.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">LSV \u2013 Linear Sweep Voltammetry<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Tafel slope calculation, onset potential determination, limiting current density analysis, overpotential evaluation, and reaction kinetics interpretation for OER, HER, ORR.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Potentiodynamic Polarization (Tafel)<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Corrosion potential (Ecorr), corrosion current density (icorr), corrosion rate, passive region identification, pitting potential analysis, and protection efficiency calculations.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Chronoamperometry \/ Chronopotentiometry<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Stability assessment, degradation rate analysis, steady-state current interpretation, and time-dependent electrochemical behavior characterization.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-category\">\r\n          <h4>\ud83d\udd29 Mechanical Testing<\/h4>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Tensile Testing<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Stress-strain curve analysis, yield strength, UTS, elongation, Young's modulus calculation, fracture behavior, and work-hardening exponent interpretation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Hardness Testing (Vickers, Brinell, Rockwell)<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Hardness value interpretation, conversion between scales, hardness profile analysis, relationship to microstructure, and heat treatment effect evaluation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Nanoindentation<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Load-displacement curve interpretation, Oliver-Pharr method analysis, nanohardness and elastic modulus extraction, creep behavior, and pile-up\/sink-in effects.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Fatigue & Fracture Analysis<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">S-N curve interpretation, fatigue limit estimation, stress intensity factor, crack growth rate, fracture surface analysis, and failure mode identification.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"char-category\">\r\n          <h4>\u2699\ufe0f Tribological Analysis<\/h4>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Wear Rate & Coefficient of Friction (COF)<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">COF curve analysis, wear rate calculation, Archard wear law application, friction mechanism identification (adhesive, abrasive, oxidative), and wear track morphology interpretation.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Scratch Testing<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Critical load determination, adhesion failure mode classification (Lc1, Lc2), acoustic emission correlation, and coating adhesion quality assessment.<\/div>\r\n          <\/div>\r\n          <div class=\"char-item\" onclick=\"toggleChar(this)\">\r\n            <div class=\"char-item-header\">\r\n              <span class=\"char-name\">Profilometry & Surface Roughness<\/span>\r\n              <span class=\"char-toggle\">+<\/span>\r\n            <\/div>\r\n            <div class=\"char-desc\">Ra, Rq, Rz parameter interpretation, wear volume calculation from 3D profilometry, surface topography analysis, and roughness-performance correlations.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div style=\"margin-top:28px; display:flex; gap:12px; flex-wrap:wrap;\">\r\n        <a href=\"#contact\" class=\"btn-primary\">Request Interpretation Service<\/a>\r\n        <div style=\"display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--gray);\">\ud83d\udd12 NDA signed before any data exchange<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"section-divider\" style=\"margin:0 0 60px;\"><\/div>\r\n\r\n    <!-- SERVICE 2: PEER REVIEW -->\r\n    <div class=\"service-section\" id=\"peer-review\">\r\n      <div class=\"service-header-row\">\r\n        <div class=\"service-num\">2<\/div>\r\n        <div class=\"service-title-block\">\r\n          <h3>Pre-Submission Peer Review Services<\/h3>\r\n          <p>Accelerate your manuscript quality with expert 4-day review before journal submission<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"peer-review-grid\">\r\n        <div>\r\n          <div class=\"peer-info\">\r\n            <h4>Why Pre-Submission Review?<\/h4>\r\n            <p>Journal peer review can take months, and poor initial quality often leads to desk rejection or harsh reviews. Our expert reviewers \u2014 with Ph.D. and postdoctoral experience in materials and mechanical engineering \u2014 read your manuscript as a rigorous peer reviewer would, identifying weaknesses before submission.<\/p>\r\n            <p>We do <strong>not<\/strong> write manuscripts. We review, critique, and provide structured comments designed to improve your work's scientific quality, clarity, and publication likelihood.<\/p>\r\n            <div class=\"highlight-box\">\r\n              <p>\ud83c\udfaf All reviews delivered within <strong>4 business days<\/strong>. Strict NDA provided before manuscript is shared.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"peer-card\">\r\n            <h4>Standard Review<\/h4>\r\n            <div class=\"peer-price\">$75<\/div>\r\n            <div class=\"peer-price-sub\">per manuscript<\/div>\r\n            <ul class=\"peer-features\">\r\n              <li>Full manuscript peer review (materials \/ mechanical engineering scope)<\/li>\r\n              <li>Structured comments: major and minor revisions<\/li>\r\n              <li>Scientific rigor and methodology critique<\/li>\r\n              <li>Clarity, structure, and presentation feedback<\/li>\r\n              <li>Figures, tables, and data presentation review<\/li>\r\n              <li>Delivered as annotated report within 4 business days<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"peer-card\" style=\"margin-top:16px; background: var(--orange-pale); border-color: rgba(232,99,10,0.3);\">\r\n            <h4 style=\"color:var(--navy);\">+ Journal Suggestion Add-on<\/h4>\r\n            <div class=\"peer-price\" style=\"font-size:28px; color:var(--orange);\">+$25<\/div>\r\n            <div class=\"peer-price-sub\" style=\"color:#8A7060;\">added to any review<\/div>\r\n            <ul class=\"peer-features\" style=\"\">\r\n              <li style=\"color:#4A6070;border-color:rgba(0,0,0,0.06);\">Expert recommendation of 3\u20135 suitable journals based on scope, impact factor, and likelihood of acceptance<\/li>\r\n              <li style=\"color:#4A6070;border-color:rgba(0,0,0,0.06);\">Ranked with reasoning provided<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div style=\"margin-top:14px; display:flex; gap:10px;\">\r\n            <a href=\"#contact\" class=\"btn-primary\" style=\"flex:1; justify-content:center;\">Request Peer Review<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICE 3: WORKSHOPS -->\r\n<section id=\"workshops\" class=\"section-light\">\r\n  <div class=\"container\">\r\n    <div class=\"service-header-row\">\r\n      <div class=\"service-num\">3<\/div>\r\n      <div class=\"service-title-block\">\r\n        <h3>Online Workshops & Expert Lectures<\/h3>\r\n        <p>Specialized technical workshops on advanced topics in materials and mechanical engineering<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <p style=\"font-size:15px;color:#4A6070;line-height:1.7;max-width:700px;margin-bottom:36px;font-weight:300;\">Our workshops are designed for graduate students, researchers, and R&D professionals seeking deep, expert-guided understanding of specific technical topics \u2014 far beyond what textbooks and general courses offer.<\/p>\r\n\r\n    <div class=\"admin-notice\" style=\"display:none!important\" style=\"margin-bottom:28px;\">\u2699\ufe0f <span>Workshops below are admin-editable. Status, price, dates, and flyers can be updated. New workshops can be added at any time.<\/span><\/div>\r\n\r\n    <!-- WORKSHOP CARDS - EDITABLE SECTION -->\r\n    <div class=\"workshops-grid\" id=\"workshopsGrid\">\r\n\r\n      <div class=\"workshop-card\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#1A2E44,#0D4A6A);\">\r\n          <span style=\"position:relative;z-index:2;\">\u26a1<\/span>\r\n          <span class=\"workshop-status status-available\">Available<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>Interpretation of Cyclic Voltammetry (CV)<\/h4>\r\n          <p>Deep-dive into CV data interpretation: redox mechanisms, capacitive behavior, ECSA calculations, and scan-rate analysis for energy and corrosion applications.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price\">TBD<\/span>\r\n            <a href=\"#contact\" class=\"btn-sm\">Register Interest<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"workshop-card\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#1A3A2E,#0D6A4A);\">\r\n          <span style=\"position:relative;z-index:2;\">\u3030\ufe0f<\/span>\r\n          <span class=\"workshop-status status-available\">Available<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>Electrochemical Impedance Spectroscopy (EIS)<\/h4>\r\n          <p>Equivalent circuit modeling, Nyquist and Bode plot analysis, Warburg diffusion, and physical interpretation for corrosion and energy storage systems.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price\">TBD<\/span>\r\n            <a href=\"#contact\" class=\"btn-sm\">Register Interest<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"workshop-card\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#3A1A2E,#6A0D4A);\">\r\n          <span style=\"position:relative;z-index:2;\">\ud83d\udcc9<\/span>\r\n          <span class=\"workshop-status status-available\">Available<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>Linear Sweep Voltammetry (LSV)<\/h4>\r\n          <p>Tafel slope calculation, onset potential, OER\/HER\/ORR kinetics, overpotential analysis, and catalytic performance benchmarking from LSV data.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price\">TBD<\/span>\r\n            <a href=\"#contact\" class=\"btn-sm\">Register Interest<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"workshop-card\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#1A2A3A,#2A4A6A);\">\r\n          <span style=\"position:relative;z-index:2;\">\ud83d\udd2c<\/span>\r\n          <span class=\"workshop-status status-available\">Available<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>XRD Analysis & Interpretation<\/h4>\r\n          <p>Phase identification, Rietveld refinement, Scherrer equation, microstrain, texture analysis \u2014 turning raw XRD patterns into meaningful materials insights.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price\">TBD<\/span>\r\n            <a href=\"#contact\" class=\"btn-sm\">Register Interest<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"workshop-card\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#2A2A1A,#5A4A0D);\">\r\n          <span style=\"position:relative;z-index:2;\">\u270d\ufe0f<\/span>\r\n          <span class=\"workshop-status status-available\">Available<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>Academic Writing for Engineers<\/h4>\r\n          <p>Structuring research papers, writing for high-impact journals, framing results, responding to reviewers, and navigating the publication process effectively.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price\">TBD<\/span>\r\n            <a href=\"#contact\" class=\"btn-sm\">Register Interest<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"workshop-card upcoming\">\r\n        <div class=\"workshop-img\" style=\"background:linear-gradient(135deg,#2A1A1A,#5A2A0D);\">\r\n          <span style=\"position:relative;z-index:2;\">\ud83e\uddf2<\/span>\r\n          <span class=\"workshop-status status-preparing\">In Preparation<\/span>\r\n        <\/div>\r\n        <div class=\"workshop-body\">\r\n          <h4>Tribology & Wear Analysis<\/h4>\r\n          <p>Wear mechanisms, COF interpretation, Archard law application, and tribological characterization for surface engineering research.<\/p>\r\n          <div class=\"workshop-footer\">\r\n            <span class=\"workshop-price tbd\">Coming Soon<\/span>\r\n            <span class=\"btn-sm disabled\">Notify Me<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div style=\"margin-top:24px;text-align:center;\">\r\n      <p style=\"font-size:13.5px;color:var(--gray);\">More workshops in development. <a href=\"#contact\" style=\"color:var(--orange);text-decoration:none;font-weight:500;\">Contact us<\/a> to suggest a topic or request a private session.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICE 4: SIMULATION -->\r\n<section id=\"simulations\" class=\"section-alt\">\r\n  <div class=\"container\">\r\n    <div class=\"service-header-row\">\r\n      <div class=\"service-num\">4<\/div>\r\n      <div class=\"service-title-block\">\r\n        <h3>Engineering Simulation Services<\/h3>\r\n        <p>Python-based scientific computing and COMSOL Multiphysics finite element simulation<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"project-grid\">\r\n      <div class=\"project-info\">\r\n        <h4>What We Simulate<\/h4>\r\n        <p>We develop custom simulation solutions for materials and mechanical engineering problems. From Python-based computational scripts (data fitting, modeling, parametric studies) to full multi-physics finite element analysis in COMSOL Multiphysics \u2014 we can tackle your specific engineering challenge.<\/p>\r\n        <p>Each project begins with an email consultation. We define the scope, propose a timeline, and provide a custom quote before any work commences. An NDA is signed at the project outset.<\/p>\r\n        <div class=\"tech-tags\">\r\n          <span class=\"tech-tag\">Python<\/span>\r\n          <span class=\"tech-tag\">COMSOL Multiphysics<\/span>\r\n          <span class=\"tech-tag\">FEA<\/span>\r\n          <span class=\"tech-tag\">Heat Transfer<\/span>\r\n          <span class=\"tech-tag\">Fluid Dynamics<\/span>\r\n          <span class=\"tech-tag\">Structural Analysis<\/span>\r\n          <span class=\"tech-tag\">Electrochemistry Models<\/span>\r\n          <span class=\"tech-tag\">Corrosion Modeling<\/span>\r\n        <\/div>\r\n        <div class=\"contact-cta\" style=\"margin-top:24px;\">\r\n          <h4>Start Your Simulation Project<\/h4>\r\n          <p>Email us a description of your project. We respond within 2 business days with a proposal including scope, timeline, and pricing.<\/p>\r\n          <a href=\"\/cdn-cgi\/l\/email-protection#7910171f163914180d180d15180a57160b1e\">\ud83d\udce7 <span class=\"__cf_email__\" data-cfemail=\"f59c9b939ab59894819481999486db9a8792\">[email&#160;protected]<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"prev-projects\">\r\n          <h4>Previous Project Examples<\/h4>\r\n          <div class=\"project-list\" id=\"simProjectList\">\r\n            <div class=\"project-item\">\r\n              <h5>Corrosion Rate Modeling<\/h5>\r\n              <p>COMSOL simulation of electrochemical corrosion in a complex geometry with varying electrolyte concentrations.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Thermal Stress in Coatings<\/h5>\r\n              <p>FEA of thermal cycling stress distribution in PVD-coated substrates for high-temperature applications.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Python EIS Fitting Tool<\/h5>\r\n              <p>Custom Python script for automated equivalent circuit fitting of large EIS dataset batches with statistical output.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Fluid-Structure Interaction<\/h5>\r\n              <p>COMSOL FSI simulation of fluid flow effects on a flexible mechanical component under operational conditions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"admin-notice\" style=\"display:none!important\" style=\"margin-top:16px;\">\u2699\ufe0f Previous projects list is editable \u2014 add or remove project entries as needed.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICE 5: DESIGN & 3D PRINTING -->\r\n<section id=\"design\" class=\"section-light\">\r\n  <div class=\"container\">\r\n    <div class=\"service-header-row\">\r\n      <div class=\"service-num\">5<\/div>\r\n      <div class=\"service-title-block\">\r\n        <h3>Component Design & 3D Printing Fabrication<\/h3>\r\n        <p>CAD design in CATIA & SolidWorks, with in-house 3D printing fabrication capability<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"project-grid\">\r\n      <div class=\"project-info\">\r\n        <h4>Design to Fabrication<\/h4>\r\n        <p>We design custom mechanical components and engineering parts using industry-standard CAD software. Once your component design is finalized and approved, we can fabricate it via 3D printing \u2014 delivering a physical prototype or end-use part to your specifications.<\/p>\r\n        <p>Ideal for research apparatus, prototype fixtures, specialized test components, and custom engineering solutions where standard parts are unavailable or insufficient.<\/p>\r\n        <div class=\"tech-tags\">\r\n          <span class=\"tech-tag\">CATIA V5<\/span>\r\n          <span class=\"tech-tag\">SolidWorks<\/span>\r\n          <span class=\"tech-tag\">3D Printing (FDM)<\/span>\r\n          <span class=\"tech-tag\">SLA \/ Resin<\/span>\r\n          <span class=\"tech-tag\">Prototype Parts<\/span>\r\n          <span class=\"tech-tag\">Custom Fixtures<\/span>\r\n        <\/div>\r\n        <div class=\"contact-cta\" style=\"margin-top:24px;\">\r\n          <h4>Submit a Design Request<\/h4>\r\n          <p>Send us your requirements, sketches, or functional description by email. We'll respond with a design concept, timeline, and pricing.<\/p>\r\n          <a href=\"\/cdn-cgi\/l\/email-protection#650c0b030a2508041104110904164b0a1702\">\ud83d\udce7 <span class=\"__cf_email__\" data-cfemail=\"51383f373e113c302530253d30227f3e2336\">[email&#160;protected]<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <div class=\"prev-projects\">\r\n          <h4>Previous Design Projects<\/h4>\r\n          <div class=\"project-list\" id=\"designProjectList\">\r\n            <div class=\"project-item\">\r\n              <h5>Tribology Test Fixture<\/h5>\r\n              <p>Custom sample holder designed in SolidWorks and 3D printed for a pin-on-disc tribometer setup.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Electrochemical Cell Redesign<\/h5>\r\n              <p>Modified three-electrode cell body for improved electrolyte sealing and ergonomic electrode access.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Lab Equipment Bracket<\/h5>\r\n              <p>Custom mounting bracket designed in CATIA for integrating non-standard equipment on an optical table.<\/p>\r\n            <\/div>\r\n            <div class=\"project-item\">\r\n              <h5>Tensile Specimen Jig<\/h5>\r\n              <p>Alignment jig for thin-film tensile specimens to ensure reproducible gripping and load transfer.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"admin-notice\" style=\"display:none!important\" style=\"margin-top:16px;\">\u2699\ufe0f Previous design projects list is editable \u2014 update as new projects are completed.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- SERVICE 6: COMING SOON -->\r\n<section class=\"section-alt\">\r\n  <div class=\"container\">\r\n    <div class=\"service-header-row\">\r\n      <div class=\"service-num\">6<\/div>\r\n      <div class=\"service-title-block\">\r\n        <h3>Materials Characterization Laboratory Services<\/h3>\r\n        <p>In-house experimental characterization \u2014 launching soon<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"coming-soon-box\">\r\n      <div class=\"coming-soon-badge\">\ud83d\udd27 Coming Soon<\/div>\r\n      <div class=\"coming-soon-icon\">\ud83d\udd2c<\/div>\r\n      <h3>Physical Characterization Services<\/h3>\r\n      <p>We are building our laboratory capabilities to offer hands-on materials characterization services \u2014 including surface analysis, microstructural imaging, mechanical testing, and electrochemical measurements. This section will expand as our facilities are established. Interested parties are welcome to contact us to register their interest.<\/p>\r\n      <a href=\"#contact\" class=\"btn-primary\" style=\"margin-top:28px;display:inline-flex;position:relative;z-index:2;\">Register Interest \u2192<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\" class=\"section-dark\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\" style=\"color:var(--orange-light);\">Get in Touch<\/div>\r\n    <h2>Contact Us<\/h2>\r\n    <div class=\"contact-grid\">\r\n      <div class=\"contact-info\">\r\n        <h3>We're here to help<\/h3>\r\n        <div class=\"contact-item\">\r\n          <span class=\"contact-icon\">\ud83d\udce7<\/span>\r\n          <div>\r\n            <h4>Email<\/h4>\r\n            <p><a href=\"\/cdn-cgi\/l\/email-protection\" class=\"__cf_email__\" data-cfemail=\"cfa6a1a9a08fa2aebbaebba3aebce1a0bda8\">[email&#160;protected]<\/a><\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-item\">\r\n          <span class=\"contact-icon\">\ud83c\udf10<\/span>\r\n          <div>\r\n            <h4>Website<\/h4>\r\n            <p>www.matatlas.org<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-item\">\r\n          <span class=\"contact-icon\">\u23f1\ufe0f<\/span>\r\n          <div>\r\n            <h4>Response Time<\/h4>\r\n            <p>We respond to all inquiries within 2 business days<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"nda-note\">\r\n          <strong>\ud83d\udd12 Confidentiality Guaranteed<\/strong><br>\r\n          A Non-Disclosure Agreement (NDA) is provided and signed before any data, manuscript, or project details are shared with us. Your intellectual property is fully protected throughout our engagement.\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"contact-form\">\r\n        <h3 style=\"font-family:var(--font-head);font-weight:700;font-size:20px;color:var(--navy);margin-bottom:24px;\">Send Us a Message<\/h3>\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label>First Name<\/label>\r\n            <input type=\"text\" placeholder=\"Dr. Jane\">\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label>Last Name<\/label>\r\n            <input type=\"text\" placeholder=\"Smith\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Email Address<\/label>\r\n          <input type=\"email\" placeholder=\"j.smith@university.edu\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Service of Interest<\/label>\r\n          <select>\r\n            <option value=\"\">Select a service...<\/option>\r\n            <option>Characterization Interpretation<\/option>\r\n            <option>Peer Review<\/option>\r\n            <option>Workshop \/ Lecture<\/option>\r\n            <option>Simulation (Python \/ COMSOL)<\/option>\r\n            <option>Design & 3D Printing<\/option>\r\n            <option>Future Characterization Lab<\/option>\r\n            <option>General Inquiry<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Message<\/label>\r\n          <textarea placeholder=\"Describe your project, data type, or what you're looking for...\"><\/textarea>\r\n        <\/div>\r\n        <button class=\"btn-primary\" style=\"width:100%;justify-content:center;\" onclick=\"alert('Thank you for your message! We will respond within 2 business days.')\">Send Message \u2192<\/button>\r\n        <p style=\"font-size:12px;color:var(--gray);margin-top:12px;text-align:center;\">By submitting, you agree to our confidentiality policy. An NDA will be provided before any data exchange.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- JOIN US -->\r\n<section id=\"join\" class=\"section-light\">\r\n  <div class=\"container\">\r\n    <div class=\"section-label\">Collaborate<\/div>\r\n    <h2>Join Our Expert Network<\/h2>\r\n    <p class=\"section-intro\">We are building a team of qualified specialists who can contribute to interpretation and review services \u2014 and earn income from their expertise.<\/p>\r\n    <div class=\"join-grid\">\r\n      <div class=\"join-info\">\r\n        <h3>What We're Looking For<\/h3>\r\n        <p>MatAtlas works with highly qualified specialists who provide interpretation, peer review, and consultation services to our clients. Collaborators work flexibly on a per-project basis and receive compensation for each completed engagement.<\/p>\r\n        <h4 style=\"font-family:var(--font-head);font-size:15px;color:var(--navy);margin:20px 0 12px;\">Minimum Requirements<\/h4>\r\n        <ul class=\"requirements-list\" id=\"requirementsList\">\r\n          <li>\r\n            <span class=\"req-icon\">\ud83c\udf93<\/span>\r\n            <span><strong>Ph.D. degree<\/strong> in Materials Engineering, Mechanical Engineering, or a closely related field<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"req-icon\">\ud83d\udd2c<\/span>\r\n            <span><strong>Postdoctoral experience<\/strong> in a relevant research field (required)<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"req-icon\">\ud83d\udcc4<\/span>\r\n            <span><strong>Published peer-reviewed papers<\/strong> in the area of specialization you wish to contribute in<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"req-icon\">\ud83e\uddea<\/span>\r\n            <span>Demonstrable <strong>hands-on expertise<\/strong> with at least one characterization technique, simulation tool, or manuscript preparation<\/span>\r\n          <\/li>\r\n          <li>\r\n            <span class=\"req-icon\">\ud83e\udd1d<\/span>\r\n            <span>Commitment to <strong>confidentiality<\/strong> \u2014 all collaborators sign an NDA and are bound by our data protection protocols<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n        <div class=\"admin-notice\" style=\"display:none!important\" style=\"margin-top:16px;\">\u2699\ufe0f Requirements list is admin-editable \u2014 conditions can be added or modified at any time.<\/div>\r\n      <\/div>\r\n      <div class=\"join-form\">\r\n        <h4>Submit Your Application<\/h4>\r\n        <div class=\"form-group\">\r\n          <label>Full Name<\/label>\r\n          <input type=\"text\" placeholder=\"Dr. John Doe\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Email Address<\/label>\r\n          <input type=\"email\" placeholder=\"j.doe@institution.edu\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Current Position<\/label>\r\n          <select>\r\n            <option value=\"\">Select...<\/option>\r\n            <option>Postdoctoral Researcher<\/option>\r\n            <option>Assistant Professor<\/option>\r\n            <option>Associate Professor<\/option>\r\n            <option>Professor<\/option>\r\n            <option>Senior R&D Engineer<\/option>\r\n            <option>Other (Ph.D. level)<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Area of Specialization<\/label>\r\n          <select>\r\n            <option value=\"\">Select...<\/option>\r\n            <option>Electrochemistry & Corrosion<\/option>\r\n            <option>Microstructural Characterization<\/option>\r\n            <option>Mechanical Testing & Fatigue<\/option>\r\n            <option>Tribology & Surface Engineering<\/option>\r\n            <option>Simulation (COMSOL \/ FEA)<\/option>\r\n            <option>Python Scientific Computing<\/option>\r\n            <option>Manuscript Review & Academic Writing<\/option>\r\n            <option>Multiple Areas<\/option>\r\n          <\/select>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Google Scholar \/ ORCID \/ LinkedIn Profile URL<\/label>\r\n          <input type=\"text\" placeholder=\"https:\/\/scholar.google.com\/...\">\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Brief Statement (why you want to join & key expertise)<\/label>\r\n          <textarea style=\"height:90px;\" placeholder=\"Describe your research background, key techniques, and what services you could contribute to...\"><\/textarea>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label>Attach CV \/ Resume<\/label>\r\n          <input type=\"file\" accept=\".pdf,.doc,.docx\" style=\"font-size:13px;padding:8px;\">\r\n        <\/div>\r\n        <button class=\"btn-primary\" style=\"width:100%;justify-content:center;background:var(--orange);\" onclick=\"alert('Thank you for your application! We will review your profile and respond within 5 business days.')\">Submit Application \u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-logo\">\r\n    <div class=\"logo-icon\" style=\"width:36px;height:36px;font-size:15px;\">MA<\/div>\r\n    <div>\r\n      <div class=\"logo-text\" style=\"font-size:17px;\">Mat<span>Atlas<\/span><\/div>\r\n      <div style=\"font-size:11px;color:#2A4060;margin-top:1px;\">matatlas.org<\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"footer-text\">\r\n    \u00a9 2025 MatAtlas. All rights reserved. &nbsp;|&nbsp; <a href=\"\/cdn-cgi\/l\/email-protection#452c2b232a0528243124312924366b2a3722\"><span class=\"__cf_email__\" data-cfemail=\"8ae3e4ece5cae7ebfeebfee6ebf9a4e5f8ed\">[email&#160;protected]<\/span><\/a>\r\n  <\/div>\r\n  <div class=\"footer-links\">\r\n    <a href=\"#about\">About<\/a>\r\n    <a href=\"#services\">Services<\/a>\r\n    <a href=\"#workshops\">Workshops<\/a>\r\n    <a href=\"#contact\">Contact<\/a>\r\n    <a href=\"#join\">Join Us<\/a>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script data-cfasync=\"false\" src=\"\/cdn-cgi\/scripts\/5c5dd728\/cloudflare-static\/email-decode.min.js\"><\/script><script>\r\n  \/\/ Accordion for characterization items\r\n  function toggleChar(el) {\r\n    el.classList.toggle('open');\r\n  }\r\n\r\n  \/\/ Active nav link on scroll\r\n  const sections = document.querySelectorAll('section[id]');\r\n  const navLinks = document.querySelectorAll('.nav-links a');\r\n  window.addEventListener('scroll', () => {\r\n    let current = '';\r\n    sections.forEach(s => {\r\n      if (window.scrollY >= s.offsetTop - 100) current = s.id;\r\n    });\r\n    navLinks.forEach(a => {\r\n      a.classList.remove('active');\r\n      if (a.getAttribute('href') === '#' + current) a.classList.add('a\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matatlas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=40"}],"version-history":[{"count":4,"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":44,"href":"https:\/\/matatlas.org\/index.php?rest_route=\/wp\/v2\/pages\/40\/revisions\/44"}],"wp:attachment":[{"href":"https:\/\/matatlas.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}