{"id":11,"date":"2026-05-16T22:50:52","date_gmt":"2026-05-16T20:50:52","guid":{"rendered":"https:\/\/mtgi.pl\/?page_id=11"},"modified":"2026-05-16T23:03:10","modified_gmt":"2026-05-16T21:03:10","slug":"elementor-11","status":"publish","type":"page","link":"https:\/\/mtgi.pl\/","title":{"rendered":"Elementor #11"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11\" class=\"elementor elementor-11\">\n\t\t\t\t<div class=\"elementor-element elementor-element-286033e e-con-full e-flex e-con e-parent\" data-id=\"286033e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eba12b elementor-widget elementor-widget-html\" data-id=\"0eba12b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\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>MTGI \u2014 Druk 3D dla Firm<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap\" rel=\"stylesheet\" \/>\r\n  <style>\r\n    :root {\r\n      --yellow: #FFE600;\r\n      --yellow-dim: #ccb800;\r\n      --yellow-glow: #ffe60066;\r\n      --black: #080808;\r\n      --dark: #0f0f0f;\r\n      --panel: #111111;\r\n      --border: #2a2a2a;\r\n      --text: #e8e8e8;\r\n      --muted: #666;\r\n    }\r\n\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      background: var(--black);\r\n      color: var(--text);\r\n      font-family: 'Rajdhani', sans-serif;\r\n      overflow-x: hidden;\r\n      cursor: none;\r\n    }\r\n\r\n    \/* CUSTOM CURSOR *\/\r\n    .cursor {\r\n      width: 12px; height: 12px;\r\n      background: var(--yellow);\r\n      border-radius: 50%;\r\n      position: fixed;\r\n      pointer-events: none;\r\n      z-index: 9999;\r\n      transition: transform 0.1s ease;\r\n      box-shadow: 0 0 12px var(--yellow), 0 0 30px var(--yellow-glow);\r\n      transform: translate(-50%, -50%);\r\n    }\r\n    .cursor-ring {\r\n      width: 36px; height: 36px;\r\n      border: 1px solid var(--yellow);\r\n      border-radius: 50%;\r\n      position: fixed;\r\n      pointer-events: none;\r\n      z-index: 9998;\r\n      transition: transform 0.18s ease, width 0.2s, height 0.2s;\r\n      transform: translate(-50%, -50%);\r\n      opacity: 0.5;\r\n    }\r\n\r\n    \/* GRID OVERLAY *\/\r\n    body::before {\r\n      content: '';\r\n      position: fixed;\r\n      inset: 0;\r\n      background-image:\r\n        linear-gradient(rgba(255,230,0,0.025) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,230,0,0.025) 1px, transparent 1px);\r\n      background-size: 60px 60px;\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    \/* NAV *\/\r\n    nav {\r\n      position: fixed;\r\n      top: 0; left: 0; right: 0;\r\n      z-index: 100;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 0 5vw;\r\n      height: 70px;\r\n      background: rgba(8,8,8,0.9);\r\n      backdrop-filter: blur(12px);\r\n      border-bottom: 1px solid var(--border);\r\n    }\r\n\r\n    .nav-logo {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 2rem;\r\n      letter-spacing: 0.15em;\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 20px var(--yellow), 0 0 60px var(--yellow-glow);\r\n      text-decoration: none;\r\n    }\r\n\r\n    .nav-links {\r\n      display: flex;\r\n      gap: 2.5rem;\r\n      list-style: none;\r\n    }\r\n\r\n    .nav-links a {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.8rem;\r\n      color: var(--muted);\r\n      text-decoration: none;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      transition: color 0.2s, text-shadow 0.2s;\r\n    }\r\n    .nav-links a:hover {\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 10px var(--yellow);\r\n    }\r\n\r\n    .nav-cta {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--black);\r\n      background: var(--yellow);\r\n      border: none;\r\n      padding: 0.55rem 1.4rem;\r\n      cursor: none;\r\n      clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));\r\n      transition: box-shadow 0.2s, transform 0.2s;\r\n    }\r\n    .nav-cta:hover {\r\n      box-shadow: 0 0 20px var(--yellow), 0 0 40px var(--yellow-glow);\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    \/* HERO *\/\r\n    .hero {\r\n      position: relative;\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 0 5vw;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hero-img {\r\n      position: absolute;\r\n      inset: 0;\r\n      object-fit: cover;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0.18;\r\n      filter: saturate(0) contrast(1.2);\r\n    }\r\n\r\n    .hero-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(120deg, rgba(8,8,8,0.95) 40%, rgba(255,230,0,0.04) 100%);\r\n    }\r\n\r\n    .hero-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      max-width: 760px;\r\n    }\r\n\r\n    .hero-tag {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.75rem;\r\n      letter-spacing: 0.2em;\r\n      color: var(--yellow);\r\n      text-transform: uppercase;\r\n      margin-bottom: 1.5rem;\r\n      opacity: 0;\r\n      animation: fadeUp 0.6s 0.2s forwards;\r\n    }\r\n\r\n    .hero-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(4rem, 10vw, 9rem);\r\n      line-height: 0.9;\r\n      letter-spacing: 0.02em;\r\n      color: var(--yellow);\r\n      text-shadow:\r\n        0 0 30px rgba(255,230,0,0.6),\r\n        0 0 80px rgba(255,230,0,0.2),\r\n        0 0 120px rgba(255,230,0,0.1);\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s 0.4s forwards;\r\n      margin-bottom: 0.3rem;\r\n    }\r\n\r\n    .hero-subtitle {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(1.8rem, 4vw, 3.5rem);\r\n      color: var(--text);\r\n      letter-spacing: 0.08em;\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s 0.6s forwards;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .hero-desc {\r\n      font-size: 1.1rem;\r\n      font-weight: 500;\r\n      color: #999;\r\n      line-height: 1.7;\r\n      max-width: 480px;\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s 0.8s forwards;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .hero-btns {\r\n      display: flex;\r\n      gap: 1rem;\r\n      flex-wrap: wrap;\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s 1s forwards;\r\n    }\r\n\r\n    .btn-primary {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.8rem;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--black);\r\n      background: var(--yellow);\r\n      border: none;\r\n      padding: 0.9rem 2.2rem;\r\n      cursor: none;\r\n      text-decoration: none;\r\n      display: inline-block;\r\n      clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));\r\n      transition: box-shadow 0.2s, transform 0.15s;\r\n      font-weight: 700;\r\n    }\r\n    .btn-primary:hover {\r\n      box-shadow: 0 0 30px var(--yellow), 0 0 60px var(--yellow-glow);\r\n      transform: scale(1.03);\r\n    }\r\n\r\n    .btn-outline {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.8rem;\r\n      letter-spacing: 0.12em;\r\n      text-transform: uppercase;\r\n      color: var(--yellow);\r\n      background: transparent;\r\n      border: 1px solid var(--yellow);\r\n      padding: 0.9rem 2.2rem;\r\n      cursor: none;\r\n      text-decoration: none;\r\n      display: inline-block;\r\n      transition: background 0.2s, box-shadow 0.2s;\r\n    }\r\n    .btn-outline:hover {\r\n      background: rgba(255,230,0,0.07);\r\n      box-shadow: 0 0 20px var(--yellow-glow);\r\n    }\r\n\r\n    .hero-stats {\r\n      position: absolute;\r\n      right: 5vw;\r\n      bottom: 10vh;\r\n      z-index: 2;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 2rem;\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s 1.2s forwards;\r\n    }\r\n    .stat {\r\n      text-align: right;\r\n    }\r\n    .stat-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 3rem;\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 20px var(--yellow-glow);\r\n      line-height: 1;\r\n    }\r\n    .stat-label {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.7rem;\r\n      color: var(--muted);\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* MARQUEE *\/\r\n    .marquee-wrap {\r\n      overflow: hidden;\r\n      background: var(--yellow);\r\n      padding: 0.6rem 0;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .marquee-track {\r\n      display: flex;\r\n      white-space: nowrap;\r\n      animation: marquee 22s linear infinite;\r\n      gap: 0;\r\n    }\r\n    .marquee-track span {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.1rem;\r\n      letter-spacing: 0.15em;\r\n      color: var(--black);\r\n      padding: 0 2.5rem;\r\n    }\r\n    .marquee-sep { color: var(--black); opacity: 0.4; }\r\n\r\n    @keyframes marquee {\r\n      from { transform: translateX(0); }\r\n      to { transform: translateX(-50%); }\r\n    }\r\n\r\n    \/* SECTION SHARED *\/\r\n    section {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .section-header {\r\n      text-align: center;\r\n      margin-bottom: 4rem;\r\n    }\r\n\r\n    .section-tag {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.72rem;\r\n      letter-spacing: 0.22em;\r\n      color: var(--yellow);\r\n      text-transform: uppercase;\r\n      margin-bottom: 0.8rem;\r\n      display: block;\r\n    }\r\n\r\n    .section-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(2.5rem, 6vw, 5rem);\r\n      letter-spacing: 0.05em;\r\n      line-height: 1;\r\n      color: #fff;\r\n    }\r\n\r\n    .section-title em {\r\n      font-style: normal;\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 20px var(--yellow-glow);\r\n    }\r\n\r\n    \/* SERVICES *\/\r\n    .services {\r\n      padding: 8rem 5vw;\r\n    }\r\n\r\n    .services-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n      gap: 1.5px;\r\n      background: var(--border);\r\n    }\r\n\r\n    .service-card {\r\n      background: var(--panel);\r\n      padding: 2.5rem 2rem;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: background 0.3s;\r\n    }\r\n\r\n    .service-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0;\r\n      height: 2px;\r\n      width: 0;\r\n      background: var(--yellow);\r\n      box-shadow: 0 0 12px var(--yellow);\r\n      transition: width 0.4s ease;\r\n    }\r\n\r\n    .service-card:hover { background: #161616; }\r\n    .service-card:hover::before { width: 100%; }\r\n\r\n    .service-icon {\r\n      font-size: 2.5rem;\r\n      margin-bottom: 1.2rem;\r\n      display: block;\r\n      filter: drop-shadow(0 0 8px var(--yellow-glow));\r\n    }\r\n\r\n    .service-num {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      color: var(--yellow);\r\n      letter-spacing: 0.2em;\r\n      margin-bottom: 0.8rem;\r\n      display: block;\r\n    }\r\n\r\n    .service-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.8rem;\r\n      letter-spacing: 0.05em;\r\n      color: #fff;\r\n      margin-bottom: 0.8rem;\r\n    }\r\n\r\n    .service-desc {\r\n      font-size: 0.92rem;\r\n      color: #777;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* PORTFOLIO *\/\r\n    .portfolio {\r\n      padding: 6rem 5vw;\r\n      background: var(--dark);\r\n    }\r\n\r\n    .portfolio-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(12, 1fr);\r\n      grid-template-rows: auto;\r\n      gap: 1.5px;\r\n      background: var(--border);\r\n      margin-top: 4rem;\r\n    }\r\n\r\n    .port-item {\r\n      position: relative;\r\n      overflow: hidden;\r\n      background: #1a1a1a;\r\n    }\r\n    .port-item:nth-child(1) { grid-column: span 7; }\r\n    .port-item:nth-child(2) { grid-column: span 5; }\r\n    .port-item:nth-child(3) { grid-column: span 4; }\r\n    .port-item:nth-child(4) { grid-column: span 8; }\r\n\r\n    .port-item img {\r\n      width: 100%;\r\n      height: 320px;\r\n      object-fit: cover;\r\n      display: block;\r\n      filter: saturate(0.2) brightness(0.7);\r\n      transition: filter 0.5s, transform 0.6s;\r\n    }\r\n    .port-item:hover img {\r\n      filter: saturate(0.6) brightness(0.9);\r\n      transform: scale(1.05);\r\n    }\r\n\r\n    .port-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(8,8,8,0.9) 0%, transparent 60%);\r\n      display: flex;\r\n      align-items: flex-end;\r\n      padding: 1.5rem;\r\n    }\r\n\r\n    .port-label {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.4rem;\r\n      letter-spacing: 0.08em;\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 12px var(--yellow-glow);\r\n    }\r\n    .port-sub {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      color: #888;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    \/* PROCESS *\/\r\n    .process {\r\n      padding: 8rem 5vw;\r\n    }\r\n\r\n    .process-steps {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n      gap: 0;\r\n      margin-top: 4rem;\r\n      position: relative;\r\n    }\r\n\r\n    .process-step {\r\n      padding: 2.5rem 2rem;\r\n      border-right: 1px solid var(--border);\r\n      position: relative;\r\n    }\r\n    .process-step:last-child { border-right: none; }\r\n\r\n    .step-num {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 6rem;\r\n      line-height: 1;\r\n      color: rgba(255,230,0,0.08);\r\n      position: absolute;\r\n      top: 1rem; right: 1.5rem;\r\n    }\r\n\r\n    .step-icon {\r\n      font-size: 1.8rem;\r\n      margin-bottom: 1rem;\r\n    }\r\n\r\n    .step-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.5rem;\r\n      letter-spacing: 0.05em;\r\n      color: var(--yellow);\r\n      margin-bottom: 0.6rem;\r\n    }\r\n\r\n    .step-desc {\r\n      font-size: 0.88rem;\r\n      color: #666;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* MATERIALS *\/\r\n    .materials {\r\n      padding: 6rem 5vw;\r\n      background: var(--dark);\r\n    }\r\n\r\n    .materials-list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 1rem;\r\n      margin-top: 3rem;\r\n      justify-content: center;\r\n    }\r\n\r\n    .mat-tag {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.78rem;\r\n      letter-spacing: 0.1em;\r\n      color: var(--yellow);\r\n      border: 1px solid rgba(255,230,0,0.3);\r\n      padding: 0.5rem 1.2rem;\r\n      text-transform: uppercase;\r\n      transition: background 0.2s, box-shadow 0.2s;\r\n    }\r\n    .mat-tag:hover {\r\n      background: rgba(255,230,0,0.08);\r\n      box-shadow: 0 0 16px var(--yellow-glow);\r\n    }\r\n\r\n    \/* CTA BAND *\/\r\n    .cta-band {\r\n      padding: 8rem 5vw;\r\n      text-align: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .cta-band::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: radial-gradient(ellipse at center, rgba(255,230,0,0.06) 0%, transparent 70%);\r\n    }\r\n\r\n    .cta-band-title {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(3rem, 7vw, 7rem);\r\n      letter-spacing: 0.04em;\r\n      color: #fff;\r\n      line-height: 1;\r\n      margin-bottom: 1.5rem;\r\n      position: relative;\r\n    }\r\n    .cta-band-title span {\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 40px rgba(255,230,0,0.5);\r\n    }\r\n\r\n    .cta-band-sub {\r\n      font-size: 1rem;\r\n      color: #666;\r\n      margin-bottom: 2.5rem;\r\n      font-family: 'Share Tech Mono', monospace;\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    \/* CONTACT *\/\r\n    .contact {\r\n      padding: 8rem 5vw;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 5rem;\r\n      align-items: start;\r\n    }\r\n\r\n    .contact-info h2 {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: clamp(2.5rem, 5vw, 4.5rem);\r\n      letter-spacing: 0.05em;\r\n      line-height: 1;\r\n      color: #fff;\r\n      margin-bottom: 1.5rem;\r\n    }\r\n    .contact-info h2 em {\r\n      font-style: normal;\r\n      color: var(--yellow);\r\n    }\r\n\r\n    .contact-info p {\r\n      font-size: 0.95rem;\r\n      color: #666;\r\n      line-height: 1.8;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .contact-details {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1.2rem;\r\n    }\r\n\r\n    .contact-row {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .contact-icon {\r\n      width: 40px; height: 40px;\r\n      border: 1px solid rgba(255,230,0,0.3);\r\n      display: flex; align-items: center; justify-content: center;\r\n      font-size: 1rem;\r\n      flex-shrink: 0;\r\n      color: var(--yellow);\r\n    }\r\n\r\n    .contact-label {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      color: var(--muted);\r\n      letter-spacing: 0.15em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .contact-val {\r\n      font-size: 0.95rem;\r\n      color: var(--text);\r\n      font-weight: 600;\r\n    }\r\n\r\n    .contact-form {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 1rem;\r\n    }\r\n\r\n    .form-group {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    .form-group label {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.15em;\r\n      color: var(--muted);\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .form-group input,\r\n    .form-group textarea,\r\n    .form-group select {\r\n      background: var(--panel);\r\n      border: 1px solid var(--border);\r\n      color: var(--text);\r\n      padding: 0.8rem 1rem;\r\n      font-family: 'Rajdhani', sans-serif;\r\n      font-size: 0.95rem;\r\n      outline: none;\r\n      transition: border-color 0.2s, box-shadow 0.2s;\r\n    }\r\n    .form-group input:focus,\r\n    .form-group textarea:focus,\r\n    .form-group select:focus {\r\n      border-color: var(--yellow);\r\n      box-shadow: 0 0 12px var(--yellow-glow);\r\n    }\r\n    .form-group textarea { resize: vertical; min-height: 120px; }\r\n\r\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\r\n\r\n    \/* FOOTER *\/\r\n    footer {\r\n      border-top: 1px solid var(--border);\r\n      padding: 2.5rem 5vw;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: var(--black);\r\n    }\r\n\r\n    .footer-logo {\r\n      font-family: 'Bebas Neue', sans-serif;\r\n      font-size: 1.5rem;\r\n      letter-spacing: 0.15em;\r\n      color: var(--yellow);\r\n      text-shadow: 0 0 12px var(--yellow-glow);\r\n    }\r\n\r\n    .footer-copy {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      color: var(--muted);\r\n      letter-spacing: 0.1em;\r\n    }\r\n\r\n    .footer-links {\r\n      display: flex; gap: 2rem; list-style: none;\r\n    }\r\n    .footer-links a {\r\n      font-family: 'Share Tech Mono', monospace;\r\n      font-size: 0.65rem;\r\n      color: var(--muted);\r\n      text-decoration: none;\r\n      letter-spacing: 0.1em;\r\n      text-transform: uppercase;\r\n      transition: color 0.2s;\r\n    }\r\n    .footer-links a:hover { color: var(--yellow); }\r\n\r\n    \/* NEON LINE DECORATORS *\/\r\n    .neon-line {\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, var(--yellow), transparent);\r\n      opacity: 0.4;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes pulse-glow {\r\n      0%, 100% { text-shadow: 0 0 30px rgba(255,230,0,0.5), 0 0 80px rgba(255,230,0,0.15); }\r\n      50% { text-shadow: 0 0 50px rgba(255,230,0,0.8), 0 0 120px rgba(255,230,0,0.3); }\r\n    }\r\n\r\n    .hero-title { animation: fadeUp 0.8s 0.4s forwards, pulse-glow 4s 1.5s infinite; }\r\n\r\n    \/* SCROLL REVEAL *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(40px);\r\n      transition: opacity 0.7s ease, transform 0.7s ease;\r\n    }\r\n    .reveal.visible {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .contact { grid-template-columns: 1fr; gap: 3rem; }\r\n      .hero-stats { display: none; }\r\n      .port-item:nth-child(1),\r\n      .port-item:nth-child(2),\r\n      .port-item:nth-child(3),\r\n      .port-item:nth-child(4) { grid-column: span 12; }\r\n      footer { flex-direction: column; gap: 1rem; text-align: center; }\r\n      .footer-links { display: none; }\r\n      .form-row { grid-template-columns: 1fr; }\r\n      nav .nav-links { display: none; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"cursor\" id=\"cursor\"><\/div>\r\n  <div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n  <!-- NAV -->\r\n  <nav>\r\n    <a class=\"nav-logo\" href=\"#\">MTGI<\/a>\r\n    <ul class=\"nav-links\">\r\n      <li><a href=\"#uslugi\">Us\u0142ugi<\/a><\/li>\r\n      <li><a href=\"#portfolio\">Portfolio<\/a><\/li>\r\n      <li><a href=\"#proces\">Proces<\/a><\/li>\r\n      <li><a href=\"#materialy\">Materia\u0142y<\/a><\/li>\r\n      <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\r\n    <\/ul>\r\n    <button class=\"nav-cta\">Wyce\u0144 projekt<\/button>\r\n  <\/nav>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"hero\">\r\n    <img decoding=\"async\"\r\n      class=\"hero-img\"\r\n      src=\"https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?w=1600&q=80\"\r\n      alt=\"3D printing background\"\r\n    \/>\r\n    <div class=\"hero-overlay\"><\/div>\r\n\r\n    <div class=\"hero-content\">\r\n      <p class=\"hero-tag\">\/\/ Precyzja. Innowacja. Produkcja.<\/p>\r\n      <h1 class=\"hero-title\">DRUK 3D<\/h1>\r\n      <h2 class=\"hero-subtitle\">dla twojej firmy<\/h2>\r\n      <p class=\"hero-desc\">\r\n        Projektujemy i drukujemy komponenty, prototypy oraz serie produkcyjne.\r\n        Od pliku CAD do gotowego elementu \u2014 w dni, nie tygodnie.\r\n      <\/p>\r\n      <div class=\"hero-btns\">\r\n        <a class=\"btn-primary\" href=\"#kontakt\">Rozpocznij projekt<\/a>\r\n        <a class=\"btn-outline\" href=\"#portfolio\">Zobacz realizacje<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-stats\">\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">350+<\/div>\r\n        <div class=\"stat-label\">Zrealizowanych projekt\u00f3w<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">0.05mm<\/div>\r\n        <div class=\"stat-label\">Dok\u0142adno\u015b\u0107 wydruku<\/div>\r\n      <\/div>\r\n      <div class=\"stat\">\r\n        <div class=\"stat-num\">48h<\/div>\r\n        <div class=\"stat-label\">Ekspresowa realizacja<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MARQUEE -->\r\n  <div class=\"marquee-wrap\">\r\n    <div class=\"marquee-track\">\r\n      <span>FDM<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>SLA \/ \u017bywica<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>SLS \/ Proszek<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Projektowanie CAD<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>In\u017cynieria odwrotna<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Prototypy<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Ma\u0142e Serie<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Obr\u00f3bka Ko\u0144cowa<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <!-- duplicate for seamless loop -->\r\n      <span>FDM<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>SLA \/ \u017bywica<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>SLS \/ Proszek<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Projektowanie CAD<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>In\u017cynieria odwrotna<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Prototypy<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Ma\u0142e Serie<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n      <span>Obr\u00f3bka Ko\u0144cowa<\/span><span class=\"marquee-sep\">\u25c6<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SERVICES -->\r\n  <section class=\"services\" id=\"uslugi\">\r\n    <div class=\"section-header reveal\">\r\n      <span class=\"section-tag\">\/\/ 01 \u2014 Oferta<\/span>\r\n      <h2 class=\"section-title\">Nasze <em>Us\u0142ugi<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"services-grid\">\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\ud83d\udda8\ufe0f<\/span>\r\n        <span class=\"service-num\">01 \/\/<\/span>\r\n        <h3 class=\"service-title\">Druk FDM<\/h3>\r\n        <p class=\"service-desc\">Szybkie prototypy i elementy u\u017cytkowe z tworzyw termoplastycznych. PLA, PETG, ABS, ASA, PC, Nylon \u2014 dobieramy materia\u0142 do zastosowania.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\ud83d\udca1<\/span>\r\n        <span class=\"service-num\">02 \/\/<\/span>\r\n        <h3 class=\"service-title\">Druk SLA\/MSLA<\/h3>\r\n        <p class=\"service-desc\">Wydruki \u017cywiczne o najwy\u017cszej szczeg\u00f3\u0142owo\u015bci. Idealne dla element\u00f3w o skomplikowanej geometrii, bi\u017cuterii przemys\u0142owej i ma\u0142ych komponent\u00f3w.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\u2699\ufe0f<\/span>\r\n        <span class=\"service-num\">03 \/\/<\/span>\r\n        <h3 class=\"service-title\">Projektowanie CAD<\/h3>\r\n        <p class=\"service-desc\">Modelujemy od podstaw na bazie szkicu, rysunku technicznego lub pr\u00f3bki. In\u017cynieria odwrotna i optymalizacja topologiczna w standardzie.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\ud83c\udfed<\/span>\r\n        <span class=\"service-num\">04 \/\/<\/span>\r\n        <h3 class=\"service-title\">Ma\u0142e Serie<\/h3>\r\n        <p class=\"service-desc\">Produkcja seryjna do kilkuset sztuk. Alternatywa dla form wtryskowych przy ma\u0142ych wolumenach \u2014 bez koszt\u00f3w oprzyrz\u0105dowania.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\ud83d\udd2c<\/span>\r\n        <span class=\"service-num\">05 \/\/<\/span>\r\n        <h3 class=\"service-title\">Skan 3D<\/h3>\r\n        <p class=\"service-desc\">Digitalizacja istniej\u0105cych element\u00f3w z dok\u0142adno\u015bci\u0105 do 0.05 mm. Podstawa do in\u017cynierii odwrotnej, kontroli jako\u015bci i archiwizacji.<\/p>\r\n      <\/div>\r\n      <div class=\"service-card reveal\">\r\n        <span class=\"service-icon\">\u2728<\/span>\r\n        <span class=\"service-num\">06 \/\/<\/span>\r\n        <h3 class=\"service-title\">Obr\u00f3bka Ko\u0144cowa<\/h3>\r\n        <p class=\"service-desc\">Szlifowanie, malowanie, metalizacja, laminowanie. Wydruki gotowe do monta\u017cu lub prezentacji \u2014 bez dodatkowych podwykonawc\u00f3w.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- PORTFOLIO -->\r\n  <section class=\"portfolio\" id=\"portfolio\">\r\n    <div class=\"section-header reveal\">\r\n      <span class=\"section-tag\">\/\/ 02 \u2014 Realizacje<\/span>\r\n      <h2 class=\"section-title\"><em>Portfolio<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"portfolio-grid\">\r\n      <div class=\"port-item reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606206522800-8d3041e59e3e?w=900&q=80\" alt=\"Wydruk 3D prototyp\" \/>\r\n        <div class=\"port-overlay\">\r\n          <div>\r\n            <div class=\"port-label\">Prototyp Przemys\u0142owy<\/div>\r\n            <div class=\"port-sub\">Bran\u017ca motoryzacyjna \u00b7 FDM ASA<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-item reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631549916768-4119b2e5f926?w=700&q=80\" alt=\"3D scanner\" \/>\r\n        <div class=\"port-overlay\">\r\n          <div>\r\n            <div class=\"port-label\">Skanowanie i Replikacja<\/div>\r\n            <div class=\"port-sub\">Przemys\u0142 \u00b7 In\u017cynieria odwrotna<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-item reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1609151162893-37be46a1f2c7?w=600&q=80\" alt=\"Drukarka 3D\" \/>\r\n        <div class=\"port-overlay\">\r\n          <div>\r\n            <div class=\"port-label\">Seria 200 szt.<\/div>\r\n            <div class=\"port-sub\">Elektronika \u00b7 PETG + PC<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"port-item reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092795360-fd1ca04f0952?w=1100&q=80\" alt=\"In\u017cynier 3D\" \/>\r\n        <div class=\"port-overlay\">\r\n          <div>\r\n            <div class=\"port-label\">Model Architektoniczny<\/div>\r\n            <div class=\"port-sub\">Budownictwo \u00b7 SLA \u017bywica<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"neon-line\"><\/div>\r\n\r\n  <!-- PROCESS -->\r\n  <section class=\"process\" id=\"proces\">\r\n    <div class=\"section-header reveal\">\r\n      <span class=\"section-tag\">\/\/ 03 \u2014 Jak dzia\u0142amy<\/span>\r\n      <h2 class=\"section-title\">Prosty <em>Proces<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"process-steps\">\r\n      <div class=\"process-step reveal\">\r\n        <span class=\"step-num\">01<\/span>\r\n        <div class=\"step-icon\">\ud83d\udccb<\/div>\r\n        <h3 class=\"step-title\">Briefing<\/h3>\r\n        <p class=\"step-desc\">Opisujesz potrzeb\u0119 \u2014 funkcja, materia\u0142, ilo\u015b\u0107, termin. Wycena w ci\u0105gu 24 godzin bez ukrytych koszt\u00f3w.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step reveal\">\r\n        <span class=\"step-num\">02<\/span>\r\n        <div class=\"step-icon\">\ud83e\udde9<\/div>\r\n        <h3 class=\"step-title\">Projekt<\/h3>\r\n        <p class=\"step-desc\">Modelujemy lub optymalizujemy Tw\u00f3j plik 3D. Przesy\u0142amy podgl\u0105d do akceptacji przed produkcj\u0105.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step reveal\">\r\n        <span class=\"step-num\">03<\/span>\r\n        <div class=\"step-icon\">\ud83d\udda8\ufe0f<\/div>\r\n        <h3 class=\"step-title\">Produkcja<\/h3>\r\n        <p class=\"step-desc\">Drukujemy na parkach maszyn FDM i \u017cywicznych. Kontrola jako\u015bci ka\u017cdego elementu przed wysy\u0142k\u0105.<\/p>\r\n      <\/div>\r\n      <div class=\"process-step reveal\">\r\n        <span class=\"step-num\">04<\/span>\r\n        <div class=\"step-icon\">\ud83d\udce6<\/div>\r\n        <h3 class=\"step-title\">Dostawa<\/h3>\r\n        <p class=\"step-desc\">Pakujemy i wysy\u0142amy kurierem lub osobi\u015bcie. Sta\u0142y kontakt i \u015bledzenie przesy\u0142ki w czasie rzeczywistym.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- MATERIALS -->\r\n  <section class=\"materials\" id=\"materialy\">\r\n    <div class=\"section-header reveal\">\r\n      <span class=\"section-tag\">\/\/ 04 \u2014 Technologie<\/span>\r\n      <h2 class=\"section-title\">Dost\u0119pne <em>Materia\u0142y<\/em><\/h2>\r\n    <\/div>\r\n    <div class=\"materials-list reveal\">\r\n      <span class=\"mat-tag\">PLA \/ PLA+<\/span>\r\n      <span class=\"mat-tag\">PETG<\/span>\r\n      <span class=\"mat-tag\">ABS<\/span>\r\n      <span class=\"mat-tag\">ASA<\/span>\r\n      <span class=\"mat-tag\">Nylon PA12<\/span>\r\n      <span class=\"mat-tag\">Polycarbonate<\/span>\r\n      <span class=\"mat-tag\">TPU \/ TPE<\/span>\r\n      <span class=\"mat-tag\">Carbon Fiber<\/span>\r\n      <span class=\"mat-tag\">\u017bywica Standard<\/span>\r\n      <span class=\"mat-tag\">\u017bywica ABS-Like<\/span>\r\n      <span class=\"mat-tag\">\u017bywica Water Wash<\/span>\r\n      <span class=\"mat-tag\">\u017bywica Tough<\/span>\r\n      <span class=\"mat-tag\">\u017bywica Dental<\/span>\r\n      <span class=\"mat-tag\">PVA (Support)<\/span>\r\n      <span class=\"mat-tag\">HIPS<\/span>\r\n      <span class=\"mat-tag\">Filament Metal<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- CTA BAND -->\r\n  <section class=\"cta-band\">\r\n    <div class=\"section-tag\">\/\/ Gotowy na projekt?<\/div>\r\n    <h2 class=\"cta-band-title reveal\">Zamie\u0144 pomys\u0142<br\/> w <span>rzeczywisto\u015b\u0107.<\/span><\/h2>\r\n    <p class=\"cta-band-sub reveal\">Bezp\u0142atna wycena \u00b7 Odpowied\u017a w 24h \u00b7 Wysy\u0142ka w ca\u0142ej Polsce<\/p>\r\n    <a class=\"btn-primary reveal\" href=\"#kontakt\" style=\"font-size:0.85rem; padding:1rem 3rem;\">Skontaktuj si\u0119 teraz<\/a>\r\n  <\/section>\r\n\r\n  <!-- CONTACT -->\r\n  <section class=\"contact\" id=\"kontakt\">\r\n    <div class=\"contact-info reveal\">\r\n      <h2>Napisz do <em>nas<\/em><\/h2>\r\n      <p>Jeste\u015bmy do dyspozycji od poniedzia\u0142ku do pi\u0105tku w godz. 8:00\u201317:00. Odpowiadamy na ka\u017cde zapytanie \u2014 du\u017ce i ma\u0142e.<\/p>\r\n\r\n      <div class=\"contact-details\">\r\n        <div class=\"contact-row\">\r\n          <div class=\"contact-icon\">\ud83d\udccd<\/div>\r\n          <div>\r\n            <div class=\"contact-label\">Adres<\/div>\r\n            <div class=\"contact-val\">ul. Przemys\u0142owa 14, 32-050 Skawina<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-row\">\r\n          <div class=\"contact-icon\">\ud83d\udcde<\/div>\r\n          <div>\r\n            <div class=\"contact-label\">Telefon<\/div>\r\n            <div class=\"contact-val\">+48 512 348 901<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-row\">\r\n          <div class=\"contact-icon\">\u2709\ufe0f<\/div>\r\n          <div>\r\n            <div class=\"contact-label\">Email<\/div>\r\n            <div class=\"contact-val\">biuro@mtgi.pl<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-row\">\r\n          <div class=\"contact-icon\">\ud83d\udd50<\/div>\r\n          <div>\r\n            <div class=\"contact-label\">Godziny pracy<\/div>\r\n            <div class=\"contact-val\">Pon\u2013Pt: 8:00 \u2013 17:00<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-row\">\r\n          <div class=\"contact-icon\">\ud83c\udfe2<\/div>\r\n          <div>\r\n            <div class=\"contact-label\">NIP \/ REGON<\/div>\r\n            <div class=\"contact-val\">6831902748 \/ 387241059<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <form class=\"contact-form reveal\" onsubmit=\"handleSubmit(event)\">\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label for=\"name\">Imi\u0119 i Nazwisko<\/label>\r\n          <input type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\" \/>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label for=\"company\">Firma<\/label>\r\n          <input type=\"text\" id=\"company\" placeholder=\"Nazwa sp. z o.o.\" \/>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-row\">\r\n        <div class=\"form-group\">\r\n          <label for=\"email\">Email<\/label>\r\n          <input type=\"email\" id=\"email\" placeholder=\"jan@firma.pl\" \/>\r\n        <\/div>\r\n        <div class=\"form-group\">\r\n          <label for=\"phone\">Telefon<\/label>\r\n          <input type=\"tel\" id=\"phone\" placeholder=\"+48 500 000 000\" \/>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"service\">Rodzaj us\u0142ugi<\/label>\r\n        <select id=\"service\">\r\n          <option value=\"\">\u2014 Wybierz us\u0142ug\u0119 \u2014<\/option>\r\n          <option>Druk FDM<\/option>\r\n          <option>Druk SLA\/MSLA<\/option>\r\n          <option>Projektowanie CAD<\/option>\r\n          <option>Ma\u0142a Seria Produkcyjna<\/option>\r\n          <option>Skanowanie 3D<\/option>\r\n          <option>Inne<\/option>\r\n        <\/select>\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"msg\">Opis projektu<\/label>\r\n        <textarea id=\"msg\" placeholder=\"Opisz sw\u00f3j projekt \u2014 wymiary, materia\u0142, ilo\u015b\u0107 sztuk, termin realizacji...\"><\/textarea>\r\n      <\/div>\r\n      <button type=\"submit\" class=\"btn-primary\" style=\"width:100%; justify-content:center; text-align:center;\" id=\"submitBtn\">\r\n        Wy\u015blij zapytanie \u2192\r\n      <\/button>\r\n    <\/form>\r\n  <\/section>\r\n\r\n  <!-- FOOTER -->\r\n  <footer>\r\n    <div class=\"footer-logo\">MTGI<\/div>\r\n    <ul class=\"footer-links\">\r\n      <li><a href=\"#\">Polityka Prywatno\u015bci<\/a><\/li>\r\n      <li><a href=\"#\">Regulamin<\/a><\/li>\r\n      <li><a href=\"#\">RODO<\/a><\/li>\r\n    <\/ul>\r\n    <p class=\"footer-copy\">\u00a9 2025 MTGI Sp. z o.o. \u2014 Wszelkie prawa zastrze\u017cone.<\/p>\r\n  <\/footer>\r\n\r\n  <script>\r\n    \/\/ Cursor\r\n    const cursor = document.getElementById('cursor');\r\n    const ring = document.getElementById('cursorRing');\r\n    document.addEventListener('mousemove', e => {\r\n      cursor.style.left = e.clientX + 'px';\r\n      cursor.style.top  = e.clientY + 'px';\r\n      setTimeout(() => {\r\n        ring.style.left = e.clientX + 'px';\r\n        ring.style.top  = e.clientY + 'px';\r\n      }, 60);\r\n    });\r\n    document.querySelectorAll('a,button,input,textarea,select,.service-card,.port-item,.mat-tag').forEach(el => {\r\n      el.addEventListener('mouseenter', () => {\r\n        cursor.style.transform = 'translate(-50%,-50%) scale(1.8)';\r\n        ring.style.width = '56px'; ring.style.height = '56px';\r\n      });\r\n      el.addEventListener('mouseleave', () => {\r\n        cursor.style.transform = 'translate(-50%,-50%) scale(1)';\r\n        ring.style.width = '36px'; ring.style.height = '36px';\r\n      });\r\n    });\r\n\r\n    \/\/ Scroll Reveal\r\n    const reveals = document.querySelectorAll('.reveal');\r\n    const observer = new IntersectionObserver(entries => {\r\n      entries.forEach((e, i) => {\r\n        if (e.isIntersecting) {\r\n          e.target.style.transitionDelay = (i % 4) * 0.1 + 's';\r\n          e.target.classList.add('visible');\r\n          observer.unobserve(e.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.12 });\r\n    reveals.forEach(r => observer.observe(r));\r\n\r\n    \/\/ Form submit\r\n    function handleSubmit(e) {\r\n      e.preventDefault();\r\n      const btn = document.getElementById('submitBtn');\r\n      btn.textContent = '\u2714 Wys\u0142ano! Odpiszemy w 24h';\r\n      btn.style.background = '#2a2a2a';\r\n      btn.style.color = 'var(--yellow)';\r\n      btn.style.boxShadow = '0 0 20px var(--yellow-glow)';\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MTGI \u2014 Druk 3D dla Firm MTGI Us\u0142ugi Portfolio Proces Materia\u0142y Kontakt Wyce\u0144 projekt \/\/ Precyzja. Innowacja. Produkcja. DRUK 3D dla twojej firmy Projektujemy i drukujemy komponenty, prototypy oraz serie produkcyjne. Od pliku CAD do gotowego elementu \u2014 w dni, nie tygodnie. Rozpocznij projekt Zobacz realizacje 350+ Zrealizowanych projekt\u00f3w 0.05mm Dok\u0142adno\u015b\u0107 wydruku 48h Ekspresowa realizacja [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mtgi.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":13,"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/mtgi.pl\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/mtgi.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}