{"id":4151,"date":"2026-04-11T14:01:19","date_gmt":"2026-04-11T14:01:19","guid":{"rendered":"https:\/\/philadelphia-solar.com\/ar\/?page_id=4151"},"modified":"2026-04-11T20:59:19","modified_gmt":"2026-04-11T20:59:19","slug":"m10-g12-wafers","status":"publish","type":"page","link":"https:\/\/philadelphia-solar.com\/ar\/m10-g12-wafers\/","title":{"rendered":"M10 & G12 Wafers"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n M10 & G12 Wafer Technology | Philadelphia Solar<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root{\r\n --bg:#010101;\r\n --bg-2:#05070b;\r\n --surface:rgba(255,255,255,0.028);\r\n --surface-2:rgba(255,255,255,0.018);\r\n --surface-3:rgba(255,255,255,0.012);\r\n --line:rgba(255,255,255,0.07);\r\n --line-soft:rgba(65,165,196,0.11);\r\n --cyan:#41a5c4;\r\n --cyan-2:#7fe2ff;\r\n --cyan-3:#35c3ea;\r\n --violet:#6a63ff;\r\n --text:#ffffff;\r\n --muted:#93a2b0;\r\n --muted-2:#6f7d8b;\r\n --shadow-lg:0 30px 80px rgba(0,0,0,.48);\r\n --shadow-md:0 18px 40px rgba(0,0,0,.34);\r\n --radius-xl:30px;\r\n --radius-lg:22px;\r\n --radius-md:16px;\r\n --container:min(1240px, calc(100% - 40px));\r\n }\r\n\r\n *{box-sizing:border-box}\r\n html{scroll-behavior:smooth}\r\n\r\n body{\r\n margin:0;\r\n font-family:'Inter',sans-serif;\r\n color:var(--text);\r\n background:\r\n radial-gradient(circle at top left, rgba(65,165,196,.05), transparent 20%),\r\n radial-gradient(circle at 90% 10%, rgba(106,99,255,.05), transparent 16%),\r\n radial-gradient(circle at bottom right, rgba(65,165,196,.04), transparent 22%),\r\n #010101;\r\n overflow-x:hidden;\r\n -webkit-font-smoothing:antialiased;\r\n text-rendering:optimizeLegibility;\r\n }\r\n\r\n img,svg{display:block;max-width:100%}\r\n a{text-decoration:none;color:inherit}\r\n\r\n .container{\r\n width:var(--container);\r\n margin-inline:auto;\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .section{\r\n padding:110px 0;\r\n position:relative;\r\n }\r\n\r\n .section::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n pointer-events:none;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,0.008), transparent 18%, transparent 82%, rgba(255,255,255,0.008));\r\n opacity:.45;\r\n }\r\n\r\n .eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n color:var(--cyan-2);\r\n font-size:.76rem;\r\n letter-spacing:2.8px;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n margin-bottom:18px;\r\n }\r\n\r\n .eyebrow::before{\r\n content:\"\";\r\n width:34px;\r\n height:1px;\r\n background:linear-gradient(90deg, transparent, var(--cyan-3));\r\n opacity:.8;\r\n }\r\n\r\n .section-title{\r\n margin:0 0 20px;\r\n font-size:clamp(34px, 4vw, 58px);\r\n line-height:1.08;\r\n letter-spacing:-0.015em;\r\n font-weight:850;\r\n max-width:900px;\r\n }\r\n\r\n .section-text{\r\n margin:0;\r\n max-width:760px;\r\n color:var(--muted);\r\n line-height:1.95;\r\n font-size:1.02rem;\r\n }\r\n\r\n \/* HERO *\/\r\n .hero{\r\n min-height:96vh;\r\n display:flex;\r\n align-items:center;\r\n position:relative;\r\n overflow:hidden;\r\n padding:40px 0;\r\n background:\r\n linear-gradient(90deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.08) 100%);\r\n }\r\n\r\n .hero::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(90deg, rgba(1,1,1,.34) 0%, rgba(1,1,1,.16) 40%, rgba(1,1,1,.04) 100%);\r\n pointer-events:none;\r\n z-index:1;\r\n }\r\n\r\n .hero::after{\r\n content:\"\";\r\n position:absolute;\r\n width:520px;\r\n height:520px;\r\n right:-120px;\r\n top:-120px;\r\n background:radial-gradient(circle, rgba(65,165,196,.08), transparent 68%);\r\n filter:blur(34px);\r\n opacity:.7;\r\n pointer-events:none;\r\n }\r\n\r\n .hero-grid{\r\n position:relative;\r\n z-index:2;\r\n display:grid;\r\n grid-template-columns:1.02fr .98fr;\r\n gap:56px;\r\n align-items:center;\r\n }\r\n\r\n .hero-copy{\r\n max-width:720px;\r\n }\r\n\r\n .hero-copy h1{\r\n margin:0 0 22px;\r\n font-size:clamp(44px, 5.6vw, 80px);\r\n line-height:1.01;\r\n letter-spacing:-0.022em;\r\n font-weight:820;\r\n }\r\n\r\n .hero-copy h1 span{\r\n background:linear-gradient(90deg, #d9fbff 0%, var(--cyan-2) 45%, var(--cyan-3) 100%);\r\n -webkit-background-clip:text;\r\n background-clip:text;\r\n color:transparent;\r\n }\r\n\r\n .hero-copy p{\r\n margin:0 0 32px;\r\n max-width:650px;\r\n color:var(--muted);\r\n font-size:1.04rem;\r\n line-height:1.95;\r\n }\r\n\r\n .hero-meta{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:12px;\r\n margin-bottom:28px;\r\n }\r\n\r\n .hero-chip{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:8px;\r\n padding:10px 14px;\r\n border-radius:999px;\r\n background:rgba(255,255,255,.018);\r\n border:1px solid rgba(255,255,255,.08);\r\n color:#d7e6f0;\r\n font-size:.84rem;\r\n font-weight:600;\r\n transition:background .28s ease,border-color .28s ease,transform .28s ease;\r\n }\r\n\r\n .hero-chip::before{\r\n content:\"\";\r\n width:7px;\r\n height:7px;\r\n border-radius:50%;\r\n background:var(--cyan-3);\r\n box-shadow:0 0 0 5px rgba(65,165,196,.10);\r\n }\r\n\r\n .hero-chip:hover{\r\n background:rgba(255,255,255,.032);\r\n border-color:rgba(65,165,196,.16);\r\n transform:translateY(-1px);\r\n }\r\n\r\n .hero-actions{\r\n display:flex;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n margin-top:10px;\r\n }\r\n\r\n .btn{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:10px;\r\n min-width:210px;\r\n padding:15px 24px;\r\n border-radius:14px;\r\n font-size:.95rem;\r\n font-weight:700;\r\n letter-spacing:.2px;\r\n transition:.28s ease;\r\n border:1px solid transparent;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .btn::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.10) 50%, transparent 100%);\r\n transform:translateX(-130%);\r\n transition:transform .7s ease;\r\n }\r\n\r\n .btn:hover::before{\r\n transform:translateX(130%);\r\n }\r\n\r\n .btn-primary{\r\n color:#fff;\r\n background:linear-gradient(135deg, #5f59eb, #3d98d8);\r\n box-shadow:0 10px 24px rgba(65,165,196,.14);\r\n }\r\n\r\n .btn-primary:hover{\r\n transform:translateY(-1px);\r\n box-shadow:0 14px 30px rgba(65,165,196,.22);\r\n }\r\n\r\n .btn-secondary{\r\n color:#fff;\r\n background:rgba(255,255,255,.018);\r\n border-color:rgba(255,255,255,.10);\r\n }\r\n\r\n .btn-secondary:hover{\r\n background:rgba(255,255,255,.032);\r\n border-color:rgba(255,255,255,.16);\r\n transform:translateY(-1px);\r\n }\r\n\r\n .btn svg{\r\n width:18px;\r\n height:18px;\r\n stroke:currentColor;\r\n fill:none;\r\n stroke-width:2;\r\n stroke-linecap:round;\r\n stroke-linejoin:round;\r\n transition:transform .28s ease;\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .btn span{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .btn:hover svg{\r\n transform:translateX(2px);\r\n }\r\n\r\n .hero-visual{\r\n position:relative;\r\n min-height:600px;\r\n }\r\n\r\n .hero-orbit-shell{\r\n position:absolute;\r\n inset:0;\r\n display:grid;\r\n place-items:center;\r\n border-radius:36px;\r\n background:\r\n radial-gradient(circle at top left, rgba(65,165,196,.05), transparent 24%),\r\n linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.008));\r\n border:1px solid rgba(255,255,255,.06);\r\n box-shadow:0 20px 55px rgba(0,0,0,.34);\r\n overflow:hidden;\r\n }\r\n\r\n .hero-orbit-shell::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px),\r\n linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px);\r\n background-size:32px 32px;\r\n opacity:.14;\r\n pointer-events:none;\r\n }\r\n\r\n .hero-orbit{\r\n position:relative;\r\n width:100%;\r\n height:100%;\r\n display:grid;\r\n place-items:center;\r\n padding:30px;\r\n z-index:2;\r\n }\r\n\r\n .hero-orbit svg{\r\n width:min(100%, 580px);\r\n height:auto;\r\n filter:drop-shadow(0 22px 40px rgba(0,0,0,.34));\r\n }\r\n\r\n .hero-wafer-rings circle{\r\n transform-origin:330px 250px;\r\n }\r\n\r\n .hero-wafer-rings circle:first-child{\r\n animation:waferRotate 40s linear infinite;\r\n }\r\n\r\n .hero-wafer-rings circle:last-child{\r\n animation:waferRotateReverse 54s linear infinite;\r\n }\r\n\r\n .hero-wafer-shape{\r\n transform-box:fill-box;\r\n transform-origin:center;\r\n transition:\r\n opacity .35s ease,\r\n filter .35s ease;\r\n cursor:default;\r\n }\r\n\r\n .hero-wafer-shape rect{\r\n transition:\r\n filter .35s ease,\r\n opacity .35s ease,\r\n stroke-width .35s ease;\r\n }\r\n\r\n .hero-wafer-shape text{\r\n transition:opacity .35s ease, fill .35s ease;\r\n }\r\n\r\n .hero-orbit svg:hover .hero-wafer-shape{\r\n opacity:.9;\r\n }\r\n\r\n .hero-orbit svg .hero-wafer-shape:hover{\r\n opacity:1;\r\n filter:drop-shadow(0 0 10px rgba(65,165,196,.10));\r\n }\r\n\r\n .hero-orbit svg .hero-wafer-shape:hover rect{\r\n stroke-width:4.4;\r\n filter:drop-shadow(0 0 9px rgba(65,165,196,.14));\r\n }\r\n\r\n .hero-orbit svg:hover .hero-wafer-shape:not(:hover){\r\n opacity:.75;\r\n }\r\n\r\n .hero-wafer-connector path{\r\n stroke-dasharray:8 8;\r\n animation:waferDash 10s linear infinite;\r\n opacity:.72;\r\n }\r\n\r\n .hero-wafer-notes text{\r\n opacity:.94;\r\n }\r\n\r\n \/* VALUE STRIP *\/\r\n .value-strip{\r\n margin-top:-44px;\r\n position:relative;\r\n z-index:4;\r\n }\r\n\r\n .value-row{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n padding:18px;\r\n border-radius:28px;\r\n background:rgba(255,255,255,.018);\r\n border:1px solid rgba(255,255,255,.07);\r\n backdrop-filter:blur(12px);\r\n -webkit-backdrop-filter:blur(12px);\r\n box-shadow:0 18px 45px rgba(0,0,0,.26);\r\n }\r\n\r\n .value-item{\r\n padding:20px 20px;\r\n border-radius:18px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),\r\n radial-gradient(circle at top left, rgba(65,165,196,.045), transparent 34%);\r\n border:1px solid rgba(255,255,255,.07);\r\n transition:\r\n background .28s ease,\r\n border-color .28s ease,\r\n box-shadow .28s ease,\r\n transform .28s ease;\r\n }\r\n\r\n .value-item:hover{\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.016)),\r\n radial-gradient(circle at top left, rgba(65,165,196,.055), transparent 34%);\r\n border-color:rgba(65,165,196,.12);\r\n box-shadow:0 10px 22px rgba(0,0,0,.14);\r\n transform:translateY(-2px);\r\n }\r\n\r\n .value-item strong{\r\n display:block;\r\n margin-bottom:8px;\r\n font-size:1.32rem;\r\n color:#eefcff;\r\n letter-spacing:.01em;\r\n font-weight:750;\r\n }\r\n\r\n .value-item span{\r\n display:block;\r\n color:var(--muted);\r\n font-size:.93rem;\r\n line-height:1.65;\r\n }\r\n\r\n \/* IMAGE FEATURE *\/\r\n .image-feature{\r\n padding-top:78px;\r\n padding-bottom:90px;\r\n position:relative;\r\n }\r\n\r\n .image-feature-shell{\r\n display:grid;\r\n grid-template-columns:.92fr 1.08fr;\r\n gap:26px;\r\n align-items:stretch;\r\n }\r\n\r\n .image-feature-copy{\r\n padding:34px 30px;\r\n border-radius:30px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),\r\n radial-gradient(circle at top left, rgba(65,165,196,.045), transparent 34%);\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-md);\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:center;\r\n }\r\n\r\n .image-feature-copy h3{\r\n margin:0 0 16px;\r\n font-size:clamp(28px,3vw,42px);\r\n line-height:1.12;\r\n letter-spacing:-0.012em;\r\n font-weight:820;\r\n max-width:540px;\r\n }\r\n\r\n .image-feature-copy p{\r\n margin:0 0 22px;\r\n color:var(--muted);\r\n line-height:1.9;\r\n font-size:.98rem;\r\n }\r\n\r\n .image-points{\r\n display:grid;\r\n gap:12px;\r\n }\r\n\r\n .image-point{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:12px;\r\n color:#d9e4ed;\r\n font-size:.94rem;\r\n line-height:1.7;\r\n transition:transform .28s ease,opacity .28s ease;\r\n }\r\n\r\n .image-point:hover{\r\n transform:translateX(4px);\r\n }\r\n\r\n .image-point i{\r\n width:9px;\r\n height:9px;\r\n margin-top:7px;\r\n border-radius:50%;\r\n background:var(--cyan-3);\r\n box-shadow:0 0 0 6px rgba(65,165,196,.08);\r\n flex:0 0 auto;\r\n }\r\n\r\n .image-frame{\r\n position:relative;\r\n min-height:420px;\r\n border-radius:30px;\r\n overflow:hidden;\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-lg);\r\n background:#05070b;\r\n }\r\n\r\n .image-frame::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:\r\n linear-gradient(180deg, rgba(1,1,1,.04) 0%, rgba(1,1,1,.18) 100%);\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n\r\n .image-frame::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 0 0;\r\n height:120px;\r\n background:linear-gradient(180deg, transparent, rgba(1,1,1,.78));\r\n z-index:1;\r\n pointer-events:none;\r\n }\r\n\r\n .image-frame img{\r\n width:100%;\r\n height:100%;\r\n min-height:420px;\r\n object-fit:cover;\r\n transition:transform .9s ease, filter .9s ease;\r\n filter:saturate(.96) contrast(1.03);\r\n }\r\n\r\n .image-frame:hover img{\r\n transform:scale(1.035);\r\n filter:saturate(1) contrast(1.05);\r\n }\r\n\r\n .image-overlay{\r\n position:absolute;\r\n left:28px;\r\n right:28px;\r\n bottom:24px;\r\n z-index:2;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:end;\r\n gap:18px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .image-badge{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding:12px 14px;\r\n border-radius:999px;\r\n background:rgba(7,13,19,.72);\r\n border:1px solid rgba(255,255,255,.10);\r\n color:#edf8ff;\r\n font-size:.84rem;\r\n font-weight:700;\r\n backdrop-filter:blur(10px);\r\n -webkit-backdrop-filter:blur(10px);\r\n }\r\n\r\n .image-badge::before{\r\n content:\"\";\r\n width:8px;\r\n height:8px;\r\n border-radius:50%;\r\n background:var(--cyan-3);\r\n box-shadow:0 0 0 5px rgba(65,165,196,.10);\r\n }\r\n\r\n .image-mini-note{\r\n color:#c9d5df;\r\n font-size:.82rem;\r\n line-height:1.6;\r\n max-width:340px;\r\n text-align:right;\r\n }\r\n\r\n \/* COMPARE *\/\r\n .compare-layout{\r\n display:grid;\r\n grid-template-columns:repeat(2,minmax(0,1fr));\r\n gap:28px;\r\n margin-top:44px;\r\n }\r\n\r\n .wafer-box{\r\n padding:34px;\r\n border-radius:30px;\r\n position:relative;\r\n overflow:hidden;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),\r\n radial-gradient(circle at top right, rgba(65,165,196,.045), transparent 34%);\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-md);\r\n transition:\r\n border-color .35s ease,\r\n box-shadow .35s ease,\r\n background .35s ease,\r\n transform .35s ease;\r\n }\r\n\r\n .wafer-box:hover{\r\n border-color:rgba(65,165,196,.14);\r\n box-shadow:0 20px 42px rgba(0,0,0,.24);\r\n transform:translateY(-2px);\r\n }\r\n\r\n .wafer-top{\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:flex-start;\r\n gap:20px;\r\n margin-bottom:26px;\r\n }\r\n\r\n .wafer-top h3{\r\n margin:0 0 10px;\r\n font-size:1.5rem;\r\n font-weight:800;\r\n letter-spacing:.012em;\r\n line-height:1.25;\r\n }\r\n\r\n .wafer-top p{\r\n margin:0;\r\n max-width:420px;\r\n color:var(--muted);\r\n line-height:1.8;\r\n font-size:.96rem;\r\n }\r\n\r\n .wafer-badge{\r\n padding:10px 14px;\r\n border-radius:999px;\r\n font-size:.77rem;\r\n font-weight:800;\r\n letter-spacing:1px;\r\n text-transform:uppercase;\r\n border:1px solid rgba(65,165,196,.14);\r\n background:rgba(65,165,196,.08);\r\n color:var(--cyan-2);\r\n white-space:nowrap;\r\n box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\r\n transition:transform .28s ease, background .28s ease;\r\n }\r\n\r\n .wafer-box:hover .wafer-badge{\r\n transform:translateY(-1px);\r\n }\r\n\r\n .wafer-stats{\r\n margin-top:20px;\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:14px;\r\n }\r\n\r\n .mini-stat{\r\n padding:16px 16px;\r\n border-radius:18px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.010));\r\n border:1px solid rgba(255,255,255,.06);\r\n transition:border-color .28s ease, background .28s ease, transform .28s ease;\r\n }\r\n\r\n .mini-stat:hover{\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));\r\n border-color:rgba(65,165,196,.10);\r\n transform:translateY(-1px);\r\n }\r\n\r\n .mini-stat strong{\r\n display:block;\r\n color:#fff;\r\n font-size:1.04rem;\r\n margin-bottom:5px;\r\n letter-spacing:.01em;\r\n font-weight:760;\r\n }\r\n\r\n .mini-stat span{\r\n display:block;\r\n color:var(--muted-2);\r\n font-size:.86rem;\r\n line-height:1.6;\r\n }\r\n\r\n \/* TABLE *\/\r\n .table-shell{\r\n overflow:hidden;\r\n margin-top:44px;\r\n border-radius:30px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),\r\n radial-gradient(circle at top left, rgba(65,165,196,.045), transparent 30%);\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-lg);\r\n }\r\n\r\n .table-head{\r\n padding:32px 32px 0;\r\n }\r\n\r\n .table-head h3{\r\n margin:0 0 12px;\r\n font-size:1.52rem;\r\n font-weight:820;\r\n letter-spacing:.012em;\r\n line-height:1.3;\r\n }\r\n\r\n .table-head p{\r\n margin:0 0 18px;\r\n max-width:760px;\r\n color:var(--muted);\r\n line-height:1.85;\r\n }\r\n\r\n .table-scroll-hint{\r\n display:none;\r\n color:var(--cyan-2);\r\n font-size:.78rem;\r\n font-weight:700;\r\n letter-spacing:.04em;\r\n padding:0 20px 12px;\r\n opacity:.9;\r\n }\r\n\r\n .table-wrap{\r\n overflow-x:auto;\r\n padding:0 20px 20px;\r\n }\r\n\r\n .table-wrap::-webkit-scrollbar{height:5px}\r\n .table-wrap::-webkit-scrollbar-thumb{\r\n background:rgba(65,165,196,.3);\r\n border-radius:999px;\r\n }\r\n\r\n table{\r\n width:100%;\r\n min-width:780px;\r\n border-collapse:separate;\r\n border-spacing:0 12px;\r\n }\r\n\r\n th,td{\r\n text-align:left;\r\n padding:18px 18px;\r\n }\r\n\r\n th{\r\n color:var(--cyan-2);\r\n font-size:.78rem;\r\n letter-spacing:1.5px;\r\n text-transform:uppercase;\r\n font-weight:800;\r\n }\r\n\r\n td{\r\n background:rgba(255,255,255,.02);\r\n border-top:1px solid rgba(255,255,255,.04);\r\n border-bottom:1px solid rgba(255,255,255,.04);\r\n color:var(--muted);\r\n font-size:.95rem;\r\n line-height:1.7;\r\n transition:background .28s ease, border-color .28s ease;\r\n }\r\n\r\n tr:hover td{\r\n background:rgba(255,255,255,.028);\r\n border-color:rgba(255,255,255,.055);\r\n }\r\n\r\n td:first-child{\r\n width:28%;\r\n color:#fff;\r\n font-weight:720;\r\n letter-spacing:.01em;\r\n border-left:1px solid rgba(255,255,255,.04);\r\n border-radius:16px 0 0 16px;\r\n }\r\n\r\n td:last-child{\r\n border-right:1px solid rgba(255,255,255,.04);\r\n border-radius:0 16px 16px 0;\r\n }\r\n\r\n .col-m10{\r\n color:#d2dde7;\r\n }\r\n\r\n .col-g12{\r\n background:linear-gradient(180deg, rgba(65,165,196,.055), rgba(65,165,196,.035));\r\n color:#fff;\r\n font-weight:600;\r\n }\r\n\r\n \/* BENEFITS *\/\r\n .benefit-grid{\r\n margin-top:46px;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n }\r\n\r\n .benefit-card,\r\n .app-card{\r\n padding:30px 24px;\r\n border-radius:26px;\r\n background:\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012)),\r\n radial-gradient(circle at top left, rgba(65,165,196,.045), transparent 34%);\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-md);\r\n transition:border-color .35s ease, box-shadow .35s ease, background .35s ease, transform .35s ease;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .benefit-card:hover,\r\n .app-card:hover{\r\n border-color:rgba(65,165,196,.14);\r\n box-shadow:0 20px 42px rgba(0,0,0,.22);\r\n transform:translateY(-2px);\r\n }\r\n\r\n .benefit-card::before{\r\n content:\"\";\r\n position:absolute;\r\n inset:auto 0 0 0;\r\n height:2px;\r\n background:linear-gradient(90deg, var(--violet), var(--cyan-3));\r\n opacity:.95;\r\n }\r\n\r\n .icon-badge{\r\n width:54px;\r\n height:54px;\r\n border-radius:15px;\r\n display:grid;\r\n place-items:center;\r\n margin-bottom:18px;\r\n background:rgba(65,165,196,.08);\r\n border:1px solid rgba(65,165,196,.14);\r\n box-shadow:inset 0 1px 0 rgba(255,255,255,.03);\r\n transition:transform .28s ease, background .28s ease;\r\n }\r\n\r\n .benefit-card:hover .icon-badge{\r\n transform:translateY(-1px);\r\n background:rgba(65,165,196,.10);\r\n }\r\n\r\n .icon-badge svg{\r\n width:24px;\r\n height:24px;\r\n stroke:var(--cyan-2);\r\n fill:none;\r\n stroke-width:2;\r\n stroke-linecap:round;\r\n stroke-linejoin:round;\r\n }\r\n\r\n .benefit-card h4,\r\n .app-card h4{\r\n margin:0 0 10px;\r\n font-size:1.08rem;\r\n font-weight:780;\r\n letter-spacing:.012em;\r\n line-height:1.35;\r\n color:#fff;\r\n }\r\n\r\n .benefit-card p,\r\n .app-card p{\r\n margin:0;\r\n color:var(--muted);\r\n line-height:1.82;\r\n font-size:.94rem;\r\n }\r\n\r\n \/* APPLICATIONS *\/\r\n .app-grid{\r\n margin-top:42px;\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:22px;\r\n }\r\n\r\n \/* CTA *\/\r\n .cta-box{\r\n padding:64px 36px;\r\n text-align:center;\r\n position:relative;\r\n overflow:hidden;\r\n border-radius:34px;\r\n background:\r\n radial-gradient(circle at top left, rgba(65,165,196,.08), transparent 28%),\r\n radial-gradient(circle at bottom right, rgba(106,99,255,.08), transparent 28%),\r\n linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));\r\n border:1px solid rgba(255,255,255,.07);\r\n box-shadow:var(--shadow-lg);\r\n }\r\n\r\n .cta-box::before{\r\n content:\"\";\r\n position:absolute;\r\n width:480px;\r\n height:480px;\r\n left:-140px;\r\n top:-180px;\r\n background:radial-gradient(circle, rgba(65,165,196,.12), transparent 68%);\r\n filter:blur(34px);\r\n pointer-events:none;\r\n }\r\n\r\n .cta-box h2{\r\n margin:0 0 18px;\r\n font-size:clamp(34px, 4vw, 50px);\r\n line-height:1.1;\r\n letter-spacing:-0.012em;\r\n font-weight:840;\r\n }\r\n\r\n .cta-box p{\r\n margin:0 auto 30px;\r\n max-width:760px;\r\n color:var(--muted);\r\n line-height:1.95;\r\n font-size:1rem;\r\n }\r\n\r\n .cta-buttons{\r\n display:flex;\r\n justify-content:center;\r\n gap:14px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(18px);\r\n animation:reveal .9s cubic-bezier(.22,1,.36,1) forwards;\r\n }\r\n\r\n .r1{animation-delay:.08s}\r\n .r2{animation-delay:.18s}\r\n .r3{animation-delay:.3s}\r\n .r4{animation-delay:.42s}\r\n\r\n @keyframes reveal{\r\n to{opacity:1;transform:none}\r\n }\r\n\r\n @keyframes waferRotate{\r\n from{transform:rotate(0deg)}\r\n to{transform:rotate(360deg)}\r\n }\r\n\r\n @keyframes waferRotateReverse{\r\n from{transform:rotate(360deg)}\r\n to{transform:rotate(0deg)}\r\n }\r\n\r\n @keyframes waferDash{\r\n from{stroke-dashoffset:0}\r\n to{stroke-dashoffset:-120}\r\n }\r\n\r\n @media (max-width:1100px){\r\n .hero-grid,\r\n .image-feature-shell{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .hero{\r\n min-height:auto;\r\n padding-top:120px;\r\n padding-bottom:90px;\r\n }\r\n\r\n .hero-visual{\r\n min-height:500px;\r\n }\r\n\r\n .value-row,\r\n .benefit-grid,\r\n .app-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n }\r\n\r\n @media (max-width:760px){\r\n .section{padding:82px 0}\r\n\r\n .hero{\r\n padding-top:92px;\r\n padding-bottom:54px;\r\n }\r\n\r\n .hero-grid{\r\n gap:30px;\r\n }\r\n\r\n .hero-copy h1{\r\n font-size:clamp(42px, 12vw, 68px);\r\n line-height:1.02;\r\n letter-spacing:-0.015em;\r\n }\r\n\r\n .hero-copy p{\r\n font-size:.98rem;\r\n line-height:1.82;\r\n margin-bottom:24px;\r\n }\r\n\r\n .hero-actions,\r\n .cta-buttons{\r\n flex-direction:column;\r\n }\r\n\r\n .btn{\r\n width:100%;\r\n }\r\n\r\n .compare-layout,\r\n .value-row,\r\n .benefit-grid,\r\n .app-grid{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .wafer-top{\r\n flex-direction:column;\r\n }\r\n\r\n .wafer-stats{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .hero-visual{\r\n min-height:auto;\r\n }\r\n\r\n .hero-orbit-shell{\r\n position:relative;\r\n inset:auto;\r\n border-radius:24px;\r\n min-height:340px;\r\n padding:0;\r\n background:\r\n radial-gradient(circle at top left, rgba(65,165,196,.05), transparent 28%),\r\n linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.008));\r\n }\r\n\r\n .hero-orbit{\r\n padding:18px;\r\n }\r\n\r\n .hero-orbit svg{\r\n width:100%;\r\n max-width:320px;\r\n }\r\n\r\n .hero-wafer-notes text{\r\n font-size:12px;\r\n }\r\n\r\n .value-strip{\r\n margin-top:0;\r\n padding-top:10px;\r\n }\r\n\r\n .image-frame,\r\n .image-frame img{\r\n min-height:320px;\r\n }\r\n\r\n .image-overlay{\r\n left:18px;\r\n right:18px;\r\n bottom:18px;\r\n }\r\n\r\n .image-mini-note{\r\n text-align:left;\r\n }\r\n\r\n .table-scroll-hint{\r\n display:block;\r\n }\r\n\r\n .table-wrap{\r\n position:relative;\r\n overflow-x:auto;\r\n -webkit-overflow-scrolling:touch;\r\n padding:0 16px 18px;\r\n cursor:grab;\r\n }\r\n\r\n .table-wrap:active{\r\n cursor:grabbing;\r\n }\r\n\r\n .table-wrap::after{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n right:16px;\r\n width:44px;\r\n height:100%;\r\n pointer-events:none;\r\n background:linear-gradient(to right, rgba(1,1,1,0), rgba(1,1,1,.55));\r\n }\r\n\r\n .table-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:0;\r\n left:16px;\r\n width:28px;\r\n height:100%;\r\n pointer-events:none;\r\n background:linear-gradient(to left, rgba(1,1,1,0), rgba(1,1,1,.22));\r\n z-index:2;\r\n }\r\n\r\n .table-wrap table{\r\n min-width:780px;\r\n }\r\n }\r\n\r\n @media (max-width:420px){\r\n .hero-copy h1{\r\n font-size:clamp(38px, 13vw, 56px);\r\n line-height:1.03;\r\n letter-spacing:-0.012em;\r\n }\r\n\r\n .hero-chip{\r\n font-size:.78rem;\r\n padding:9px 12px;\r\n }\r\n\r\n .hero-orbit-shell{\r\n min-height:330px;\r\n }\r\n\r\n .hero-orbit{\r\n padding:14px;\r\n }\r\n\r\n .hero-orbit svg{\r\n max-width:280px;\r\n }\r\n }\r\n \/* ===== GLOBAL HEADING SPACING FIX ===== *\/\r\n\r\nh1, h2, h3, h4 {\r\n letter-spacing: 1.2px !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0647\u064a\u0631\u0648 (\u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0643\u0628\u064a\u0631) \u0646\u062e\u0644\u064a\u0647 \u0623\u062e\u0641 \u0634\u0648\u064a *\/\r\n.hero-copy h1 {\r\n letter-spacing: 1px !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0643\u0628\u064a\u0631\u0629 \u0628\u0627\u0644\u0623\u0642\u0633\u0627\u0645 *\/\r\n.section-title {\r\n letter-spacing: 1.3px !important;\r\n}\r\n\r\n\/* \u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n.wafer-top h3,\r\n.image-feature-copy h3,\r\n.benefit-card h4,\r\n.app-card h4 {\r\n letter-spacing: 1.1px !important;\r\n}\r\n <\/style>\r\n \r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO -->\r\n <section class=\"hero\">\r\n <div class=\"container hero-grid\">\r\n <div class=\"hero-copy\">\r\n <span class=\"eyebrow reveal r1\">Large-Format Wafer Platform<\/span>\r\n\r\n <h1 class=\"reveal r2\">\r\n M10 & G12<br>\r\n <span>Wafer Technology<\/span>\r\n <\/h1>\r\n\r\n <p class=\"reveal r3\">\r\n Built around advanced 182 mm and 210 mm wafer formats, our modules are designed to deliver higher power,\r\n better layout efficiency, and a stronger cost-per-watt advantage in real project environments.\r\n <\/p>\r\n\r\n <div class=\"hero-meta reveal r3\">\r\n <div class=\"hero-chip\">182 mm Platform<\/div>\r\n <div class=\"hero-chip\">210 mm Platform<\/div>\r\n <div class=\"hero-chip\">Lower LCOE Potential<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-actions reveal r4\">\r\n <a href=\"#cta\" class=\"btn btn-primary\">\r\n <span>Talk to Our Team<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12H19M19 12L13 6M19 12L13 18\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/philadelphiasolar.cloud\/ar\/product-category\/pv-modules\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener\">\r\n <span>Explore Modules<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 12h16\"><\/path>\r\n <path d=\"M12 4v16\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual reveal r3\">\r\n <div class=\"hero-orbit-shell\">\r\n <div class=\"hero-orbit\">\r\n <svg viewBox=\"0 0 640 520\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"M10 and G12 wafer scale visual\">\r\n <defs>\r\n <linearGradient id=\"waferStroke1\" x1=\"0\" x2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#35c3ea\"\/>\r\n <stop offset=\"100%\" stop-color=\"#7cecff\"\/>\r\n <\/linearGradient>\r\n\r\n <linearGradient id=\"waferStroke2\" x1=\"0\" x2=\"1\">\r\n <stop offset=\"0%\" stop-color=\"#7b72ff\"\/>\r\n <stop offset=\"100%\" stop-color=\"#35c3ea\"\/>\r\n <\/linearGradient>\r\n\r\n <filter id=\"glowA\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\r\n <feGaussianBlur stdDeviation=\"10\" result=\"b\"\/>\r\n <feMerge>\r\n <feMergeNode in=\"b\"\/>\r\n <feMergeNode in=\"SourceGraphic\"\/>\r\n <\/feMerge>\r\n <\/filter>\r\n <\/defs>\r\n\r\n <g class=\"hero-wafer-rings\" opacity=\".14\" stroke=\"#41a5c4\" fill=\"none\">\r\n <circle cx=\"330\" cy=\"250\" r=\"170\"\/>\r\n <circle cx=\"330\" cy=\"250\" r=\"220\"\/>\r\n <\/g>\r\n\r\n <g class=\"hero-wafer-shape\" transform=\"translate(130 120)\">\r\n <rect x=\"0\" y=\"0\" width=\"180\" height=\"180\" rx=\"16\" fill=\"#081019\" stroke=\"url(#waferStroke1)\" stroke-width=\"4\" filter=\"url(#glowA)\"\/>\r\n <g opacity=\".18\" stroke=\"#41a5c4\">\r\n <line x1=\"30\" y1=\"0\" x2=\"30\" y2=\"180\"\/><line x1=\"60\" y1=\"0\" x2=\"60\" y2=\"180\"\/>\r\n <line x1=\"90\" y1=\"0\" x2=\"90\" y2=\"180\"\/><line x1=\"120\" y1=\"0\" x2=\"120\" y2=\"180\"\/>\r\n <line x1=\"150\" y1=\"0\" x2=\"150\" y2=\"180\"\/>\r\n <line x1=\"0\" y1=\"30\" x2=\"180\" y2=\"30\"\/><line x1=\"0\" y1=\"60\" x2=\"180\" y2=\"60\"\/>\r\n <line x1=\"0\" y1=\"90\" x2=\"180\" y2=\"90\"\/><line x1=\"0\" y1=\"120\" x2=\"180\" y2=\"120\"\/>\r\n <line x1=\"0\" y1=\"150\" x2=\"180\" y2=\"150\"\/>\r\n <\/g>\r\n <text x=\"90\" y=\"96\" text-anchor=\"middle\" fill=\"#ffffff\" font-size=\"36\" font-weight=\"800\">M10<\/text>\r\n <text x=\"90\" y=\"126\" text-anchor=\"middle\" fill=\"#35c3ea\" font-size=\"18\" font-weight=\"700\">182 mm<\/text>\r\n <\/g>\r\n\r\n <g class=\"hero-wafer-shape\" transform=\"translate(320 80)\">\r\n <rect x=\"0\" y=\"0\" width=\"230\" height=\"230\" rx=\"18\" fill=\"#0b0f1a\" stroke=\"url(#waferStroke2)\" stroke-width=\"4\" filter=\"url(#glowA)\"\/>\r\n <g opacity=\".14\" stroke=\"#7d71ff\">\r\n <line x1=\"38\" y1=\"0\" x2=\"38\" y2=\"230\"\/><line x1=\"76\" y1=\"0\" x2=\"76\" y2=\"230\"\/>\r\n <line x1=\"114\" y1=\"0\" x2=\"114\" y2=\"230\"\/><line x1=\"152\" y1=\"0\" x2=\"152\" y2=\"230\"\/>\r\n <line x1=\"190\" y1=\"0\" x2=\"190\" y2=\"230\"\/>\r\n <line x1=\"0\" y1=\"38\" x2=\"230\" y2=\"38\"\/><line x1=\"0\" y1=\"76\" x2=\"230\" y2=\"76\"\/>\r\n <line x1=\"0\" y1=\"114\" x2=\"230\" y2=\"114\"\/><line x1=\"0\" y1=\"152\" x2=\"230\" y2=\"152\"\/>\r\n <line x1=\"0\" y1=\"190\" x2=\"230\" y2=\"190\"\/>\r\n <\/g>\r\n <text x=\"115\" y=\"122\" text-anchor=\"middle\" fill=\"#ffffff\" font-size=\"40\" font-weight=\"800\">G12<\/text>\r\n <text x=\"115\" y=\"154\" text-anchor=\"middle\" fill=\"#a9a3ff\" font-size=\"20\" font-weight=\"700\">210 mm<\/text>\r\n <\/g>\r\n\r\n <g class=\"hero-wafer-connector\" stroke=\"#41a5c4\" stroke-width=\"2\" fill=\"none\">\r\n <path d=\"M310 210 C345 210 345 195 375 195\"\/>\r\n <path d=\"M310 245 C350 245 355 245 390 245\"\/>\r\n <\/g>\r\n\r\n <g class=\"hero-wafer-notes\" fill=\"#9aa7b4\" font-size=\"14\" font-weight=\"600\">\r\n <text x=\"116\" y=\"336\">Higher layout flexibility<\/text>\r\n <text x=\"360\" y=\"346\">Maximum power density<\/text>\r\n <\/g>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VALUE STRIP -->\r\n <section class=\"value-strip\">\r\n <div class=\"container\">\r\n <div class=\"value-row\">\r\n <div class=\"value-item\">\r\n <strong>182 mm<\/strong>\r\n <span>M10 wafer format optimized for balanced efficiency, manufacturing maturity, and broad deployment.<\/span>\r\n <\/div>\r\n\r\n <div class=\"value-item\">\r\n <strong>210 mm<\/strong>\r\n <span>G12 platform designed for ultra-high module power classes and lower balance-of-system cost.<\/span>\r\n <\/div>\r\n\r\n <div class=\"value-item\">\r\n <strong>Higher Power<\/strong>\r\n <span>Larger wafer dimensions increase active area and enable stronger output per module.<\/span>\r\n <\/div>\r\n\r\n <div class=\"value-item\">\r\n <strong>Lower LCOE<\/strong>\r\n <span>Higher wattage per panel helps reduce support, cabling, logistics, and installation cost per watt.<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- IMAGE FEATURE -->\r\n <section class=\"image-feature\">\r\n <div class=\"container\">\r\n <div class=\"image-feature-shell\">\r\n <div class=\"image-feature-copy\">\r\n <span class=\"eyebrow\">Cell Architecture Detail<\/span>\r\n <h3>Precision at the Cell Level Defines Performance at Module Scale<\/h3>\r\n <p>\r\n Large-format wafer platforms are only as effective as the underlying cell architecture. Fine interconnection design,\r\n current pathways, and structural consistency all contribute to stronger output, better efficiency, and long-term reliability.\r\n <\/p>\r\n\r\n <div class=\"image-points\">\r\n <div class=\"image-point\"><i><\/i><span>Refined cell geometry supports more controlled current flow.<\/span><\/div>\r\n <div class=\"image-point\"><i><\/i><span>Large-format platforms benefit from precise interconnection and layout quality.<\/span><\/div>\r\n <div class=\"image-point\"><i><\/i><span>Closer attention to cell detail improves consistency across the full module.<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-frame\">\r\n <img decoding=\"async\" src=\"https:\/\/philadelphiasolar.cloud\/ar\/wp-content\/uploads\/2026\/04\/download-30.webp\" alt=\"Close-up view of solar cell architecture\">\r\n <div class=\"image-overlay\">\r\n <div class=\"image-badge\">Photovoltaic Cell Detail<\/div>\r\n <div class=\"image-mini-note\">\r\n A close-up view that reinforces material precision, cell structure, and the engineering logic behind large-format wafer platforms.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VISUAL COMPARISON -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">Wafer Size Comparison<\/span>\r\n <h2 class=\"section-title\">Two Large-Format Platforms. Two Strategic Advantages.<\/h2>\r\n <p class=\"section-text\">\r\n M10 and G12 are not simply larger wafers \u2014 they are platform decisions. M10 offers a strong balance\r\n between manufacturing maturity and project flexibility, while G12 pushes toward maximum module power\r\n and deeper BOS optimization in large-scale deployments.\r\n <\/p>\r\n\r\n <div class=\"compare-layout\">\r\n <div class=\"wafer-box\">\r\n <div class=\"wafer-top\">\r\n <div>\r\n <h3>M10 Platform<\/h3>\r\n <p>\r\n Engineered around the 182 mm wafer format, M10 supports high-output modules with strong\r\n compatibility across commercial rooftops, industrial arrays, and utility-scale systems.\r\n <\/p>\r\n <\/div>\r\n <div class=\"wafer-badge\">182 mm<\/div>\r\n <\/div>\r\n\r\n <svg viewBox=\"0 0 420 250\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"M10 wafer visual\">\r\n <rect x=\"90\" y=\"20\" width=\"180\" height=\"180\" rx=\"18\" fill=\"#09111a\" stroke=\"#35c3ea\" stroke-width=\"3\"\/>\r\n <g opacity=\".16\" stroke=\"#41a5c4\">\r\n <line x1=\"120\" y1=\"20\" x2=\"120\" y2=\"200\"\/><line x1=\"150\" y1=\"20\" x2=\"150\" y2=\"200\"\/>\r\n <line x1=\"180\" y1=\"20\" x2=\"180\" y2=\"200\"\/><line x1=\"210\" y1=\"20\" x2=\"210\" y2=\"200\"\/>\r\n <line x1=\"240\" y1=\"20\" x2=\"240\" y2=\"200\"\/>\r\n <line x1=\"90\" y1=\"50\" x2=\"270\" y2=\"50\"\/><line x1=\"90\" y1=\"80\" x2=\"270\" y2=\"80\"\/>\r\n <line x1=\"90\" y1=\"110\" x2=\"270\" y2=\"110\"\/><line x1=\"90\" y1=\"140\" x2=\"270\" y2=\"140\"\/>\r\n <line x1=\"90\" y1=\"170\" x2=\"270\" y2=\"170\"\/>\r\n <\/g>\r\n <text x=\"180\" y=\"108\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"32\" font-weight=\"800\">M10<\/text>\r\n <text x=\"180\" y=\"138\" text-anchor=\"middle\" fill=\"#35c3ea\" font-size=\"18\" font-weight=\"700\">182 mm<\/text>\r\n <path d=\"M286 66 H350\" stroke=\"#35c3ea\" stroke-width=\"2\"\/>\r\n <circle cx=\"286\" cy=\"66\" r=\"4\" fill=\"#35c3ea\"\/>\r\n <text x=\"356\" y=\"70\" fill=\"#9aa7b4\" font-size=\"13\">Balanced format<\/text>\r\n <path d=\"M286 142 H350\" stroke=\"#35c3ea\" stroke-width=\"2\"\/>\r\n <circle cx=\"286\" cy=\"142\" r=\"4\" fill=\"#35c3ea\"\/>\r\n <text x=\"356\" y=\"146\" fill=\"#9aa7b4\" font-size=\"13\">High versatility<\/text>\r\n <\/svg>\r\n\r\n <div class=\"wafer-stats\">\r\n <div class=\"mini-stat\">\r\n <strong>550W+<\/strong>\r\n <span>High-output module classes for diverse applications<\/span>\r\n <\/div>\r\n <div class=\"mini-stat\">\r\n <strong>Flexible<\/strong>\r\n <span>Strong fit for commercial and utility configurations<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"wafer-box\">\r\n <div class=\"wafer-top\">\r\n <div>\r\n <h3>G12 Platform<\/h3>\r\n <p>\r\n Built on the 210 mm wafer architecture, G12 enables ultra-high module wattage and a stronger\r\n cost-per-watt proposition for projects that prioritize scale, output, and installation efficiency.\r\n <\/p>\r\n <\/div>\r\n <div class=\"wafer-badge\" style=\"color:#c2beff;border-color:rgba(125,113,255,.16);background:rgba(125,113,255,.08)\">210 mm<\/div>\r\n <\/div>\r\n\r\n <svg viewBox=\"0 0 420 250\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-label=\"G12 wafer visual\">\r\n <rect x=\"75\" y=\"10\" width=\"220\" height=\"220\" rx=\"20\" fill=\"#0d0f1c\" stroke=\"#6c5ce7\" stroke-width=\"3\"\/>\r\n <g opacity=\".16\" stroke=\"#7d71ff\">\r\n <line x1=\"112\" y1=\"10\" x2=\"112\" y2=\"230\"\/><line x1=\"149\" y1=\"10\" x2=\"149\" y2=\"230\"\/>\r\n <line x1=\"186\" y1=\"10\" x2=\"186\" y2=\"230\"\/><line x1=\"223\" y1=\"10\" x2=\"223\" y2=\"230\"\/>\r\n <line x1=\"260\" y1=\"10\" x2=\"260\" y2=\"230\"\/>\r\n <line x1=\"75\" y1=\"47\" x2=\"295\" y2=\"47\"\/><line x1=\"75\" y1=\"84\" x2=\"295\" y2=\"84\"\/>\r\n <line x1=\"75\" y1=\"121\" x2=\"295\" y2=\"121\"\/><line x1=\"75\" y1=\"158\" x2=\"295\" y2=\"158\"\/>\r\n <line x1=\"75\" y1=\"195\" x2=\"295\" y2=\"195\"\/>\r\n <\/g>\r\n <text x=\"185\" y=\"112\" text-anchor=\"middle\" fill=\"#fff\" font-size=\"34\" font-weight=\"800\">G12<\/text>\r\n <text x=\"185\" y=\"144\" text-anchor=\"middle\" fill=\"#a9a3ff\" font-size=\"20\" font-weight=\"700\">210 mm<\/text>\r\n <path d=\"M310 72 H370\" stroke=\"#7d71ff\" stroke-width=\"2\"\/>\r\n <circle cx=\"310\" cy=\"72\" r=\"4\" fill=\"#7d71ff\"\/>\r\n <text x=\"376\" y=\"76\" fill=\"#9aa7b4\" font-size=\"13\">Larger active area<\/text>\r\n <path d=\"M310 156 H370\" stroke=\"#7d71ff\" stroke-width=\"2\"\/>\r\n <circle cx=\"310\" cy=\"156\" r=\"4\" fill=\"#7d71ff\"\/>\r\n <text x=\"376\" y=\"160\" fill=\"#9aa7b4\" font-size=\"13\">Higher wattage class<\/text>\r\n <\/svg>\r\n\r\n <div class=\"wafer-stats\">\r\n <div class=\"mini-stat\">\r\n <strong>670W+<\/strong>\r\n <span>Ultra-high power output for large-format modules<\/span>\r\n <\/div>\r\n <div class=\"mini-stat\">\r\n <strong>Lower BOS<\/strong>\r\n <span>Fewer modules and stronger power density per installation<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TABLE + BENEFITS -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"table-shell\">\r\n <div class=\"table-head\">\r\n <span class=\"eyebrow\">Technical Positioning<\/span>\r\n <h3>Performance and Project Economics at a Glance<\/h3>\r\n <p>\r\n Both M10 and G12 wafer platforms elevate module output compared with legacy formats. The key difference\r\n is strategic: M10 balances power and flexibility, while G12 maximizes string output and cost-efficiency\r\n in higher-capacity systems.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"table-scroll-hint\">Swipe to compare \u2192<\/div>\r\n\r\n <div class=\"table-wrap\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>Technology Metric<\/th>\r\n <th>M10 (182 mm)<\/th>\r\n <th>G12 (210 mm)<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Wafer Format<\/td>\r\n <td class=\"col-m10\">Large-format platform with strong deployment versatility<\/td>\r\n <td class=\"col-g12\">Larger active footprint for maximum module power classes<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Module Power Class<\/td>\r\n <td class=\"col-m10\">High-output configuration for broad market fit<\/td>\r\n <td class=\"col-g12\">Ultra-high-output configuration for large-scale optimization<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>BOS Optimization<\/td>\r\n <td class=\"col-m10\">Improved cost efficiency versus smaller wafer generations<\/td>\r\n <td class=\"col-g12\">Greater savings potential through fewer modules and simplified balance-of-system design<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>LCOE Impact<\/td>\r\n <td class=\"col-m10\">Strong long-term project economics<\/td>\r\n <td class=\"col-g12\">Deeper LCOE reduction potential in utility-scale deployment<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Ideal Fit<\/td>\r\n <td class=\"col-m10\">Commercial rooftops, industrial sites, mixed-use arrays<\/td>\r\n <td class=\"col-g12\">Large ground-mount projects and maximum-output system layouts<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-grid\">\r\n <div class=\"benefit-card\">\r\n <div class=\"icon-badge\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 18 9 12 13 16 20 8\"><\/path>\r\n <path d=\"M20 8v6\"><\/path>\r\n <path d=\"M20 8h-6\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4>Higher Power Density<\/h4>\r\n <p>\r\n Larger wafer formats increase active cell area, helping modules reach higher wattage classes with fewer panels per MW installed.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"icon-badge\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3v18\"><\/path>\r\n <path d=\"M7 8h10\"><\/path>\r\n <path d=\"M7 16h10\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4>Smarter System Design<\/h4>\r\n <p>\r\n Higher output per module can reduce structure count, cable runs, combiner complexity, and installation labor across large projects.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"icon-badge\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2 4 6v6c0 5 3.5 9.5 8 10 4.5-.5 8-5 8-10V6l-8-4z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h4>Platform Reliability<\/h4>\r\n <p>\r\n When integrated with advanced cell interconnection and module engineering, both wafer sizes support stable long-term operating performance.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- APPLICATIONS -->\r\n <section class=\"section\">\r\n <div class=\"container\">\r\n <span class=\"eyebrow\">Application Strategy<\/span>\r\n <h2 class=\"section-title\">Choosing the Right Wafer Platform for the Right Project<\/h2>\r\n <p class=\"section-text\">\r\n The best platform depends on site priorities. M10 supports flexible system planning across a wide range of installations,\r\n while G12 is especially compelling where maximum energy density and lower cost per installed watt are the primary goals.\r\n <\/p>\r\n\r\n <div class=\"app-grid\">\r\n <div class=\"app-card\">\r\n <h4>Commercial & Industrial Rooftops<\/h4>\r\n <p>\r\n M10 can offer a strong balance of output, handling, and system adaptability for roof-mounted projects with layout constraints.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"app-card\">\r\n <h4>Utility-Scale Solar Plants<\/h4>\r\n <p>\r\n G12 is highly attractive where project scale favors larger wattage classes, lower component counts, and stronger BOS savings.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"app-card\">\r\n <h4>High-Density Energy Planning<\/h4>\r\n <p>\r\n Both formats support modern high-performance module design, helping developers optimize yield, logistics, and lifecycle economics.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CTA -->\r\n <section class=\"section\" id=\"cta\">\r\n <div class=\"container\">\r\n <div class=\"cta-box\">\r\n <span class=\"eyebrow\" style=\"justify-content:center;\">Next Step<\/span>\r\n <h2>Find the Right Large-Wafer Platform for Your Project<\/h2>\r\n <p>\r\n Connect with Philadelphia Solar to explore M10 and G12 module configurations, compare project-fit advantages,\r\n and identify the right solution for your commercial or utility-scale installation.\r\n <\/p>\r\n\r\n <div class=\"cta-buttons\">\r\n <a href=\"https:\/\/philadelphiasolar.cloud\/ar\/contact-us\/\" class=\"btn btn-primary\" target=\"_blank\" rel=\"noopener\">\r\n <span>Talk to Our Team<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M5 12H19M19 12L13 6M19 12L13 18\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/philadelphiasolar.cloud\/ar\/product-category\/pv-modules\/\" class=\"btn btn-secondary\" target=\"_blank\" rel=\"noopener\">\r\n <span>Explore Large-Wafer Modules<\/span>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 12h16\"><\/path>\r\n <path d=\"M12 4v16\"><\/path>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n <ul>\n\t\t\t <\/ul>\n <\/div> \n","protected":false},"excerpt":{"rendered":"<p>M10 & G12 Wafer Technology | Philadelphia Solar Large-Format Wafer Platform … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-4151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/comments?post=4151"}],"version-history":[{"count":5,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4151\/revisions"}],"predecessor-version":[{"id":4180,"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/pages\/4151\/revisions\/4180"}],"wp:attachment":[{"href":"https:\/\/philadelphia-solar.com\/ar\/wp-json\/wp\/v2\/media?parent=4151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}