{"id":29871,"date":"2026-04-01T02:27:25","date_gmt":"2026-03-31T18:27:25","guid":{"rendered":"https:\/\/hysincere.com\/?page_id=29871"},"modified":"2026-10-23T10:58:01","modified_gmt":"2026-10-23T02:58:01","slug":"ueber-hysincere","status":"publish","type":"page","link":"https:\/\/hysincere.com\/de\/ueber-hysincere\/","title":{"rendered":"\u00dcber Hysincere"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29871\" class=\"elementor elementor-29871 elementor-2999\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cab53b e-con-full e-flex e-con e-parent\" data-id=\"0cab53b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1795b0 elementor-widget elementor-widget-html\" data-id=\"c1795b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n\n<section class=\"hys-about-brand-v9\" data-hys-about-brand-v9 aria-labelledby=\"hys-about-page-title\">\n  <canvas class=\"hys-about-brand-v9__canvas\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"hys-about-brand-v9__noise\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"hys-about-brand-v9__sticky\">\n    <div class=\"hys-about-brand-v9__chrome\" aria-hidden=\"true\">\n      <span>Hysincere<\/span>\n      <span>\u00dcber uns \/ Batterieherstellung<\/span>\n      <span>Weltweite B2B-Lieferung<\/span>\n    <\/div>\n    <div class=\"hys-about-brand-v9__brand-title\" data-hys-brand-title>\n      <div class=\"hys-about-brand-v9__h-mark\" aria-hidden=\"true\">\n        <span class=\"hys-about-brand-v9__h-box\"><\/span>\n        <span class=\"hys-about-brand-v9__h-line hys-about-brand-v9__h-line--left\"><\/span>\n        <span class=\"hys-about-brand-v9__h-line hys-about-brand-v9__h-line--right\"><\/span>\n        <span class=\"hys-about-brand-v9__h-bridge\"><\/span>\n        <span class=\"hys-about-brand-v9__h-scan\"><\/span>\n      <\/div>\n\n      <div class=\"hys-about-brand-v9__brand-text\">\n        <p>\u00dcber Hysincere<\/p>\n        <h1 id=\"hys-about-page-title\">Hysincere<\/h1>\n      <\/div>\n    <\/div>\n\n    <div class=\"hys-about-brand-v9__scene hys-about-brand-v9__scene--intro\" data-hys-scene=\"intro\">\n      <div class=\"hys-about-brand-v9__video-bg\" aria-hidden=\"true\">\n        <iframe\n          src=\"https:\/\/www.youtube.com\/embed\/mCoL4gynGnU?autoplay=1&mute=1&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1&loop=1&playlist=mCoL4gynGnU\"\n          title=\"Hysincere: Hintergrundvideo zur Unternehmensvorstellung\"\n          loading=\"eager\"\n          allow=\"autoplay; encrypted-media; picture-in-picture\"\n          referrerpolicy=\"strict-origin-when-cross-origin\">\n        <\/iframe>\n      <\/div>\n\n      <div class=\"hys-about-brand-v9__video-shade\" aria-hidden=\"true\"><\/div>\n\n      <button class=\"hys-about-brand-v9__video-button\" type=\"button\" data-hys-video-open aria-label=\"Hysincere-Video ansehen\">\n        <span class=\"hys-about-brand-v9__video-button-icon\" aria-hidden=\"true\"><\/span>\n        <span>Video ansehen<\/span>\n      <\/button>\n\n      <div class=\"hys-about-brand-v9__intro-grid\" aria-hidden=\"true\"><\/div>\n    <\/div>\n\n    <div class=\"hys-about-brand-v9__scene hys-about-brand-v9__scene--story\" data-hys-scene=\"story\">\n      <div class=\"hys-about-brand-v9__story-bg\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"hys-about-brand-v9__story-heading hys-about-brand-v9__story-heading--brand\">\n        <p class=\"hys-about-brand-v9__eyebrow\">Unsere Geschichte rund um Batterien<\/p>\n        <h2>Hysincere<\/h2>\n        <p>\n          F\u00fcr praktische Batterieprojekte verbindet Hysincere Zellenauswahl, BMS-Konfiguration, Batteriepackfertigung, Qualit\u00e4tspr\u00fcfung, OEM-Anpassung und weltweite B2B-Lieferunterst\u00fctzung. So erhalten Sie die Leistungen eines zuverl\u00e4ssigen Energiepartners aus einer Hand.\n        <\/p>\n      <\/div>\n\n      <div class=\"hys-about-brand-v9__story-heading hys-about-brand-v9__story-heading--users\" data-hys-users-heading>\n        <p class=\"hys-about-brand-v9__story-kicker\">Einblicke in unseren Alltag<\/p>\n        <h2>Internationale Messen und Kundengespr\u00e4che<\/h2>\n        <p class=\"hys-about-brand-v9__story-users-copy hys-about-brand-v9__story-users-copy--main\">\n          Einblicke in Hysincere auf internationalen Batteriemessen, bei Kundengespr\u00e4chen und Produktvorf\u00fchrungen.\n        <\/p>\n        <p class=\"hys-about-brand-v9__story-users-copy\">\n          Pers\u00f6nliche Gespr\u00e4che, technische Unterst\u00fctzung und langfristige B2B-Zusammenarbeit schaffen Vertrauen.\n        <\/p>\n      <\/div>\n\n      <div class=\"hys-about-brand-v9__mosaic\" data-hys-mosaic>\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--wide\" data-layer=\"5\" data-stack-x=\"-210\" data-stack-y=\"150\" data-open-x=\"-520\" data-open-y=\"-145\" data-exit-x=\"-930\" data-exit-y=\"-170\" data-r=\"-7\" data-s=\"1.03\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-customer-product-demonstration.webp\"\n            title=\"Hysincere-Produktvorf\u00fchrung f\u00fcr Kunden auf der Intersolar Europe 2026\"\n            alt=\"Das Hysincere-Team zeigt einem Kunden Batterieprodukte auf der Intersolar Europe 2026\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card\" data-layer=\"8\" data-stack-x=\"-88\" data-stack-y=\"135\" data-open-x=\"-260\" data-open-y=\"-70\" data-exit-x=\"-720\" data-exit-y=\"-90\" data-r=\"5\" data-s=\".96\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2023-poland-battery-exhibition-booth-discussion.webp\"\n            title=\"Gespr\u00e4ch am Hysincere-Batteriemessestand in Polen 2023\"\n            alt=\"Das Hysincere-Team bespricht Batteriel\u00f6sungen mit Besuchern auf einer Messe in Polen 2023\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--small\" data-layer=\"11\" data-stack-x=\"30\" data-stack-y=\"118\" data-open-x=\"80\" data-open-y=\"-135\" data-exit-x=\"-100\" data-exit-y=\"-370\" data-r=\"-3\" data-s=\".82\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2023-poland-battery-exhibition-team-customer-photo.webp\"\n            title=\"Hysincere-Team und Kunde auf einer Batteriemesse in Polen 2023\"\n            alt=\"Hysincere-Teammitglieder und ein Kunde am Unternehmensstand auf einer Messe in Polen 2023\"\n            width=\"1200\"\n            height=\"1600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--wide\" data-layer=\"7\" data-stack-x=\"165\" data-stack-y=\"142\" data-open-x=\"390\" data-open-y=\"-110\" data-exit-x=\"870\" data-exit-y=\"-130\" data-r=\"-5\" data-s=\"1.04\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-exhibition-team-group-photo.webp\"\n            title=\"Hysincere-Messeteam auf der Intersolar Europe 2026\"\n            alt=\"Das Hysincere-Messeteam steht gemeinsam am Unternehmensstand auf der Intersolar Europe 2026\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card\" data-layer=\"9\" data-stack-x=\"-300\" data-stack-y=\"245\" data-open-x=\"-480\" data-open-y=\"55\" data-exit-x=\"-950\" data-exit-y=\"70\" data-r=\"7\" data-s=\".92\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2024-re-plus-usa-exhibition-booth-customer-meeting.webp\"\n            title=\"Hysincere-Kundengespr\u00e4ch auf der RE+ USA 2024\"\n            alt=\"Hysincere-Mitarbeiter treffen Kunden am Batteriemessestand auf der RE+ USA 2024\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--small\" data-layer=\"12\" data-stack-x=\"-140\" data-stack-y=\"230\" data-open-x=\"-120\" data-open-y=\"85\" data-exit-x=\"-430\" data-exit-y=\"285\" data-r=\"-4\" data-s=\".86\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-booth-customer-consultation.webp\"\n            title=\"Kundenberatung am Hysincere-Stand auf der Intersolar Europe 2026\"\n            alt=\"Hysincere-Mitarbeiter beraten Besucher am Batteriemessestand auf der Intersolar Europe 2026\"\n            width=\"1200\"\n            height=\"1600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--wide\" data-layer=\"10\" data-stack-x=\"30\" data-stack-y=\"240\" data-open-x=\"255\" data-open-y=\"85\" data-exit-x=\"730\" data-exit-y=\"150\" data-r=\"4\" data-s=\"1.02\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2024-intersolar-europe-customer-group-photo.webp\"\n            title=\"Hysincere-Gruppenfoto mit Kunden auf der Intersolar Europe 2024\"\n            alt=\"Ein Hysincere-Mitarbeiter und ein Kunde posieren am Unternehmensstand auf der Intersolar Europe 2024\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card\" data-layer=\"6\" data-stack-x=\"235\" data-stack-y=\"225\" data-open-x=\"560\" data-open-y=\"55\" data-exit-x=\"990\" data-exit-y=\"115\" data-r=\"-6\" data-s=\".92\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-battery-booth-overview.webp\"\n            title=\"Hysincere-Batteriestand auf der Intersolar Europe 2026\"\n            alt=\"Hysincere-Messestand mit Lithium- und Natrium-Ionen-Batteriel\u00f6sungen als Bleiakku-Ersatz auf der Intersolar Europe 2026\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--small\" data-layer=\"4\" data-stack-x=\"-20\" data-stack-y=\"315\" data-open-x=\"-560\" data-open-y=\"260\" data-exit-x=\"-1020\" data-exit-y=\"340\" data-r=\"-3\" data-s=\".82\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-product-presentation.webp\"\n            title=\"Hysincere-Batteriepr\u00e4sentation auf der Intersolar Europe 2026\"\n            alt=\"Ein Hysincere-Mitarbeiter stellt Messebesuchern Batterieprodukte auf der Intersolar Europe 2026 vor\"\n            width=\"1200\"\n            height=\"1600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--wide\" data-layer=\"3\" data-stack-x=\"160\" data-stack-y=\"315\" data-open-x=\"-170\" data-open-y=\"285\" data-exit-x=\"-550\" data-exit-y=\"410\" data-r=\"5\" data-s=\"1.06\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2026-intersolar-europe-lithium-sodium-battery-booth-display.webp\"\n            title=\"Hysincere-Stand f\u00fcr Lithium- und Natrium-Ionen-Batterien auf der Intersolar Europe 2026\"\n            alt=\"Hysincere-Stand mit Lithium- und Natrium-Ionen-Batterien als Bleiakku-Ersatz auf der Intersolar Europe 2026\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card\" data-layer=\"2\" data-stack-x=\"335\" data-stack-y=\"300\" data-open-x=\"235\" data-open-y=\"292\" data-exit-x=\"650\" data-exit-y=\"430\" data-r=\"-4\" data-s=\".90\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2024-intersolar-europe-customer-meeting-photo.webp\"\n            title=\"Hysincere-Kundengespr\u00e4ch auf der Intersolar Europe 2024\"\n            alt=\"Ein Hysincere-Mitarbeiter trifft einen Kunden neben Batterieprodukten auf der Intersolar Europe 2024\"\n            width=\"1600\"\n            height=\"1200\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__mosaic-card hys-about-brand-v9__mosaic-card--small\" data-layer=\"1\" data-stack-x=\"455\" data-stack-y=\"250\" data-open-x=\"635\" data-open-y=\"250\" data-exit-x=\"1060\" data-exit-y=\"340\" data-r=\"6\" data-s=\".78\">\n          <img loading=\"lazy\"\n            src=\"\/wp-content\/uploads\/2026\/07\/hysincere-2025-re-plus-usa-battery-exhibition-booth.webp\"\n            title=\"Hysincere-Batteriemessestand auf der RE+ USA 2025\"\n            alt=\"Hysincere-Batteriemessestand mit Natrium-Ionen-Speicherprodukten auf der RE+ USA 2025\"\n            width=\"1200\"\n            height=\"1600\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n        <\/article>\n      <\/div>\n\n      <div class=\"hys-about-brand-v9__story-cards\" data-hys-story-cards>\n        <article class=\"hys-about-brand-v9__story-card\" data-side=\"-1\" data-step=\"0\">\n          <div class=\"hys-about-brand-v9__story-media\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-lithium-battery-pack-manufacturing-assembly-line-scaled.webp\" title=\"Hysincere-Fertigungs- und Montagelinie f\u00fcr Lithium-Batteriepacks\" alt=\"Fertigungs- und Montagelinie f\u00fcr Lithium-Batteriepacks bei Hysincere\" width=\"980\" height=\"620\" loading=\"lazy\">\n          <\/div>\n          <div class=\"hys-about-brand-v9__story-body\">\n            <span>01 \/ Fertigung<\/span>\n            <h3>Batteriepackfertigung<\/h3>\n            <p>Strukturierte Produktionsabl\u00e4ufe unterst\u00fctzen eine verl\u00e4ssliche Lieferung von LiFePO\u2084-Batteriepacks und Batteriepacks f\u00fcr Energiespeicher.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__story-card\" data-side=\"1\" data-step=\"1\">\n          <div class=\"hys-about-brand-v9__story-media\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-battery-pack-engineering-design-bms-structure-scaled.webp\" title=\"Hysincere-Batteriepackentwicklung und BMS-Aufbau\" alt=\"Entwicklung von Batteriepacks und BMS-Aufbau bei Hysincere\" width=\"980\" height=\"620\" loading=\"lazy\">\n          <\/div>\n          <div class=\"hys-about-brand-v9__story-body\">\n            <span>02 \/ Entwicklung<\/span>\n            <h3>BMS-Entwicklung und Schutzfunktionen<\/h3>\n            <p>Schutzlogik, Kommunikationsfunktionen und Batteriepackaufbau richten sich nach den Anforderungen der jeweiligen Anwendung.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"hys-about-brand-v9__story-card\" data-side=\"-1\" data-step=\"2\">\n          <div class=\"hys-about-brand-v9__story-media\">\n            <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-sib-hv35-sodium-ion-energy-storage-rv-home-application.webp\" title=\"Hysincere SIB-HV35 Natrium-Ionen-Speichersystem f\u00fcr Wohnmobile und Wohngeb\u00e4ude\" alt=\"Hysincere SIB-HV35 Natrium-Ionen-Speichersystem f\u00fcr die Stromversorgung von Wohnmobilen und Wohngeb\u00e4uden\" width=\"980\" height=\"620\" loading=\"lazy\">\n          <\/div>\n          <div class=\"hys-about-brand-v9__story-body\">\n            <span>03 \/ Anwendung<\/span>\n            <h3>F\u00fcr praktische Energieanwendungen entwickelt<\/h3>\n            <p>Batteriel\u00f6sungen f\u00fcr Wohnmobile, Boote, Golfcarts, Heimspeicher und industrielle Anwendungen.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <article class=\"hys-about-brand-v9__final-card\" data-hys-final-card>\n        <div class=\"hys-about-brand-v9__final-media\">\n          <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-lithium-battery-pack-warehouse-shipment-global-supply-scaled.webp\" title=\"Hysincere-Lager, Versand und weltweite Lieferung von Lithium-Batteriepacks\" alt=\"Lager und Versand von Lithium-Batteriepacks sowie weltweite B2B-Lieferung bei Hysincere\" width=\"1400\" height=\"780\" loading=\"lazy\">\n        <\/div>\n        <div class=\"hys-about-brand-v9__final-body\">\n          <span>Hysincere als Energiepartner<\/span>\n          <h3>Zuverl\u00e4ssige Batteriel\u00f6sungen f\u00fcr weltweite B2B-Anwendungen.<\/h3>\n          <p>Fertigung, BMS-Entwicklung, Pr\u00fcfung, Anpassung und Partnerbetreuung unterst\u00fctzen praktische Energieprojekte.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"hys-about-brand-v9__scene hys-about-brand-v9__scene--capability\" data-hys-scene=\"capability\">\n      <div class=\"hys-about-brand-v9__capability-bg\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"hys-about-brand-v9__capability-inner\">\n        <div class=\"hys-about-brand-v9__capability-grid\">\n          <div class=\"hys-about-brand-v9__capability-copy\">\n            <p class=\"hys-about-brand-v9__capability-label\">\u00dcber Hysincere<\/p>\n            <h2 class=\"hys-about-brand-v9__capability-title\">M\u00f6glichkeiten erkunden. Energie f\u00fcr die Zukunft liefern.<\/h2>\n\n            <p class=\"hys-about-brand-v9__capability-text\">\n              Die Geschichte von Hysincere begann 2013 in Shenzhen. Damals legten wir mit dem Namen \u201eXin\u201c den Grundstein f\u00fcr Forschung, Entwicklung und Fertigung wiederaufladbarer Batteriepacks. Seitdem besch\u00e4ftigen wir uns kontinuierlich mit Batterietechnologien und arbeiten langfristig an besseren L\u00f6sungen.\n            <\/p>\n\n            <p class=\"hys-about-brand-v9__capability-text\">\n              Heute ist Hysincere ein in China als \u201eNational High-Tech Enterprise\u201c anerkanntes Unternehmen mit Forschung und Entwicklung, Konstruktion, Montage, Vertrieb und Service. Unser Hauptsitz liegt in Shenzhen, die gro\u00dfe Produktionsst\u00e4tte in Dongguan. Ein erfahrenes Produktionsteam, eine etablierte Anordnung der Fertigungslinien und Kapazit\u00e4ten f\u00fcr die Gro\u00dfserienfertigung bilden die Grundlage f\u00fcr zuverl\u00e4ssige Lieferungen an Kunden weltweit.\n            <\/p>\n\n            <span class=\"hys-about-brand-v9__capability-tagline\">Technologie im Kern. Neue Wege f\u00fcr die Zukunft.<\/span>\n\n            <div class=\"hys-about-brand-v9__capability-actions\">\n              <a class=\"hys-about-brand-v9__capability-btn\" href=\"\/de\/kontakt\/\">Hysincere kontaktieren<\/a>\n              <a class=\"hys-about-brand-v9__capability-btn hys-about-brand-v9__capability-btn--ghost\" href=\"\/de\/products\/\">Produkte ansehen<\/a>\n            <\/div>\n          <\/div>\n\n          <figure class=\"hys-about-brand-v9__capability-image-wrap\">\n            <img loading=\"lazy\"\n              class=\"hys-about-brand-v9__capability-image\"\n              src=\"https:\/\/hysincere.com\/wp-content\/uploads\/2026\/07\/hysincere-battery-manufacturing-facility-factory-exterior-scaled.webp\"\n              title=\"Hysincere-Batteriefertigung und Au\u00dfenansicht des Werks\"\n              alt=\"Hysincere-Batteriefertigung und Au\u00dfenansicht des Werks in Dongguan, China\"\n              data-media-title=\"Hysincere-Batteriefertigung und Au\u00dfenansicht des Werks\"\n              data-media-description=\"Exterior view of the Hysincere battery manufacturing facility in Dongguan, China. The factory supports battery research, PACK assembly, quality testing, and large-scale manufacturing for energy storage, lead-acid replacement, and custom battery solutions.\"\n              width=\"1530\"\n              height=\"1001\"\n              loading=\"lazy\"\n              decoding=\"async\"\n            >\n            <figcaption class=\"hys-about-brand-v9__capability-caption\">\n              Der Produktionsstandort Dongguan unterst\u00fctzt Batteriepackmontage, Tests, Pr\u00fcfungen und Projektlieferungen.\n            <\/figcaption>\n          <\/figure>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n  \n  <span id=\"company-profile\" class=\"hys-about-brand-v9__anchor hys-about-brand-v9__anchor--company-profile\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"hys-about-brand-v9__video-modal\" data-hys-video-modal aria-hidden=\"true\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Hysincere-Videoplayer\">\n    <div class=\"hys-about-brand-v9__video-modal-backdrop\" data-hys-video-close><\/div>\n    <div class=\"hys-about-brand-v9__video-modal-panel\">\n      <button class=\"hys-about-brand-v9__video-modal-close\" type=\"button\" data-hys-video-close aria-label=\"Video schlie\u00dfen\">Schlie\u00dfen<\/button>\n      <div class=\"hys-about-brand-v9__video-modal-frame\">\n        <iframe\n          data-hys-video-player\n          data-src=\"https:\/\/www.youtube.com\/embed\/mCoL4gynGnU?autoplay=1&mute=0&controls=1&rel=0&modestbranding=1&playsinline=1\"\n          title=\"Hysincere-Video zur Unternehmensvorstellung\"\n          allow=\"autoplay; encrypted-media; picture-in-picture\"\n          allowfullscreen\n          referrerpolicy=\"strict-origin-when-cross-origin\">\n        <\/iframe>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  .hys-about-brand-v9,\n  .hys-about-brand-v9 * {\n    box-sizing: border-box;\n  }\n\n  .hys-about-brand-v9 {\n    --hys-green: #288E3E;\n    --hys-green-dark: #1F6F32;\n    --hys-black: #050505;\n    --hys-text: #111827;\n    --hys-muted: #6B7280;\n    --hys-border: #E3E8E5;\n    --hs-green: #288E3E;\n    --hs-green-2: #1F6F32;\n    --hs-ink: #111827;\n    --hs-progress: 0;\n    --hs-intro-progress: 0;\n    --hs-story-progress: 0;\n    --hs-capability-progress: 0;\n    --brand-y: 0px;\n    --brand-scale: 1;\n    --brand-opacity: 1;\n    --brand-mark-opacity: 1;\n    --story-heading-y: 0px;\n    --story-copy-offset: clamp(72px, 6vw, 104px);\n    --mosaic-opacity: 0;\n    --mosaic-blur: 0px;\n    --mosaic-wall-x: 0px;\n    --mosaic-wall-y: 0px;\n    --story-cinema-warm: .46;\n    --story-cinema-green: .30;\n    --story-cinema-amber: .08;\n    --story-cinema-cyan: .06;\n    --story-cinema-white: 0;\n    --story-cinema-vignette: .78;\n    --story-cinema-pan-x: 0px;\n    --story-cinema-pan-y: 0px;\n    --story-cinema-pan-x-reverse: 0px;\n    --story-cinema-pan-y-reverse: 0px;\n    --story-cinema-lens-x: 0px;\n    --story-cinema-lens-y: 0px;\n    --story-heading-opacity: 0;\n    --story-desc-progress: 0;\n    --story-desc-clip: 100%;\n    --story-desc-y: 24px;\n    --story-users-opacity: 0;\n    --story-users-y: 0px;\n    --story-users-desc-progress: 0;\n    --story-users-desc-clip: 100%;\n    --story-users-desc-y: 18px;\n    --intro-video-top: 0px;\n    --intro-video-left: 0px;\n    --intro-video-right: 0px;\n    --intro-video-height: 100vh;\n    --intro-video-radius: 0px;\n    --intro-video-opacity: 1;\n    --intro-video-y: 0px;\n    --intro-action-opacity: 1;\n    --intro-action-y: 0px;\n    --noise-x: 0px;\n    --noise-y: 0px;\n    --h-scan-top: 20%;\n    --intro-grid-scale: 1;\n    --capability-y: 110vh;\n    --capability-opacity: 0;\n    --capability-inner-y: 90px;\n    --capability-block-shift: 40px;\n    --capability-content-opacity: .08;\n\n    position: relative;\n    z-index: 1;\n    min-height: 580vh;\n    margin: 0;\n    overflow: clip;\n    background: #FFFFFF;\n    color: #fff;\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9 a,\n  .hys-about-brand-v9 button,\n  .hys-about-brand-v9 input,\n  .hys-about-brand-v9 textarea {\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9__sticky {\n    position: sticky;\n    top: 0;\n    min-height: 100vh;\n    overflow: hidden;\n    isolation: isolate;\n    background: #000;\n  }\n\n  .hys-about-brand-v9__canvas {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__noise {\n    position: absolute;\n    inset: -40%;\n    z-index: 3;\n    pointer-events: none;\n    opacity: .048;\n    background-image:\n      repeating-radial-gradient(circle at 22% 30%, rgba(255,255,255,.75) 0 1px, transparent 1px 4px),\n      repeating-linear-gradient(90deg, transparent 0 10px, rgba(255,255,255,.12) 10px 11px);\n    mix-blend-mode: overlay;\n    transform: translate3d(var(--noise-x), var(--noise-y), 0);\n  }\n\n  .hys-about-brand-v9__chrome,\n  .hys-about-brand-v9__h-mark,\n  .hys-about-brand-v9__brand-text p,\n  .hys-about-brand-v9__eyebrow {\n    display: none !important;\n  }\n\n  .hys-about-brand-v9__scene {\n    position: absolute;\n    inset: 0;\n    z-index: 6;\n    min-height: 100vh;\n    display: grid;\n    place-items: center;\n    padding: clamp(78px, 8vw, 120px) clamp(20px, 6vw, 96px);\n    opacity: 0;\n    pointer-events: none;\n    will-change: opacity, transform;\n  }\n\n  .hys-about-brand-v9__scene.is-active {\n    pointer-events: auto;\n  }\n  .hys-about-brand-v9__anchor {\n    position: absolute;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__anchor--company-profile {\n    top: calc((100% - 100vh) * 0.985);\n  }\n\n  .hys-about-brand-v9__brand-title {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    z-index: 24;\n    display: grid;\n    place-items: center;\n    width: min(1180px, calc(100% - 40px));\n    text-align: center;\n    pointer-events: none;\n    transform:\n      translate(-50%, -50%)\n      translate3d(0, var(--brand-y), 0)\n      scale(var(--brand-scale));\n    opacity: var(--brand-opacity);\n    transform-origin: center center;\n    will-change: transform, opacity;\n  }\n\n  .hys-about-brand-v9__brand-text h1 {\n    margin: 0;\n    color: #fff;\n    font-family: inherit;\n    font-size: clamp(64px, 12vw, 182px);\n    font-weight: 900;\n    letter-spacing: .02em;\n    line-height: .88;\n    text-shadow: none;\n  }\n\n  .hys-about-brand-v9__scene--intro {\n    opacity: 1;\n    z-index: 14;\n    padding: 0;\n    background: transparent;\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__video-bg {\n    position: absolute;\n    top: var(--intro-video-top);\n    left: var(--intro-video-left);\n    right: var(--intro-video-right);\n    height: var(--intro-video-height);\n    z-index: 0;\n    overflow: hidden;\n    border-radius: var(--intro-video-radius);\n    background: #000;\n    opacity: var(--intro-video-opacity);\n    transform: translate3d(0, var(--intro-video-y), 0);\n    pointer-events: none;\n    box-shadow: 0 24px 90px rgba(0,0,0,.34);\n    will-change: top, left, right, height, border-radius, opacity, transform;\n  }\n\n  .hys-about-brand-v9__video-bg iframe {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: max(100vw, 177.78vh);\n    height: max(56.25vw, 100vh);\n    min-width: 100%;\n    min-height: 100%;\n    max-width: none !important;\n    max-height: none !important;\n    border: 0;\n    transform: translate(-50%, -50%) scale(1.06);\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__video-shade {\n    position: absolute;\n    top: var(--intro-video-top);\n    left: var(--intro-video-left);\n    right: var(--intro-video-right);\n    height: var(--intro-video-height);\n    z-index: 1;\n    overflow: hidden;\n    border-radius: var(--intro-video-radius);\n    opacity: var(--intro-video-opacity);\n    transform: translate3d(0, var(--intro-video-y), 0);\n    pointer-events: none;\n    background:\n      linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.30)),\n      linear-gradient(90deg, rgba(0,0,0,.34), transparent 34%, transparent 66%, rgba(0,0,0,.34));\n    will-change: top, left, right, height, border-radius, opacity, transform;\n  }\n\n  .hys-about-brand-v9__video-button {\n    position: absolute;\n    left: 50%;\n    top: calc(50% + clamp(82px, 10vw, 142px));\n    z-index: 28;\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    min-height: 46px;\n    padding: 12px 18px 12px 14px;\n    border: 1px solid rgba(255,255,255,.30);\n    border-radius: 999px;\n    background: rgba(0,0,0,.26);\n    color: #fff;\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: .02em;\n    line-height: 1;\n    backdrop-filter: blur(14px);\n    box-shadow: 0 22px 70px rgba(0,0,0,.24);\n    cursor: pointer;\n    opacity: var(--intro-action-opacity);\n    transform: translate(-50%, -50%) translate3d(0, var(--intro-action-y), 0);\n    pointer-events: auto;\n    transition: background .18s ease, border-color .18s ease, transform .18s ease;\n    will-change: opacity, transform;\n  }\n\n  .hys-about-brand-v9__video-button:hover {\n    border-color: rgba(255,255,255,.62);\n    background: rgba(255,255,255,.16);\n    transform: translate(-50%, -50%) translate3d(0, var(--intro-action-y), 0) scale(1.025);\n  }\n\n  .hys-about-brand-v9__video-button-icon {\n    position: relative;\n    display: inline-grid;\n    place-items: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    background: rgba(255,255,255,.92);\n  }\n\n  .hys-about-brand-v9__video-button-icon::before {\n    content: \"\";\n    width: 0;\n    height: 0;\n    margin-left: 2px;\n    border-top: 6px solid transparent;\n    border-bottom: 6px solid transparent;\n    border-left: 9px solid #101010;\n  }\n\n  .hys-about-brand-v9__intro-grid {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    opacity: 0 !important;\n    pointer-events: none;\n    background-image:\n      linear-gradient(rgba(255,255,255,.052) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.052) 1px, transparent 1px);\n    background-size: 64px 64px, 64px 64px;\n    transform: scale(var(--intro-grid-scale));\n  }\n\n  .hys-about-brand-v9__scene--story {\n    z-index: 9;\n    background: #000;\n  }\n\n  .hys-about-brand-v9__story-bg {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    overflow: hidden;\n    background:\n      radial-gradient(ellipse at 54% 46%, rgba(255,255,255,var(--story-cinema-white)), transparent 58%),\n      linear-gradient(135deg, rgba(248,250,249,var(--story-cinema-white)) 0%, rgba(242,245,243,var(--story-cinema-white)) 100%),\n      radial-gradient(ellipse at calc(20% + var(--story-cinema-pan-x)) calc(34% + var(--story-cinema-pan-y)), rgba(126, 92, 42, var(--story-cinema-warm)), transparent 44%),\n      radial-gradient(ellipse at calc(82% + var(--story-cinema-pan-x-reverse)) calc(58% + var(--story-cinema-pan-y-reverse)), rgba(18, 78, 68, var(--story-cinema-green)), transparent 46%),\n      radial-gradient(ellipse at 48% 92%, rgba(214, 154, 76, var(--story-cinema-amber)), transparent 52%),\n      linear-gradient(118deg, #040504 0%, #11100A 44%, #020606 100%);\n    will-change: background;\n  }\n\n  .hys-about-brand-v9__story-bg::before,\n  .hys-about-brand-v9__story-bg::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__story-bg::before {\n    inset: -18%;\n    background:\n      radial-gradient(ellipse at 72% 20%, rgba(135, 170, 148, var(--story-cinema-cyan)), transparent 42%),\n      radial-gradient(ellipse at 24% 78%, rgba(126, 86, 38, .12), transparent 46%);\n    mix-blend-mode: screen;\n    transform: translate3d(var(--story-cinema-lens-x), var(--story-cinema-lens-y), 0);\n    will-change: transform;\n  }\n\n  .hys-about-brand-v9__story-bg::after {\n    background:\n      linear-gradient(180deg, rgba(0,0,0,.66), transparent 22%, transparent 72%, rgba(0,0,0,.74)),\n      radial-gradient(ellipse at 50% 50%, transparent 42%, rgba(0,0,0,var(--story-cinema-vignette)) 100%),\n      linear-gradient(90deg, rgba(0,0,0,.42), transparent 18%, transparent 82%, rgba(0,0,0,.46));\n    opacity: .96;\n  }\n\n  .hys-about-brand-v9__story-heading {\n    position: absolute;\n    left: 50%;\n    top: 0;\n    z-index: 23;\n    width: min(920px, calc(100% - 40px));\n    text-align: center;\n    transform: translateX(-50%) translate3d(0, var(--story-heading-y), 0);\n    opacity: var(--story-heading-opacity);\n    pointer-events: none;\n    will-change: transform, opacity;\n  }\n\n  .hys-about-brand-v9__story-heading h2 {\n    display: none !important;\n  }\n\n  .hys-about-brand-v9__story-heading p:not(.hys-about-brand-v9__eyebrow) {\n    max-width: 850px;\n    margin: 0 auto;\n    color: rgba(255,255,255,.78);\n    font-family: inherit;\n    font-size: clamp(16px, 1.32vw, 20px);\n    line-height: 1.76;\n    opacity: var(--story-desc-progress);\n    clip-path: inset(0 0 var(--story-desc-clip) 0);\n    transform: translate3d(0, var(--story-desc-y), 0);\n    will-change: opacity, clip-path, transform;\n  }\n\n  .hys-about-brand-v9__story-heading--users {\n    z-index: 23;\n    width: min(920px, calc(100% - 40px));\n    opacity: var(--story-users-opacity) !important;\n    transform: translateX(-50%) translate3d(0, var(--story-users-y), 0) !important;\n  }\n\n  .hys-about-brand-v9__story-heading--users p.hys-about-brand-v9__story-kicker {\n    display: block !important;\n    margin: 0 0 clamp(10px, 1vw, 14px);\n    color: rgba(255,255,255,.74);\n    font-family: inherit;\n    font-size: clamp(14px, 1.05vw, 18px);\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: 0;\n    opacity: 1 !important;\n    clip-path: inset(0 0 0 0) !important;\n    transform: none !important;\n  }\n\n  .hys-about-brand-v9__story-heading--users h2 {\n    display: block !important;\n    max-width: 680px;\n    margin: 0 auto;\n    color: #fff;\n    font-family: inherit;\n    font-size: clamp(32px, 3.8vw, 60px);\n    font-weight: 800;\n    line-height: 1.08;\n    letter-spacing: 0;\n    text-align: center;\n  }\n\n  .hys-about-brand-v9__story-heading--users p.hys-about-brand-v9__story-users-copy {\n    max-width: 690px;\n    margin: clamp(12px, 1.1vw, 16px) auto 0;\n    color: rgba(255,255,255,.78);\n    font-family: inherit;\n    font-size: clamp(16px, 1.22vw, 20px);\n    font-weight: 500;\n    line-height: 1.48;\n    text-align: center;\n    opacity: 1 !important;\n    clip-path: inset(0 0 0 0) !important;\n    transform: none !important;\n  }\n\n  .hys-about-brand-v9__mosaic {\n    position: absolute;\n    left: 50%;\n    top: 64.5%;\n    z-index: 4;\n    width: min(1460px, 100%);\n    height: min(760px, 76vh);\n    transform:\n      translate(-50%, -50%)\n      translate3d(var(--mosaic-wall-x), var(--mosaic-wall-y), 0);\n    opacity: var(--mosaic-opacity);\n    filter: blur(var(--mosaic-blur));\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__mosaic-card {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: clamp(125px, 12vw, 205px);\n    height: auto !important;\n    overflow: visible !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    transform:\n      translate(-50%, -50%)\n      translate3d(var(--mosaic-x), var(--mosaic-y), 0)\n      rotate(var(--mosaic-r))\n      scale(var(--mosaic-s));\n    opacity: var(--mosaic-card-opacity);\n    will-change: transform, opacity;\n  }\n\n  .hys-about-brand-v9__mosaic-card--wide {\n    width: clamp(160px, 16vw, 275px);\n  }\n\n  .hys-about-brand-v9__mosaic-card--small {\n    width: clamp(100px, 9vw, 150px);\n  }\n\n  .hys-about-brand-v9__mosaic-card img,\n  .hys-about-brand-v9__story-media img,\n  .hys-about-brand-v9__final-media img {\n    display: block !important;\n    width: 100% !important;\n    height: auto !important;\n    object-fit: contain !important;\n    transform: none !important;\n    background: transparent !important;\n    border-radius: 0 !important;\n    box-shadow: none !important;\n  }\n\n  .hys-about-brand-v9__story-cards {\n    position: absolute;\n    left: 50%;\n    top: 55%;\n    z-index: 10;\n    width: min(1360px, calc(100% - 40px));\n    height: min(780px, 78vh);\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }\n\n  .hys-about-brand-v9__story-card {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: clamp(420px, 52vw, 860px);\n    overflow: visible;\n    border: 0;\n    border-radius: 8px;\n    background: transparent;\n    box-shadow: none;\n    backdrop-filter: none;\n    opacity: 0;\n    clip-path: inset(0 0 0 0 round 8px);\n    transform: translate(-50%, -50%) scale(.05);\n    transform-origin: center center;\n    will-change: transform, opacity, filter, clip-path;\n  }\n\n  .hys-about-brand-v9__story-media {\n    position: relative;\n    height: auto !important;\n    overflow: visible !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n  }\n\n  .hys-about-brand-v9__story-body {\n    position: relative;\n    z-index: 5;\n    padding: clamp(16px, 1.8vw, 24px) 0 0;\n    text-align: left;\n    background: none;\n  }\n\n  .hys-about-brand-v9__story-body span,\n  .hys-about-brand-v9__final-body span {\n    display: none;\n  }\n\n  .hys-about-brand-v9__story-body h3,\n  .hys-about-brand-v9__final-body h3 {\n    margin: 0;\n    color: #fff;\n    font-family: inherit;\n    font-size: clamp(30px, 3.2vw, 52px);\n    font-weight: 800;\n    line-height: 1.02;\n    letter-spacing: 0;\n    text-align: left;\n  }\n\n  .hys-about-brand-v9__story-body p,\n  .hys-about-brand-v9__final-body p {\n    max-width: min(86%, 650px);\n    margin: 12px 0 0;\n    color: rgba(255,255,255,.86);\n    font-family: inherit;\n    font-size: clamp(15px, 1.16vw, 18px);\n    line-height: 1.62;\n    text-align: left;\n  }\n\n  .hys-about-brand-v9__final-card {\n    position: absolute;\n    left: 50%;\n    top: 52%;\n    z-index: 17;\n    width: min(760px, calc(100% - 40px));\n    overflow: visible;\n    border: 0;\n    border-radius: 0;\n    background: transparent;\n    box-shadow: none;\n    backdrop-filter: none;\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(1);\n    pointer-events: none;\n    will-change: transform, opacity;\n  }\n\n  .hys-about-brand-v9__final-media {\n    position: relative;\n    height: auto !important;\n    overflow: visible !important;\n    border: 0 !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n  }\n\n  .hys-about-brand-v9__final-body {\n    padding: clamp(18px, 2vw, 24px) 0 0;\n    text-align: left;\n    background: transparent !important;\n  }\n\n  .hys-about-brand-v9__final-body h3,\n  .hys-about-brand-v9__final-body p {\n    background: transparent !important;\n    box-shadow: none !important;\n    text-shadow: 0 18px 48px rgba(0,0,0,.42);\n  }\n\n  .hys-about-brand-v9__scene--capability {\n    z-index: 30;\n    color: #111111;\n    background: #FFFFFF;\n    overflow: hidden;\n    border-radius: 0;\n    box-shadow: none;\n    padding: 88px 0 96px;\n    place-items: center;\n    will-change: transform, opacity;\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9__capability-bg {\n    display: none !important;\n  }\n\n  .hys-about-brand-v9__capability-inner {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    width: min(1560px, calc(100vw - 72px));\n    height: auto;\n    min-height: 0;\n    max-height: none;\n    margin: 0 auto;\n    flex-direction: column;\n    transform: translateY(calc(var(--capability-inner-y) + var(--capability-block-shift)));\n    opacity: var(--capability-content-opacity);\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9__capability-head {\n    max-width: 1180px;\n  }\n\n  .hys-about-brand-v9__capability-label {\n    margin: 0 0 8px;\n    font-family: inherit;\n    font-size: clamp(15px, .95vw, 18px);\n    line-height: 1.3;\n    font-weight: 600;\n    letter-spacing: 0;\n    color: #333333;\n  }\n\n  .hys-about-brand-v9__capability-title {\n    margin: 0;\n    max-width: 1180px;\n    font-family: inherit;\n    font-size: clamp(34px, 2.6vw, 46px) !important;\n    line-height: 1.14 !important;\n    font-weight: 800 !important;\n    letter-spacing: 0;\n    color: #050505;\n  }\n\n  .hys-about-brand-v9__capability-main {\n    display: grid;\n    grid-template-columns: minmax(0, 0.96fr) minmax(0, 1fr);\n    align-items: center;\n    justify-content: space-between;\n    gap: clamp(64px, 7vw, 118px);\n    margin-top: clamp(56px, 6vw, 80px);\n    padding-bottom: 0;\n  }\n\n  .hys-about-brand-v9__capability-image-wrap {\n    width: 100%;\n    overflow: hidden;\n    isolation: isolate;\n    contain: paint;\n    border-radius: 4px;\n    border: 1px solid rgba(17, 24, 39, 0.12);\n    background: #F4F5F4;\n    line-height: 0;\n    font-size: 0;\n    box-shadow: none !important;\n    filter: none !important;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n    clip-path: inset(0 round 4px);\n  }\n\n  .hys-about-brand-v9__capability-image {\n    display: block;\n    width: 100%;\n    height: clamp(430px, 31vw, 540px);\n    object-fit: cover;\n    object-position: center center;\n    box-shadow: none !important;\n    filter: none !important;\n    outline: 0 !important;\n    transform: translateZ(0);\n    backface-visibility: hidden;\n  }\n\n  .hys-about-brand-v9__capability-image-wrap:hover,\n  .hys-about-brand-v9__capability-image-wrap:hover .hys-about-brand-v9__capability-image {\n    box-shadow: none !important;\n    filter: none !important;\n    outline: 0 !important;\n  }\n\n  .hys-about-brand-v9__capability-copy {\n    max-width: 540px;\n    padding-top: 0;\n  }\n\n  .hys-about-brand-v9__capability-text {\n    margin: 0;\n    font-family: inherit;\n    font-size: clamp(15px, .92vw, 17px) !important;\n    line-height: 1.5 !important;\n    font-weight: 500 !important;\n    letter-spacing: 0;\n    color: #050505;\n  }\n\n  .hys-about-brand-v9__capability-text + .hys-about-brand-v9__capability-text {\n    margin-top: 16px;\n  }\n\n  .hys-about-brand-v9__capability-note {\n    margin: clamp(16px, 1.6vw, 22px) 0 0;\n    font-family: inherit;\n    font-size: 11px;\n    line-height: 1.5;\n    font-weight: 400;\n    letter-spacing: 0;\n    color: #777777;\n  }\n\n  .hys-about-brand-v9__video-modal {\n    position: fixed;\n    inset: 0;\n    z-index: 999999;\n    display: grid;\n    place-items: center;\n    padding: clamp(18px, 4vw, 56px);\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity .25s ease, visibility .25s ease;\n  }\n\n  .hys-about-brand-v9__video-modal.is-open {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .hys-about-brand-v9__video-modal-backdrop {\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,.82);\n    backdrop-filter: blur(12px);\n  }\n\n  .hys-about-brand-v9__video-modal-panel {\n    position: relative;\n    z-index: 2;\n    width: min(1120px, 100%);\n    border-radius: 14px;\n    background: #050505;\n    box-shadow: 0 36px 120px rgba(0,0,0,.62);\n    overflow: hidden;\n  }\n\n  .hys-about-brand-v9__video-modal-close {\n    position: absolute;\n    right: 14px;\n    top: 14px;\n    z-index: 3;\n    display: grid;\n    place-items: center;\n    width: 42px;\n    height: 42px;\n    padding: 0;\n    border: 1px solid rgba(255,255,255,.26);\n    border-radius: 999px;\n    background: rgba(0,0,0,.52);\n    color: transparent;\n    font-size: 0;\n    line-height: 1;\n    cursor: pointer;\n    backdrop-filter: blur(10px);\n  }\n\n  .hys-about-brand-v9__video-modal-close::before,\n  .hys-about-brand-v9__video-modal-close::after {\n    content: \"\";\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    width: 16px;\n    height: 2px;\n    border-radius: 999px;\n    background: #fff;\n    transform-origin: center center;\n  }\n\n  .hys-about-brand-v9__video-modal-close::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  .hys-about-brand-v9__video-modal-close::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n\n  .hys-about-brand-v9__video-modal-close:hover {\n    background: rgba(255,255,255,.16);\n    border-color: rgba(255,255,255,.56);\n  }\n\n  .hys-about-brand-v9__video-modal-frame {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background: #000;\n  }\n\n  .hys-about-brand-v9__video-modal-frame iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  @media (max-width: 1600px) {\n    .hys-about-brand-v9__capability-inner {\n      width: min(1460px, calc(100vw - 60px));\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: clamp(410px, 31vw, 500px);\n    }\n  }\n\n  @media (max-width: 1440px) {\n    .hys-about-brand-v9__scene--capability {\n      padding: 80px 0 88px;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      width: min(1360px, calc(100vw - 52px));\n    }\n\n    .hys-about-brand-v9__capability-title {\n      font-size: clamp(32px, 2.5vw, 42px) !important;\n      line-height: 1.14 !important;\n    }\n\n    .hys-about-brand-v9__capability-main {\n      gap: clamp(52px, 6vw, 88px);\n      margin-top: clamp(50px, 5vw, 70px);\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: clamp(390px, 30vw, 460px);\n    }\n  }\n\n  @media (max-width: 1280px) {\n    .hys-about-brand-v9__scene--capability {\n      padding: 72px 0 78px;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      width: min(1180px, calc(100vw - 48px));\n    }\n\n    .hys-about-brand-v9__capability-main {\n      grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);\n      gap: clamp(42px, 5vw, 70px);\n      margin-top: clamp(44px, 5vw, 62px);\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: clamp(390px, 30vw, 430px);\n    }\n\n    .hys-about-brand-v9__capability-text {\n      font-size: 15.5px !important;\n      line-height: 1.5 !important;\n    }\n\n    .hys-about-brand-v9__capability-note {\n      margin-top: 16px;\n    }\n  }\n\n  @media (max-width: 1180px) {\n    .hys-about-brand-v9 {\n      min-height: 610vh;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hys-about-brand-v9__scene--capability {\n      padding: 64px 0 64px;\n      place-items: center;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      width: min(820px, calc(100vw - 40px));\n      height: auto;\n      min-height: 0;\n      max-height: none;\n      overflow: visible;\n    }\n\n    .hys-about-brand-v9__capability-label {\n      font-size: 15px;\n      margin-bottom: 8px;\n    }\n\n    .hys-about-brand-v9__capability-title {\n      font-size: clamp(30px, 4vw, 38px) !important;\n      line-height: 1.18 !important;\n    }\n\n    .hys-about-brand-v9__capability-main {\n      grid-template-columns: 1fr;\n      gap: 22px;\n      margin-top: 40px;\n      padding-bottom: 0;\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: clamp(320px, 42vw, 380px);\n      aspect-ratio: auto;\n    }\n\n    .hys-about-brand-v9__capability-copy {\n      max-width: 820px;\n    }\n\n    .hys-about-brand-v9__capability-text {\n      font-size: 15px !important;\n      line-height: 1.5 !important;\n    }\n\n    .hys-about-brand-v9__capability-note {\n      margin-top: 14px;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hys-about-brand-v9 {\n      min-height: 650vh;\n    }\n\n    .hys-about-brand-v9__sticky {\n      min-height: 100svh;\n    }\n\n    .hys-about-brand-v9__brand-text h1 {\n      font-size: clamp(52px, 16vw, 86px);\n      letter-spacing: .02em;\n    }\n\n    .hys-about-brand-v9__video-button {\n      top: calc(50% + 96px);\n      min-height: 42px;\n      padding: 10px 15px 10px 12px;\n      font-size: 13px;\n    }\n\n    .hys-about-brand-v9__video-button-icon {\n      width: 24px;\n      height: 24px;\n    }\n\n    .hys-about-brand-v9__story-heading {\n      top: 0;\n    }\n\n    .hys-about-brand-v9__story-heading p:not(.hys-about-brand-v9__eyebrow) {\n      margin-top: 0;\n      font-size: 14px;\n      line-height: 1.62;\n    }\n\n    .hys-about-brand-v9__story-heading--users h2 {\n      font-size: clamp(30px, 9vw, 46px);\n      line-height: 1.08;\n    }\n\n    .hys-about-brand-v9__story-heading--users p.hys-about-brand-v9__story-users-copy {\n      font-size: 14px;\n      line-height: 1.58;\n    }\n\n    .hys-about-brand-v9__mosaic {\n      top: 58%;\n      width: 100%;\n      height: 62vh;\n    }\n\n    .hys-about-brand-v9__mosaic-card {\n      width: 120px;\n    }\n\n    .hys-about-brand-v9__mosaic-card--wide {\n      width: 150px;\n    }\n\n    .hys-about-brand-v9__mosaic-card--small {\n      width: 96px;\n    }\n\n    .hys-about-brand-v9__story-card {\n      width: min(90vw, 460px);\n    }\n\n    .hys-about-brand-v9__story-body p {\n      display: block;\n      font-size: 13px;\n    }\n\n    .hys-about-brand-v9__final-card {\n      width: min(86vw, 430px);\n    }\n\n    .hys-about-brand-v9__scene--capability {\n      min-height: 100svh;\n      padding: 52px 0 60px;\n      border-radius: 0;\n      overflow-y: auto;\n      -webkit-overflow-scrolling: touch;\n      place-items: start center;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      width: calc(100vw - 36px);\n      height: auto;\n      min-height: 0;\n      max-height: none;\n      overflow: visible;\n    }\n\n    .hys-about-brand-v9__capability-label {\n      font-size: 14px;\n      margin-bottom: 8px;\n    }\n\n    .hys-about-brand-v9__capability-title {\n      font-size: clamp(26px, 7vw, 34px) !important;\n      line-height: 1.18 !important;\n      letter-spacing: 0;\n    }\n\n    .hys-about-brand-v9__capability-main {\n      margin-top: 28px;\n      gap: 18px;\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: clamp(260px, 70vw, 330px);\n      aspect-ratio: auto;\n    }\n\n    .hys-about-brand-v9__capability-text {\n      font-size: 14.5px !important;\n      line-height: 1.58 !important;\n      letter-spacing: 0;\n    }\n\n    .hys-about-brand-v9__capability-text + .hys-about-brand-v9__capability-text {\n      margin-top: 12px;\n    }\n\n    .hys-about-brand-v9__capability-note {\n      margin-top: 12px;\n      font-size: 10.5px;\n    }\n\n    .hys-about-brand-v9__video-modal-panel {\n      border-radius: 10px;\n    }\n  }\n\n  @media (max-width: 390px) {\n    .hys-about-brand-v9__scene--capability {\n      padding: 46px 0 54px;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      width: calc(100vw - 32px);\n    }\n\n    .hys-about-brand-v9__capability-main {\n      margin-top: 24px;\n    }\n\n    .hys-about-brand-v9__capability-image {\n      height: 260px;\n    }\n\n    .hys-about-brand-v9__capability-title {\n      font-size: 26px !important;\n    }\n\n    .hys-about-brand-v9__capability-text {\n      font-size: 14px !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hys-about-brand-v9,\n    .hys-about-brand-v9 * {\n      scroll-behavior: auto !important;\n      transition: none !important;\n      animation: none !important;\n    }\n\n    .hys-about-brand-v9 {\n      min-height: auto;\n    }\n\n    .hys-about-brand-v9__sticky {\n      position: relative;\n      height: auto !important;\n      min-height: auto;\n    }\n\n    .hys-about-brand-v9__scene {\n      position: relative;\n      min-height: auto;\n      opacity: 1 !important;\n      transform: none !important;\n      pointer-events: auto !important;\n    }\n\n    .hys-about-brand-v9__capability-inner {\n      transform: none !important;\n      opacity: 1 !important;\n    }\n\n    .hys-about-brand-v9__brand-title {\n      position: relative;\n      left: auto;\n      top: auto;\n      margin: 120px auto 40px;\n      transform: none !important;\n      opacity: 1 !important;\n    }\n\n    .hys-about-brand-v9__mosaic,\n    .hys-about-brand-v9__story-cards,\n    .hys-about-brand-v9__final-card {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      transform: none !important;\n      opacity: 1 !important;\n      filter: none !important;\n      display: grid;\n      gap: 16px;\n    }\n\n    .hys-about-brand-v9__mosaic-card,\n    .hys-about-brand-v9__story-card {\n      position: relative;\n      left: auto;\n      top: auto;\n      width: 100%;\n      height: auto;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\n  \/* ===== Capability section replaced with the moved intro layout from the second code ===== *\/\n  .hys-about-brand-v9__scene--capability {\n    z-index: 30;\n    min-height: 100vh;\n    padding: clamp(46px, 4.8vw, 74px) 0 clamp(42px, 4.4vw, 68px) !important;\n    place-items: center;\n    color: #111111;\n    background:\n      radial-gradient(circle at 83% 12%, rgba(40,142,62,.10), transparent 33%),\n      radial-gradient(circle at 10% 86%, rgba(17,24,39,.05), transparent 30%),\n      linear-gradient(180deg, #FFFFFF 0%, #F7F8F7 100%) !important;\n    overflow: hidden;\n    border-radius: 0;\n    box-shadow: none;\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n    width: min(1560px, calc(100vw - 72px)) !important;\n    max-width: none !important;\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    margin: 0 auto !important;\n    display: block !important;\n    position: relative;\n    z-index: 2;\n    transform: translateY(calc(var(--capability-inner-y) + var(--capability-block-shift))) !important;\n    opacity: var(--capability-content-opacity) !important;\n    overflow: visible !important;\n    font-family: inherit;\n  }\n\n  .hys-about-brand-v9__capability-grid {\n    display: grid;\n    grid-template-columns: minmax(0, .96fr) minmax(420px, .74fr);\n    gap: clamp(38px, 5.2vw, 76px);\n    align-items: center;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-copy {\n    max-width: none !important;\n    padding-top: 0 !important;\n    position: relative;\n    z-index: 2;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-label {\n    margin: 0 0 12px !important;\n    color: #3E4641 !important;\n    font-size: clamp(14px, .94vw, 16px) !important;\n    line-height: 1.35 !important;\n    font-weight: 650 !important;\n    letter-spacing: 0 !important;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-title {\n    margin: 0 !important;\n    max-width: 820px !important;\n    color: #050505 !important;\n    font-size: clamp(34px, 3.08vw, 56px) !important;\n    line-height: 1.08 !important;\n    font-weight: 760 !important;\n    letter-spacing: -.014em !important;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-text {\n    margin: 20px 0 0 !important;\n    max-width: 820px !important;\n    color: rgba(0,0,0,.64) !important;\n    font-size: clamp(15px, 1.04vw, 18px) !important;\n    line-height: 1.74 !important;\n    font-weight: 400 !important;\n    letter-spacing: 0 !important;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-text + .hys-about-brand-v9__capability-text {\n    margin-top: 20px !important;\n  }\n\n  .hys-about-brand-v9__capability-tagline {\n    display: inline-flex;\n    align-items: center;\n    margin-top: 24px;\n    padding: 10px 14px;\n    border: 1px solid rgba(40,142,62,.22);\n    border-radius: 999px;\n    background: rgba(40,142,62,.06);\n    color: #1F6F32;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 760;\n  }\n\n  .hys-about-brand-v9__capability-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 28px;\n  }\n\n  .hys-about-brand-v9__capability-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 44px;\n    padding: 12px 18px;\n    border-radius: 999px;\n    border: 1px solid transparent;\n    background: #288E3E;\n    color: #FFFFFF !important;\n    font-size: 14px;\n    line-height: 1;\n    font-weight: 760;\n    text-decoration: none !important;\n    transition: background .22s cubic-bezier(.22,.61,.36,1), transform .22s cubic-bezier(.22,.61,.36,1), border-color .22s cubic-bezier(.22,.61,.36,1);\n  }\n\n  .hys-about-brand-v9__capability-btn:hover {\n    background: #1F6F32;\n    color: #FFFFFF !important;\n    transform: translateY(-1px);\n  }\n\n  .hys-about-brand-v9__capability-btn--ghost {\n    background: #FFFFFF;\n    color: #111111 !important;\n    border-color: rgba(0,0,0,.16);\n  }\n\n  .hys-about-brand-v9__capability-btn--ghost:hover {\n    background: #F5F6F5;\n    color: #111111 !important;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image-wrap {\n    position: relative !important;\n    width: 100% !important;\n    min-height: clamp(460px, 31vw, 520px) !important;\n    margin: 0 !important;\n    overflow: hidden !important;\n    border: 0 !important;\n    border-radius: 24px !important;\n    background: #E7EAE7 !important;\n    line-height: 0 !important;\n    isolation: isolate !important;\n    box-shadow: 0 28px 80px rgba(17,24,39,.10) !important;\n    clip-path: none !important;\n    contain: paint;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image-wrap::after {\n    content: none !important;\n    display: none !important;\n  }\n\n  .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    min-height: clamp(460px, 31vw, 520px) !important;\n    object-fit: cover !important;\n    object-position: center center !important;\n    filter: none !important;\n    transform: scale(1.01) !important;\n    opacity: 1 !important;\n    mix-blend-mode: normal !important;\n    box-shadow: none !important;\n    outline: 0 !important;\n  }\n\n  .hys-about-brand-v9__capability-caption {\n    position: absolute;\n    left: 22px;\n    right: 22px;\n    bottom: 20px;\n    z-index: 2;\n    color: rgba(255,255,255,.90);\n    font-size: 13px;\n    line-height: 1.46;\n    font-weight: 650;\n    text-shadow: 0 10px 28px rgba(0,0,0,.32);\n  }\n\n  @media (max-width: 1600px) {\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n      width: min(1460px, calc(100vw - 60px)) !important;\n    }\n  }\n\n  @media (max-width: 1440px) {\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n      width: min(1360px, calc(100vw - 52px)) !important;\n    }\n  }\n\n  @media (max-width: 1280px) {\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n      width: min(1180px, calc(100vw - 48px)) !important;\n    }\n  }\n\n  @media (max-width: 1180px) {\n    .hys-about-brand-v9__capability-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image-wrap,\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image {\n      min-height: 420px !important;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    .hys-about-brand-v9__scene--capability {\n      padding: 64px 0 !important;\n      place-items: center !important;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n      width: min(820px, calc(100vw - 40px)) !important;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .hys-about-brand-v9__scene--capability {\n      min-height: 100svh;\n      padding: 54px 0 46px !important;\n      overflow-y: auto !important;\n      -webkit-overflow-scrolling: touch;\n      place-items: start center !important;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-inner {\n      width: calc(100vw - 36px) !important;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-title {\n      font-size: clamp(28px, 7.6vw, 38px) !important;\n      line-height: 1.1 !important;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-text {\n      font-size: 14.5px !important;\n      line-height: 1.68 !important;\n    }\n\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image-wrap,\n    .hys-about-brand-v9__scene--capability .hys-about-brand-v9__capability-image {\n      min-height: 300px !important;\n      border-radius: 18px !important;\n    }\n  }\n\n<\/style>\n\n<script>\n(function () {\n  \"use strict\";\n\n  var root = document.querySelector(\"[data-hys-about-brand-v9]\");\n  if (!root || root.dataset.hysReady === \"true\") return;\n  root.dataset.hysReady = \"true\";\n\n  var canvas = root.querySelector(\".hys-about-brand-v9__canvas\");\n  var ctx = canvas ? canvas.getContext(\"2d\") : null;\n\n  var brandTitle = root.querySelector(\"[data-hys-brand-title]\");\n  var mosaicCards = Array.prototype.slice.call(root.querySelectorAll(\".hys-about-brand-v9__mosaic-card\"));\n  var storyCards = Array.prototype.slice.call(root.querySelectorAll(\".hys-about-brand-v9__story-card\"));\n  var finalCard = root.querySelector(\"[data-hys-final-card]\");\n  var videoOpenButton = root.querySelector(\"[data-hys-video-open]\");\n  var videoModal = root.querySelector(\"[data-hys-video-modal]\");\n  var videoPlayer = root.querySelector(\"[data-hys-video-player]\");\n  var videoCloseButtons = Array.prototype.slice.call(root.querySelectorAll(\"[data-hys-video-close]\"));\n\n  var scenes = {\n    intro: root.querySelector('[data-hys-scene=\"intro\"]'),\n    story: root.querySelector('[data-hys-scene=\"story\"]'),\n    capability: root.querySelector('[data-hys-scene=\"capability\"]')\n  };\n\n  var storyBg = root.querySelector(\".hys-about-brand-v9__story-bg\");\n\n  var width = 0;\n  var height = 0;\n  var dpr = Math.min(window.devicePixelRatio || 1, 2);\n  var rafId = 0;\n  var progress = 0;\n  var targetProgress = 0;\n  var reducedMotion = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  var pointerTargetX = 0;\n  var pointerTargetY = 0;\n  var pointerX = 0;\n  var pointerY = 0;\n  var pointerActive = false;\n  var wheelDampingLock = false;\n\n  function clamp(value, min, max) {\n    return Math.max(min, Math.min(max, value));\n  }\n\n  function smoothstep(edge0, edge1, value) {\n    var x = clamp((value - edge0) \/ (edge1 - edge0), 0, 1);\n    return x * x * (3 - 2 * x);\n  }\n\n  function rangeOpacity(value, fadeInStart, fadeInEnd, fadeOutStart, fadeOutEnd) {\n    return smoothstep(fadeInStart, fadeInEnd, value) * (1 - smoothstep(fadeOutStart, fadeOutEnd, value));\n  }\n\n  function lerp(a, b, t) {\n    return a + (b - a) * t;\n  }\n\n  function resizeCanvas() {\n    if (!canvas || !ctx) return;\n\n    var sticky = root.querySelector(\".hys-about-brand-v9__sticky\");\n    if (!sticky) return;\n\n    var rect = sticky.getBoundingClientRect();\n    width = Math.max(1, Math.floor(rect.width));\n    height = Math.max(1, Math.floor(rect.height));\n\n    canvas.width = Math.floor(width * dpr);\n    canvas.height = Math.floor(height * dpr);\n    canvas.style.width = width + \"px\";\n    canvas.style.height = height + \"px\";\n\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n  }\n\n  function updateScroll() {\n    var total = Math.max(1, root.offsetHeight - window.innerHeight);\n    var rect = root.getBoundingClientRect();\n    targetProgress = clamp((-rect.top) \/ total, 0, 1);\n  }\n\n  function updatePointerFromEvent(event) {\n    if (!event || width <= 0 || height <= 0) return;\n\n    var sticky = root.querySelector(\".hys-about-brand-v9__sticky\");\n    var rect = sticky ? sticky.getBoundingClientRect() : root.getBoundingClientRect();\n\n    pointerTargetX = clamp(((event.clientX - rect.left) \/ Math.max(1, rect.width)) * 2 - 1, -1, 1);\n    pointerTargetY = clamp(((event.clientY - rect.top) \/ Math.max(1, rect.height)) * 2 - 1, -1, 1);\n    pointerActive = true;\n  }\n\n  function resetPointerTarget() {\n    pointerTargetX = 0;\n    pointerTargetY = 0;\n    pointerActive = false;\n  }\n\n  function updatePointerMotion() {\n    var pointerEase = pointerActive ? 0.105 : 0.065;\n    pointerX += (pointerTargetX - pointerX) * pointerEase;\n    pointerY += (pointerTargetY - pointerY) * pointerEase;\n  }\n\n  function shouldDampStoryWheel() {\n    if (reducedMotion) return false;\n\n    var rect = root.getBoundingClientRect();\n    if (rect.bottom <= 0 || rect.top >= window.innerHeight) return false;\n\n    var currentStoryProgress = smoothstep(0.22, 0.88, targetProgress);\n    var cardsStart = 0.865;\n    var cardsEnd = 0.998;\n    var storyCardCount = Math.max(1, storyCards.length);\n    var totalSlots = Math.max(1, storyCardCount + (finalCard ? 1 : 0));\n    var rawTimeline = clamp((currentStoryProgress - cardsStart) \/ Math.max(0.0001, cardsEnd - cardsStart), 0, 0.9999);\n    var rawCard = rawTimeline * totalSlots;\n\n    return currentStoryProgress >= cardsStart && rawCard < storyCardCount;\n  }\n\n  function handleStoryWheel(event) {\n    if (!shouldDampStoryWheel()) return;\n    if (!event || Math.abs(event.deltaY) < 0.5) return;\n\n    event.preventDefault();\n\n    if (wheelDampingLock) return;\n    wheelDampingLock = true;\n\n    window.scrollBy({\n      top: event.deltaY * 0.52,\n      left: event.deltaX * 0.52,\n      behavior: \"auto\"\n    });\n\n    window.requestAnimationFrame(function () {\n      wheelDampingLock = false;\n      updateScroll();\n    });\n  }\n\n  function setScene(scene, opacity, y, scale) {\n    if (!scene) return;\n\n    var finalOpacity = clamp(opacity, 0, 1);\n    scene.style.opacity = finalOpacity.toFixed(3);\n    scene.style.transform = \"translate3d(0,\" + y.toFixed(2) + \"px,0) scale(\" + scale.toFixed(4) + \")\";\n\n    if (finalOpacity > 0.04) {\n      scene.classList.add(\"is-active\");\n    } else {\n      scene.classList.remove(\"is-active\");\n    }\n  }\n\n  function updateIntroVideo() {\n    var strip = smoothstep(0.040, 0.260, progress);\n    var pushUp = smoothstep(0.245, 0.440, progress);\n    var videoFade = 1 - smoothstep(0.440, 0.550, progress);\n\n    var sideGap = width < 768 ? 10 : 24;\n    var topGap = width < 768 ? 8 : 16;\n    var stripHeight = width < 768 ? Math.min(height * 0.31, 220) : Math.min(height * 0.31, 286);\n\n    var top = lerp(0, topGap, strip);\n    var left = lerp(0, sideGap, strip);\n    var right = lerp(0, sideGap, strip);\n    var currentHeight = lerp(height, stripHeight, strip);\n    var radius = lerp(0, width < 768 ? 10 : 12, strip);\n    var videoLift = -pushUp * (stripHeight + topGap + (width < 768 ? 40 : 76));\n\n    root.style.setProperty(\"--intro-video-top\", top.toFixed(2) + \"px\");\n    root.style.setProperty(\"--intro-video-left\", left.toFixed(2) + \"px\");\n    root.style.setProperty(\"--intro-video-right\", right.toFixed(2) + \"px\");\n    root.style.setProperty(\"--intro-video-height\", currentHeight.toFixed(2) + \"px\");\n    root.style.setProperty(\"--intro-video-radius\", radius.toFixed(2) + \"px\");\n    root.style.setProperty(\"--intro-video-opacity\", videoFade.toFixed(3));\n    root.style.setProperty(\"--intro-video-y\", videoLift.toFixed(2) + \"px\");\n\n    var actionFade = 1 - smoothstep(0.025, 0.095, progress);\n    root.style.setProperty(\"--intro-action-opacity\", actionFade.toFixed(3));\n    root.style.setProperty(\"--intro-action-y\", (strip * -18).toFixed(2) + \"px\");\n  }\n\n  function updateBrandTitle() {\n    if (!brandTitle) return;\n\n    var flow = smoothstep(0.045, 0.260, progress);\n    var fadeOut = smoothstep(0.440, 0.540, progress);\n\n    var finalTitleCenterY = height * (width < 768 ? 0.440 : 0.445);\n    var startTitleCenterY = height * 0.50;\n\n    var y = (finalTitleCenterY - startTitleCenterY) * flow;\n    var scale = width < 768 ? 1 - flow * 0.38 : 1 - flow * 0.60;\n    var opacity = 1 - fadeOut;\n\n    root.style.setProperty(\"--brand-y\", y.toFixed(2) + \"px\");\n    root.style.setProperty(\"--brand-scale\", scale.toFixed(4));\n    root.style.setProperty(\"--brand-opacity\", opacity.toFixed(3));\n    root.style.setProperty(\"--brand-mark-opacity\", \"0\");\n  }\n\n  function updateMosaic(storyProgress) {\n    var wallIn = smoothstep(0.30, 0.60, storyProgress);\n    var wallExit = smoothstep(0.72, 0.86, storyProgress);\n\n    var mosaicOpacity = wallIn * (1 - wallExit);\n    var mosaicBlur = wallExit * 2.0;\n\n    root.style.setProperty(\"--mosaic-opacity\", mosaicOpacity.toFixed(3));\n    root.style.setProperty(\"--mosaic-blur\", mosaicBlur.toFixed(2) + \"px\");\n\n    var pointerMix = width < 768 ? 0 : mosaicOpacity * (1 - wallExit);\n    var wallFollowX = pointerX * 72 * pointerMix;\n    var wallFollowY = pointerY * 48 * pointerMix;\n\n    root.style.setProperty(\"--mosaic-wall-x\", wallFollowX.toFixed(2) + \"px\");\n    root.style.setProperty(\"--mosaic-wall-y\", wallFollowY.toFixed(2) + \"px\");\n\n    var mobileScale = width < 768 ? 0.58 : 1;\n    var total = Math.max(1, mosaicCards.length - 1);\n\n    mosaicCards.forEach(function (card, index) {\n      var openX = parseFloat(card.getAttribute(\"data-open-x\") || \"0\") * mobileScale;\n      var openY = parseFloat(card.getAttribute(\"data-open-y\") || \"0\") * mobileScale;\n      var exitX = parseFloat(card.getAttribute(\"data-exit-x\") || \"0\") * mobileScale;\n      var exitY = parseFloat(card.getAttribute(\"data-exit-y\") || \"0\") * mobileScale;\n      var scale = parseFloat(card.getAttribute(\"data-s\") || \"1\");\n      var layer = parseInt(card.getAttribute(\"data-layer\") || \"1\", 10);\n      var baseRotate = parseFloat(card.getAttribute(\"data-r\") || \"0\");\n\n      var delay = (index \/ total) * 0.20;\n      var itemIn = smoothstep(0.28 + delay, 0.46 + delay, storyProgress);\n      var itemFloat = smoothstep(0.44 + delay, 0.66 + delay, storyProgress);\n      var itemExit = smoothstep(0.72 + delay * 0.35, 0.86 + delay * 0.35, storyProgress);\n\n      var startX = openX * 0.62;\n      var startY = openY + (width < 768 ? 330 : 430);\n      var floatX = openX + (index % 3 - 1) * (width < 768 ? 18 : 34);\n      var floatY = openY + (index % 4 - 1.5) * (width < 768 ? 14 : 26);\n\n      var x = lerp(startX, floatX, itemIn);\n      var y = lerp(startY, floatY, itemIn);\n      x = lerp(x, floatX * 1.08, itemFloat);\n      y = lerp(y, floatY - (width < 768 ? 12 : 24), itemFloat);\n      x = lerp(x, exitX * 0.96, itemExit);\n      y = lerp(y, exitY * 0.96, itemExit);\n\n      var rotate = baseRotate * 0.12 * itemIn * (1 - itemExit);\n      var finalScale = (0.42 + (scale - 0.42) * itemIn) * (1 - itemExit * 0.08);\n      var cardOpacity = itemIn * (1 - itemExit);\n\n      card.style.zIndex = String(layer);\n      card.style.setProperty(\"--mosaic-x\", x.toFixed(2) + \"px\");\n      card.style.setProperty(\"--mosaic-y\", y.toFixed(2) + \"px\");\n      card.style.setProperty(\"--mosaic-r\", rotate.toFixed(3) + \"deg\");\n      card.style.setProperty(\"--mosaic-s\", finalScale.toFixed(4));\n      card.style.setProperty(\"--mosaic-card-opacity\", cardOpacity.toFixed(3));\n    });\n  }\n\n  function updateStoryColorGrade(storyProgress) {\n    if (!storyBg) return;\n\n    var cardsStart = 0.865;\n    var cardsEnd = 0.998;\n    var storyCardCount = Math.max(1, storyCards.length);\n    var totalSlots = Math.max(1, storyCardCount + (finalCard ? 1 : 0));\n    var rawTimeline = clamp((storyProgress - cardsStart) \/ Math.max(0.0001, cardsEnd - cardsStart), 0, 0.9999);\n    var rawCard = rawTimeline * totalSlots;\n\n    var storyIn = smoothstep(0.08, 0.42, storyProgress);\n    var wallFloat = smoothstep(0.30, 0.72, storyProgress) * (1 - smoothstep(0.76, 0.90, storyProgress));\n    var cardMode = smoothstep(0.82, 0.96, storyProgress);\n    var finalMode = smoothstep(storyCardCount - 0.05, storyCardCount + 0.82, rawCard);\n    var pulse = (Math.sin(rawCard * 1.62) + 1) * 0.5;\n    var counterPulse = (Math.cos(rawCard * 1.28) + 1) * 0.5;\n\n    var warm = clamp(0.34 + storyIn * 0.17 + pulse * 0.08 * cardMode - finalMode * 0.15, 0.22, 0.62);\n    var green = clamp(0.22 + storyIn * 0.13 + counterPulse * 0.09 * cardMode - finalMode * 0.08, 0.18, 0.46);\n    var amber = clamp(0.04 + wallFloat * 0.11 + pulse * 0.06 * cardMode, 0.02, 0.20);\n    var cyan = clamp(0.04 + cardMode * 0.10 + counterPulse * 0.05 * cardMode, 0.04, 0.18);\n    var white = clamp(finalMode * smoothstep(0.94, 1.00, storyProgress) * 0.48, 0, 0.48);\n    var vignette = clamp(0.72 + cardMode * 0.10 - finalMode * 0.20, 0.52, 0.86);\n    var panPower = storyIn * 18 + cardMode * 12;\n    var lensPower = storyIn * 30 + cardMode * 18;\n\n    root.style.setProperty(\"--story-cinema-warm\", warm.toFixed(3));\n    root.style.setProperty(\"--story-cinema-green\", green.toFixed(3));\n    root.style.setProperty(\"--story-cinema-amber\", amber.toFixed(3));\n    root.style.setProperty(\"--story-cinema-cyan\", cyan.toFixed(3));\n    root.style.setProperty(\"--story-cinema-white\", white.toFixed(3));\n    root.style.setProperty(\"--story-cinema-vignette\", vignette.toFixed(3));\n    var panX = Math.sin(rawCard * 0.82 + storyProgress * 1.6) * panPower;\n    var panY = Math.cos(rawCard * 0.74 + storyProgress * 1.2) * panPower * 0.62;\n\n    root.style.setProperty(\"--story-cinema-pan-x\", panX.toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-cinema-pan-y\", panY.toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-cinema-pan-x-reverse\", (-panX).toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-cinema-pan-y-reverse\", (-panY).toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-cinema-lens-x\", (Math.cos(rawCard * 0.92 + storyProgress) * lensPower).toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-cinema-lens-y\", (Math.sin(rawCard * 0.86 + storyProgress * 1.4) * lensPower * 0.58).toFixed(2) + \"px\");\n  }\n\n  function updateStoryCards(storyProgress) {\n    var cardsStart = 0.865;\n    var cardsEnd = 0.998;\n    var storyCardCount = Math.max(1, storyCards.length);\n    var totalSlots = Math.max(1, storyCardCount + (finalCard ? 1 : 0));\n\n    storyCards.forEach(function (card) {\n      card.style.opacity = \"0\";\n      card.style.filter = \"blur(16px)\";\n      card.style.clipPath = \"inset(0 0 0 0 round 8px)\";\n      card.style.transform = \"translate(-50%, -50%) scale(.02)\";\n      card.style.zIndex = \"1\";\n    });\n\n    if (storyProgress < cardsStart) {\n      return;\n    }\n\n    var rawTimeline = clamp((storyProgress - cardsStart) \/ Math.max(0.0001, cardsEnd - cardsStart), 0, 0.9999);\n    var rawCard = rawTimeline * totalSlots;\n\n    var cardBaseWidth = width < 768 ? Math.min(width * 0.90, 460) : Math.min(Math.max(width * 0.52, 420), 860);\n    var farStartLane = width < 768 ? Math.min(width * 0.04, 18) : clamp(width * 0.040, 36, 78);\n    var farLane = width < 768 ? Math.min(width * 0.13, 56) : clamp(width * 0.105, 96, 190);\n    var previewLane = width < 768 ? Math.min(width * 0.29, 124) : clamp(width * 0.285, 260, 540);\n    var activeLane = width < 768 ? Math.min(width * 0.38, 160) : clamp(width * 0.365, 350, 700);\n    var tinyScale = width < 768 ? 0.032 : 0.028;\n    var farScale = width < 768 ? 0.090 : 0.082;\n    var previewScale = width < 768 ? 0.190 : 0.180;\n\n    function getStoryCardMotionProfile(index) {\n      var desktopProfiles = [\n        { activeHoldScale: 0.96, edgeScale: 1.92, edgeDistanceFactor: 0.46, edgeOffset: 118 },\n        { activeHoldScale: 1.10, edgeScale: 2.68, edgeDistanceFactor: 0.36, edgeOffset: 48 },\n        { activeHoldScale: 0.72, edgeScale: 0.88, edgeDistanceFactor: 0.54, edgeOffset: 190 },\n        { activeHoldScale: 0.76, edgeScale: 1.50, edgeDistanceFactor: 0.54, edgeOffset: 190 }\n      ];\n\n      var mobileProfiles = [\n        { activeHoldScale: 0.84, edgeScale: 1.58, edgeDistanceFactor: 0.48, edgeOffset: 74 },\n        { activeHoldScale: 0.96, edgeScale: 2.02, edgeDistanceFactor: 0.40, edgeOffset: 22 },\n        { activeHoldScale: 0.66, edgeScale: 0.94, edgeDistanceFactor: 0.54, edgeOffset: 118 },\n        { activeHoldScale: 0.70, edgeScale: 1.28, edgeDistanceFactor: 0.54, edgeOffset: 118 }\n      ];\n\n      var profiles = width < 768 ? mobileProfiles : desktopProfiles;\n      var profile = profiles[index] || profiles[profiles.length - 1];\n\n      return {\n        activeHoldScale: profile.activeHoldScale,\n        edgeScale: profile.edgeScale,\n        edgeDistance: width * profile.edgeDistanceFactor + (cardBaseWidth * profile.edgeScale * 0.50) + profile.edgeOffset\n      };\n    }\n\n    function renderContinuousStoryCard(index) {\n      if (index < 0 || index >= storyCardCount) return;\n\n      var card = storyCards[index];\n      if (!card) return;\n\n      var phase = rawCard - index;\n      if (phase < -2.06 || phase > 1.035) return;\n\n      var side = parseFloat(card.getAttribute(\"data-side\") || (index % 2 ? \"1\" : \"-1\"));\n      var motionProfile = getStoryCardMotionProfile(index);\n      var activeHoldScale = motionProfile.activeHoldScale;\n      var edgeScale = motionProfile.edgeScale;\n      var edgeDistance = motionProfile.edgeDistance;\n      var x = 0;\n      var y = width < 768 ? 8 : 0;\n      var scale = tinyScale;\n      var opacity = 0;\n      var blur = 14;\n      var zIndex = 10;\n\n      if (phase < -1) {\n        var farT = clamp(phase + 2, 0, 1);\n        var farEase = smoothstep(0.00, 1.00, farT);\n        var farVisible = smoothstep(0.04, 0.38, farT);\n\n        x = side * lerp(farStartLane, farLane, farEase);\n        y = lerp(width < 768 ? 28 : 24, width < 768 ? 18 : 13, farEase);\n        scale = lerp(tinyScale, farScale, farEase);\n        opacity = farVisible * 0.46;\n        blur = lerp(17, 9.5, farEase);\n        zIndex = 35 + index;\n      } else if (phase < 0) {\n        var previewT = clamp(phase + 1, 0, 1);\n        var previewMove = smoothstep(0.00, 1.00, previewT);\n        var previewGrow = smoothstep(0.00, 1.00, previewT);\n        var previewVisible = smoothstep(0.00, 0.20, previewT);\n        var previewClarify = smoothstep(0.10, 0.90, previewT);\n\n        x = side * lerp(farLane, previewLane, previewMove);\n        y = lerp(width < 768 ? 18 : 13, width < 768 ? 8 : 3, previewMove);\n        scale = lerp(farScale, previewScale, previewGrow);\n        opacity = previewVisible * 0.94;\n        blur = lerp(9.5, width < 768 ? 4.2 : 3.6, previewClarify);\n        zIndex = 62 + index;\n      } else {\n        var activeT = clamp(phase, 0, 1);\n        var settle = smoothstep(0.00, 0.42, activeT);\n        var steadyGrow = smoothstep(0.00, 0.54, activeT);\n        var edgeTravel = smoothstep(0.42, 1.00, activeT);\n        var edgeGrow = smoothstep(0.36, 1.00, activeT);\n        var edgeFade = smoothstep(0.965, 1.00, activeT);\n\n        x = side * lerp(previewLane, activeLane, settle);\n        x = lerp(x, side * edgeDistance, edgeTravel);\n        y = lerp(width < 768 ? 8 : 3, width < 768 ? 0 : -6, settle);\n        y = lerp(y, width < 768 ? -24 : -22, edgeTravel);\n        scale = lerp(previewScale, activeHoldScale, steadyGrow);\n        scale = lerp(scale, edgeScale, edgeGrow);\n        opacity = 1 - edgeFade;\n        blur = lerp(width < 768 ? 4.2 : 3.6, 0, smoothstep(0.00, 0.30, activeT));\n        zIndex = 90 + index;\n      }\n\n      if (opacity <= 0.001) return;\n\n      card.style.zIndex = String(zIndex);\n      card.style.opacity = clamp(opacity, 0, 1).toFixed(3);\n      card.style.filter = \"blur(\" + Math.max(0, blur).toFixed(2) + \"px)\";\n      card.style.clipPath = \"inset(0 0 0 0 round 8px)\";\n      card.style.transform =\n        \"translate(-50%, -50%) translate3d(\" +\n        x.toFixed(2) + \"px,\" +\n        y.toFixed(2) + \"px,0) rotate(0deg) scale(\" +\n        scale.toFixed(4) + \")\";\n    }\n\n    storyCards.forEach(function (_card, index) {\n      renderContinuousStoryCard(index);\n    });\n  }\n\n  function updateFinalCard(storyProgress) {\n    if (!finalCard) return;\n\n    finalCard.style.opacity = \"0\";\n    finalCard.style.filter = \"blur(12px)\";\n    finalCard.style.zIndex = \"9\";\n    finalCard.style.transform = \"translate(-50%, -50%) scale(.02)\";\n\n    var cardsStart = 0.865;\n    var cardsEnd = 0.998;\n    var storyCardCount = Math.max(1, storyCards.length);\n    var totalSlots = Math.max(1, storyCardCount + 1);\n    var finalIndex = storyCardCount;\n\n    if (storyProgress < cardsStart) return;\n\n    var rawTimeline = clamp((storyProgress - cardsStart) \/ Math.max(0.0001, cardsEnd - cardsStart), 0, 0.9999);\n    var rawCard = rawTimeline * totalSlots;\n    var phase = rawCard - finalIndex;\n\n    if (phase < -1.04) return;\n\n    var x = 0;\n    var y = 0;\n    var scale = width < 768 ? 0.32 : 0.36;\n    var opacity = 0;\n    var blur = 8;\n\n    if (phase < 0) {\n      var previewT = clamp(phase + 1, 0, 1);\n      var previewVisible = smoothstep(0.02, 0.24, previewT);\n      var previewGrow = smoothstep(0.00, 1.00, previewT);\n      var previewClarify = smoothstep(0.14, 0.90, previewT);\n\n      x = 0;\n      y = lerp(width < 768 ? 34 : 48, width < 768 ? 16 : 22, previewGrow);\n      scale = lerp(width < 768 ? 0.18 : 0.16, width < 768 ? 0.34 : 0.38, previewGrow);\n      opacity = previewVisible * 0.88;\n      blur = lerp(12, 3.2, previewClarify);\n      finalCard.style.zIndex = \"9\";\n    } else {\n      var activeT = clamp(phase, 0, 1);\n      var activeGrow = smoothstep(0.03, 0.56, activeT);\n      var activeClarify = smoothstep(0.00, 0.30, activeT);\n\n      x = 0;\n      y = lerp(width < 768 ? 16 : 22, 0, activeGrow);\n      scale = lerp(width < 768 ? 0.34 : 0.38, 1, activeGrow);\n      opacity = 1;\n      blur = lerp(3.2, 0, activeClarify);\n      finalCard.style.zIndex = \"17\";\n    }\n\n    finalCard.style.opacity = clamp(opacity, 0, 1).toFixed(3);\n    finalCard.style.filter = \"blur(\" + Math.max(0, blur).toFixed(2) + \"px)\";\n    finalCard.style.transform =\n      \"translate(-50%, -50%) translate3d(\" +\n      x.toFixed(2) + \"px,\" +\n      y.toFixed(2) + \"px,0) scale(\" +\n      scale.toFixed(4) + \")\";\n  }\n\n  function updateStorySection() {\n    var storyProgress = smoothstep(0.22, 0.88, progress);\n\n    var descIn = smoothstep(0.14, 0.24, progress);\n    var descReveal = smoothstep(0.14, 0.48, progress);\n    var groupOut = smoothstep(0.440, 0.540, progress);\n    var headingOpacity = descIn * (1 - groupOut);\n    var descOpacity = descIn * (1 - groupOut);\n\n    var storySceneY = 118 - storyProgress * 118;\n    var sharedVisualTop = height * (width < 768 ? 0.355 : 0.365);\n    var usersY = sharedVisualTop - storySceneY;\n\n    var headingY = (height * (width < 768 ? 0.515 : 0.525)) - storySceneY;\n    headingY += (1 - descReveal) * (width < 768 ? 6 : 8);\n\n    var usersIn = smoothstep(0.535, 0.575, progress);\n    var usersOut = smoothstep(0.62, 0.76, storyProgress);\n    var usersOpacity = usersIn * (1 - usersOut);\n\n    root.style.setProperty(\"--story-heading-opacity\", headingOpacity.toFixed(3));\n    root.style.setProperty(\"--story-desc-progress\", descOpacity.toFixed(3));\n    root.style.setProperty(\"--story-desc-clip\", ((1 - descReveal) * 100).toFixed(2) + \"%\");\n    root.style.setProperty(\"--story-desc-y\", ((1 - descReveal) * 10).toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-heading-y\", headingY.toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-users-opacity\", usersOpacity.toFixed(3));\n    root.style.setProperty(\"--story-users-y\", usersY.toFixed(2) + \"px\");\n    root.style.setProperty(\"--story-users-desc-progress\", usersOpacity.toFixed(3));\n    root.style.setProperty(\"--story-users-desc-clip\", \"0%\");\n    root.style.setProperty(\"--story-users-desc-y\", \"0px\");\n    root.style.setProperty(\"--story-copy-offset\", \"0px\");\n\n    updateStoryColorGrade(storyProgress);\n    updateMosaic(storyProgress);\n    updateStoryCards(storyProgress);\n    updateFinalCard(storyProgress);\n  }\n\n  function drawCanvas(time) {\n    if (!ctx) return;\n\n    ctx.clearRect(0, 0, width, height);\n\n    var t = (time || 0) * 0.001;\n    var whitePhase = smoothstep(0.832, 0.925, progress);\n    var darkAlpha = 1 - whitePhase;\n\n    ctx.save();\n    ctx.globalAlpha = 0.055 * darkAlpha + 0.032 * whitePhase;\n    ctx.strokeStyle = whitePhase > 0.5 ? \"rgba(7,22,18,.42)\" : \"rgba(255,255,255,.46)\";\n    ctx.lineWidth = 1;\n\n    var gap = width < 768 ? 42 : 64;\n    var offset = (t * 14 + progress * 260) % gap;\n\n    for (var x = -gap + offset; x < width + gap; x += gap) {\n      ctx.beginPath();\n      ctx.moveTo(x, 0);\n      ctx.lineTo(x, height);\n      ctx.stroke();\n    }\n\n    for (var y = -gap + offset * .7; y < height + gap; y += gap) {\n      ctx.beginPath();\n      ctx.moveTo(0, y);\n      ctx.lineTo(width, y);\n      ctx.stroke();\n    }\n\n    ctx.restore();\n  }\n\n  function render(time) {\n    var progressDelta = targetProgress - progress;\n    var earlyScrollFollow = targetProgress < 0.40 || progress < 0.42;\n    var followEase = reducedMotion ? 1 : (earlyScrollFollow ? 0.30 : 0.082);\n\n    if (!reducedMotion && earlyScrollFollow && Math.abs(progressDelta) > 0.018) {\n      followEase = 0.48;\n    }\n\n    progress += progressDelta * followEase;\n\n    var introProgress = smoothstep(0.00, 0.260, progress);\n    var storyProgress = smoothstep(0.20, 0.86, progress);\n    var capabilityProgress = smoothstep(0.832, 0.985, progress);\n\n    root.style.setProperty(\"--hs-progress\", progress.toFixed(4));\n    root.style.setProperty(\"--hs-intro-progress\", introProgress.toFixed(4));\n    root.style.setProperty(\"--hs-story-progress\", storyProgress.toFixed(4));\n    root.style.setProperty(\"--hs-capability-progress\", capabilityProgress.toFixed(4));\n    root.style.setProperty(\"--noise-x\", (progress * -46).toFixed(2) + \"px\");\n    root.style.setProperty(\"--noise-y\", (progress * 34).toFixed(2) + \"px\");\n    root.style.setProperty(\"--h-scan-top\", (20 + introProgress * 50).toFixed(2) + \"%\");\n    root.style.setProperty(\"--intro-grid-scale\", (1 + introProgress * 0.08).toFixed(4));\n\n    var capabilityPanelY = (1 - capabilityProgress) * (height + 40);\n    root.style.setProperty(\"--capability-y\", capabilityPanelY.toFixed(2) + \"px\");\n    root.style.setProperty(\"--capability-opacity\", progress > 0.832 ? \"1\" : \"0\");\n    root.style.setProperty(\"--capability-inner-y\", ((1 - capabilityProgress) * 90).toFixed(2) + \"px\");\n    root.style.setProperty(\"--capability-content-opacity\", (0.08 + capabilityProgress * 0.92).toFixed(3));\n\n    updatePointerMotion();\n    updateIntroVideo();\n    updateBrandTitle();\n    updateStorySection();\n\n    setScene(\n      scenes.intro,\n      1 - smoothstep(0.550, 0.650, progress),\n      0,\n      1\n    );\n\n    setScene(\n      scenes.story,\n      rangeOpacity(progress, 0.14, 0.30, 0.998, 1.00),\n      118 - storyProgress * 118,\n      0.985 + storyProgress * 0.015\n    );\n\n    setScene(\n      scenes.capability,\n      progress > 0.832 ? 1 : 0,\n      (1 - capabilityProgress) * (height + 40),\n      1\n    );\n\n    drawCanvas(time || 0);\n    rafId = window.requestAnimationFrame(render);\n  }\n\n  function openVideoModal() {\n    if (!videoModal || !videoPlayer) return;\n    var src = videoPlayer.getAttribute(\"data-src\") || \"\";\n    videoPlayer.setAttribute(\"src\", src);\n    videoModal.classList.add(\"is-open\");\n    videoModal.setAttribute(\"aria-hidden\", \"false\");\n    document.documentElement.style.overflow = \"hidden\";\n  }\n\n  function closeVideoModal() {\n    if (!videoModal || !videoPlayer) return;\n    videoModal.classList.remove(\"is-open\");\n    videoModal.setAttribute(\"aria-hidden\", \"true\");\n    videoPlayer.setAttribute(\"src\", \"\");\n    document.documentElement.style.overflow = \"\";\n  }\n\n  function init() {\n    resizeCanvas();\n    updateScroll();\n    progress = targetProgress;\n    updateIntroVideo();\n    updateBrandTitle();\n    updateStorySection();\n\n    if (videoOpenButton) {\n      videoOpenButton.addEventListener(\"click\", openVideoModal);\n    }\n\n    videoCloseButtons.forEach(function (button) {\n      button.addEventListener(\"click\", closeVideoModal);\n    });\n\n    document.addEventListener(\"keydown\", function (event) {\n      if (event.key === \"Escape\") closeVideoModal();\n    });\n\n    if (!reducedMotion) {\n      window.addEventListener(\"scroll\", updateScroll, { passive: true });\n      window.addEventListener(\"resize\", function () {\n        resizeCanvas();\n        updateScroll();\n      }, { passive: true });\n\n      root.addEventListener(\"pointermove\", updatePointerFromEvent, { passive: true });\n      root.addEventListener(\"pointerleave\", resetPointerTarget, { passive: true });\n      window.addEventListener(\"wheel\", handleStoryWheel, { passive: false });\n\n      rafId = window.requestAnimationFrame(render);\n    } else {\n      Object.keys(scenes).forEach(function (key) {\n        if (scenes[key]) {\n          scenes[key].style.opacity = \"1\";\n          scenes[key].style.transform = \"none\";\n          scenes[key].classList.add(\"is-active\");\n        }\n      });\n    }\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", init);\n  } else {\n    init();\n  }\n\n  window.addEventListener(\"beforeunload\", function () {\n    if (rafId) window.cancelAnimationFrame(rafId);\n    closeVideoModal();\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbc0875 e-con-full e-flex e-con e-parent\" data-id=\"dbc0875\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-665d466 elementor-widget elementor-widget-html\" data-id=\"665d466\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n\r\n<!-- Hysincere About Us \/ EN balanced content blocks after the first hero section. -->\r\n<!-- Hysincere About Us \/ EN shared styles. Intro block moved to the first code. -->\r\n  <style>\r\n    .hys-about-balanced,\r\n    .hys-about-balanced * { box-sizing: border-box; }\r\n\r\n    .hys-about-balanced {\r\n      --hys-green: #288E3E;\r\n      --hys-green-dark: #1F6F32;\r\n      --hys-ink: #111111;\r\n      --hys-ink-2: #555555;\r\n      --hys-muted: #666666;\r\n      --hys-line: #E5E5E5;\r\n      --hys-soft: #F7F7F5;\r\n      --hys-soft-2: #F1F3F1;\r\n      --hys-dark: #101312;\r\n      --hys-max: 1560px;\r\n      --hys-ease: cubic-bezier(.22,.61,.36,1);\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      color: var(--hys-ink);\r\n      background: #FFFFFF;\r\n      font-family: inherit;\r\n      -webkit-font-smoothing: antialiased;\r\n      text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    .hys-about-balanced a,\r\n    .hys-about-balanced button,\r\n    .hys-about-balanced input,\r\n    .hys-about-balanced textarea { font-family: inherit; }\r\n\r\n    .hys-about-balanced a { color: inherit; text-decoration: none; }\r\n\r\n    .hys-ab-container {\r\n      width: min(var(--hys-max), calc(100% - 72px));\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hys-ab-kicker {\r\n      margin: 0 0 12px;\r\n      color: #3E4641;\r\n      font-size: clamp(14px, .94vw, 16px);\r\n      line-height: 1.35;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .hys-ab-title {\r\n      margin: 0;\r\n      color: #050505;\r\n      font-size: clamp(34px, 3.08vw, 56px);\r\n      line-height: 1.08;\r\n      font-weight: 760;\r\n      letter-spacing: -.014em;\r\n    }\r\n\r\n    .hys-ab-lead {\r\n      margin: 20px 0 0;\r\n      max-width: 820px;\r\n      color: rgba(0,0,0,.64);\r\n      font-size: clamp(15px, 1.04vw, 18px);\r\n      line-height: 1.74;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .hys-ab-text {\r\n      margin: 0;\r\n      color: rgba(0,0,0,.66);\r\n      font-size: clamp(14px, .94vw, 16px);\r\n      line-height: 1.72;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .hys-ab-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }\r\n\r\n    .hys-ab-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      min-height: 44px;\r\n      padding: 12px 18px;\r\n      border-radius: 999px;\r\n      border: 1px solid transparent;\r\n      background: var(--hys-green);\r\n      color: #fff !important;\r\n      font-size: 14px;\r\n      line-height: 1;\r\n      font-weight: 760;\r\n      transition: background .22s var(--hys-ease), transform .22s var(--hys-ease), border-color .22s var(--hys-ease);\r\n    }\r\n\r\n    .hys-ab-btn:hover { background: var(--hys-green-dark); transform: translateY(-1px); }\r\n    .hys-ab-btn--ghost { background: #fff; color: #111 !important; border-color: rgba(0,0,0,.16); }\r\n    .hys-ab-btn--ghost:hover { background: #F5F6F5; color: #111 !important; }\r\n\r\n    .hys-about-balanced-intro {\r\n      padding: clamp(78px, 7vw, 118px) 0 clamp(56px, 5.6vw, 92px);\r\n      background: linear-gradient(180deg, #FFFFFF 0%, #F7F8F7 100%);\r\n    }\r\n\r\n    .hys-about-balanced-intro::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background:\r\n        radial-gradient(circle at 83% 12%, rgba(40,142,62,.10), transparent 33%),\r\n        radial-gradient(circle at 10% 86%, rgba(17,24,39,.05), transparent 30%);\r\n    }\r\n\r\n    .hys-ab-intro-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .96fr) minmax(420px, .74fr);\r\n      gap: clamp(42px, 5.8vw, 88px);\r\n      align-items: center;\r\n    }\r\n\r\n    .hys-ab-intro-copy { position: relative; z-index: 2; }\r\n\r\n    .hys-ab-tagline {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin-top: 24px;\r\n      padding: 10px 14px;\r\n      border: 1px solid rgba(40,142,62,.22);\r\n      border-radius: 999px;\r\n      background: rgba(40,142,62,.06);\r\n      color: var(--hys-green-dark);\r\n      font-size: 14px;\r\n      line-height: 1.2;\r\n      font-weight: 760;\r\n    }\r\n\r\n    .hys-ab-hero-media {\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-radius: 24px;\r\n      background: #E7EAE7;\r\n      min-height: 560px;\r\n      line-height: 0;\r\n      isolation: isolate;\r\n      box-shadow: 0 28px 80px rgba(17,24,39,.10);\r\n    }\r\n\r\n    .hys-ab-hero-media img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      min-height: 560px;\r\n      object-fit: cover;\r\n      filter: saturate(.96) contrast(.98);\r\n      transform: scale(1.01);\r\n    }\r\n\r\n    .hys-ab-hero-media::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.46) 100%);\r\n    }\r\n\r\n    .hys-ab-media-caption {\r\n      position: absolute;\r\n      left: 22px;\r\n      right: 22px;\r\n      bottom: 20px;\r\n      z-index: 2;\r\n      color: rgba(255,255,255,.90);\r\n      font-size: 13px;\r\n      line-height: 1.46;\r\n      font-weight: 650;\r\n      text-shadow: 0 10px 28px rgba(0,0,0,.32);\r\n    }\r\n\r\n    .hys-ab-section {\r\n      padding: clamp(64px, 6vw, 96px) 0;\r\n      background: #FFFFFF;\r\n    }\r\n\r\n    .hys-ab-section--soft { background: var(--hys-soft); }\r\n    .hys-ab-section--dark { background: var(--hys-dark); color: #fff; }\r\n    .hys-ab-section--dark .hys-ab-title,\r\n    .hys-ab-section--dark .hys-ab-kicker { color: #fff; }\r\n    .hys-ab-section--dark .hys-ab-lead,\r\n    .hys-ab-section--dark .hys-ab-text { color: rgba(255,255,255,.72); }\r\n\r\n    .hys-ab-split {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n      gap: clamp(34px, 5vw, 78px);\r\n      align-items: start;\r\n    }\r\n\r\n    .hys-ab-copy-stack { display: grid; gap: 18px; }\r\n\r\n    .hys-ab-word-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    .hys-ab-word-card {\r\n      min-height: 238px;\r\n      padding: clamp(24px, 2vw, 34px);\r\n      border: 1px solid rgba(0,0,0,.10);\r\n      border-radius: 18px;\r\n      background: #fff;\r\n      transition: transform .22s var(--hys-ease), border-color .22s var(--hys-ease), background .22s var(--hys-ease);\r\n    }\r\n\r\n    .hys-ab-word-card:hover {\r\n      transform: translateY(-3px);\r\n      border-color: rgba(40,142,62,.26);\r\n      background: #FAFBFA;\r\n    }\r\n\r\n    .hys-ab-word-card strong {\r\n      display: block;\r\n      margin-bottom: 18px;\r\n      color: #050505;\r\n      font-size: clamp(34px, 3.4vw, 58px);\r\n      line-height: .9;\r\n      font-weight: 820;\r\n      letter-spacing: -.04em;\r\n    }\r\n\r\n    .hys-ab-word-card h3 {\r\n      margin: 0 0 10px;\r\n      color: #111;\r\n      font-size: clamp(18px, 1.26vw, 22px);\r\n      line-height: 1.18;\r\n      font-weight: 760;\r\n    }\r\n\r\n    .hys-ab-word-card p {\r\n      margin: 0;\r\n      color: rgba(0,0,0,.62);\r\n      font-size: 14px;\r\n      line-height: 1.62;\r\n    }\r\n\r\n    .hys-ab-stats-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(4, minmax(0, 1fr));\r\n      gap: 12px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .hys-ab-stat-card {\r\n      padding: clamp(24px, 2vw, 32px);\r\n      min-height: 178px;\r\n      border-radius: 18px;\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      background: rgba(255,255,255,.055);\r\n    }\r\n\r\n    .hys-ab-stat-number {\r\n      display: block;\r\n      color: #fff;\r\n      font-size: clamp(34px, 3.2vw, 56px);\r\n      line-height: .92;\r\n      font-weight: 820;\r\n      letter-spacing: -.03em;\r\n    }\r\n\r\n    .hys-ab-stat-label {\r\n      margin: 22px 0 0;\r\n      color: rgba(255,255,255,.90);\r\n      font-size: 15px;\r\n      line-height: 1.35;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .hys-ab-stat-text {\r\n      margin: 9px 0 0;\r\n      color: rgba(255,255,255,.58);\r\n      font-size: 13px;\r\n      line-height: 1.52;\r\n    }\r\n\r\n    .hys-ab-tech-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 14px;\r\n      margin-top: 34px;\r\n    }\r\n\r\n    .hys-ab-tech-card {\r\n      position: relative;\r\n      min-height: 300px;\r\n      padding: clamp(26px, 2.5vw, 42px);\r\n      border-radius: 22px;\r\n      border: 1px solid rgba(0,0,0,.10);\r\n      background: #FFFFFF;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hys-ab-tech-card::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      height: 4px;\r\n      background: var(--hys-green);\r\n      opacity: .86;\r\n    }\r\n\r\n    .hys-ab-tech-card span {\r\n      display: inline-flex;\r\n      margin-bottom: 22px;\r\n      color: var(--hys-green-dark);\r\n      font-size: 13px;\r\n      line-height: 1;\r\n      font-weight: 780;\r\n    }\r\n\r\n    .hys-ab-tech-card h3 {\r\n      margin: 0;\r\n      color: #050505;\r\n      font-size: clamp(23px, 1.85vw, 32px);\r\n      line-height: 1.08;\r\n      font-weight: 780;\r\n      letter-spacing: -.012em;\r\n    }\r\n\r\n    .hys-ab-tech-card p {\r\n      margin: 18px 0 0;\r\n      color: rgba(0,0,0,.62);\r\n      font-size: 14.5px;\r\n      line-height: 1.68;\r\n    }\r\n\r\n    .hys-ab-quality-grid {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);\r\n      gap: clamp(34px, 5vw, 74px);\r\n      align-items: start;\r\n    }\r\n\r\n    .hys-ab-quality-list {\r\n      display: grid;\r\n      gap: 10px;\r\n    }\r\n\r\n    .hys-ab-quality-item {\r\n      display: grid;\r\n      grid-template-columns: 44px minmax(0, 1fr);\r\n      gap: 16px;\r\n      align-items: start;\r\n      padding: 20px;\r\n      border: 1px solid rgba(0,0,0,.10);\r\n      border-radius: 16px;\r\n      background: #FFFFFF;\r\n    }\r\n\r\n    .hys-ab-quality-item span {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 44px;\r\n      height: 44px;\r\n      border-radius: 999px;\r\n      background: rgba(40,142,62,.10);\r\n      color: var(--hys-green-dark);\r\n      font-size: 14px;\r\n      font-weight: 820;\r\n    }\r\n\r\n    .hys-ab-quality-item h3 {\r\n      margin: 0 0 6px;\r\n      color: #111;\r\n      font-size: 17px;\r\n      line-height: 1.24;\r\n      font-weight: 760;\r\n    }\r\n\r\n    .hys-ab-quality-item p {\r\n      margin: 0;\r\n      color: rgba(0,0,0,.60);\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .hys-ab-chip-list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-top: 26px;\r\n    }\r\n\r\n    .hys-ab-chip {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-height: 32px;\r\n      padding: 7px 11px;\r\n      border: 1px solid rgba(0,0,0,.12);\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: rgba(0,0,0,.72);\r\n      font-size: 12.5px;\r\n      line-height: 1;\r\n      font-weight: 650;\r\n    }\r\n\r\n    .hys-ab-values {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\r\n      gap: clamp(34px, 5vw, 74px);\r\n      align-items: center;\r\n    }\r\n\r\n    .hys-ab-value-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 12px;\r\n    }\r\n\r\n    .hys-ab-value-card {\r\n      min-height: 148px;\r\n      padding: 24px;\r\n      border: 1px solid rgba(0,0,0,.10);\r\n      border-radius: 18px;\r\n      background: #FFFFFF;\r\n    }\r\n\r\n    .hys-ab-value-card h3 {\r\n      margin: 0 0 10px;\r\n      color: #111;\r\n      font-size: 19px;\r\n      line-height: 1.2;\r\n      font-weight: 780;\r\n    }\r\n\r\n    .hys-ab-value-card p {\r\n      margin: 0;\r\n      color: rgba(0,0,0,.60);\r\n      font-size: 14px;\r\n      line-height: 1.58;\r\n    }\r\n\r\n    .hys-ab-cta {\r\n      margin-top: clamp(42px, 5vw, 72px);\r\n      padding: clamp(34px, 4vw, 58px);\r\n      border-radius: 24px;\r\n      background: #101312;\r\n      color: #fff;\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 1fr) auto;\r\n      gap: 28px;\r\n      align-items: center;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n\r\n    .hys-ab-cta::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: -30% -10%;\r\n      pointer-events: none;\r\n      background: radial-gradient(circle at 84% 20%, rgba(40,142,62,.32), transparent 32%);\r\n    }\r\n\r\n    .hys-ab-cta > * { position: relative; z-index: 1; }\r\n    .hys-ab-cta h2 { margin: 0; color: #fff; font-size: clamp(28px, 2.4vw, 42px); line-height: 1.12; font-weight: 780; }\r\n    .hys-ab-cta p { margin: 14px 0 0; max-width: 720px; color: rgba(255,255,255,.68); font-size: 15px; line-height: 1.68; }\r\n\r\n    @media (max-width: 1180px) {\r\n      .hys-ab-container { width: min(100% - 48px, 1180px); }\r\n      .hys-ab-intro-grid,\r\n      .hys-ab-split,\r\n      .hys-ab-quality-grid,\r\n      .hys-ab-values { grid-template-columns: 1fr; }\r\n      .hys-ab-hero-media { min-height: 420px; }\r\n      .hys-ab-hero-media img { min-height: 420px; }\r\n      .hys-ab-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n      .hys-ab-word-grid,\r\n      .hys-ab-tech-grid { grid-template-columns: 1fr; }\r\n      .hys-ab-cta { grid-template-columns: 1fr; }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-ab-container { width: calc(100% - 32px); }\r\n      .hys-about-balanced-intro { padding: 54px 0 46px; }\r\n      .hys-ab-section { padding: 50px 0; }\r\n      .hys-ab-title { font-size: clamp(28px, 7.6vw, 38px); line-height: 1.1; }\r\n      .hys-ab-lead { font-size: 14.5px; line-height: 1.68; }\r\n      .hys-ab-hero-media { min-height: 300px; border-radius: 18px; }\r\n      .hys-ab-hero-media img { min-height: 300px; }\r\n      .hys-ab-stats-grid,\r\n      .hys-ab-value-grid { grid-template-columns: 1fr; }\r\n      .hys-ab-quality-item { grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 18px; }\r\n      .hys-ab-quality-item span { width: 38px; height: 38px; }\r\n      .hys-ab-cta { padding: 28px 22px; border-radius: 18px; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hys-about-balanced *,\r\n      .hys-about-balanced *::before,\r\n      .hys-about-balanced *::after { transition: none !important; }\r\n    }\r\n  <\/style>\r\n\r\n<section class=\"hys-about-balanced hys-ab-section\" aria-labelledby=\"hys-ab-brand-title\">\r\n  <div class=\"hys-ab-container\">\r\n    <div class=\"hys-ab-split\">\r\n      <div>\r\n        <p class=\"hys-ab-kicker\">Was der Name Hysincere bedeutet<\/p>\r\n        <h2 class=\"hys-ab-title\" id=\"hys-ab-brand-title\">Der chinesische Name \u201eHai Xin\u201c steht f\u00fcr Offenheit, Weitblick und handwerkliches K\u00f6nnen.<\/h2>\r\n      <\/div>\r\n      <div class=\"hys-ab-copy-stack\">\r\n        <p class=\"hys-ab-text\">\u201eHai\u201c bedeutet Ozean. Der Name steht f\u00fcr Offenheit, langfristigen Weitblick und den Mut, voranzugehen. Eine Marke aufzubauen \u00e4hnelt einer Fahrt \u00fcber das Meer: Herausforderungen geh\u00f6ren dazu. Mit einer klaren Richtung bewegen wir uns weiter auf eine bessere Zukunft zu.<\/p>\r\n        <p class=\"hys-ab-text\">\u201eXin\u201c bedeutet Kern. Gemeint ist nicht nur die Batteriezelle im Herzen jedes Batteriepacks, sondern auch unser Einsatz f\u00fcr Technologie, Innovation und Qualit\u00e4t.<\/p>\r\n        <p class=\"hys-ab-text\">Hysincere leitet sich vom chinesischen Namen \u201eHai Xin\u201c ab. \u201eHY\u201c stammt von \u201eHai\u201c und steht f\u00fcr Offenheit und Fortschritt. \u201eSincere\u201c bedeutet Aufrichtigkeit, Zuverl\u00e4ssigkeit und praktisches Handeln. Zusammen spiegeln sie unsere Werte wider: Integrit\u00e4t, Pragmatismus, Innovation und Zusammenarbeit zum beiderseitigen Vorteil. F\u00fcr Hysincere dr\u00fcckt der Name aus, technische M\u00f6glichkeiten offen zu pr\u00fcfen und mit Aufrichtigkeit und Fachwissen eine passende Batteriel\u00f6sung f\u00fcr jede Anwendung zu finden.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hys-ab-word-grid\" style=\"margin-top:34px;\">\r\n      <article class=\"hys-ab-word-card\">\r\n        <strong>Hai<\/strong>\r\n        <h3>M\u00f6glichkeiten erkunden<\/h3>\r\n        <p>Der Name steht f\u00fcr Offenheit, langfristigen Weitblick und den Mut, voranzugehen.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-word-card\">\r\n        <strong>Xin<\/strong>\r\n        <h3>Technologie im Kern<\/h3>\r\n        <p>Gemeint sind die Batteriezelle im Herzen jedes Batteriepacks und unser Einsatz f\u00fcr Technologie, Innovation und Qualit\u00e4t.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-word-card\">\r\n        <strong>Sincere<\/strong>\r\n        <h3>Aufrichtig und praxisnah<\/h3>\r\n        <p>Der Name steht f\u00fcr Ehrlichkeit, Zuverl\u00e4ssigkeit und praktisches Handeln in jeder Kundenbeziehung und jedem Batterieprojekt.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"hys-about-balanced hys-ab-section hys-ab-section--dark\" id=\"hys-ab-strength-stats\" data-hys-about-stats-count aria-labelledby=\"hys-ab-strength-title\">\r\n  <div class=\"hys-ab-container\">\r\n    <p class=\"hys-ab-kicker\">Unsere Kompetenzen<\/p>\r\n    <h2 class=\"hys-ab-title\" id=\"hys-ab-strength-title\">Entwicklung, Fertigung und Qualit\u00e4tskontrolle f\u00fcr zuverl\u00e4ssige Lithium-Batterieprojekte.<\/h2>\r\n    <p class=\"hys-ab-lead\">Seit 2013 konzentriert sich Hysincere auf Forschung und Entwicklung, Packkonstruktion, Montage, Tests, Vertrieb und Service f\u00fcr Lithium-Batterien. Wir unterst\u00fctzen Kunden weltweit bei Energiespeicher- und Antriebsbatterieprojekten.<\/p>\r\n\r\n    <div class=\"hys-ab-stats-grid\">\r\n      <article class=\"hys-ab-stat-card\">\r\n        <strong class=\"hys-ab-stat-number\">\r\n          <span class=\"hys-ab-count-number\" data-target=\"2013\" data-suffix=\"\" data-duration=\"1400\">0<\/span>\r\n        <\/strong>\r\n        <p class=\"hys-ab-stat-label\">Gegr\u00fcndet 2013<\/p>\r\n        <p class=\"hys-ab-stat-text\">Langj\u00e4hrige Erfahrung in der Entwicklung und Fertigung von Lithium-Batteriepacks sowie in der Projektbegleitung.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-stat-card\">\r\n        <strong class=\"hys-ab-stat-number\">\r\n          <span class=\"hys-ab-count-number\" data-target=\"50\" data-suffix=\"+\" data-duration=\"1200\">0<\/span>\r\n        <\/strong>\r\n        <p class=\"hys-ab-stat-label\">Qualit\u00e4tssysteme und Produktzertifizierungen<\/p>\r\n        <p class=\"hys-ab-stat-text\">Managementsysteme und Kompetenzen in der Produktkonformit\u00e4t unterst\u00fctzen verl\u00e4ssliche Lieferungen.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-stat-card\">\r\n        <strong class=\"hys-ab-stat-number\">\r\n          <span class=\"hys-ab-count-number\" data-target=\"70\" data-suffix=\"+\" data-duration=\"1300\">0<\/span>\r\n        <\/strong>\r\n        <p class=\"hys-ab-stat-label\">Belieferte L\u00e4nder und Regionen<\/p>\r\n        <p class=\"hys-ab-stat-text\">Wir bedienen M\u00e4rkte in Europa, Nord- und S\u00fcdamerika, Australien, Japan, S\u00fcdkorea und S\u00fcdostasien.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-stat-card\">\r\n        <strong class=\"hys-ab-stat-number\">\r\n          <span class=\"hys-ab-count-number\" data-target=\"10000\" data-suffix=\"\" data-format=\"comma\" data-duration=\"1500\">0<\/span><span class=\"hys-ab-stat-unit\">m<sup>2<\/sup><\/span>\r\n        <\/strong>\r\n        <p class=\"hys-ab-stat-label\">Produktionsstandort<\/p>\r\n        <p class=\"hys-ab-stat-text\">F\u00fcr Batteriepackmontage, Tests, Pr\u00fcfungen und Projektlieferungen.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.currentScript ? document.currentScript.closest('[data-hys-about-stats-count]') : document.querySelector('[data-hys-about-stats-count]');\r\n      if (!section || section.dataset.hysStatsReady === 'true') return;\r\n      section.dataset.hysStatsReady = 'true';\r\n\r\n      var numbers = Array.prototype.slice.call(section.querySelectorAll('.hys-ab-count-number'));\r\n      var hasStarted = false;\r\n\r\n      function formatNumber(value, shouldComma) {\r\n        var number = Math.floor(value);\r\n        if (shouldComma) {\r\n          return number.toLocaleString('zh-CN');\r\n        }\r\n        return String(number);\r\n      }\r\n\r\n      function animateNumber(el) {\r\n        var target = Number(el.getAttribute('data-target')) || 0;\r\n        var suffix = el.getAttribute('data-suffix') || '';\r\n        var duration = Number(el.getAttribute('data-duration')) || 1200;\r\n        var useComma = el.getAttribute('data-format') === 'comma';\r\n        var startTime = performance.now();\r\n\r\n        function update(currentTime) {\r\n          var elapsed = currentTime - startTime;\r\n          var progress = Math.min(elapsed \/ duration, 1);\r\n          var eased = 1 - Math.pow(1 - progress, 3);\r\n          var currentValue = target * eased;\r\n\r\n          el.textContent = formatNumber(currentValue, useComma) + suffix;\r\n\r\n          if (progress < 1) {\r\n            requestAnimationFrame(update);\r\n          } else {\r\n            el.textContent = formatNumber(target, useComma) + suffix;\r\n          }\r\n        }\r\n\r\n        requestAnimationFrame(update);\r\n      }\r\n\r\n      function startCounting() {\r\n        if (hasStarted) return;\r\n        hasStarted = true;\r\n\r\n        numbers.forEach(function (el, index) {\r\n          setTimeout(function () {\r\n            animateNumber(el);\r\n          }, index * 110);\r\n        });\r\n      }\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        var observer = new IntersectionObserver(function (entries) {\r\n          entries.forEach(function (entry) {\r\n            if (entry.isIntersecting) {\r\n              startCounting();\r\n              observer.disconnect();\r\n            }\r\n          });\r\n        }, { threshold: 0.28 });\r\n\r\n        observer.observe(section);\r\n      } else {\r\n        startCounting();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<section class=\"hys-about-balanced hys-ab-section hys-ab-section--soft\" aria-labelledby=\"hys-ab-tech-title\">\r\n  <div class=\"hys-ab-container\">\r\n    <div class=\"hys-ab-split\">\r\n      <div>\r\n        <p class=\"hys-ab-kicker\">Mehrere Technologieans\u00e4tze<\/p>\r\n        <h2 class=\"hys-ab-title\" id=\"hys-ab-tech-title\">\u00dcber LiFePO\u2084 hinaus: Weitere M\u00f6glichkeiten erkunden.<\/h2>\r\n      <\/div>\r\n      <div>\r\n        <p class=\"hys-ab-text\">Keine Batteriechemie erf\u00fcllt die Anforderungen jeder Anwendung. Deshalb besch\u00e4ftigt sich Hysincere mit mehreren Technologieans\u00e4tzen, darunter LiFePO\u2084-, Natrium-Ionen- und Festk\u00f6rperbatteriel\u00f6sungen.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hys-ab-tech-grid\">\r\n      <article class=\"hys-ab-tech-card\">\r\n        <h3>LiFePO\u2084-Batteriel\u00f6sungen<\/h3>\r\n        <p>F\u00fcr Energiespeicher, Bleiakku-Ersatz, Elektrofahrzeuge und industrielle Stromversorgungsprojekte, die Sicherheit, lange Zyklenlebensdauer und eine stabile Leistungsabgabe erfordern.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-tech-card\">\r\n        <h3>Natrium-Ionen-Technologie erkunden<\/h3>\r\n        <p>Wir pr\u00fcfen passende Anwendungsm\u00f6glichkeiten f\u00fcr niedrige Temperaturen, kostensensible Projekte und spezielle Energieszenarien.<\/p>\r\n      <\/article>\r\n      <article class=\"hys-ab-tech-card\">\r\n        <h3>Festk\u00f6rperbatterien und kundenspezifische Batteriel\u00f6sungen<\/h3>\r\n        <p>F\u00fcr tragbare Ger\u00e4te mit hoher Energiedichte, besonderen Bauformen und projektspezifischen Anforderungen unterst\u00fctzen wir Sie von der Zellenauswahl bis zur Packkonstruktion.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n<div class=\"hys-about-proof-carousel-scope\">\r\n<section class=\"hys-about-products-v2\" data-hys-about-products-v2 aria-labelledby=\"hys-about-products-v2-title\">\r\n  <style>\r\n    .hys-about-products-v2,\r\n    .hys-about-products-v2 * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .hys-about-products-v2 {\r\n      --hys-green: #288E3E;\r\n      --hys-black: #050505;\r\n      --hys-text: #111827;\r\n      --hys-muted: #4B5563;\r\n      --hys-soft-line: #CBD2CE;\r\n      --hys-ease: cubic-bezier(.22, .61, .36, 1);\r\n\r\n      --hys-card-small: 236px;\r\n      --hys-card-active: 392px;\r\n      --hys-card-gap: 12px;\r\n\r\n      width: 100%;\r\n      max-width: 100%;\r\n      position: relative;\r\n      z-index: 0;\r\n      isolation: isolate;\r\n      overflow: hidden;\r\n      padding: clamp(38px, 5vh, 54px) clamp(22px, 8vw, 168px) clamp(42px, 5vh, 56px);\r\n      color: var(--hys-text);\r\n      background: #FFFFFF;\r\n      font-family: inherit;\r\n      -webkit-font-smoothing: antialiased;\r\n      scroll-margin-top: 118px;\r\n    }\r\n\r\n    .hys-about-products-v2 a,\r\n    .hys-about-products-v2 button,\r\n    .hys-about-products-v2 input,\r\n    .hys-about-products-v2 textarea {\r\n      font-family: inherit;\r\n    }\r\n\r\n    body .site-header,\r\n    body #masthead {\r\n      position: relative;\r\n      z-index: 99999 !important;\r\n      background-color: #FFFFFF;\r\n    }\r\n\r\n    .hys-about-products-v2__inner {\r\n      width: min(1480px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hys-about-products-v2__head {\r\n      margin-bottom: clamp(22px, 3vh, 30px);\r\n    }\r\n\r\n    .hys-about-products-v2__label {\r\n      margin: 0 0 8px;\r\n      color: #3F4642;\r\n      font-size: clamp(16px, 1.18vw, 20px);\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-about-products-v2__title {\r\n      max-width: 760px;\r\n      margin: 0;\r\n      color: var(--hys-black);\r\n      font-size: clamp(32px, 2.45vw, 42px);\r\n      font-weight: 800;\r\n      line-height: 1.12;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-about-products-v2__stage {\r\n      display: grid;\r\n      grid-template-columns: 108px minmax(0, 1fr);\r\n      gap: clamp(46px, 6.4vw, 92px);\r\n      align-items: start;\r\n    }\r\n\r\n    .hys-about-products-v2__side {\r\n      position: relative;\r\n      z-index: 3;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      min-height: 392px;\r\n      padding-top: 0;\r\n    }\r\n\r\n    .hys-about-products-v2__controls {\r\n      position: relative;\r\n      z-index: 4;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 4px;\r\n    }\r\n\r\n    .hys-about-products-v2__arrow {\r\n      display: grid;\r\n      place-items: center;\r\n      width: 42px;\r\n      height: 32px;\r\n      padding: 0;\r\n      border: 1px solid #111827;\r\n      border-radius: 999px;\r\n      background: #FFFFFF;\r\n      background-color: #FFFFFF;\r\n      color: #111827;\r\n      appearance: none;\r\n      -webkit-appearance: none;\r\n      box-shadow: none;\r\n      outline: 0;\r\n      font: inherit;\r\n      line-height: 1;\r\n      cursor: pointer;\r\n      -webkit-tap-highlight-color: transparent;\r\n      transition: opacity 180ms var(--hys-ease), border-color 180ms var(--hys-ease), background-color 180ms var(--hys-ease);\r\n    }\r\n\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:hover,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:focus,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:focus-visible,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:active {\r\n      border-color: #111827 !important;\r\n      background: #FFFFFF !important;\r\n      background-color: #FFFFFF !important;\r\n      background-image: none !important;\r\n      color: #111827 !important;\r\n      box-shadow: none !important;\r\n      text-shadow: none !important;\r\n      filter: none !important;\r\n    }\r\n\r\n    .hys-about-products-v2__arrow svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n    }\r\n\r\n    .hys-about-products-v2__arrow:disabled {\r\n      border-color: #BBC3BF;\r\n      color: #A8B0AC;\r\n      opacity: .92;\r\n      cursor: default;\r\n    }\r\n\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:disabled,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:disabled:hover,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:disabled:focus,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:disabled:focus-visible,\r\n    .hys-about-products-v2 button.hys-about-products-v2__arrow:disabled:active {\r\n      border-color: #BBC3BF !important;\r\n      background: #FFFFFF !important;\r\n      background-color: #FFFFFF !important;\r\n      background-image: none !important;\r\n      color: #A8B0AC !important;\r\n      opacity: .92 !important;\r\n      box-shadow: none !important;\r\n      filter: none !important;\r\n      cursor: default !important;\r\n    }\r\n\r\n    .hys-about-products-v2__progress {\r\n      position: relative;\r\n      z-index: 4;\r\n      width: 202px;\r\n      height: 2px;\r\n      background: var(--hys-soft-line);\r\n      overflow: hidden;\r\n      transform: translateY(24px);\r\n    }\r\n\r\n    .hys-about-products-v2__bar {\r\n      display: block;\r\n      width: 20%;\r\n      height: 100%;\r\n      background: #050505;\r\n      transform: none;\r\n      transform-origin: left center;\r\n      transition: width 320ms var(--hys-ease);\r\n    }\r\n\r\n    .hys-about-products-v2__viewport {\r\n      position: relative;\r\n      z-index: 1;\r\n      min-width: 0;\r\n      width: min(100%, var(--hys-carousel-window, 1136px));\r\n      max-width: 100%;\r\n      justify-self: start;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hys-about-products-v2__track {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: var(--hys-card-gap);\r\n      will-change: transform;\r\n      transition: transform 520ms cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    .hys-about-products-v2__card {\r\n      position: relative;\r\n      flex: 0 0 var(--hys-card-small);\r\n      height: 258px;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      border-radius: 8px;\r\n      background: #D9E0DC;\r\n      color: #FFFFFF;\r\n      text-decoration: none !important;\r\n      isolation: isolate;\r\n      transform-origin: left top;\r\n      cursor: pointer;\r\n      transition:\r\n        flex-basis 520ms cubic-bezier(.16, 1, .3, 1),\r\n        height 520ms cubic-bezier(.16, 1, .3, 1),\r\n        transform 520ms cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    .hys-about-products-v2__card.is-active {\r\n      flex-basis: var(--hys-card-active);\r\n      height: 392px;\r\n    }\r\n\r\n    .hys-about-products-v2__card img {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      pointer-events: none;\r\n      transform: scale(1.012);\r\n      transition: transform 620ms cubic-bezier(.16, 1, .3, 1), filter 620ms cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    .hys-about-products-v2__card::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      background:\r\n        linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, .16) 54%, rgba(0, 0, 0, .74) 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hys-about-products-v2__body {\r\n      position: absolute;\r\n      left: 18px;\r\n      right: 18px;\r\n      bottom: 16px;\r\n      display: grid;\r\n      gap: 7px;\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    .hys-about-products-v2__card.is-active .hys-about-products-v2__body {\r\n      left: 22px;\r\n      right: 22px;\r\n      bottom: 18px;\r\n    }\r\n\r\n    .hys-about-products-v2__body h3 {\r\n      max-width: 15ch;\r\n      margin: 0;\r\n      color: #FFFFFF;\r\n      font-size: 19px;\r\n      font-weight: 800;\r\n      line-height: 1.08;\r\n      letter-spacing: 0;\r\n      text-shadow: 0 1px 12px rgba(0, 0, 0, .26);\r\n    }\r\n\r\n    .hys-about-products-v2__card.is-active .hys-about-products-v2__body h3 {\r\n      font-size: 23px;\r\n    }\r\n\r\n    .hys-about-products-v2__body span {\r\n      color: rgba(255, 255, 255, .94);\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      letter-spacing: 0;\r\n      text-shadow: 0 1px 10px rgba(0, 0, 0, .28);\r\n    }\r\n\r\n    .hys-about-products-v2__meta {\r\n      display: grid;\r\n      grid-template-columns: 1fr auto;\r\n      gap: 14px;\r\n      align-items: end;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .hys-about-products-v2__meta small {\r\n      display: none;\r\n      max-width: 292px;\r\n      color: rgba(255, 255, 255, .88);\r\n      font-size: 12.5px;\r\n      font-weight: 650;\r\n      line-height: 1.35;\r\n      letter-spacing: 0;\r\n      text-shadow: 0 1px 10px rgba(0, 0, 0, .24);\r\n    }\r\n\r\n    .hys-about-products-v2__card.is-active .hys-about-products-v2__meta small {\r\n      display: block;\r\n    }\r\n\r\n    .hys-about-products-v2__learn {\r\n      display: none;\r\n      align-items: center;\r\n      gap: 7px;\r\n      color: #FFFFFF !important;\r\n      font-size: 13px;\r\n      font-weight: 800;\r\n      line-height: 1;\r\n      letter-spacing: 0;\r\n      white-space: nowrap;\r\n      text-decoration: none !important;\r\n      cursor: pointer;\r\n      background: transparent !important;\r\n      box-shadow: none !important;\r\n      outline-color: var(--hys-green);\r\n    }\r\n\r\n    .hys-about-products-v2__card.is-active .hys-about-products-v2__learn {\r\n      display: inline-flex;\r\n    }\r\n\r\n    .hys-about-products-v2 a.hys-about-products-v2__learn,\r\n    .hys-about-products-v2 a.hys-about-products-v2__learn:hover,\r\n    .hys-about-products-v2 a.hys-about-products-v2__learn:focus,\r\n    .hys-about-products-v2 a.hys-about-products-v2__learn:active,\r\n    .hys-about-products-v2 a.hys-about-products-v2__learn:visited {\r\n      color: #FFFFFF !important;\r\n      text-decoration: none !important;\r\n      background: transparent !important;\r\n      background-color: transparent !important;\r\n      background-image: none !important;\r\n      box-shadow: none !important;\r\n      text-shadow: none !important;\r\n    }\r\n\r\n    .hys-about-products-v2__learn svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      fill: none;\r\n      stroke: currentColor;\r\n      stroke-width: 2;\r\n      stroke-linecap: round;\r\n      stroke-linejoin: round;\r\n      transition: transform 180ms var(--hys-ease);\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .hys-about-products-v2 button.hys-about-products-v2__arrow:not(:disabled):hover {\r\n        background: #F5F7F6 !important;\r\n        background-color: #F5F7F6 !important;\r\n      }\r\n\r\n      .hys-about-products-v2__card:hover img {\r\n        transform: scale(1.045);\r\n        filter: saturate(1.04);\r\n      }\r\n\r\n      .hys-about-products-v2__learn:hover svg {\r\n        transform: translate(3px, -3px);\r\n      }\r\n    }\r\n\r\n    .hys-about-products-v2__arrow:focus-visible,\r\n    .hys-about-products-v2__learn:focus-visible {\r\n      outline: 2px solid var(--hys-green);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    @media (max-width: 1180px) {\r\n      .hys-about-products-v2 {\r\n        --hys-card-small: 222px;\r\n        --hys-card-active: 360px;\r\n        padding-left: 40px;\r\n        padding-right: 40px;\r\n      }\r\n\r\n      .hys-about-products-v2__stage {\r\n        grid-template-columns: 96px minmax(0, 1fr);\r\n        gap: 40px;\r\n      }\r\n\r\n      .hys-about-products-v2__side {\r\n        min-height: 360px;\r\n      }\r\n\r\n      .hys-about-products-v2__card {\r\n        height: 246px;\r\n      }\r\n\r\n      .hys-about-products-v2__card.is-active {\r\n        height: 360px;\r\n      }\r\n\r\n      .hys-about-products-v2__progress {\r\n        width: 170px;\r\n        transform: translateY(22px);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-about-products-v2 {\r\n        --hys-card-small: 100%;\r\n        --hys-card-active: 100%;\r\n        padding: 38px 18px 48px;\r\n      }\r\n\r\n      .hys-about-products-v2__head {\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n      .hys-about-products-v2__label {\r\n        margin-bottom: 8px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      .hys-about-products-v2__title {\r\n        font-size: clamp(28px, 7.4vw, 35px);\r\n      }\r\n\r\n      .hys-about-products-v2__stage {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 20px;\r\n      }\r\n\r\n      .hys-about-products-v2__side {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        align-items: center;\r\n        gap: 18px;\r\n        min-height: 0;\r\n      }\r\n\r\n      .hys-about-products-v2__progress {\r\n        justify-self: start;\r\n        width: 158px;\r\n        transform: translateY(0);\r\n      }\r\n\r\n      .hys-about-products-v2__viewport {\r\n        width: 100%;\r\n        overflow: hidden;\r\n      }\r\n\r\n      .hys-about-products-v2__track {\r\n        overflow-x: auto;\r\n        scroll-snap-type: x mandatory;\r\n        -webkit-overflow-scrolling: touch;\r\n        padding-bottom: 2px;\r\n        transform: none !important;\r\n        transition: none;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      .hys-about-products-v2__track::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .hys-about-products-v2__card,\r\n      .hys-about-products-v2__card.is-active {\r\n        flex: 0 0 var(--hys-card-small);\r\n        height: 340px;\r\n        scroll-snap-align: start;\r\n      }\r\n\r\n      .hys-about-products-v2__body,\r\n      .hys-about-products-v2__card.is-active .hys-about-products-v2__body {\r\n        left: 22px;\r\n        right: 22px;\r\n        bottom: 20px;\r\n      }\r\n\r\n      .hys-about-products-v2__body h3,\r\n      .hys-about-products-v2__card.is-active .hys-about-products-v2__body h3 {\r\n        font-size: 23px;\r\n      }\r\n\r\n      .hys-about-products-v2__meta {\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n      }\r\n\r\n      .hys-about-products-v2__card .hys-about-products-v2__meta small,\r\n      .hys-about-products-v2__card.is-active .hys-about-products-v2__meta small {\r\n        display: block;\r\n      }\r\n\r\n      .hys-about-products-v2__card .hys-about-products-v2__learn,\r\n      .hys-about-products-v2__card.is-active .hys-about-products-v2__learn {\r\n        display: inline-flex;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"hys-about-products-v2__inner\">\r\n    <header class=\"hys-about-products-v2__head\">\r\n      <p class=\"hys-about-products-v2__label\">Produkte und Leistungen<\/p>\r\n      <h2 class=\"hys-about-products-v2__title\" id=\"hys-about-products-v2-title\">Von der Fertigung bis zur Anwendung: gepr\u00fcfte Batteriel\u00f6sungen f\u00fcr praktische Projekte.<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"hys-about-products-v2__stage\">\r\n      <aside class=\"hys-about-products-v2__side\" aria-label=\"Bedienelemente des Produktkarussells\">\r\n        <div class=\"hys-about-products-v2__controls\">\r\n          <button class=\"hys-about-products-v2__arrow\" type=\"button\" data-hys-products-prev aria-label=\"Vorheriges Produkt\">\r\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M10 3 5 8l5 5\"><\/path><path d=\"M5 8h9\"><\/path><\/svg>\r\n          <\/button>\r\n          <button class=\"hys-about-products-v2__arrow\" type=\"button\" data-hys-products-next aria-label=\"N\u00e4chstes Produkt\">\r\n            <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M6 3l5 5-5 5\"><\/path><path d=\"M2 8h9\"><\/path><\/svg>\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"hys-about-products-v2__progress\" aria-hidden=\"true\">\r\n          <span class=\"hys-about-products-v2__bar\" data-hys-products-bar><\/span>\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <div class=\"hys-about-products-v2__viewport\">\r\n        <div class=\"hys-about-products-v2__track\" data-hys-products-track aria-label=\"Produkt- und Leistungskategorien von Hysincere\">\r\n\r\n          <article class=\"hys-about-products-v2__card is-active\" aria-label=\"Batterietests und Validierung bei Hysincere\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-battery-pack-aging-reliability-test-lab.webp\" alt=\"Labor f\u00fcr Alterungs- und Zuverl\u00e4ssigkeitstests von Batteriepacks bei Hysincere\" width=\"1200\" height=\"825\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"hys-about-products-v2__body\">\r\n              <h3>Batterieleistung vor der Lieferung pr\u00fcfen.<\/h3>\r\n              <span>Batterietests und Validierung<\/span>\r\n              <div class=\"hys-about-products-v2__meta\">\r\n                <small>Kontrollierte Pr\u00fcfabl\u00e4ufe \u00fcberpr\u00fcfen die f\u00fcr die Projektlieferung erforderliche Sicherheit, Kapazit\u00e4t und Leistung.<\/small>\r\n                <a class=\"hys-about-products-v2__learn\" href=\"\/de\/kontakt\/\" aria-label=\"Mehr erfahren: Batterietests und Validierung bei Hysincere\">\r\n                  Mehr erfahren\r\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 12 12 4\"><\/path><path d=\"M6 4h6v6\"><\/path><\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"hys-about-products-v2__card\" aria-label=\"Lade- und Entladepr\u00fcfger\u00e4te von Hysincere\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-battery-pack-charge-discharge-test-equipment.webp\" alt=\"Lade- und Entladepr\u00fcfger\u00e4te f\u00fcr Batteriepacks bei Hysincere\" width=\"1200\" height=\"825\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"hys-about-products-v2__body\">\r\n              <h3>Batteriekapazit\u00e4t pr\u00e4zise pr\u00fcfen.<\/h3>\r\n              <span>Lade- und Entladetests<\/span>\r\n              <div class=\"hys-about-products-v2__meta\">\r\n                <small>Mehrkanalger\u00e4te erm\u00f6glichen Kapazit\u00e4tspr\u00fcfungen von Batteriepacks und die Kontrolle der Chargenkonsistenz.<\/small>\r\n                <a class=\"hys-about-products-v2__learn\" href=\"\/de\/kontakt\/\" aria-label=\"Mehr erfahren: Lade- und Entladepr\u00fcfger\u00e4te von Hysincere\">\r\n                  Mehr erfahren\r\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 12 12 4\"><\/path><path d=\"M6 4h6v6\"><\/path><\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"hys-about-products-v2__card\" aria-label=\"Pr\u00fcfung von Golfcart-Batterien im Einsatz bei Hysincere\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-golf-cart-battery-test-vehicle-factory-validation.webp\" alt=\"Hysincere-Testfahrzeug f\u00fcr Golfcart-Batterien vor dem Werk\" width=\"1200\" height=\"825\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"hys-about-products-v2__body\">\r\n              <h3>Antriebsleistung in realen Fahrzeugen pr\u00fcfen.<\/h3>\r\n              <span>Golfcart-Batterietests<\/span>\r\n              <div class=\"hys-about-products-v2__meta\">\r\n                <small>Anwendungstests helfen, die Batterieleistung in realen Elektrofahrzeugen zu \u00fcberpr\u00fcfen.<\/small>\r\n                <a class=\"hys-about-products-v2__learn\" href=\"\/de\/kontakt\/\" aria-label=\"Mehr erfahren: Pr\u00fcfung von Golfcart-Batterien im Einsatz bei Hysincere\">\r\n                  Mehr erfahren\r\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 12 12 4\"><\/path><path d=\"M6 4h6v6\"><\/path><\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"hys-about-products-v2__card\" aria-label=\"BMS- und elektrische Pr\u00fcfungen bei Hysincere\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-bms-battery-pack-electrical-inspection-multimeter.webp\" alt=\"Ein Hysincere-Techniker pr\u00fcft das BMS eines Batteriepacks mit einem Multimeter\" width=\"1200\" height=\"825\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"hys-about-products-v2__body\">\r\n              <h3>Elektrische Details pr\u00fcfen.<\/h3>\r\n              <span>BMS- und elektrische Pr\u00fcfungen<\/span>\r\n              <div class=\"hys-about-products-v2__meta\">\r\n                <small>Vor dem Versand pr\u00fcfen Techniker Spannung, Kabelb\u00e4ume, BMS, Steckverbinder und wichtige Details des Batteriepacks.<\/small>\r\n                <a class=\"hys-about-products-v2__learn\" href=\"\/de\/kontakt\/\" aria-label=\"Mehr erfahren: BMS- und elektrische Pr\u00fcfungen bei Hysincere\">\r\n                  Mehr erfahren\r\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 12 12 4\"><\/path><path d=\"M6 4h6v6\"><\/path><\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"hys-about-products-v2__card\" aria-label=\"Batteriepackmontage und Qualit\u00e4tskontrolle bei Hysincere\">\r\n            <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/06\/hysincere-battery-pack-automated-assembly-quality-control.webp\" alt=\"Automatisierte Batteriepackmontage und Qualit\u00e4tskontrolle bei Hysincere\" width=\"1200\" height=\"825\" loading=\"lazy\" decoding=\"async\">\r\n            <div class=\"hys-about-products-v2__body\">\r\n              <h3>Batteriepacks mit kontrollierten Abl\u00e4ufen fertigen.<\/h3>\r\n              <span>Batteriepackmontage und Qualit\u00e4tskontrolle<\/span>\r\n              <div class=\"hys-about-products-v2__meta\">\r\n                <small>Automatisierte Stationen und manuelle Pr\u00fcfungen unterst\u00fctzen eine stabile und wiederholbare Packfertigung.<\/small>\r\n                <a class=\"hys-about-products-v2__learn\" href=\"\/de\/kontakt\/\" aria-label=\"Mehr erfahren: Batteriepackmontage und Qualit\u00e4tskontrolle bei Hysincere\">\r\n                  Mehr erfahren\r\n                  <svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><path d=\"M4 12 12 4\"><\/path><path d=\"M6 4h6v6\"><\/path><\/svg>\r\n                <\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.currentScript ? document.currentScript.closest(\".hys-about-products-v2\") : document.querySelector(\".hys-about-products-v2\");\r\n      if (!section || section.dataset.hysReady === \"true\") return;\r\n      section.dataset.hysReady = \"true\";\r\n\r\n      var track = section.querySelector(\"[data-hys-products-track]\");\r\n      var cards = Array.prototype.slice.call(section.querySelectorAll(\".hys-about-products-v2__card\"));\r\n      var prev = section.querySelector(\"[data-hys-products-prev]\");\r\n      var next = section.querySelector(\"[data-hys-products-next]\");\r\n      var bar = section.querySelector(\"[data-hys-products-bar]\");\r\n      var stage = section.querySelector(\".hys-about-products-v2__stage\");\r\n      var side = section.querySelector(\".hys-about-products-v2__side\");\r\n      var viewport = section.querySelector(\".hys-about-products-v2__viewport\");\r\n      var active = 0;\r\n\r\n      function isMobile() {\r\n        return window.matchMedia(\"(max-width: 767px)\").matches;\r\n      }\r\n\r\n      function cssNumber(target, name, fallback) {\r\n        var raw = window.getComputedStyle(target).getPropertyValue(name);\r\n        var value = parseFloat(raw);\r\n        return Number.isFinite(value) ? value : fallback;\r\n      }\r\n\r\n      function cardStep(index) {\r\n        var gap = cssNumber(track, \"column-gap\", cssNumber(section, \"--hys-card-gap\", 12));\r\n        var smallWidth = cssNumber(section, \"--hys-card-small\", cards[0] ? cards[0].getBoundingClientRect().width : 236);\r\n        return index * (smallWidth + gap);\r\n      }\r\n\r\n      function updateProgress() {\r\n        if (!bar || !cards.length) return;\r\n        var progress = ((active + 1) \/ cards.length) * 100;\r\n        bar.style.width = progress + \"%\";\r\n        bar.style.transform = \"none\";\r\n      }\r\n\r\n      function updateViewportWindow() {\r\n        if (!viewport) return;\r\n\r\n        if (isMobile()) {\r\n          section.style.removeProperty(\"--hys-carousel-window\");\r\n          return;\r\n        }\r\n\r\n        var stageWidth = stage ? stage.getBoundingClientRect().width : viewport.getBoundingClientRect().width;\r\n        var sideWidth = side ? side.getBoundingClientRect().width : 0;\r\n        var stageGap = stage ? cssNumber(stage, \"column-gap\", 0) : 0;\r\n        var available = Math.max(0, stageWidth - sideWidth - stageGap);\r\n        var gap = cssNumber(track, \"column-gap\", cssNumber(section, \"--hys-card-gap\", 12));\r\n        var smallWidth = cssNumber(section, \"--hys-card-small\", cards[0] ? cards[0].getBoundingClientRect().width : 236);\r\n        var activeWidth = cssNumber(section, \"--hys-card-active\", smallWidth);\r\n        var visibleSmallCards = Math.floor(Math.max(0, available - activeWidth + gap) \/ Math.max(1, smallWidth + gap));\r\n\r\n        visibleSmallCards = Math.max(0, Math.min(cards.length - 1, 3, visibleSmallCards));\r\n\r\n        var windowWidth = activeWidth + visibleSmallCards * smallWidth + visibleSmallCards * gap;\r\n        section.style.setProperty(\"--hys-carousel-window\", Math.floor(Math.min(available, windowWidth)) + \"px\");\r\n      }\r\n\r\n      function setActive(index, shouldScroll) {\r\n        active = Math.max(0, Math.min(cards.length - 1, index));\r\n\r\n        cards.forEach(function (card, cardIndex) {\r\n          card.classList.toggle(\"is-active\", cardIndex === active);\r\n        });\r\n\r\n        if (prev) prev.disabled = active === 0;\r\n        if (next) next.disabled = active === cards.length - 1;\r\n\r\n        updateProgress();\r\n        updateViewportWindow();\r\n\r\n        if (isMobile()) {\r\n          if (shouldScroll && cards[active]) {\r\n            var maxScrollLeft = Math.max(0, track.scrollWidth - track.clientWidth);\r\n            var targetLeft = Math.max(0, Math.min(cards[active].offsetLeft, maxScrollLeft));\r\n\r\n            track.scrollTo({\r\n              left: targetLeft,\r\n              behavior: \"smooth\"\r\n            });\r\n          }\r\n          return;\r\n        }\r\n\r\n        var offset = -cardStep(active);\r\n        track.style.transform = \"translate3d(\" + offset + \"px, 0, 0)\";\r\n      }\r\n\r\n      function move(direction) {\r\n        setActive(active + direction, true);\r\n      }\r\n\r\n      if (prev) prev.addEventListener(\"click\", function () { move(-1); });\r\n      if (next) next.addEventListener(\"click\", function () { move(1); });\r\n\r\n      cards.forEach(function (card, index) {\r\n        card.addEventListener(\"click\", function (event) {\r\n          if (event.target.closest(\".hys-about-products-v2__learn\")) return;\r\n          setActive(index, true);\r\n        });\r\n      });\r\n\r\n      var scrollTimer = 0;\r\n      track.addEventListener(\"scroll\", function () {\r\n        if (!isMobile()) return;\r\n\r\n        window.clearTimeout(scrollTimer);\r\n        scrollTimer = window.setTimeout(function () {\r\n          var left = track.scrollLeft;\r\n          var closest = 0;\r\n          var closestDistance = Infinity;\r\n\r\n          cards.forEach(function (card, index) {\r\n            var distance = Math.abs(card.offsetLeft - left);\r\n            if (distance < closestDistance) {\r\n              closest = index;\r\n              closestDistance = distance;\r\n            }\r\n          });\r\n\r\n          setActive(closest, false);\r\n        }, 80);\r\n      }, { passive: true });\r\n\r\n      window.addEventListener(\"resize\", function () {\r\n        setActive(active, false);\r\n      }, { passive: true });\r\n\r\n      setActive(0, false);\r\n\r\n      \/*\r\n       * Recalculate carousel window after the visual-adaptation CSS below is parsed.\r\n       * This prevents half-visible cards on desktop\/tablet: each card is either fully shown or fully hidden.\r\n       *\/\r\n      requestAnimationFrame(function () {\r\n        setActive(active, false);\r\n      });\r\n\r\n      window.setTimeout(function () {\r\n        setActive(active, false);\r\n      }, 120);\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n  <style id=\"hys-about-products-v2-home-system-visual-adaptation\">\r\n    \/* Visual-height and design-system adaptation only. Original carousel JS and interaction stay unchanged. *\/\r\n    .hys-about-proof-carousel-scope {\r\n      margin-top: 42px;\r\n      padding-top: 42px;\r\n      border-top: 1px solid rgba(17, 24, 39, 0.08);\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2 {\r\n      --hys-card-small: 286px;\r\n      --hys-card-active: 520px;\r\n      --hys-card-gap: 12px;\r\n      --hys-green: #288E3E;\r\n      --hys-soft-line: rgba(17, 24, 39, 0.12);\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      background: transparent !important;\r\n      overflow: visible !important;\r\n      isolation: auto !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__inner {\r\n      width: 100% !important;\r\n      max-width: 100% !important;\r\n      margin: 0 !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);\r\n      gap: clamp(34px, 5vw, 78px);\r\n      align-items: end;\r\n      margin: 0 0 34px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__label {\r\n      margin: 0 0 12px !important;\r\n      color: rgba(17, 24, 39, 0.72) !important;\r\n      font-size: 15px !important;\r\n      line-height: 1.3 !important;\r\n      font-weight: 700 !important;\r\n      letter-spacing: 0 !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__title {\r\n      max-width: 860px !important;\r\n      margin: 0 !important;\r\n      color: #050505 !important;\r\n      font-size: clamp(34px, 2.6vw, 46px) !important;\r\n      line-height: 1.14 !important;\r\n      font-weight: 800 !important;\r\n      letter-spacing: 0 !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__stage {\r\n      grid-template-columns: 108px minmax(0, 1fr) !important;\r\n      gap: 52px !important;\r\n      align-items: start !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__side {\r\n      min-height: 520px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__controls {\r\n      gap: 6px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__arrow {\r\n      width: 44px !important;\r\n      height: 36px !important;\r\n      border: 1px solid rgba(17, 24, 39, 0.42) !important;\r\n      border-radius: 999px !important;\r\n      background: #FFFFFF !important;\r\n      color: #111827 !important;\r\n      box-shadow: none !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__arrow:not(:disabled):hover {\r\n      border-color: #288E3E !important;\r\n      color: #288E3E !important;\r\n      background: #FFFFFF !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__progress {\r\n      width: 202px !important;\r\n      height: 1px !important;\r\n      background: rgba(17, 24, 39, 0.12) !important;\r\n      transform: translateY(28px) !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__bar {\r\n      background: #288E3E !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__viewport {\r\n      width: min(100%, var(--hys-carousel-window, 1328px)) !important;\r\n      max-width: 100% !important;\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__track {\r\n      gap: var(--hys-card-gap) !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card {\r\n      height: 360px !important;\r\n      border-radius: 4px !important;\r\n      border: 1px solid rgba(17, 24, 39, 0.12) !important;\r\n      box-shadow: none !important;\r\n      background: #D9E0DC !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active {\r\n      height: 520px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card img {\r\n      object-fit: cover !important;\r\n      object-position: center center !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card::after {\r\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, .16) 54%, rgba(0, 0, 0, .74) 100%) !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__body {\r\n      left: 18px !important;\r\n      right: 18px !important;\r\n      bottom: 16px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__body {\r\n      left: 24px !important;\r\n      right: 24px !important;\r\n      bottom: 24px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__body h3 {\r\n      font-size: 19px !important;\r\n      line-height: 1.08 !important;\r\n      font-weight: 800 !important;\r\n      letter-spacing: 0 !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__body h3 {\r\n      font-size: 25px !important;\r\n    }\r\n\r\n    .hys-about-proof-carousel-scope .hys-about-products-v2__meta small {\r\n      font-size: 13px !important;\r\n      line-height: 1.45 !important;\r\n    }\r\n\r\n    @media (max-width: 1440px) {\r\n      .hys-about-proof-carousel-scope {\r\n        margin-top: 38px;\r\n        padding-top: 38px;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2 {\r\n        --hys-card-small: 266px;\r\n        --hys-card-active: 480px;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__title {\r\n        font-size: clamp(32px, 2.5vw, 42px) !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__side,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active {\r\n        min-height: 0 !important;\r\n        height: 480px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card {\r\n        height: 334px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1280px) {\r\n      .hys-about-proof-carousel-scope {\r\n        margin-top: 34px;\r\n        padding-top: 34px;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2 {\r\n        --hys-card-small: 248px;\r\n        --hys-card-active: 440px;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__stage {\r\n        grid-template-columns: 96px minmax(0, 1fr) !important;\r\n        gap: 40px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__side,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active {\r\n        height: 440px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card {\r\n        height: 316px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__head {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 18px !important;\r\n        margin-bottom: 28px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__stage {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 22px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__side {\r\n        display: grid !important;\r\n        grid-template-columns: auto 1fr !important;\r\n        align-items: center !important;\r\n        gap: 18px !important;\r\n        height: auto !important;\r\n        min-height: 0 !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__progress {\r\n        transform: none !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__viewport {\r\n        width: 100% !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active {\r\n        height: 390px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-about-proof-carousel-scope {\r\n        margin-top: 28px;\r\n        padding-top: 28px;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2 {\r\n        --hys-card-small: 100%;\r\n        --hys-card-active: 100%;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__head {\r\n        margin-bottom: 22px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__title {\r\n        font-size: clamp(26px, 7vw, 34px) !important;\r\n        line-height: 1.18 !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__track {\r\n        overflow-x: auto !important;\r\n        scroll-snap-type: x mandatory !important;\r\n        -webkit-overflow-scrolling: touch !important;\r\n        padding-bottom: 2px !important;\r\n        transform: none !important;\r\n        transition: none !important;\r\n        scrollbar-width: none !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__track::-webkit-scrollbar {\r\n        display: none !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active {\r\n        flex: 0 0 100% !important;\r\n        height: clamp(260px, 56vw, 330px) !important;\r\n        scroll-snap-align: start !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__body,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__body {\r\n        left: 18px !important;\r\n        right: 18px !important;\r\n        bottom: 18px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__body h3,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__body h3 {\r\n        font-size: 22px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__meta {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 10px !important;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card .hys-about-products-v2__meta small,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__meta small,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card .hys-about-products-v2__learn,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__learn {\r\n        display: inline-flex;\r\n      }\r\n\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card .hys-about-products-v2__meta small,\r\n      .hys-about-proof-carousel-scope .hys-about-products-v2__card.is-active .hys-about-products-v2__meta small {\r\n        display: block;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n<\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"hys-about-balanced hys-ab-section\" aria-labelledby=\"hys-ab-quality-title\">\r\n  <div class=\"hys-ab-container\">\r\n    <div class=\"hys-ab-quality-grid\">\r\n      <div>\r\n        <p class=\"hys-ab-kicker\">Grundlage unserer Qualit\u00e4t<\/p>\r\n        <h2 class=\"hys-ab-title\" id=\"hys-ab-quality-title\">Vom Rohmaterial bis zum fertigen Produkt stehen Sicherheit und Konsistenz im Vordergrund.<\/h2>\r\n        <p class=\"hys-ab-lead\">Hysincere richtet sich nach den Managementanforderungen von ISO 9001:2015, ISO 14001:2015 und ISO 45001:2018. Unsere Batteriezellen stammen von f\u00fchrenden Herstellern wie CATL, EVE und Gotion High-Tech. Selbst entwickelte BMS-Systeme unterst\u00fctzen Sicherheit, Kompatibilit\u00e4t und Flexibilit\u00e4t.<\/p>\r\n        <div class=\"hys-ab-chip-list\" aria-label=\"Zertifizierungs- und Konformit\u00e4tskompetenzen von Hysincere\">\r\n          <span class=\"hys-ab-chip\">KC<\/span>\r\n          <span class=\"hys-ab-chip\">PSE<\/span>\r\n          <span class=\"hys-ab-chip\">IEC62619<\/span>\r\n          <span class=\"hys-ab-chip\">CB<\/span>\r\n          <span class=\"hys-ab-chip\">UL<\/span>\r\n          <span class=\"hys-ab-chip\">BIS<\/span>\r\n          <span class=\"hys-ab-chip\">UN38.3<\/span>\r\n          <span class=\"hys-ab-chip\">MSDS<\/span>\r\n          <span class=\"hys-ab-chip\">CE<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hys-ab-quality-list\" aria-label=\"Unsere St\u00e4rken\">\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>01<\/span>\r\n          <div><h3>Mehrere Technologieans\u00e4tze<\/h3><p>LiFePO\u2084-, Natrium-Ionen- und Festk\u00f6rperbatteriel\u00f6sungen f\u00fcr unterschiedliche Anwendungen.<\/p><\/div>\r\n        <\/article>\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>02<\/span>\r\n          <div><h3>Erfahrung in Forschung und Entwicklung<\/h3><p>Ein professionelles Entwicklungsteam mit mehr als 10 Jahren Erfahrung in der Batteriebranche unterst\u00fctzt kundenspezifische Batteriel\u00f6sungen.<\/p><\/div>\r\n        <\/article>\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>03<\/span>\r\n          <div><h3>Selbst entwickeltes BMS<\/h3><p>Eigene Entwicklung von Batteriemanagementsystemen f\u00fcr die flexible Anpassung an Kundenanforderungen.<\/p><\/div>\r\n        <\/article>\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>04<\/span>\r\n          <div><h3>Zuverl\u00e4ssige Batteriezellen<\/h3><p>Batteriezellen von f\u00fchrenden Herstellern wie CATL, EVE und Gotion High-Tech.<\/p><\/div>\r\n        <\/article>\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>05<\/span>\r\n          <div><h3>Fertigungskapazit\u00e4ten<\/h3><p>Ein moderner Produktionsstandort, flexibel angeordnete Fertigungslinien, ausreichende Kapazit\u00e4ten und verl\u00e4ssliche Lieferung.<\/p><\/div>\r\n        <\/article>\r\n        <article class=\"hys-ab-quality-item\">\r\n          <span>06<\/span>\r\n          <div><h3>Professionelle Unterst\u00fctzung nach dem Kauf<\/h3><p>7\u00d724 Service und technische Unterst\u00fctzung.<\/p><\/div>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"hys-history\" class=\"hys-history-section\" aria-labelledby=\"hys-history-title\">\r\n  <style>\r\n    .hys-history-section {\r\n      --hys-primary: #111827;\r\n      --hys-primary-hover: #050505;\r\n      --hys-accent-light: #D7DED9;\r\n\r\n      --hys-text: #111827;\r\n      --hys-text-secondary: #4B5563;\r\n      --hys-text-muted: #9CA3AF;\r\n\r\n      --hys-bg: #FFFFFF;\r\n      --hys-card: #FFFFFF;\r\n      --hys-bg-soft: #FFFFFF;\r\n      --hys-bg-green-soft: #F7F8F7;\r\n      --hys-dark: #1F2933;\r\n      --hys-footer: #111827;\r\n      --hys-border: #E5E7EB;\r\n\r\n      --hys-radius-xs: 6px;\r\n      --hys-radius-sm: 12px;\r\n      --hys-radius-md: 18px;\r\n      --hys-radius-lg: 24px;\r\n      --hys-radius-xl: 32px;\r\n      --hys-radius-pill: 999px;\r\n\r\n      --hys-shadow-xs: 0 4px 12px rgba(17, 24, 39, 0.035);\r\n      --hys-shadow-sm: 0 8px 24px rgba(17, 24, 39, 0.042);\r\n      --hys-shadow-md: 0 14px 34px rgba(17, 24, 39, 0.052);\r\n\r\n      --hys-container: 1280px;\r\n\r\n      --hys-motion-base: 320ms;\r\n      --hys-motion-slow: 720ms;\r\n      --hys-ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);\r\n      --hys-ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n      --hys-space-1: 4px;\r\n      --hys-space-2: 8px;\r\n      --hys-space-3: 12px;\r\n      --hys-space-4: 16px;\r\n      --hys-space-5: 20px;\r\n      --hys-space-6: 24px;\r\n      --hys-space-7: 28px;\r\n      --hys-space-8: 34px;\r\n      --hys-space-9: 42px;\r\n      --hys-space-10: 48px;\r\n      --hys-space-11: 60px;\r\n      --hys-space-12: 72px;\r\n\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: visible;\r\n      margin: 0;\r\n      padding: clamp(64px, 6vw, 82px) 24px 54px;\r\n      color: var(--hys-text);\r\n      font-family: inherit;\r\n      background: #FFFFFF;\r\n      scroll-margin-top: 128px;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    .hys-history-section,\r\n    .hys-history-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .hys-history-section a,\r\n    .hys-history-section button,\r\n    .hys-history-section input,\r\n    .hys-history-section textarea,\r\n    .hys-history-section select {\r\n      font-family: inherit;\r\n    }\r\n\r\n    .hys-history-section::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      pointer-events: none;\r\n      background-image: none;\r\n    }\r\n\r\n    .hys-history-inner {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: min(var(--hys-container), 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hys-history-header {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);\r\n      gap: 30px;\r\n      align-items: end;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .hys-history-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--hys-space-2);\r\n      margin: 0 0 14px;\r\n      color: var(--hys-text-muted);\r\n      font-size: 11px;\r\n      line-height: 1;\r\n      font-weight: 700;\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n    }\r\n\r\n    .hys-history-kicker::before {\r\n      content: \"\";\r\n      width: 22px;\r\n      height: 2px;\r\n      border-radius: var(--hys-radius-pill);\r\n      background: var(--hys-border);\r\n    }\r\n\r\n    .hys-history-title {\r\n      margin: 0;\r\n      color: var(--hys-text);\r\n      font-size: clamp(32px, 2.8vw, 46px);\r\n      line-height: 1.06;\r\n      font-weight: 800;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-history-title span {\r\n      color: var(--hys-text);\r\n    }\r\n\r\n    .hys-history-intro {\r\n      margin: 0;\r\n      max-width: 580px;\r\n      color: var(--hys-text-secondary);\r\n      font-size: 15px;\r\n      line-height: 1.58;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .hys-history-track {\r\n      --history-gap: 16px;\r\n\r\n      position: relative;\r\n      display: grid;\r\n      grid-auto-flow: column;\r\n      grid-auto-columns: calc((100% - var(--history-gap) * 2) \/ 3);\r\n      gap: var(--history-gap);\r\n      overflow-x: auto;\r\n      overflow-y: hidden;\r\n      scroll-behavior: smooth;\r\n      scroll-snap-type: x mandatory;\r\n      scroll-padding-inline: 16px;\r\n      scrollbar-width: none;\r\n      padding: 12px 16px 16px;\r\n      margin: 0 -16px;\r\n      cursor: grab;\r\n      user-select: none;\r\n      touch-action: pan-y;\r\n    }\r\n\r\n    .hys-history-track::-webkit-scrollbar {\r\n      display: none;\r\n    }\r\n\r\n    .hys-history-track.is-dragging {\r\n      cursor: grabbing;\r\n      scroll-behavior: auto;\r\n      scroll-snap-type: none;\r\n    }\r\n\r\n    .hys-history-item {\r\n      position: relative;\r\n      min-height: 292px;\r\n      scroll-snap-align: start;\r\n      border: 1px solid transparent;\r\n      border-radius: var(--hys-radius-lg);\r\n      background:\r\n        linear-gradient(180deg, #FAFAFA 0%, var(--hys-card) 42%);\r\n      box-shadow:\r\n        inset 0 0 0 1px #D7DDE5,\r\n        var(--hys-shadow-sm);\r\n      overflow: hidden;\r\n      scroll-margin-inline: 16px;\r\n      transition:\r\n        transform var(--hys-motion-base) var(--hys-ease-out),\r\n        border-color var(--hys-motion-base) var(--hys-ease-out),\r\n        box-shadow var(--hys-motion-base) var(--hys-ease-out);\r\n      display: flex;\r\n      flex-direction: column;\r\n      cursor: inherit;\r\n    }\r\n\r\n    .hys-history-item:hover,\r\n    .hys-history-item.is-active {\r\n      transform: none;\r\n      border-color: transparent;\r\n      box-shadow:\r\n        inset 0 0 0 1px #111827,\r\n        var(--hys-shadow-md);\r\n    }\r\n\r\n    .hys-history-item::before {\r\n      display: none;\r\n      content: none;\r\n    }\r\n\r\n    .hys-history-item.is-active::before,\r\n    .hys-history-item:hover::before {\r\n      display: none;\r\n    }\r\n\r\n    .hys-history-item:focus-visible {\r\n      outline: 2px solid #111827;\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .hys-history-content {\r\n      position: relative;\r\n      padding: 26px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      flex: 1;\r\n    }\r\n\r\n    .hys-history-year {\r\n      margin: 0 0 16px;\r\n      color: rgba(17, 24, 39, 0.14);\r\n      font-size: clamp(42px, 3.3vw, 56px);\r\n      line-height: 0.9;\r\n      font-weight: 800;\r\n      letter-spacing: -0.04em;\r\n      transition: color var(--hys-motion-base) var(--hys-ease-out);\r\n      font-feature-settings: \"tnum\";\r\n    }\r\n\r\n    .hys-history-item.is-active .hys-history-year {\r\n      color: #111827;\r\n    }\r\n\r\n    .hys-history-content h3 {\r\n      margin: 0 0 10px;\r\n      color: var(--hys-text);\r\n      font-size: 18px;\r\n      line-height: 1.22;\r\n      font-weight: 700;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-history-content p {\r\n      margin: 0;\r\n      color: var(--hys-text-secondary);\r\n      font-size: 13.5px;\r\n      line-height: 1.52;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .hys-history-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--hys-space-2);\r\n      margin-top: auto;\r\n      padding-top: 18px;\r\n      color: var(--hys-text-muted);\r\n      font-size: 10.5px;\r\n      line-height: 1;\r\n      font-weight: 700;\r\n      letter-spacing: 0;\r\n      text-transform: none;\r\n    }\r\n\r\n    .hys-history-tag::before {\r\n      content: \"\";\r\n      width: 14px;\r\n      height: 2px;\r\n      border-radius: var(--hys-radius-pill);\r\n      background: var(--hys-border);\r\n      opacity: 1;\r\n    }\r\n\r\n    .hys-history-control {\r\n      position: relative;\r\n      z-index: 3;\r\n      width: 100%;\r\n      margin-top: 18px;\r\n      display: grid;\r\n      grid-template-columns: 42px minmax(0, 1fr) 42px;\r\n      gap: 14px;\r\n      align-items: center;\r\n    }\r\n\r\n    #hys-history .hys-history-arrow {\r\n      width: 42px !important;\r\n      height: 42px !important;\r\n      min-width: 42px !important;\r\n      min-height: 42px !important;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      color: var(--hys-text) !important;\r\n      background: var(--hys-card) !important;\r\n      border: 1px solid var(--hys-border) !important;\r\n      border-radius: var(--hys-radius-pill) !important;\r\n      box-shadow: var(--hys-shadow-sm) !important;\r\n      outline: none !important;\r\n      appearance: none !important;\r\n      cursor: pointer;\r\n      transition:\r\n        transform var(--hys-motion-base) var(--hys-ease-out),\r\n        background-color var(--hys-motion-base) var(--hys-ease-out),\r\n        border-color var(--hys-motion-base) var(--hys-ease-out),\r\n        color var(--hys-motion-base) var(--hys-ease-out),\r\n        box-shadow var(--hys-motion-base) var(--hys-ease-out);\r\n    }\r\n\r\n    #hys-history .hys-history-arrow:hover,\r\n    #hys-history .hys-history-arrow:focus-visible {\r\n      color: var(--hys-card) !important;\r\n      background: var(--hys-primary) !important;\r\n      border-color: var(--hys-primary) !important;\r\n      box-shadow: 0 8px 18px rgba(17, 24, 39, 0.11) !important;\r\n      transform: translateY(-2px);\r\n    }\r\n\r\n    #hys-history .hys-history-arrow svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      fill: currentColor;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hys-history-ruler {\r\n      position: relative;\r\n      height: 48px;\r\n      padding: 0 26px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      background: var(--hys-card);\r\n      border: 1px solid var(--hys-border);\r\n      border-radius: var(--hys-radius-pill);\r\n      box-shadow: var(--hys-shadow-sm);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hys-history-ruler::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 42px;\r\n      right: 42px;\r\n      bottom: 14px;\r\n      z-index: 0;\r\n      height: 1px;\r\n      background-image: repeating-linear-gradient(\r\n        90deg,\r\n        rgba(17, 24, 39, 0.10) 0,\r\n        rgba(17, 24, 39, 0.10) 1px,\r\n        transparent 1px,\r\n        transparent var(--hys-space-2)\r\n      );\r\n      pointer-events: none;\r\n    }\r\n\r\n    #hys-history .hys-history-ruler button {\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      min-width: auto !important;\r\n      min-height: auto !important;\r\n      width: auto !important;\r\n      height: auto !important;\r\n      color: var(--hys-text-muted) !important;\r\n      background: transparent !important;\r\n      border: 0 !important;\r\n      outline: 0 !important;\r\n      box-shadow: none !important;\r\n      appearance: none !important;\r\n      font-size: 12.5px;\r\n      line-height: 1;\r\n      font-weight: 600;\r\n      letter-spacing: 0;\r\n      cursor: pointer;\r\n      transition: color var(--hys-motion-base) var(--hys-ease-out);\r\n      font-feature-settings: \"tnum\";\r\n    }\r\n\r\n    #hys-history .hys-history-ruler button span {\r\n      position: relative;\r\n      z-index: 4;\r\n      display: inline-block;\r\n      pointer-events: none;\r\n    }\r\n\r\n    #hys-history .hys-history-ruler button::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 50%;\r\n      bottom: -14px;\r\n      z-index: 3;\r\n      width: var(--hys-space-1);\r\n      height: var(--hys-space-1);\r\n      background: currentColor;\r\n      border-radius: var(--hys-radius-pill);\r\n      transform: translateX(-50%);\r\n      transition:\r\n        width var(--hys-motion-base) var(--hys-ease-out),\r\n        height var(--hys-motion-base) var(--hys-ease-out),\r\n        background-color var(--hys-motion-base) var(--hys-ease-out),\r\n        box-shadow var(--hys-motion-base) var(--hys-ease-out);\r\n      pointer-events: none;\r\n    }\r\n\r\n    #hys-history .hys-history-ruler button:hover,\r\n    #hys-history .hys-history-ruler button:focus-visible,\r\n    #hys-history .hys-history-ruler button.is-active {\r\n      color: #111827 !important;\r\n    }\r\n\r\n    #hys-history .hys-history-ruler button.is-active::after {\r\n      width: var(--hys-space-2);\r\n      height: var(--hys-space-2);\r\n      background: #111827;\r\n      box-shadow: 0 0 0 var(--hys-space-1) rgba(17, 24, 39, 0.10);\r\n    }\r\n\r\n    .hys-history-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n      transition:\r\n        opacity var(--hys-motion-slow) var(--hys-ease-emphasized),\r\n        transform var(--hys-motion-slow) var(--hys-ease-emphasized);\r\n    }\r\n\r\n    .hys-history-section.is-enhanced .hys-history-reveal {\r\n      opacity: 0;\r\n      transform: translateY(var(--hys-space-6));\r\n      transition:\r\n        opacity var(--hys-motion-slow) var(--hys-ease-emphasized),\r\n        transform var(--hys-motion-slow) var(--hys-ease-emphasized);\r\n    }\r\n\r\n    .hys-history-section.is-enhanced .hys-history-reveal.is-visible,\r\n    .hys-history-reveal.is-visible {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n      .hys-history-section {\r\n        padding: 58px 20px 48px;\r\n      }\r\n\r\n      .hys-history-header {\r\n        grid-template-columns: 1fr;\r\n        gap: 22px;\r\n        align-items: start;\r\n        margin-bottom: 26px;\r\n      }\r\n\r\n      .hys-history-track {\r\n        --history-gap: 14px;\r\n        grid-auto-columns: calc((100% - var(--history-gap)) \/ 2);\r\n      }\r\n\r\n      .hys-history-item {\r\n        min-height: 282px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-history-section {\r\n        padding: 52px 16px 44px;\r\n      }\r\n\r\n      .hys-history-header {\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      .hys-history-kicker {\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      .hys-history-title {\r\n        font-size: clamp(28px, 8.2vw, 36px);\r\n        line-height: 1.1;\r\n      }\r\n\r\n      .hys-history-intro {\r\n        font-size: 14px;\r\n        line-height: 1.58;\r\n      }\r\n\r\n      .hys-history-track {\r\n        --history-gap: var(--hys-space-3);\r\n        grid-auto-columns: 84%;\r\n        scroll-padding-inline: 16px;\r\n        padding: 10px 16px 12px;\r\n        margin: 0 -16px;\r\n      }\r\n\r\n      .hys-history-item {\r\n        min-height: auto;\r\n        border-radius: var(--hys-radius-md);\r\n      }\r\n\r\n      .hys-history-item:hover,\r\n      .hys-history-item.is-active {\r\n        transform: none;\r\n      }\r\n\r\n      .hys-history-content {\r\n        padding: 22px;\r\n      }\r\n\r\n      .hys-history-year {\r\n        font-size: 38px;\r\n        margin-bottom: 12px;\r\n      }\r\n\r\n      .hys-history-content h3 {\r\n        font-size: 17px;\r\n      }\r\n\r\n      .hys-history-content p {\r\n        font-size: 13px;\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .hys-history-tag {\r\n        padding-top: 16px;\r\n      }\r\n\r\n      .hys-history-control {\r\n        grid-template-columns: 1fr;\r\n        gap: var(--hys-space-3);\r\n        margin-top: 14px;\r\n      }\r\n\r\n      #hys-history .hys-history-arrow {\r\n        display: none !important;\r\n      }\r\n\r\n      .hys-history-ruler {\r\n        width: 100%;\r\n        height: 44px;\r\n        padding: 0 16px;\r\n        justify-content: flex-start;\r\n        gap: 28px;\r\n        overflow-x: auto;\r\n        scrollbar-width: none;\r\n      }\r\n\r\n      .hys-history-ruler::-webkit-scrollbar {\r\n        display: none;\r\n      }\r\n\r\n      .hys-history-ruler::before {\r\n        display: none;\r\n      }\r\n\r\n      #hys-history .hys-history-ruler button {\r\n        flex: 0 0 auto;\r\n        font-size: 12px;\r\n      }\r\n\r\n      #hys-history .hys-history-ruler button::after {\r\n        bottom: -12px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .hys-history-section {\r\n        padding: 48px 16px 40px;\r\n      }\r\n\r\n      .hys-history-header {\r\n        gap: 18px;\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      .hys-history-title {\r\n        font-size: clamp(26px, 7.8vw, 34px);\r\n      }\r\n\r\n      .hys-history-content {\r\n        padding: 20px;\r\n      }\r\n\r\n      .hys-history-year {\r\n        font-size: 36px;\r\n      }\r\n\r\n      .hys-history-ruler {\r\n        height: 42px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hys-history-reveal,\r\n      .hys-history-item,\r\n      .hys-history-year,\r\n      #hys-history .hys-history-arrow,\r\n      #hys-history .hys-history-ruler button,\r\n      #hys-history .hys-history-ruler button::after {\r\n        transition: none !important;\r\n      }\r\n\r\n      .hys-history-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n      }\r\n\r\n      .hys-history-track {\r\n        scroll-behavior: auto;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"hys-history-inner\">\r\n    <div class=\"hys-history-header hys-history-reveal\">\r\n      <div>\r\n        <p class=\"hys-history-kicker\">Die Entwicklung von Hysincere<\/p>\r\n        <h2 class=\"hys-history-title\" id=\"hys-history-title\">\r\n          Hysincere <span>Unternehmensgeschichte<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p class=\"hys-history-intro\">\r\n        Seit der Gr\u00fcndung 2013 hat Hysincere seine Kompetenzen in der Entwicklung und Fertigung von Lithium-Batteriepacks, bei Tests, Validierung, Zertifizierungskonformit\u00e4t und weltweitem Service kontinuierlich ausgebaut. Damit unterst\u00fctzen wir Energiespeicher- und Antriebsbatterieanwendungen.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hys-history-track hys-history-reveal\" aria-label=\"Zeitleiste der Unternehmensentwicklung von Hysincere\">\r\n      <article class=\"hys-history-item is-active\" data-year=\"2013\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2013<\/div>\r\n          <h3>In Shenzhen gegr\u00fcndet<\/h3>\r\n          <p>Hysincere wurde in Shenzhen gegr\u00fcndet. Der Schwerpunkt lag auf der Entwicklung von Lithium-Batteriepacks, anwendungsorientierten L\u00f6sungen und zuverl\u00e4ssiger Projektbegleitung f\u00fcr B2B-Kunden.<\/p>\r\n          <span class=\"hys-history-tag\">Gr\u00fcndungsphase<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"hys-history-item\" data-year=\"2015\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2015<\/div>\r\n          <h3>Konformit\u00e4tssysteme weiterentwickelt<\/h3>\r\n          <p>Produktkonformit\u00e4t und Qualit\u00e4tsmanagement wurden weiter gest\u00e4rkt, um internationale Lithium-Batterieprojekte und Anforderungen ausl\u00e4ndischer Kunden zu unterst\u00fctzen.<\/p>\r\n          <span class=\"hys-history-tag\">Konformit\u00e4t aufbauen<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"hys-history-item\" data-year=\"2018\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2018<\/div>\r\n          <h3>Werk in Dongguan gegr\u00fcndet<\/h3>\r\n          <p>Der Produktionsstandort Dongguan wurde f\u00fcr Montage, Tests, Pr\u00fcfungen und kundenspezifische Fertigung von Energiespeicher- und Antriebsbatteriepacks eingerichtet.<\/p>\r\n          <span class=\"hys-history-tag\">Fertigung<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"hys-history-item\" data-year=\"2020\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2020<\/div>\r\n          <h3>Produktionskapazit\u00e4ten ausgebaut<\/h3>\r\n          <p>Die Kapazit\u00e4ten der Batterieproduktion wurden weiter verbessert, um Energiespeicher-, Bleiakku-Ersatz- und industrielle Stromversorgungsprojekte zuverl\u00e4ssiger beliefern zu k\u00f6nnen.<\/p>\r\n          <span class=\"hys-history-tag\">Kapazit\u00e4tsausbau<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"hys-history-item\" data-year=\"2023\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2023<\/div>\r\n          <h3>Weltweiten Service ausgebaut<\/h3>\r\n          <p>Hysincere verbesserte die Unterst\u00fctzung bei internationalen Lieferungen und im Service weiter, damit Kunden weltweit ihre Lithium-Batterieprojekte effizienter voranbringen k\u00f6nnen.<\/p>\r\n          <span class=\"hys-history-tag\">Weltweiter Service<\/span>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"hys-history-item\" data-year=\"2025\">\r\n        <div class=\"hys-history-content\">\r\n          <div class=\"hys-history-year\">2025<\/div>\r\n          <h3>Technisches Team weiterentwickelt<\/h3>\r\n          <p>Das Entwicklungsteam wuchs weiter und unterst\u00fctzte kundenspezifische Batteriel\u00f6sungen, BMS-Konfigurationen und OEM\/ODM-Projektanforderungen.<\/p>\r\n          <span class=\"hys-history-tag\">Technische Unterst\u00fctzung<\/span>\r\n        <\/div>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"hys-history-control hys-history-reveal\">\r\n      <button class=\"hys-history-arrow hys-history-prev\" type=\"button\" aria-label=\"Vorheriger Meilenstein\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M15.6 5.4 9 12l6.6 6.6-1.9 1.9L5.2 12l8.5-8.5 1.9 1.9z\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n      <div class=\"hys-history-ruler\" aria-label=\"Navigation durch die Unternehmensgeschichte von Hysincere\">\r\n        <button type=\"button\" class=\"is-active\" data-target-year=\"2013\"><span>2013<\/span><\/button>\r\n        <button type=\"button\" data-target-year=\"2015\"><span>2015<\/span><\/button>\r\n        <button type=\"button\" data-target-year=\"2018\"><span>2018<\/span><\/button>\r\n        <button type=\"button\" data-target-year=\"2020\"><span>2020<\/span><\/button>\r\n        <button type=\"button\" data-target-year=\"2023\"><span>2023<\/span><\/button>\r\n        <button type=\"button\" data-target-year=\"2025\"><span>2025<\/span><\/button>\r\n      <\/div>\r\n\r\n      <button class=\"hys-history-arrow hys-history-next\" type=\"button\" aria-label=\"N\u00e4chster Meilenstein\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n          <path d=\"M8.4 18.6 15 12 8.4 5.4l1.9-1.9 8.5 8.5-8.5 8.5-1.9-1.9z\"><\/path>\r\n        <\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const currentScript = document.currentScript;\r\n      const section = currentScript\r\n        ? currentScript.closest(\".hys-history-section\")\r\n        : document.querySelector(\".hys-history-section\");\r\n\r\n      if (!section || section.dataset.hysHistoryReady === \"true\") return;\r\n      section.dataset.hysHistoryReady = \"true\";\r\n\r\n      const track = section.querySelector(\".hys-history-track\");\r\n      const ruler = section.querySelector(\".hys-history-ruler\");\r\n      const prev = section.querySelector(\".hys-history-prev\");\r\n      const next = section.querySelector(\".hys-history-next\");\r\n      const revealItems = section.querySelectorAll(\".hys-history-reveal\");\r\n\r\n      if (!track || !ruler) return;\r\n\r\n      const items = Array.from(track.querySelectorAll(\".hys-history-item\"));\r\n      const rulerButtons = Array.from(ruler.querySelectorAll(\"button\"));\r\n      const isElementorEditMode = Boolean(\r\n        window.location.href.indexOf(\"action=elementor\") > -1 ||\r\n        window.location.href.indexOf(\"elementor-preview\") > -1 ||\r\n        document.documentElement.classList.contains(\"elementor-html\") ||\r\n        document.body.classList.contains(\"elementor-editor-active\") ||\r\n        document.body.classList.contains(\"elementor-editor-preview\") ||\r\n        (window.elementorFrontend &&\r\n          typeof window.elementorFrontend.isEditMode === \"function\" &&\r\n          window.elementorFrontend.isEditMode())\r\n      );\r\n\r\n      let isProgrammaticScroll = false;\r\n      let scrollTimer = null;\r\n      let hoverTimer = null;\r\n      let ticking = false;\r\n      let isDragging = false;\r\n      let dragStartX = 0;\r\n      let dragStartScrollLeft = 0;\r\n      let dragMoved = false;\r\n      let suppressCardClick = false;\r\n      let activePointerId = null;\r\n\r\n      const showRevealItem = function (item) {\r\n        item.classList.add(\"is-visible\");\r\n      };\r\n\r\n      if (!isElementorEditMode) {\r\n        section.classList.add(\"is-enhanced\");\r\n      }\r\n\r\n      if (isElementorEditMode) {\r\n        revealItems.forEach(showRevealItem);\r\n      } else if (\"IntersectionObserver\" in window) {\r\n        const revealObserver = new IntersectionObserver(\r\n          function (entries) {\r\n            entries.forEach(function (entry) {\r\n              if (entry.isIntersecting) {\r\n                showRevealItem(entry.target);\r\n                revealObserver.unobserve(entry.target);\r\n              }\r\n            });\r\n          },\r\n          {\r\n            threshold: 0.16,\r\n            rootMargin: \"0px 0px -8% 0px\"\r\n          }\r\n        );\r\n\r\n        revealItems.forEach(function (item) {\r\n          revealObserver.observe(item);\r\n        });\r\n      } else {\r\n        revealItems.forEach(showRevealItem);\r\n      }\r\n\r\n      const setActiveItem = function (activeItem) {\r\n        if (!activeItem) return;\r\n\r\n        const activeYear = activeItem.getAttribute(\"data-year\");\r\n\r\n        items.forEach(function (item) {\r\n          item.classList.toggle(\"is-active\", item === activeItem);\r\n        });\r\n\r\n        rulerButtons.forEach(function (button) {\r\n          const isActive = button.getAttribute(\"data-target-year\") === activeYear;\r\n          button.classList.toggle(\"is-active\", isActive);\r\n\r\n          if (isActive && window.innerWidth <= 767) {\r\n            const maxRulerScrollLeft = Math.max(0, ruler.scrollWidth - ruler.clientWidth);\r\n            const centeredLeft = button.offsetLeft - (ruler.clientWidth - button.offsetWidth) \/ 2;\r\n            const safeRulerLeft = Math.max(0, Math.min(centeredLeft, maxRulerScrollLeft));\r\n\r\n            ruler.scrollTo({\r\n              left: safeRulerLeft,\r\n              behavior: \"smooth\"\r\n            });\r\n          }\r\n        });\r\n      };\r\n\r\n      const getTrackInlineInset = function () {\r\n        const styles = window.getComputedStyle(track);\r\n        const value = parseFloat(styles.paddingLeft);\r\n        return Number.isFinite(value) ? value : 0;\r\n      };\r\n\r\n      const getActiveItemByScroll = function () {\r\n        const trackLeft = track.scrollLeft;\r\n        const edgeInset = getTrackInlineInset();\r\n        let activeItem = items[0];\r\n        let minDistance = Infinity;\r\n\r\n        items.forEach(function (item) {\r\n          const distance = Math.abs((item.offsetLeft - edgeInset) - trackLeft);\r\n\r\n          if (distance < minDistance) {\r\n            minDistance = distance;\r\n            activeItem = item;\r\n          }\r\n        });\r\n\r\n        const maxScrollLeft = track.scrollWidth - track.clientWidth;\r\n\r\n        if (Math.abs(track.scrollLeft - maxScrollLeft) < 8) {\r\n          activeItem = items[items.length - 1];\r\n        }\r\n\r\n        return activeItem;\r\n      };\r\n\r\n      const setActiveByScroll = function () {\r\n        if (isProgrammaticScroll) return;\r\n        setActiveItem(getActiveItemByScroll());\r\n      };\r\n\r\n      const scrollToItem = function (targetItem) {\r\n        if (!targetItem) return;\r\n\r\n        const maxScrollLeft = track.scrollWidth - track.clientWidth;\r\n        const edgeInset = getTrackInlineInset();\r\n        const targetLeft = Math.max(0, Math.min(targetItem.offsetLeft - edgeInset, maxScrollLeft));\r\n\r\n        isProgrammaticScroll = true;\r\n        setActiveItem(targetItem);\r\n\r\n        track.scrollTo({\r\n          left: targetLeft,\r\n          behavior: \"smooth\"\r\n        });\r\n\r\n        clearTimeout(scrollTimer);\r\n        scrollTimer = setTimeout(function () {\r\n          isProgrammaticScroll = false;\r\n          setActiveItem(targetItem);\r\n        }, 520);\r\n      };\r\n\r\n      const scrollToYear = function (year) {\r\n        const targetItem = track.querySelector('.hys-history-item[data-year=\"' + year + '\"]');\r\n        scrollToItem(targetItem);\r\n      };\r\n\r\n      const scrollByOne = function (direction) {\r\n        const currentActive = track.querySelector(\".hys-history-item.is-active\");\r\n        const currentIndex = Math.max(items.indexOf(currentActive), 0);\r\n        const nextIndex = Math.min(Math.max(currentIndex + direction, 0), items.length - 1);\r\n\r\n        scrollToItem(items[nextIndex]);\r\n      };\r\n\r\n      const finishDrag = function () {\r\n        if (!isDragging) return;\r\n\r\n        isDragging = false;\r\n        activePointerId = null;\r\n        track.classList.remove(\"is-dragging\");\r\n        setActiveItem(getActiveItemByScroll());\r\n\r\n        window.setTimeout(function () {\r\n          suppressCardClick = false;\r\n        }, 120);\r\n      };\r\n\r\n      track.addEventListener(\"pointerdown\", function (event) {\r\n        if (event.button !== undefined && event.button !== 0) return;\r\n        if (event.target.closest(\"button, a, input, textarea, select\")) return;\r\n\r\n        isDragging = true;\r\n        dragMoved = false;\r\n        suppressCardClick = false;\r\n        activePointerId = event.pointerId;\r\n        dragStartX = event.clientX;\r\n        dragStartScrollLeft = track.scrollLeft;\r\n        isProgrammaticScroll = false;\r\n        track.classList.add(\"is-dragging\");\r\n\r\n        if (track.setPointerCapture) {\r\n          track.setPointerCapture(event.pointerId);\r\n        }\r\n      });\r\n\r\n      track.addEventListener(\"pointermove\", function (event) {\r\n        if (!isDragging || event.pointerId !== activePointerId) return;\r\n\r\n        const deltaX = event.clientX - dragStartX;\r\n\r\n        if (Math.abs(deltaX) > 4) {\r\n          dragMoved = true;\r\n          suppressCardClick = true;\r\n        }\r\n\r\n        if (dragMoved) {\r\n          event.preventDefault();\r\n          track.scrollLeft = dragStartScrollLeft - deltaX;\r\n          setActiveItem(getActiveItemByScroll());\r\n        }\r\n      });\r\n\r\n      track.addEventListener(\"click\", function (event) {\r\n        if (!suppressCardClick) return;\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n      }, true);\r\n\r\n      track.addEventListener(\"pointerup\", finishDrag);\r\n      track.addEventListener(\"pointercancel\", finishDrag);\r\n      track.addEventListener(\"pointerleave\", function (event) {\r\n        if (!isDragging || event.pointerId !== activePointerId) return;\r\n        finishDrag();\r\n      });\r\n\r\n      rulerButtons.forEach(function (button) {\r\n        button.addEventListener(\"mouseenter\", function () {\r\n          if (window.innerWidth <= 767) return;\r\n\r\n          clearTimeout(hoverTimer);\r\n          hoverTimer = setTimeout(function () {\r\n            scrollToYear(button.getAttribute(\"data-target-year\"));\r\n          }, 70);\r\n        });\r\n\r\n        button.addEventListener(\"click\", function () {\r\n          clearTimeout(hoverTimer);\r\n          scrollToYear(button.getAttribute(\"data-target-year\"));\r\n          button.blur();\r\n        });\r\n\r\n        button.addEventListener(\"focus\", function () {\r\n          scrollToYear(button.getAttribute(\"data-target-year\"));\r\n        });\r\n      });\r\n\r\n      if (prev) {\r\n        prev.addEventListener(\"click\", function () {\r\n          scrollByOne(-1);\r\n          this.blur();\r\n        });\r\n      }\r\n\r\n      if (next) {\r\n        next.addEventListener(\"click\", function () {\r\n          scrollByOne(1);\r\n          this.blur();\r\n        });\r\n      }\r\n\r\n      track.addEventListener(\"scroll\", function () {\r\n        if (!ticking) {\r\n          window.requestAnimationFrame(function () {\r\n            setActiveByScroll();\r\n            ticking = false;\r\n          });\r\n\r\n          ticking = true;\r\n        }\r\n      });\r\n\r\n      setActiveItem(items[0]);\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n\r\n\r\n<link id=\"hys-cert-swiper-css\" rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\r\n\r\n<section class=\"hys-cert-section\" aria-labelledby=\"hys-cert-title\">\r\n  <style>\r\n    .hys-cert-section {\r\n      --brand: #288E3E;\r\n\r\n      --bg-white: #FFFFFF;\r\n      --bg-paper: #FFFFFF;\r\n\r\n      --ink-0: #0F1110;\r\n      --ink-1: #2E322F;\r\n      --ink-2: #5F655F;\r\n      --ink-3: #858A85;\r\n      --ink-4: #B7BBB7;\r\n\r\n      --line-1: rgba(15, 17, 16, 0.05);\r\n      --line-2: rgba(15, 17, 16, 0.09);\r\n      --line-3: rgba(15, 17, 16, 0.16);\r\n\r\n      --glass-light-bg: rgba(255, 255, 255, 0.82);\r\n      --glass-light-border: 1px solid rgba(15, 17, 16, 0.08);\r\n      --glass-light-blur: blur(24px) saturate(150%);\r\n      --glass-light-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), inset 0 -1px 0 rgba(15, 17, 16, 0.035), 0 1px 0 rgba(15, 17, 16, 0.035), 0 10px 26px -18px rgba(15, 17, 16, 0.10);\r\n\r\n      --t-h2: 2.2rem;\r\n      --t-lead: 0.94rem;\r\n      --t-body: 0.8125rem;\r\n      --t-micro: 0.65rem;\r\n\r\n      --s-2: 8px;\r\n\r\n      --r-card: 14px;\r\n      --r-pill: 999px;\r\n\r\n      --dur-fast: 200ms;\r\n      --dur-base: 320ms;\r\n      --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\r\n\r\n      --shadow-card: 0 1px 0 rgba(15, 17, 16, 0.035), 0 4px 12px -4px rgba(15, 17, 16, 0.055), 0 14px 28px -18px rgba(15, 17, 16, 0.075);\r\n      --shadow-card-hover: 0 1px 0 rgba(15, 17, 16, 0.055), 0 7px 18px -8px rgba(15, 17, 16, 0.10), 0 20px 40px -24px rgba(15, 17, 16, 0.14);\r\n\r\n      position: relative;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      margin: 0;\r\n      padding: 44px 36px 44px;\r\n      color: var(--ink-0);\r\n      background: var(--bg-white);\r\n      border-top: 1px solid var(--line-2);\r\n      font-family: inherit;\r\n      -webkit-font-smoothing: antialiased;\r\n      -moz-osx-font-smoothing: grayscale;\r\n      text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    .hys-cert-section,\r\n    .hys-cert-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .hys-cert-container {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: min(1280px, 100%);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hys-cert-heading-wrap {\r\n      display: grid;\r\n      gap: 12px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    .hys-cert-kicker {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: var(--s-2);\r\n      margin: 0;\r\n      color: var(--ink-3);\r\n      font-family: inherit;\r\n      font-size: var(--t-micro);\r\n      line-height: 1;\r\n      font-weight: 600;\r\n      letter-spacing: 0.16em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .hys-cert-kicker::before {\r\n      content: \"\";\r\n      width: 6px;\r\n      height: 6px;\r\n      border-radius: var(--r-pill);\r\n      background: var(--ink-4);\r\n      box-shadow: 0 0 0 4px rgba(15, 17, 16, 0.04);\r\n    }\r\n\r\n    .hys-cert-title {\r\n      max-width: 16ch;\r\n      margin: 0;\r\n      color: var(--ink-0);\r\n      font-size: var(--t-h2);\r\n      font-weight: 600;\r\n      line-height: 1.06;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-cert-desc {\r\n      max-width: 58ch;\r\n      margin: 0;\r\n      color: var(--ink-2);\r\n      font-size: var(--t-lead);\r\n      line-height: 1.45;\r\n    }\r\n\r\n    .hys-cert-swiper-wrap {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 16px;\r\n      border-radius: 18px;\r\n      background: var(--glass-light-bg);\r\n      backdrop-filter: var(--glass-light-blur);\r\n      -webkit-backdrop-filter: var(--glass-light-blur);\r\n      border: var(--glass-light-border);\r\n      box-shadow: var(--glass-light-shadow);\r\n      overflow: hidden;\r\n    }\r\n\r\n    .hys-cert-swiper-wrap::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: inherit;\r\n      padding: 1px;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.34) 30%, rgba(255,255,255,0) 70%, rgba(15,17,16,0.035) 100%);\r\n      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      pointer-events: none;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hys-cert-swiper {\r\n      position: relative;\r\n      z-index: 1;\r\n      width: 100%;\r\n      padding: 6px 0 44px;\r\n      overflow: visible;\r\n    }\r\n\r\n    .hys-cert-swiper .swiper-wrapper {\r\n      align-items: center;\r\n    }\r\n\r\n    .hys-cert-slide {\r\n      width: clamp(176px, 16vw, 220px) !important;\r\n      text-align: center;\r\n      transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), filter var(--dur-base) var(--ease-out);\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .hys-cert-slide a {\r\n      display: grid;\r\n      gap: 10px;\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 10px;\r\n      border: 1px solid var(--line-2);\r\n      border-radius: var(--r-card);\r\n      background: rgba(255, 255, 255, 0.92);\r\n      box-shadow: var(--shadow-card);\r\n      text-decoration: none;\r\n      overflow: hidden;\r\n      transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);\r\n    }\r\n\r\n    .hys-cert-slide img {\r\n      position: relative;\r\n      z-index: 2;\r\n      display: block;\r\n      width: 100%;\r\n      height: clamp(184px, 16vw, 232px);\r\n      object-fit: contain;\r\n      padding: 6px;\r\n      border-radius: var(--r-card);\r\n      border: 1px solid var(--line-1);\r\n      background: var(--bg-white);\r\n      user-select: none;\r\n      -webkit-user-drag: none;\r\n    }\r\n\r\n    .hys-cert-slide h3 {\r\n      margin: 0 auto;\r\n      max-width: 96%;\r\n      color: var(--ink-0);\r\n      font-size: var(--t-body);\r\n      font-weight: 600;\r\n      line-height: 1.32;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-cert-slide:not(.swiper-slide-active) {\r\n      opacity: 0.46;\r\n      filter: saturate(0.82);\r\n    }\r\n\r\n    .hys-cert-slide.swiper-slide-active {\r\n      opacity: 1;\r\n      filter: none;\r\n    }\r\n\r\n    .hys-cert-slide.swiper-slide-active a {\r\n      transform: translateY(-3px);\r\n      border-color: var(--line-3);\r\n      background: var(--bg-white);\r\n      box-shadow: var(--shadow-card-hover);\r\n    }\r\n\r\n    .hys-cert-button {\r\n      position: absolute;\r\n      top: 50%;\r\n      z-index: 20;\r\n      width: 40px;\r\n      height: 40px;\r\n      padding: 0 !important;\r\n      margin: 0 !important;\r\n      min-width: 40px !important;\r\n      min-height: 40px !important;\r\n      border-radius: 50% !important;\r\n      background: #FFFFFF !important;\r\n      color: #111111 !important;\r\n      border: 1px solid rgba(15, 17, 16, 0.10) !important;\r\n      box-shadow: 0 8px 20px rgba(15, 17, 16, 0.10) !important;\r\n      backdrop-filter: blur(18px) saturate(150%);\r\n      -webkit-backdrop-filter: blur(18px) saturate(150%);\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      cursor: pointer;\r\n      user-select: none;\r\n      appearance: none !important;\r\n      -webkit-appearance: none !important;\r\n      line-height: 0 !important;\r\n      overflow: hidden !important;\r\n      isolation: isolate;\r\n      transform: translateY(-50%);\r\n      transition:\r\n        background-color var(--dur-fast) var(--ease-out),\r\n        color var(--dur-fast) var(--ease-out),\r\n        transform var(--dur-fast) var(--ease-out),\r\n        border-color var(--dur-fast) var(--ease-out),\r\n        box-shadow var(--dur-fast) var(--ease-out);\r\n    }\r\n\r\n    .hys-cert-button::after {\r\n      content: none !important;\r\n      display: none !important;\r\n    }\r\n\r\n    .hys-cert-button::before {\r\n      content: \"\";\r\n      display: block;\r\n      width: 10px;\r\n      height: 10px;\r\n      border-top: 2px solid currentColor;\r\n      border-right: 2px solid currentColor;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hys-cert-prev {\r\n      left: 12px;\r\n    }\r\n\r\n    .hys-cert-next {\r\n      right: 12px;\r\n    }\r\n\r\n    .hys-cert-prev::before {\r\n      transform: rotate(-135deg);\r\n      margin-left: 3px;\r\n    }\r\n\r\n    .hys-cert-next::before {\r\n      transform: rotate(45deg);\r\n      margin-right: 3px;\r\n    }\r\n\r\n    .hys-cert-button:hover,\r\n    .hys-cert-button:focus-visible {\r\n      background: var(--brand) !important;\r\n      color: #FFFFFF !important;\r\n      border-color: var(--brand) !important;\r\n      box-shadow: 0 10px 24px rgba(15, 17, 16, 0.13) !important;\r\n      transform: translateY(-50%) scale(1.04);\r\n      outline: none !important;\r\n    }\r\n\r\n    .hys-cert-button:focus-visible,\r\n    .hys-cert-slide a:focus-visible {\r\n      outline: 2px solid var(--brand);\r\n      outline-offset: 3px;\r\n    }\r\n\r\n    .hys-cert-pagination {\r\n      bottom: 8px !important;\r\n    }\r\n\r\n    .hys-cert-pagination .swiper-pagination-bullet {\r\n      width: 6px;\r\n      height: 6px;\r\n      background: var(--ink-4);\r\n      opacity: 0.42;\r\n      transition: width var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out);\r\n    }\r\n\r\n    .hys-cert-pagination .swiper-pagination-bullet-active {\r\n      width: 20px;\r\n      border-radius: var(--r-pill);\r\n      background: var(--brand);\r\n      opacity: 1;\r\n    }\r\n\r\n    \/* Mobile click fix: prevent Swiper\/browser touch events from blocking buttons, dots and certificate links. *\/\r\n    .hys-cert-slide a,\r\n    .hys-cert-button,\r\n    .hys-cert-pagination .swiper-pagination-bullet {\r\n      cursor: pointer;\r\n      touch-action: manipulation;\r\n      -webkit-tap-highlight-color: transparent;\r\n    }\r\n\r\n    .hys-cert-slide a {\r\n      pointer-events: auto;\r\n    }\r\n\r\n    .hys-cert-slide img {\r\n      pointer-events: none;\r\n    }\r\n\r\n    @supports not (backdrop-filter: blur(1px)) {\r\n      .hys-cert-swiper-wrap,\r\n      .hys-cert-button {\r\n        background: var(--bg-paper);\r\n      }\r\n    }\r\n\r\n    @media (min-width: 1024px) {\r\n      .hys-cert-heading-wrap {\r\n        grid-template-columns: 5fr 7fr;\r\n        column-gap: 38px;\r\n        align-items: end;\r\n      }\r\n\r\n      .hys-cert-kicker,\r\n      .hys-cert-title {\r\n        grid-column: 1;\r\n      }\r\n\r\n      .hys-cert-desc {\r\n        grid-column: 2;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .hys-cert-section {\r\n        --t-h2: 1.95rem;\r\n        padding: 42px 22px 42px;\r\n      }\r\n\r\n      .hys-cert-heading-wrap {\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      .hys-cert-slide {\r\n        width: clamp(176px, 26vw, 216px) !important;\r\n      }\r\n\r\n      .hys-cert-slide img {\r\n        height: clamp(184px, 30vw, 230px);\r\n      }\r\n\r\n      .hys-cert-prev {\r\n        left: var(--s-2);\r\n      }\r\n\r\n      .hys-cert-next {\r\n        right: var(--s-2);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-cert-section {\r\n        --t-h2: 1.62rem;\r\n        --t-lead: 0.88rem;\r\n        --glass-light-blur: blur(16px) saturate(140%);\r\n        padding: 38px 16px 42px;\r\n      }\r\n\r\n      .hys-cert-heading-wrap {\r\n        gap: 12px;\r\n        margin-bottom: 22px;\r\n      }\r\n\r\n      .hys-cert-desc {\r\n        line-height: 1.5;\r\n      }\r\n\r\n      .hys-cert-swiper-wrap {\r\n        padding: 10px;\r\n      }\r\n\r\n      .hys-cert-swiper {\r\n        padding: 6px 0 42px;\r\n        touch-action: pan-y;\r\n      }\r\n\r\n      .hys-cert-slide {\r\n        width: min(68vw, 210px) !important;\r\n      }\r\n\r\n      .hys-cert-slide a {\r\n        gap: 8px;\r\n        padding: 10px;\r\n      }\r\n\r\n      .hys-cert-slide img {\r\n        height: clamp(178px, 62vw, 226px);\r\n      }\r\n\r\n      .hys-cert-slide h3 {\r\n        font-size: 0.76rem;\r\n      }\r\n\r\n      .hys-cert-button {\r\n        width: 36px;\r\n        height: 36px;\r\n        min-width: 36px !important;\r\n        min-height: 36px !important;\r\n      }\r\n\r\n      .hys-cert-button::before {\r\n        width: 9px;\r\n        height: 9px;\r\n      }\r\n\r\n      .hys-cert-prev {\r\n        left: 4px;\r\n      }\r\n\r\n      .hys-cert-next {\r\n        right: 4px;\r\n      }\r\n\r\n      .hys-cert-pagination {\r\n        bottom: 8px !important;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 360px) {\r\n      .hys-cert-button {\r\n        display: none !important;\r\n      }\r\n\r\n      .hys-cert-slide {\r\n        width: min(72vw, 200px) !important;\r\n      }\r\n\r\n      .hys-cert-slide img {\r\n        height: clamp(168px, 60vw, 214px);\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hys-cert-slide,\r\n      .hys-cert-slide a,\r\n      .hys-cert-button,\r\n      .hys-cert-pagination .swiper-pagination-bullet {\r\n        transition: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"hys-cert-container\">\r\n    <div class=\"hys-cert-heading-wrap\">\r\n      <p class=\"hys-cert-kicker\">Zertifizierungen<\/p>\r\n      <h2 class=\"hys-cert-title\" id=\"hys-cert-title\">Zertifizierungen und Konformit\u00e4t<\/h2>\r\n      <p class=\"hys-cert-desc\">Zertifizierungsunterlagen und Pr\u00fcfberichte zu Hysincere-Produkten helfen Eink\u00e4ufern, Produktsicherheit, Qualit\u00e4tskontrolle und Marktzugangsanforderungen zu pr\u00fcfen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hys-cert-swiper-wrap\">\r\n      <div class=\"swiper hys-cert-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-ccc-certificate-r2024ccc0915-109537-18650-3s1p-3000mah-20240815-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-CCC-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-ccc-certificate-r2024ccc0915-109537-18650-3s1p-3000mah-20240815-en.webp\" alt=\"CCC-Zertifikat f\u00fcr Hysincere 18650 3S1P 3000mAh Batteriepacks\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>CCC-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-eu-battery-regulation-report-canec25031647401-12-8v-25-6v-38-4v-51-2v-20260127-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-Bericht zur EU-Batterieverordnung \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-eu-battery-regulation-report-canec25031647401-12-8v-25-6v-38-4v-51-2v-20260127-en.webp\" alt=\"Hysincere-Bericht zur EU-Batterieverordnung f\u00fcr mehrere Batteriemodelle\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>Bericht zur EU-Batterieverordnung<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-bis-registration-letter-battery-products-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-BIS-Registrierungsschreiben \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-bis-registration-letter-battery-products-en.webp\" alt=\"BIS-Registrierungsschreiben f\u00fcr Hysincere-Batterieprodukte\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>BIS-Registrierungsschreiben<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-cb-certificate-pnc21085477-18500-1200mah-1900mah-20210922-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-CB-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-cb-certificate-pnc21085477-18500-1200mah-1900mah-20210922-en.webp\" alt=\"CB-Zertifikat f\u00fcr Hysincere 18500 Batteriepacks\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>CB-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-ce-certificate-btek250527107a01e01-hy12-8v-100ah-tm-20250530-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-CE-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-ce-certificate-btek250527107a01e01-hy12-8v-100ah-tm-20250530-en.webp\" alt=\"CE-Zertifikat f\u00fcr Hysincere HY 12.8V 100Ah Batterien\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>CE-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-fcc-rf-exposure-report-btek251103011a01e0102-mobile-devices-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-FCC-Bericht zur HF-Exposition \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-fcc-rf-exposure-report-btek251103011a01e0102-mobile-devices-en.webp\" alt=\"FCC-Bericht zur HF-Exposition f\u00fcr mobile Ger\u00e4te von Hysincere\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>FCC-Bericht zur HF-Exposition<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-ised-certificate-25878-26-iia-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-ISED-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-ised-certificate-25878-26-iia-en.webp\" alt=\"Hysincere-ISED-Zertifikat 25878-26 IIA\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>ISED-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-kc-certificate-xu10288-22001d-icr18650-3500-3200-3000-20240123-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-KC-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-kc-certificate-xu10288-22001d-icr18650-3500-3200-3000-20240123-en.webp\" alt=\"KC-Zertifikat f\u00fcr Hysincere ICR18650 Zellen\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>KC-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-rohs-report-ant2411260019-010-battery-products-rohs-2-0-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-RoHS 2.0-Bericht \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-rohs-report-ant2411260019-010-battery-products-rohs-2-0-en.webp\" alt=\"RoHS 2.0-Bericht f\u00fcr Hysincere-Batterieprodukte\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>RoHS 2.0-Bericht<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-pse-certificate-lcs181126126as-18650-2600mah-20190111-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-PSE-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-pse-certificate-lcs181126126as-18650-2600mah-20190111-en.webp\" alt=\"PSE-Zertifikat f\u00fcr Hysincere 18650 2600mAh Batteriepacks\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>PSE-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-ul-certificate-mh49349-vol1-ml-certificate-of-compliance-mh64433-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-UL-Zertifikat \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-ul-certificate-mh49349-vol1-ml-certificate-of-compliance-mh64433-en.webp\" alt=\"UL-Konformit\u00e4tszertifikat f\u00fcr Hysincere-Batterieprodukte\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>UL-Zertifikat<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-wercs-registration-cb62619-report-ect20240619017-12-8v-200ah-20240725-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-WERCS-Registrierungsunterlagen \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-wercs-registration-cb62619-report-ect20240619017-12-8v-200ah-20240725-en.webp\" alt=\"WERCS-Registrierungsunterlagen f\u00fcr Hysincere 12.8V 200Ah Batterien und CB 62619 Bericht\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>WERCS-Registrierungsunterlagen<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n\r\n          <div class=\"swiper-slide hys-cert-slide\">\r\n            <a href=\"\/wp-content\/uploads\/2026\/05\/hysincere-ip67-waterproof-test-report-btek251028003a02s01-hy-lf12-8v100ah-bj-20251103-en.webp\" target=\"_blank\" rel=\"noopener\" aria-label=\"Hysincere-IP67-Pr\u00fcfbericht zur Wasserdichtigkeit \u00f6ffnen\">\r\n              <img loading=\"lazy\" src=\"\/wp-content\/uploads\/2026\/05\/hysincere-ip67-waterproof-test-report-btek251028003a02s01-hy-lf12-8v100ah-bj-20251103-en.webp\" alt=\"Hysincere HY-LF12.8V100Ah-BJ Batterien: IP67-Pr\u00fcfbericht zur Wasserdichtigkeit\" width=\"900\" height=\"1245\" loading=\"lazy\" decoding=\"async\">\r\n              <h3>IP67-Pr\u00fcfbericht zur Wasserdichtigkeit<\/h3>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"hys-cert-button hys-cert-prev\" type=\"button\" aria-label=\"Vorherige Zertifizierung\"><\/button>\r\n        <button class=\"hys-cert-button hys-cert-next\" type=\"button\" aria-label=\"N\u00e4chste Zertifizierung\"><\/button>\r\n        <div class=\"swiper-pagination hys-cert-pagination\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var currentScript = document.currentScript;\r\n      var section = currentScript ? currentScript.closest(\".hys-cert-section\") : document.querySelector(\".hys-cert-section\");\r\n      if (!section || section.dataset.hysCertReady === \"true\") return;\r\n      section.dataset.hysCertReady = \"true\";\r\n\r\n      function loadHysCertSwiperScript(callback) {\r\n        if (typeof Swiper !== \"undefined\") {\r\n          callback();\r\n          return;\r\n        }\r\n\r\n        var existingScript = document.getElementById(\"hys-cert-swiper-js\");\r\n        if (existingScript) {\r\n          existingScript.addEventListener(\"load\", callback, { once: true });\r\n          return;\r\n        }\r\n\r\n        var script = document.createElement(\"script\");\r\n        script.id = \"hys-cert-swiper-js\";\r\n        script.src = \"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\";\r\n        script.onload = callback;\r\n        document.body.appendChild(script);\r\n      }\r\n\r\n      function initHysCertSwiper() {\r\n        if (typeof Swiper === \"undefined\") return;\r\n\r\n        var swiperEl = section.querySelector(\".hys-cert-swiper\");\r\n        if (!swiperEl || swiperEl.dataset.hysCertInit === \"true\") return;\r\n        swiperEl.dataset.hysCertInit = \"true\";\r\n\r\n        var prevBtn = swiperEl.querySelector(\".hys-cert-prev\");\r\n        var nextBtn = swiperEl.querySelector(\".hys-cert-next\");\r\n        var paginationEl = swiperEl.querySelector(\".hys-cert-pagination\");\r\n\r\n        var certSwiper = new Swiper(swiperEl, {\r\n          effect: \"coverflow\",\r\n          grabCursor: true,\r\n          centeredSlides: true,\r\n          loop: true,\r\n          speed: 640,\r\n          slidesPerView: \"auto\",\r\n          spaceBetween: 16,\r\n          watchSlidesProgress: true,\r\n          roundLengths: true,\r\n          observer: true,\r\n          observeParents: true,\r\n          resizeObserver: true,\r\n          touchRatio: 1,\r\n          simulateTouch: true,\r\n          allowTouchMove: true,\r\n          threshold: 4,\r\n          touchAngle: 45,\r\n          preventClicks: false,\r\n          preventClicksPropagation: false,\r\n          touchStartPreventDefault: false,\r\n          slideToClickedSlide: true,\r\n          autoplay: {\r\n            delay: 3200,\r\n            disableOnInteraction: false,\r\n            pauseOnMouseEnter: true\r\n          },\r\n          coverflowEffect: {\r\n            rotate: 18,\r\n            stretch: 0,\r\n            depth: 96,\r\n            modifier: 1,\r\n            slideShadows: false\r\n          },\r\n          pagination: {\r\n            el: paginationEl,\r\n            clickable: true\r\n          },\r\n          navigation: {\r\n            nextEl: nextBtn,\r\n            prevEl: prevBtn\r\n          },\r\n          breakpoints: {\r\n            0: {\r\n              spaceBetween: 8,\r\n              coverflowEffect: {\r\n                rotate: 6,\r\n                stretch: 0,\r\n                depth: 48,\r\n                modifier: 0.7,\r\n                slideShadows: false\r\n              }\r\n            },\r\n            421: {\r\n              spaceBetween: 10,\r\n              coverflowEffect: {\r\n                rotate: 8,\r\n                stretch: 0,\r\n                depth: 60,\r\n                modifier: 0.8,\r\n                slideShadows: false\r\n              }\r\n            },\r\n            768: {\r\n              spaceBetween: 12,\r\n              coverflowEffect: {\r\n                rotate: 14,\r\n                stretch: 0,\r\n                depth: 76,\r\n                modifier: 0.9,\r\n                slideShadows: false\r\n              }\r\n            },\r\n            1025: {\r\n              spaceBetween: 12,\r\n              coverflowEffect: {\r\n                rotate: 18,\r\n                stretch: 0,\r\n                depth: 76,\r\n                modifier: 1,\r\n                slideShadows: false\r\n              }\r\n            }\r\n          }\r\n        });\r\n\r\n        \/*\r\n         * Mobile click fallback:\r\n         * 1. Some mobile browsers or Elementor environments may convert Swiper touch events into dragging, causing buttons and certificate links not to trigger.\r\n         * 2. Use pointerup\/touchend as a lightweight fallback that only runs on real taps and does not affect horizontal swiping.\r\n         *\/\r\n        function bindHysCertTapFallback(swiper) {\r\n          if (!swiper || swiper.__hysCertTapFallbackReady) return;\r\n          swiper.__hysCertTapFallbackReady = true;\r\n\r\n          var startPoint = null;\r\n          var lastHandledAt = 0;\r\n\r\n          function pointFromEvent(event) {\r\n            var source = event.changedTouches && event.changedTouches.length ? event.changedTouches[0] : event;\r\n            return {\r\n              x: Number(source.clientX) || 0,\r\n              y: Number(source.clientY) || 0,\r\n              t: Date.now()\r\n            };\r\n          }\r\n\r\n          function isRealTap(event) {\r\n            if (!startPoint) return true;\r\n            var endPoint = pointFromEvent(event);\r\n            var dx = Math.abs(endPoint.x - startPoint.x);\r\n            var dy = Math.abs(endPoint.y - startPoint.y);\r\n            var dt = endPoint.t - startPoint.t;\r\n            return dx <= 10 && dy <= 10 && dt <= 650;\r\n          }\r\n\r\n          function markHandled() {\r\n            lastHandledAt = Date.now();\r\n          }\r\n\r\n          function recentlyHandled() {\r\n            return Date.now() - lastHandledAt < 420;\r\n          }\r\n\r\n          swiperEl.addEventListener(\"pointerdown\", function (event) {\r\n            startPoint = pointFromEvent(event);\r\n          }, { passive: true });\r\n\r\n          swiperEl.addEventListener(\"touchstart\", function (event) {\r\n            startPoint = pointFromEvent(event);\r\n          }, { passive: true });\r\n\r\n          function go(direction, event) {\r\n            if (event) {\r\n              event.preventDefault();\r\n              event.stopPropagation();\r\n            }\r\n            if (direction > 0) {\r\n              swiper.slideNext();\r\n            } else {\r\n              swiper.slidePrev();\r\n            }\r\n            if (swiper.autoplay && swiper.autoplay.start) {\r\n              swiper.autoplay.start();\r\n            }\r\n            markHandled();\r\n          }\r\n\r\n          function bindControl(button, direction) {\r\n            if (!button) return;\r\n\r\n            button.addEventListener(\"pointerup\", function (event) {\r\n              if (event.pointerType === \"mouse\") return;\r\n              go(direction, event);\r\n            }, { passive: false });\r\n\r\n            button.addEventListener(\"touchend\", function (event) {\r\n              if (recentlyHandled()) return;\r\n              go(direction, event);\r\n            }, { passive: false });\r\n\r\n            button.addEventListener(\"click\", function (event) {\r\n              if (recentlyHandled()) {\r\n                event.preventDefault();\r\n                event.stopPropagation();\r\n              }\r\n            }, true);\r\n          }\r\n\r\n          bindControl(prevBtn, -1);\r\n          bindControl(nextBtn, 1);\r\n\r\n          swiperEl.addEventListener(\"pointerup\", function (event) {\r\n            if (event.pointerType === \"mouse\") return;\r\n            var link = event.target.closest ? event.target.closest(\".hys-cert-slide a\") : null;\r\n            if (!link || !isRealTap(event) || recentlyHandled()) return;\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            var slide = link.closest(\".hys-cert-slide\");\r\n            if (slide && !slide.classList.contains(\"swiper-slide-active\")) {\r\n              var clickedIndex = Number(slide.getAttribute(\"data-swiper-slide-index\"));\r\n              if (Number.isFinite(clickedIndex)) {\r\n                swiper.slideToLoop(clickedIndex);\r\n                markHandled();\r\n                return;\r\n              }\r\n            }\r\n\r\n            window.open(link.href, link.target || \"_self\", \"noopener\");\r\n            markHandled();\r\n          }, { passive: false });\r\n\r\n          swiperEl.addEventListener(\"touchend\", function (event) {\r\n            if (recentlyHandled()) return;\r\n            var target = event.target;\r\n            var link = target && target.closest ? target.closest(\".hys-cert-slide a\") : null;\r\n            if (!link || !isRealTap(event)) return;\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            var slide = link.closest(\".hys-cert-slide\");\r\n            if (slide && !slide.classList.contains(\"swiper-slide-active\")) {\r\n              var clickedIndex = Number(slide.getAttribute(\"data-swiper-slide-index\"));\r\n              if (Number.isFinite(clickedIndex)) {\r\n                swiper.slideToLoop(clickedIndex);\r\n                markHandled();\r\n                return;\r\n              }\r\n            }\r\n\r\n            window.open(link.href, link.target || \"_self\", \"noopener\");\r\n            markHandled();\r\n          }, { passive: false });\r\n        }\r\n\r\n        bindHysCertTapFallback(certSwiper);\r\n\r\n        window.addEventListener(\"load\", function () {\r\n          certSwiper.update();\r\n        });\r\n\r\n        window.addEventListener(\"resize\", function () {\r\n          certSwiper.update();\r\n        });\r\n\r\n        setTimeout(function () {\r\n          certSwiper.update();\r\n        }, 300);\r\n      }\r\n\r\n      function startHysCertSwiper() {\r\n        loadHysCertSwiperScript(function () {\r\n          setTimeout(initHysCertSwiper, 80);\r\n        });\r\n      }\r\n\r\n      if (document.readyState === \"loading\") {\r\n        document.addEventListener(\"DOMContentLoaded\", startHysCertSwiper, { once: true });\r\n      } else {\r\n        startHysCertSwiper();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\r\n<section class=\"hys-about-balanced hys-ab-section hys-ab-section--soft\" aria-labelledby=\"hys-ab-values-title\">\r\n  <div class=\"hys-ab-container\">\r\n    <div class=\"hys-ab-values\">\r\n      <div>\r\n        <p class=\"hys-ab-kicker\">Vision, Mission und Werte<\/p>\r\n        <h2 class=\"hys-ab-title\" id=\"hys-ab-values-title\">Ein vertrauensw\u00fcrdiger f\u00fchrender Anbieter in der Lithium-Batteriebranche werden.<\/h2>\r\n        <p class=\"hys-ab-lead\">Hysincere m\u00f6chte Mehrwert f\u00fcr Kunden schaffen und eine starke, angesehene Batteriemarke aufbauen. Mit Aufrichtigkeit und Fachwissen suchen wir f\u00fcr jede Anwendung eine passende Energiel\u00f6sung.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"hys-ab-value-grid\">\r\n        <article class=\"hys-ab-value-card\"><h3>Integrit\u00e4t<\/h3><p>Ehrliche Kommunikation, verl\u00e4ssliche Lieferung und langfristige Zusammenarbeit auf Vertrauensbasis.<\/p><\/article>\r\n        <article class=\"hys-ab-value-card\"><h3>Pragmatismus<\/h3><p>Projektorientierte Umsetzung mit Batteriel\u00f6sungen, die sich in realen Anwendungen einsetzen lassen.<\/p><\/article>\r\n        <article class=\"hys-ab-value-card\"><h3>Innovation<\/h3><p>Kontinuierliche Erkundung von LiFePO\u2084-, Natrium-Ionen-, Festk\u00f6rper- und kundenspezifischen Batterietechnologien.<\/p><\/article>\r\n        <article class=\"hys-ab-value-card\"><h3>Zusammenarbeit zum beiderseitigen Vorteil<\/h3><p>Gemeinsam mit Kunden, Lieferkettenpartnern und weiteren Partnern wachsen.<\/p><\/article>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hys-ab-cta\">\r\n      <div>\r\n        <h2>Hysincere unterst\u00fctzt Ihr n\u00e4chstes Energieprojekt.<\/h2>\r\n        <p>Nennen Sie uns Batteriemodell, Menge, Spannung, Kapazit\u00e4t, Kommunikationsschnittstelle, Zertifizierungsanforderungen und Anwendung. Wir bieten Ihnen so bald wie m\u00f6glich eine passende Produktl\u00f6sung und technische Unterst\u00fctzung.<\/p>\r\n      <\/div>\r\n      <div class=\"hys-ab-btns\" style=\"margin-top:0;\">\r\n        <a class=\"hys-ab-btn\" href=\"\/de\/kontakt\/\">Projektanforderungen senden<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style id=\"hys-about-home-design-system-overrides\">\r\n  \/* Hysincere homepage design-system alignment for the About page blocks. *\/\r\n  .hys-about-balanced,\r\n  .hys-history-section,\r\n  .hys-cert-section {\r\n    --hys-home-container: 1560px;\r\n    --hys-home-line-weak: rgba(17, 24, 39, 0.08);\r\n    --hys-home-line: rgba(17, 24, 39, 0.12);\r\n    --hys-home-green: #288E3E;\r\n    --hys-home-green-hover: #1F6F32;\r\n    --hys-home-radius: 4px;\r\n  }\r\n\r\n  .hys-ab-container,\r\n  .hys-history-inner,\r\n  .hys-cert-container {\r\n    width: min(var(--hys-home-container), calc(100vw - 72px)) !important;\r\n    max-width: var(--hys-home-container) !important;\r\n    margin-left: auto !important;\r\n    margin-right: auto !important;\r\n  }\r\n\r\n  .hys-about-balanced-intro,\r\n  .hys-about-balanced.hys-ab-section,\r\n  .hys-history-section,\r\n  .hys-cert-section {\r\n    padding: 88px 0 96px !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .hys-about-balanced,\r\n  .hys-ab-section,\r\n  .hys-history-section,\r\n  .hys-cert-section {\r\n    border-top: 1px solid var(--hys-home-line-weak) !important;\r\n  }\r\n\r\n  .hys-about-balanced-intro {\r\n    border-top: 0 !important;\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .hys-about-balanced-intro::before,\r\n  .hys-ab-cta::before {\r\n    display: none !important;\r\n    content: none !important;\r\n  }\r\n\r\n  .hys-ab-title,\r\n  .hys-history-title,\r\n  .hys-cert-title,\r\n  .hys-ab-cta h2 {\r\n    font-size: clamp(34px, 2.6vw, 46px) !important;\r\n    line-height: 1.14 !important;\r\n    font-weight: 800 !important;\r\n    letter-spacing: 0 !important;\r\n  }\r\n\r\n  .hys-ab-kicker,\r\n  .hys-history-kicker,\r\n  .hys-cert-kicker {\r\n    color: rgba(17, 24, 39, 0.72) !important;\r\n    font-size: 15px !important;\r\n    line-height: 1.3 !important;\r\n    font-weight: 700 !important;\r\n    letter-spacing: 0 !important;\r\n    text-transform: none !important;\r\n  }\r\n\r\n  .hys-history-kicker::before,\r\n  .hys-cert-kicker::before,\r\n  .hys-history-tag::before {\r\n    height: 1px !important;\r\n    background: var(--hys-home-line) !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-ab-lead,\r\n  .hys-ab-text,\r\n  .hys-history-intro,\r\n  .hys-cert-desc {\r\n    color: rgba(17, 24, 39, 0.68) !important;\r\n  }\r\n\r\n  .hys-ab-section--dark .hys-ab-lead,\r\n  .hys-ab-section--dark .hys-ab-text {\r\n    color: rgba(255, 255, 255, 0.72) !important;\r\n  }\r\n\r\n  .hys-ab-btn {\r\n    min-height: 44px !important;\r\n    padding: 0 22px !important;\r\n    border-radius: 999px !important;\r\n    background: var(--hys-home-green) !important;\r\n    border: 1px solid var(--hys-home-green) !important;\r\n    color: #FFFFFF !important;\r\n    font-size: 14px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1 !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-ab-btn:hover {\r\n    background: var(--hys-home-green-hover) !important;\r\n    border-color: var(--hys-home-green-hover) !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .hys-ab-btn--ghost {\r\n    background: #FFFFFF !important;\r\n    color: #111827 !important;\r\n    border-color: var(--hys-home-line) !important;\r\n  }\r\n\r\n  .hys-ab-btn--ghost:hover {\r\n    background: #F5F6F5 !important;\r\n    color: #111827 !important;\r\n    border-color: rgba(17, 24, 39, 0.22) !important;\r\n  }\r\n\r\n  .hys-ab-hero-media {\r\n    height: clamp(500px, 32vw, 540px) !important;\r\n    min-height: 500px !important;\r\n    max-height: 540px !important;\r\n    border-radius: var(--hys-home-radius) !important;\r\n    border: 1px solid var(--hys-home-line) !important;\r\n    box-shadow: none !important;\r\n    background: #E9ECE9 !important;\r\n  }\r\n\r\n  .hys-ab-hero-media img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    min-height: 0 !important;\r\n    object-fit: cover !important;\r\n    object-position: center center !important;\r\n    filter: none !important;\r\n    transform: none !important;\r\n  }\r\n\r\n  .hys-ab-hero-media::after {\r\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.46) 100%) !important;\r\n  }\r\n\r\n  .hys-ab-word-card,\r\n  .hys-ab-tech-card,\r\n  .hys-ab-quality-item,\r\n  .hys-ab-value-card,\r\n  .hys-ab-stat-card,\r\n  .hys-ab-cta,\r\n  .hys-history-item,\r\n  .hys-history-ruler,\r\n  .hys-cert-swiper-wrap,\r\n  .hys-cert-slide a,\r\n  .hys-cert-slide img {\r\n    border-radius: var(--hys-home-radius) !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-ab-word-card,\r\n  .hys-ab-tech-card,\r\n  .hys-ab-quality-item,\r\n  .hys-ab-value-card,\r\n  .hys-history-item,\r\n  .hys-cert-slide a {\r\n    border: 1px solid var(--hys-home-line) !important;\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .hys-ab-stat-card {\r\n    border: 1px solid rgba(255, 255, 255, 0.14) !important;\r\n    background: rgba(255, 255, 255, 0.055) !important;\r\n  }\r\n\r\n  .hys-ab-word-card:hover,\r\n  .hys-ab-tech-card:hover,\r\n  .hys-ab-quality-item:hover,\r\n  .hys-ab-value-card:hover,\r\n  .hys-history-item:hover,\r\n  .hys-history-item.is-active {\r\n    transform: none !important;\r\n    border-color: rgba(17, 24, 39, 0.22) !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-ab-tech-card::before {\r\n    height: 1px !important;\r\n    background: var(--hys-home-green) !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .hys-ab-quality-item span {\r\n    border-radius: 999px !important;\r\n    background: rgba(40, 142, 62, 0.10) !important;\r\n    color: var(--hys-home-green) !important;\r\n  }\r\n\r\n  .hys-ab-chip {\r\n    min-height: 32px !important;\r\n    border-radius: 999px !important;\r\n    border: 1px solid var(--hys-home-line) !important;\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .hys-ab-cta {\r\n    background: #101312 !important;\r\n  }\r\n\r\n  .hys-history-section {\r\n    --hys-container: var(--hys-home-container) !important;\r\n    background: #FFFFFF !important;\r\n    overflow: visible !important;\r\n  }\r\n\r\n  .hys-history-track {\r\n    gap: 16px !important;\r\n    padding: 12px 0 16px !important;\r\n    margin: 0 !important;\r\n    scroll-padding-inline: 0 !important;\r\n  }\r\n\r\n  .hys-history-item {\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .hys-history-item:hover,\r\n  .hys-history-item.is-active {\r\n    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.22) !important;\r\n  }\r\n\r\n  #hys-history .hys-history-arrow,\r\n  .hys-cert-button {\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-history-ruler {\r\n    border: 1px solid var(--hys-home-line) !important;\r\n    background: #FFFFFF !important;\r\n  }\r\n\r\n  .hys-history-ruler::before {\r\n    height: 1px !important;\r\n    background-image: repeating-linear-gradient(90deg, rgba(17, 24, 39, 0.12) 0, rgba(17, 24, 39, 0.12) 1px, transparent 1px, transparent 8px) !important;\r\n  }\r\n\r\n  .hys-cert-section {\r\n    background: #FFFFFF !important;\r\n    border-top: 1px solid var(--hys-home-line-weak) !important;\r\n  }\r\n\r\n  .hys-cert-swiper-wrap {\r\n    padding: 16px !important;\r\n    background: #FFFFFF !important;\r\n    border: 1px solid var(--hys-home-line) !important;\r\n    backdrop-filter: none !important;\r\n    -webkit-backdrop-filter: none !important;\r\n  }\r\n\r\n  .hys-cert-swiper-wrap::before {\r\n    display: none !important;\r\n    content: none !important;\r\n  }\r\n\r\n  .hys-cert-slide a {\r\n    background: #FFFFFF !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-cert-slide.swiper-slide-active a {\r\n    transform: none !important;\r\n    border-color: rgba(17, 24, 39, 0.22) !important;\r\n    box-shadow: none !important;\r\n  }\r\n\r\n  .hys-cert-slide img {\r\n    object-fit: contain !important;\r\n    object-position: center center !important;\r\n    background: #FFFFFF !important;\r\n    border: 1px solid var(--hys-home-line-weak) !important;\r\n  }\r\n\r\n  .hys-cert-pagination .swiper-pagination-bullet-active {\r\n    background: var(--hys-home-green) !important;\r\n  }\r\n\r\n\r\n  \/* Height refinement: keep original JS, only increase visual height for History and Certificates. *\/\r\n  .hys-history-header {\r\n    margin-bottom: 42px !important;\r\n  }\r\n\r\n  .hys-history-track {\r\n    align-items: stretch !important;\r\n  }\r\n\r\n  .hys-history-item {\r\n    min-height: 400px !important;\r\n  }\r\n\r\n  .hys-history-content {\r\n    padding: 36px 34px 32px !important;\r\n  }\r\n\r\n  .hys-history-year {\r\n    margin-bottom: 24px !important;\r\n    font-size: clamp(58px, 4vw, 72px) !important;\r\n    line-height: 0.92 !important;\r\n  }\r\n\r\n  .hys-history-content h3 {\r\n    margin-bottom: 16px !important;\r\n    font-size: 22px !important;\r\n    line-height: 1.22 !important;\r\n  }\r\n\r\n  .hys-history-content p {\r\n    font-size: 15px !important;\r\n    line-height: 1.68 !important;\r\n  }\r\n\r\n  .hys-history-tag {\r\n    padding-top: 28px !important;\r\n    font-size: 12px !important;\r\n  }\r\n\r\n  .hys-history-control {\r\n    margin-top: 28px !important;\r\n  }\r\n\r\n  .hys-cert-heading-wrap {\r\n    margin-bottom: 42px !important;\r\n  }\r\n\r\n  .hys-cert-swiper-wrap {\r\n    padding: 26px 28px 28px !important;\r\n  }\r\n\r\n  .hys-cert-swiper {\r\n    padding: 10px 0 58px !important;\r\n  }\r\n\r\n  .hys-cert-slide {\r\n    width: clamp(230px, 17vw, 286px) !important;\r\n  }\r\n\r\n  .hys-cert-slide a {\r\n    gap: 14px !important;\r\n    padding: 16px !important;\r\n  }\r\n\r\n  .hys-cert-slide img {\r\n    height: clamp(300px, 19vw, 360px) !important;\r\n    padding: 8px !important;\r\n  }\r\n\r\n  .hys-cert-slide h3 {\r\n    min-height: 40px !important;\r\n    display: grid !important;\r\n    place-items: center !important;\r\n    font-size: 14px !important;\r\n    line-height: 1.35 !important;\r\n  }\r\n\r\n\r\n\r\n  \/* Company strength number animation and card interaction, aligned with the original stats block. *\/\r\n  #hys-ab-strength-stats .hys-ab-stat-card {\r\n    transition:\r\n      transform 0.24s ease,\r\n      border-color 0.24s ease,\r\n      background 0.24s ease !important;\r\n  }\r\n\r\n  #hys-ab-strength-stats .hys-ab-stat-card:hover {\r\n    transform: translateY(-3px) !important;\r\n    border-color: rgba(40, 142, 62, 0.32) !important;\r\n    background: rgba(255, 255, 255, 0.082) !important;\r\n  }\r\n\r\n  #hys-ab-strength-stats .hys-ab-stat-number {\r\n    display: flex !important;\r\n    align-items: flex-start !important;\r\n    min-height: 58px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  #hys-ab-strength-stats .hys-ab-count-number {\r\n    display: inline-block !important;\r\n  }\r\n\r\n  #hys-ab-strength-stats .hys-ab-stat-unit {\r\n    display: inline-block !important;\r\n    margin-left: 5px !important;\r\n    position: relative !important;\r\n    top: -0.28em !important;\r\n    font-size: 0.38em !important;\r\n    line-height: 1 !important;\r\n    font-weight: 820 !important;\r\n    letter-spacing: 0 !important;\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  #hys-ab-strength-stats .hys-ab-stat-unit sup {\r\n    font-size: 0.62em !important;\r\n    line-height: 0 !important;\r\n    vertical-align: super !important;\r\n    margin-left: 1px !important;\r\n  }\r\n\r\n  @media (max-width: 1600px) {\r\n    .hys-about-balanced,\r\n    .hys-history-section,\r\n    .hys-cert-section { --hys-home-container: 1460px; }\r\n  }\r\n\r\n  @media (max-width: 1440px) {\r\n    .hys-about-balanced,\r\n    .hys-history-section,\r\n    .hys-cert-section { --hys-home-container: 1360px; }\r\n\r\n    .hys-about-balanced-intro,\r\n    .hys-about-balanced.hys-ab-section,\r\n    .hys-history-section,\r\n    .hys-cert-section { padding: 80px 0 88px !important; }\r\n\r\n    .hys-ab-title,\r\n    .hys-history-title,\r\n    .hys-cert-title,\r\n    .hys-ab-cta h2 { font-size: clamp(32px, 2.5vw, 42px) !important; }\r\n\r\n    .hys-ab-hero-media {\r\n      height: clamp(430px, 31vw, 500px) !important;\r\n      min-height: 430px !important;\r\n      max-height: 500px !important;\r\n    }\r\n\r\n    .hys-history-header { margin-bottom: 38px !important; }\r\n    .hys-history-item { min-height: 380px !important; }\r\n    .hys-history-content { padding: 32px 30px 30px !important; }\r\n    .hys-history-year { font-size: clamp(52px, 3.8vw, 66px) !important; }\r\n    .hys-cert-heading-wrap { margin-bottom: 36px !important; }\r\n    .hys-cert-swiper-wrap { padding: 24px !important; }\r\n    .hys-cert-slide { width: clamp(220px, 18vw, 270px) !important; }\r\n    .hys-cert-slide img { height: clamp(280px, 19vw, 330px) !important; }\r\n  }\r\n\r\n  @media (max-width: 1280px) {\r\n    .hys-about-balanced,\r\n    .hys-history-section,\r\n    .hys-cert-section { --hys-home-container: 1180px; }\r\n\r\n    .hys-about-balanced-intro,\r\n    .hys-about-balanced.hys-ab-section,\r\n    .hys-history-section,\r\n    .hys-cert-section { padding: 72px 0 78px !important; }\r\n\r\n    .hys-ab-hero-media {\r\n      height: clamp(390px, 32vw, 460px) !important;\r\n      min-height: 390px !important;\r\n      max-height: 460px !important;\r\n    }\r\n\r\n    .hys-history-header { margin-bottom: 34px !important; }\r\n    .hys-history-item { min-height: 360px !important; }\r\n    .hys-history-content { padding: 30px 28px 28px !important; }\r\n    .hys-history-year { margin-bottom: 20px !important; font-size: clamp(48px, 4vw, 60px) !important; }\r\n    .hys-history-content h3 { font-size: 20px !important; }\r\n    .hys-history-content p { font-size: 14.5px !important; line-height: 1.62 !important; }\r\n    .hys-cert-heading-wrap { margin-bottom: 32px !important; }\r\n    .hys-cert-swiper-wrap { padding: 22px !important; }\r\n    .hys-cert-slide { width: clamp(210px, 20vw, 252px) !important; }\r\n    .hys-cert-slide img { height: clamp(260px, 22vw, 300px) !important; }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .hys-ab-container,\r\n    .hys-history-inner,\r\n    .hys-cert-container {\r\n      width: min(820px, calc(100vw - 40px)) !important;\r\n      max-width: 820px !important;\r\n    }\r\n\r\n    .hys-about-balanced-intro,\r\n    .hys-about-balanced.hys-ab-section,\r\n    .hys-history-section,\r\n    .hys-cert-section { padding: 64px 0 !important; }\r\n\r\n    .hys-history-header { margin-bottom: 30px !important; }\r\n    .hys-history-track { grid-auto-columns: calc((100% - 16px) \/ 2) !important; }\r\n    .hys-history-item { min-height: 340px !important; }\r\n    .hys-history-content { padding: 28px 26px 26px !important; }\r\n    .hys-history-year { font-size: 48px !important; }\r\n    .hys-cert-heading-wrap { margin-bottom: 28px !important; }\r\n    .hys-cert-swiper-wrap { padding: 18px !important; }\r\n    .hys-cert-swiper { padding: 8px 0 52px !important; }\r\n    .hys-cert-slide { width: clamp(204px, 27vw, 240px) !important; }\r\n    .hys-cert-slide img { height: clamp(244px, 31vw, 282px) !important; }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .hys-ab-container,\r\n    .hys-history-inner,\r\n    .hys-cert-container {\r\n      width: calc(100vw - 36px) !important;\r\n      max-width: calc(100vw - 36px) !important;\r\n    }\r\n\r\n    .hys-about-balanced-intro,\r\n    .hys-about-balanced.hys-ab-section,\r\n    .hys-history-section,\r\n    .hys-cert-section { padding: 52px 0 60px !important; }\r\n\r\n    .hys-ab-title,\r\n    .hys-history-title,\r\n    .hys-cert-title,\r\n    .hys-ab-cta h2 {\r\n      font-size: clamp(26px, 7vw, 34px) !important;\r\n      line-height: 1.18 !important;\r\n    }\r\n\r\n    .hys-ab-hero-media {\r\n      height: clamp(260px, 56vw, 330px) !important;\r\n      min-height: 260px !important;\r\n      max-height: 330px !important;\r\n    }\r\n\r\n    .hys-history-track {\r\n      padding: 10px 0 12px !important;\r\n      margin: 0 !important;\r\n      grid-auto-columns: 84% !important;\r\n    }\r\n\r\n    .hys-history-header { margin-bottom: 24px !important; }\r\n    .hys-history-item { min-height: 320px !important; }\r\n    .hys-history-content { padding: 26px 22px 24px !important; }\r\n    .hys-history-year { margin-bottom: 18px !important; font-size: 44px !important; }\r\n    .hys-history-content h3 { margin-bottom: 12px !important; font-size: 18px !important; }\r\n    .hys-history-content p { font-size: 13.5px !important; line-height: 1.58 !important; }\r\n    .hys-history-tag { padding-top: 20px !important; font-size: 11px !important; }\r\n    .hys-history-control { margin-top: 20px !important; }\r\n\r\n    .hys-history-ruler {\r\n      border-radius: var(--hys-home-radius) !important;\r\n    }\r\n\r\n    .hys-cert-heading-wrap { margin-bottom: 24px !important; }\r\n    .hys-cert-swiper-wrap { padding: 14px !important; }\r\n    .hys-cert-swiper { padding: 8px 0 48px !important; }\r\n    .hys-cert-slide { width: min(72vw, 230px) !important; }\r\n    .hys-cert-slide a { gap: 10px !important; padding: 12px !important; }\r\n    .hys-cert-slide img { height: clamp(232px, 62vw, 270px) !important; }\r\n    .hys-cert-slide h3 { min-height: 34px !important; font-size: 12.5px !important; }\r\n  }\r\n\r\n  @media (max-width: 390px) {\r\n    .hys-about-balanced-intro,\r\n    .hys-about-balanced.hys-ab-section,\r\n    .hys-history-section,\r\n    .hys-cert-section { padding: 46px 0 54px !important; }\r\n\r\n    .hys-history-item { min-height: 300px !important; }\r\n    .hys-history-content { padding: 24px 20px 22px !important; }\r\n    .hys-history-year { font-size: 40px !important; }\r\n    .hys-cert-slide { width: min(74vw, 218px) !important; }\r\n    .hys-cert-slide img { height: clamp(220px, 64vw, 252px) !important; }\r\n  }\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b898cd7 e-con-full e-flex e-con e-parent\" data-id=\"b898cd7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[{&quot;_id&quot;:&quot;0beb8fc&quot;,&quot;jet_parallax_layout_speed&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;jet_parallax_layout_bg_size&quot;:&quot;cover&quot;,&quot;jet_parallax_layout_animation_prop&quot;:&quot;transform3d&quot;,&quot;jet_parallax_layout_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;,&quot;size&quot;:&quot;&quot;},&quot;jet_parallax_layout_type&quot;:&quot;scroll&quot;,&quot;jet_parallax_layout_direction&quot;:&quot;1&quot;,&quot;jet_parallax_layout_fx_direction&quot;:null,&quot;jet_parallax_layout_z_index&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x&quot;:50,&quot;jet_parallax_layout_bg_x_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y&quot;:50,&quot;jet_parallax_layout_bg_y_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}],&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92ae6c2 elementor-widget elementor-widget-html\" data-id=\"92ae6c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n\r\n<section\r\n  class=\"hys-industry-news\"\r\n  data-hys-industry-news\r\n  data-category-slug=\"industry-news\"\r\n  data-per-page=\"3\"\r\n  data-language=\"de\"\r\n>\r\n  <style>\r\n    .hys-industry-news,\r\n    .hys-industry-news * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .hys-industry-news {\r\n      --hys-home-container: 1560px;\r\n      --hys-green: #288E3E;\r\n      --hys-green-hover: #1F6F32;\r\n      --hys-black: #050505;\r\n      --hys-text: #111827;\r\n      --hys-muted: rgba(17, 24, 39, 0.66);\r\n      --hys-card-bg: #FFFFFF;\r\n      --hys-page-bg: #F7F7F5;\r\n      --hys-line-weak: rgba(17, 24, 39, 0.08);\r\n      --hys-line: rgba(17, 24, 39, 0.12);\r\n      --hys-line-strong: rgba(17, 24, 39, 0.22);\r\n      --hys-radius: 4px;\r\n      --hys-ease: cubic-bezier(.22, .61, .36, 1);\r\n\r\n      position: relative;\r\n      z-index: 0;\r\n      isolation: isolate;\r\n      width: 100%;\r\n      overflow: hidden;\r\n      margin: 0;\r\n      padding: 88px 0 96px;\r\n      color: var(--hys-text);\r\n      background: var(--hys-page-bg);\r\n      border-top: 1px solid var(--hys-line-weak);\r\n      font-family: inherit;\r\n      -webkit-font-smoothing: antialiased;\r\n      text-rendering: optimizeLegibility;\r\n    }\r\n\r\n    .hys-industry-news a,\r\n    .hys-industry-news button,\r\n    .hys-industry-news input,\r\n    .hys-industry-news textarea {\r\n      font-family: inherit;\r\n    }\r\n\r\n    .hys-industry-news__inner {\r\n      width: min(var(--hys-home-container), calc(100vw - 72px));\r\n      max-width: var(--hys-home-container);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .hys-industry-news__head {\r\n      display: grid;\r\n      grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);\r\n      gap: 32px;\r\n      align-items: end;\r\n      margin: 0 0 42px;\r\n    }\r\n\r\n    .hys-industry-news__label {\r\n      margin: 0;\r\n      color: rgba(17, 24, 39, 0.72);\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      line-height: 1.3;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-industry-news__title {\r\n      max-width: 980px;\r\n      margin: 0;\r\n      color: #050505;\r\n      font-size: clamp(34px, 2.6vw, 46px);\r\n      font-weight: 800;\r\n      line-height: 1.14;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-industry-news__grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .hys-industry-news__card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      min-width: 0;\r\n      min-height: 520px;\r\n      overflow: hidden;\r\n      border-radius: var(--hys-radius);\r\n      background: var(--hys-card-bg);\r\n      border: 1px solid var(--hys-line);\r\n      color: inherit;\r\n      text-decoration: none !important;\r\n      box-shadow: none;\r\n      transition: border-color 220ms var(--hys-ease), background-color 220ms var(--hys-ease);\r\n    }\r\n\r\n    .hys-industry-news a.hys-industry-news__card,\r\n    .hys-industry-news a.hys-industry-news__card:hover,\r\n    .hys-industry-news a.hys-industry-news__card:focus,\r\n    .hys-industry-news a.hys-industry-news__card:active,\r\n    .hys-industry-news a.hys-industry-news__card:visited {\r\n      color: inherit !important;\r\n      text-decoration: none !important;\r\n      box-shadow: none !important;\r\n      outline-color: var(--hys-green);\r\n    }\r\n\r\n    .hys-industry-news__media {\r\n      position: relative;\r\n      width: 100%;\r\n      height: clamp(310px, 18vw, 340px);\r\n      overflow: hidden;\r\n      background: #E8ECE9;\r\n      border-bottom: 1px solid var(--hys-line-weak);\r\n    }\r\n\r\n    .hys-industry-news__media img {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center center;\r\n      transform: none;\r\n      filter: none;\r\n      transition: transform 420ms cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    .hys-industry-news__placeholder {\r\n      position: absolute;\r\n      inset: 0;\r\n      display: grid;\r\n      place-items: center;\r\n      padding: 28px;\r\n      background: #ECEFED;\r\n      color: rgba(17, 24, 39, 0.46);\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      text-align: center;\r\n    }\r\n\r\n    .hys-industry-news__content {\r\n      flex: 1;\r\n      min-height: 198px;\r\n      padding: 28px 28px 30px;\r\n      background: var(--hys-card-bg);\r\n    }\r\n\r\n    .hys-industry-news__card-title {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 2;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      margin: 0;\r\n      color: #111827;\r\n      font-size: clamp(22px, 1.45vw, 27px);\r\n      font-weight: 800;\r\n      line-height: 1.2;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-industry-news__excerpt {\r\n      display: -webkit-box;\r\n      -webkit-line-clamp: 3;\r\n      -webkit-box-orient: vertical;\r\n      overflow: hidden;\r\n      margin: 18px 0 0;\r\n      color: var(--hys-muted);\r\n      font-size: clamp(14px, .92vw, 15.5px);\r\n      font-weight: 400;\r\n      line-height: 1.58;\r\n      letter-spacing: 0;\r\n    }\r\n\r\n    .hys-industry-news__loading {\r\n      grid-column: 1 \/ -1;\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n\r\n    .hys-industry-news__skeleton {\r\n      min-height: 520px;\r\n      overflow: hidden;\r\n      border-radius: var(--hys-radius);\r\n      background: var(--hys-card-bg);\r\n      border: 1px solid var(--hys-line);\r\n    }\r\n\r\n    .hys-industry-news__skeleton::before {\r\n      content: \"\";\r\n      display: block;\r\n      height: clamp(310px, 18vw, 340px);\r\n      border-bottom: 1px solid var(--hys-line-weak);\r\n      background: linear-gradient(90deg, #E8ECE9 0%, #F6F7F6 50%, #E8ECE9 100%);\r\n      background-size: 220% 100%;\r\n      animation: hysIndustryNewsSkeleton 1.2s ease-in-out infinite;\r\n    }\r\n\r\n    .hys-industry-news__skeleton::after {\r\n      content: \"\";\r\n      display: block;\r\n      height: 198px;\r\n      margin: 28px;\r\n      background:\r\n        linear-gradient(#DADFDA, #DADFDA) left top \/ 76% 24px no-repeat,\r\n        linear-gradient(#DADFDA, #DADFDA) left 46px \/ 58% 24px no-repeat,\r\n        linear-gradient(#DADFDA, #DADFDA) left 104px \/ 88% 14px no-repeat,\r\n        linear-gradient(#DADFDA, #DADFDA) left 130px \/ 72% 14px no-repeat,\r\n        linear-gradient(#DADFDA, #DADFDA) left 156px \/ 64% 14px no-repeat;\r\n    }\r\n\r\n    .hys-industry-news__empty {\r\n      grid-column: 1 \/ -1;\r\n      padding: 28px;\r\n      border-radius: var(--hys-radius);\r\n      background: #FFFFFF;\r\n      border: 1px solid var(--hys-line);\r\n      color: rgba(17, 24, 39, 0.66);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    @keyframes hysIndustryNewsSkeleton {\r\n      0% {\r\n        background-position: 120% 0;\r\n      }\r\n\r\n      100% {\r\n        background-position: -120% 0;\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      .hys-industry-news__card:hover {\r\n        border-color: var(--hys-line-strong);\r\n        background: #FFFFFF;\r\n      }\r\n\r\n      .hys-industry-news__card:hover img {\r\n        transform: scale(1.025);\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1600px) {\r\n      .hys-industry-news {\r\n        --hys-home-container: 1460px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1440px) {\r\n      .hys-industry-news {\r\n        --hys-home-container: 1360px;\r\n        padding: 80px 0 88px;\r\n      }\r\n\r\n      .hys-industry-news__head {\r\n        margin-bottom: 38px;\r\n      }\r\n\r\n      .hys-industry-news__title {\r\n        font-size: clamp(32px, 2.5vw, 42px);\r\n      }\r\n\r\n      .hys-industry-news__card,\r\n      .hys-industry-news__skeleton {\r\n        min-height: 486px;\r\n      }\r\n\r\n      .hys-industry-news__media,\r\n      .hys-industry-news__skeleton::before {\r\n        height: clamp(286px, 18vw, 318px);\r\n      }\r\n\r\n      .hys-industry-news__content {\r\n        min-height: 184px;\r\n        padding: 26px;\r\n      }\r\n\r\n      .hys-industry-news__skeleton::after {\r\n        height: 184px;\r\n        margin: 26px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1280px) {\r\n      .hys-industry-news {\r\n        --hys-home-container: 1180px;\r\n        padding: 72px 0 78px;\r\n      }\r\n\r\n      .hys-industry-news__head {\r\n        margin-bottom: 34px;\r\n      }\r\n\r\n      .hys-industry-news__grid,\r\n      .hys-industry-news__loading {\r\n        gap: 14px;\r\n      }\r\n\r\n      .hys-industry-news__card,\r\n      .hys-industry-news__skeleton {\r\n        min-height: 448px;\r\n      }\r\n\r\n      .hys-industry-news__media,\r\n      .hys-industry-news__skeleton::before {\r\n        height: clamp(252px, 20vw, 286px);\r\n      }\r\n\r\n      .hys-industry-news__content {\r\n        min-height: 176px;\r\n        padding: 24px;\r\n      }\r\n\r\n      .hys-industry-news__card-title {\r\n        font-size: 22px;\r\n      }\r\n\r\n      .hys-industry-news__excerpt {\r\n        margin-top: 14px;\r\n        font-size: 14px;\r\n        -webkit-line-clamp: 2;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .hys-industry-news {\r\n        padding: 64px 0;\r\n      }\r\n\r\n      .hys-industry-news__inner {\r\n        width: min(820px, calc(100vw - 40px));\r\n        max-width: 820px;\r\n      }\r\n\r\n      .hys-industry-news__head {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px;\r\n        align-items: start;\r\n        margin-bottom: 30px;\r\n      }\r\n\r\n      .hys-industry-news__grid,\r\n      .hys-industry-news__loading {\r\n        grid-template-columns: 1fr;\r\n      }\r\n\r\n      .hys-industry-news__card {\r\n        display: grid;\r\n        grid-template-columns: 40% 60%;\r\n        min-height: 270px;\r\n      }\r\n\r\n      .hys-industry-news__skeleton {\r\n        min-height: 270px;\r\n      }\r\n\r\n      .hys-industry-news__media {\r\n        height: 100%;\r\n        min-height: 270px;\r\n        border-right: 1px solid var(--hys-line-weak);\r\n        border-bottom: 0;\r\n      }\r\n\r\n      .hys-industry-news__content {\r\n        min-height: 270px;\r\n        padding: 26px;\r\n      }\r\n\r\n      .hys-industry-news__skeleton::before {\r\n        height: 270px;\r\n      }\r\n\r\n      .hys-industry-news__skeleton::after {\r\n        height: 160px;\r\n        margin: 26px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n      .hys-industry-news {\r\n        padding: 52px 0 60px;\r\n      }\r\n\r\n      .hys-industry-news__inner {\r\n        width: calc(100vw - 36px);\r\n        max-width: calc(100vw - 36px);\r\n      }\r\n\r\n      .hys-industry-news__head {\r\n        margin-bottom: 24px;\r\n      }\r\n\r\n      .hys-industry-news__label {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .hys-industry-news__title {\r\n        font-size: clamp(26px, 7vw, 34px);\r\n        line-height: 1.18;\r\n      }\r\n\r\n      .hys-industry-news__grid,\r\n      .hys-industry-news__loading {\r\n        gap: 14px;\r\n      }\r\n\r\n      .hys-industry-news__card {\r\n        display: flex;\r\n        min-height: auto;\r\n      }\r\n\r\n      .hys-industry-news__media {\r\n        height: clamp(260px, 56vw, 330px);\r\n        min-height: 260px;\r\n        max-height: 330px;\r\n        border-right: 0;\r\n        border-bottom: 1px solid var(--hys-line-weak);\r\n      }\r\n\r\n      .hys-industry-news__content {\r\n        min-height: 178px;\r\n        padding: 22px 20px 24px;\r\n      }\r\n\r\n      .hys-industry-news__card-title {\r\n        font-size: 21px;\r\n      }\r\n\r\n      .hys-industry-news__excerpt {\r\n        margin-top: 14px;\r\n        font-size: 14px;\r\n        -webkit-line-clamp: 2;\r\n      }\r\n\r\n      .hys-industry-news__skeleton {\r\n        min-height: auto;\r\n      }\r\n\r\n      .hys-industry-news__skeleton::before {\r\n        height: clamp(260px, 56vw, 330px);\r\n      }\r\n\r\n      .hys-industry-news__skeleton::after {\r\n        height: 148px;\r\n        margin: 22px 20px;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 390px) {\r\n      .hys-industry-news {\r\n        padding: 46px 0 54px;\r\n      }\r\n\r\n      .hys-industry-news__media,\r\n      .hys-industry-news__skeleton::before {\r\n        height: clamp(250px, 58vw, 310px);\r\n        min-height: 250px;\r\n        max-height: 310px;\r\n      }\r\n\r\n      .hys-industry-news__content {\r\n        min-height: 168px;\r\n        padding: 20px 18px 22px;\r\n      }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .hys-industry-news__card,\r\n      .hys-industry-news__media img {\r\n        transition: none !important;\r\n      }\r\n\r\n      .hys-industry-news__skeleton::before {\r\n        animation: none !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"hys-industry-news__inner\">\r\n    <header class=\"hys-industry-news__head\">\r\n      <p class=\"hys-industry-news__label\">Branchennachrichten<\/p>\r\n      <h2 class=\"hys-industry-news__title\">Einblicke in die neue Energiewirtschaft<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"hys-industry-news__grid\" data-hys-news-grid>\r\n      <div class=\"hys-industry-news__loading\" aria-hidden=\"true\">\r\n        <div class=\"hys-industry-news__skeleton\"><\/div>\r\n        <div class=\"hys-industry-news__skeleton\"><\/div>\r\n        <div class=\"hys-industry-news__skeleton\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      var section = document.currentScript ? document.currentScript.closest('[data-hys-industry-news]') : document.querySelector('[data-hys-industry-news]');\r\n      if (!section || section.dataset.hysIndustryNewsReady === 'true') return;\r\n      section.dataset.hysIndustryNewsReady = 'true';\r\n\r\n      var grid = section.querySelector('[data-hys-news-grid]');\r\n      var categorySlug = section.getAttribute('data-category-slug') || 'industry-news';\r\n      var perPage = Number(section.getAttribute('data-per-page')) || 3;\r\n      var siteOrigin = window.location.origin;\r\n\r\n      \/*\r\n       * For this German draft, this section uses data-language=\"de\".\r\n       * If this code is reused across languages, remove the data-language attribute on the section,\r\n       * The code will then read HTML lang automatically.\r\n       *\/\r\n      var htmlLang = (document.documentElement.lang || '').toLowerCase();\r\n      var pageLang = section.getAttribute('data-language') || (htmlLang.indexOf('zh') === 0 ? 'zh-hans' : (htmlLang.split('-')[0] || 'en'));\r\n\r\n      function escapeHTML(text) {\r\n        return String(text || '').replace(\/[&<>\"']\/g, function (match) {\r\n          return {\r\n            '&': '&amp;',\r\n            '<': '&lt;',\r\n            '>': '&gt;',\r\n            '\"': '&quot;',\r\n            \"'\": '&#039;'\r\n          }[match];\r\n        });\r\n      }\r\n\r\n      function stripHTML(html) {\r\n        var temp = document.createElement('div');\r\n        temp.innerHTML = html || '';\r\n        return (temp.textContent || temp.innerText || '').replace(\/\\s+\/g, ' ').trim();\r\n      }\r\n\r\n      function truncate(text, max) {\r\n        if (!text) return '';\r\n        if (text.length <= max) return text;\r\n        return text.slice(0, max).replace(\/\\s+\\S*$\/, '') + '...';\r\n      }\r\n\r\n      function toSameOriginRelativeUrl(url) {\r\n        if (!url) return '';\r\n\r\n        try {\r\n          var parsedUrl = new URL(url, window.location.href);\r\n\r\n          if (parsedUrl.origin === window.location.origin) {\r\n            return parsedUrl.pathname + parsedUrl.search + parsedUrl.hash;\r\n          }\r\n\r\n          return url;\r\n        } catch (e) {\r\n          return url;\r\n        }\r\n      }\r\n\r\n      function getFeaturedImage(post) {\r\n        try {\r\n          var media = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0];\r\n          if (!media) return null;\r\n\r\n          var sizes = media.media_details && media.media_details.sizes;\r\n          var image =\r\n            sizes && sizes.large && sizes.large.source_url ? sizes.large.source_url :\r\n            sizes && sizes.medium_large && sizes.medium_large.source_url ? sizes.medium_large.source_url :\r\n            media.source_url;\r\n\r\n          return {\r\n            src: toSameOriginRelativeUrl(image),\r\n            alt: media.alt_text || stripHTML(post.title && post.title.rendered) || 'Hysincere-Branchennachrichten'\r\n          };\r\n        } catch (e) {\r\n          return null;\r\n        }\r\n      }\r\n\r\n      function buildUrl(path, params) {\r\n        var url = new URL(siteOrigin + path);\r\n\r\n        Object.keys(params || {}).forEach(function (key) {\r\n          if (params[key] !== undefined && params[key] !== null && params[key] !== '') {\r\n            url.searchParams.set(key, params[key]);\r\n          }\r\n        });\r\n\r\n        return url.toString();\r\n      }\r\n\r\n      function fetchJson(url) {\r\n        return fetch(url, {\r\n          credentials: 'same-origin'\r\n        }).then(function (res) {\r\n          if (!res.ok) throw new Error('Request failed');\r\n          return res.json();\r\n        });\r\n      }\r\n\r\n      function renderPosts(posts) {\r\n        if (!posts || !posts.length) {\r\n          grid.innerHTML = '<div class=\"hys-industry-news__empty\">Noch keine Branchennachrichten gefunden.<\/div>';\r\n          return;\r\n        }\r\n\r\n        grid.innerHTML = posts.map(function (post) {\r\n          var title = stripHTML(post.title && post.title.rendered);\r\n          var excerpt = truncate(stripHTML(post.excerpt && post.excerpt.rendered), 135);\r\n          var link = toSameOriginRelativeUrl(post.link || '#');\r\n          var image = getFeaturedImage(post);\r\n\r\n          var mediaHTML = image && image.src\r\n            ? '<img src=\"' + escapeHTML(image.src) + '\" alt=\"' + escapeHTML(image.alt) + '\" loading=\"lazy\" decoding=\"async\">'\r\n            : '<span class=\"hys-industry-news__placeholder\">Hysincere-Branchennachrichten<\/span>';\r\n\r\n          return [\r\n            '<a class=\"hys-industry-news__card\" href=\"' + escapeHTML(link) + '\" aria-label=\"' + escapeHTML(title) + '\">',\r\n              '<div class=\"hys-industry-news__media\">',\r\n                mediaHTML,\r\n              '<\/div>',\r\n              '<div class=\"hys-industry-news__content\">',\r\n                '<h3 class=\"hys-industry-news__card-title\">' + escapeHTML(title) + '<\/h3>',\r\n                excerpt ? '<p class=\"hys-industry-news__excerpt\">' + escapeHTML(excerpt) + '<\/p>' : '',\r\n              '<\/div>',\r\n            '<\/a>'\r\n          ].join('');\r\n        }).join('');\r\n      }\r\n\r\n      function loadPosts() {\r\n        var categoryUrl = buildUrl('\/wp-json\/wp\/v2\/categories', {\r\n          slug: categorySlug,\r\n          per_page: 1,\r\n          lang: pageLang\r\n        });\r\n\r\n        fetchJson(categoryUrl)\r\n          .then(function (categories) {\r\n            if (!categories || !categories.length) {\r\n              throw new Error('Category not found');\r\n            }\r\n\r\n            var categoryId = categories[0].id;\r\n\r\n            var postsUrl = buildUrl('\/wp-json\/wp\/v2\/posts', {\r\n              categories: categoryId,\r\n              per_page: perPage,\r\n              orderby: 'date',\r\n              order: 'desc',\r\n              _embed: 1,\r\n              lang: pageLang\r\n            });\r\n\r\n            return fetchJson(postsUrl);\r\n          })\r\n          .then(renderPosts)\r\n          .catch(function () {\r\n            grid.innerHTML = '<div class=\"hys-industry-news__empty\">Branchennachrichten k\u00f6nnen derzeit nicht geladen werden. Bitte versuchen Sie es sp\u00e4ter erneut.<\/div>';\r\n          });\r\n      }\r\n\r\n      loadPosts();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8ea4c34 e-con-full e-flex e-con e-parent\" data-id=\"8ea4c34\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b69409f elementor-widget elementor-widget-shortcode\" data-id=\"b69409f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"29703\" class=\"elementor elementor-29703 elementor-16730 elementor-16730\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2ac32 e-flex e-con-boxed e-con e-parent\" data-id=\"5f2ac32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a539bf7 e-flex e-con-boxed e-con e-child\" data-id=\"a539bf7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b45dd8b elementor-widget elementor-widget-heading\" data-id=\"b45dd8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Kontakt<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c43b41 elementor-widget elementor-widget-heading\" data-id=\"9c43b41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Erz\u00e4hlen Sie uns von Ihrem Batterieprojekt<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d01c2d3 elementor-widget elementor-widget-text-editor\" data-id=\"d01c2d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tTeilen Sie uns Ihre Anforderungen an die Batterie mit. Unser Team hilft Ihnen, die passende L\u00f6sung zu finden.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-953060e e-con-full e-flex e-con e-child\" data-id=\"953060e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbc53c5 elementor-widget elementor-widget-shortcode\" data-id=\"fbc53c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"forminator-ui forminator-custom-form forminator-custom-form-28943 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-28943\" data-uid=\"6adb1c5f460a0\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-28943\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-28943 forminator-design--default  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"28943\"\n\t\t\t\t data-color-option=\"theme\" data-design=\"default\" data-grid=\"open\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"6adb1c5f460a0\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-6 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6adb1c5f460a0\" id=\"forminator-field-name-1_6adb1c5f460a0-label\" class=\"forminator-label\">Vollst\u00e4ndiger Name <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"Ihr Vor- und Nachname\" id=\"forminator-field-name-1_6adb1c5f460a0\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-6 \"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_6adb1c5f460a0\" id=\"forminator-field-email-1_6adb1c5f460a0-label\" class=\"forminator-label\">E-Mail-Adresse <span class=\"forminator-required\">*<\/span><\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"Ihre E-Mail-Adresse\" id=\"forminator-field-email-1_6adb1c5f460a0\" class=\"forminator-input forminator-email--field\" data-required=\"1\" aria-required=\"true\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6adb1c5f460a0\" id=\"forminator-field-phone-1_6adb1c5f460a0-label\" class=\"forminator-label\">Telefon \/ WhatsApp<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"Mit L\u00e4ndervorwahl\" id=\"forminator-field-phone-1_6adb1c5f460a0\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" data-national_mode=\"disabled\" data-country=\"de\" data-validation=\"international\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"textarea-1\" class=\"forminator-field-textarea forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-textarea-1_6adb1c5f460a0\" id=\"forminator-field-textarea-1_6adb1c5f460a0-label\" class=\"forminator-label\">Anforderungen an Ihr Projekt <span class=\"forminator-required\">*<\/span><\/label><span id=\"forminator-field-textarea-1_6adb1c5f460a0-description\" class=\"forminator-description\">Nennen Sie Batterietyp, Spannung, Kapazit\u00e4t, St\u00fcckzahl und Einsatzbedingungen, soweit bekannt.<\/span><textarea name=\"textarea-1\" placeholder=\"Beschreiben Sie die Batterie und den geplanten Einsatz.\" id=\"forminator-field-textarea-1_6adb1c5f460a0\" class=\"forminator-textarea\" style=\"--forminator-textarea-min-height:140px;\" aria-describedby=\"forminator-field-textarea-1_6adb1c5f460a0-description\" ><\/textarea><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"captcha-1\" class=\"forminator-field-captcha forminator-col forminator-col-12 \"><div class=\"forminator-captcha-left forminator-turnstile\" data-theme=\"auto\" data-language=\"de\" data-sitekey=\"0x4AAAAAADwNWc0h-V6w4Mbo\" data-size=\"normal\"><\/div> <\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Projektanfrage senden<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"67f401e546\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/29871\" \/><input type=\"hidden\" name=\"form_id\" value=\"28943\"><input type=\"hidden\" name=\"page_id\" value=\"29871\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/hysincere.com\/de\/ueber-hysincere\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><label for=\"input_5\" class=\"forminator-hidden\" aria-hidden=\"true\">Bitte f\u00fclle dieses Feld nicht aus. <input id=\"input_5\" type=\"text\" name=\"input_5\" value=\"\" autocomplete=\"off\"><\/label><\/form><\/div>\n\t\t\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<\/div>\n\t\t\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>Hysincere \u00dcber uns \/ Batterieherstellung Weltweite B2B-Lieferung \u00dcber Hysincere Hysincere Video ansehen Unsere Geschichte rund um Batterien Hysincere F\u00fcr praktische Batterieprojekte verbindet Hysincere Zellenauswahl, BMS-Konfiguration, Batteriepackfertigung, Qualit\u00e4tspr\u00fcfung, OEM-Anpassung und weltweite B2B-Lieferunterst\u00fctzung. So erhalten Sie die Leistungen eines zuverl\u00e4ssigen Energiepartners aus einer Hand. Einblicke in unseren Alltag Internationale Messen und Kundengespr\u00e4che Einblicke in Hysincere auf internationalen [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","page_faq_enable":"true","page_faq_section_title":"","page_faq_section_description":"","page_faq_items":"","footnotes":""},"class_list":["post-29871","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u00dcber Hysincere \u2013 Lithium-Batteriehersteller seit 2013<\/title>\n<meta name=\"description\" content=\"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hysincere.com\/de\/ueber-hysincere\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00dcber Hysincere\" \/>\n<meta property=\"og:description\" content=\"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hysincere.com\/de\/ueber-hysincere\/\" \/>\n<meta property=\"og:site_name\" content=\"hysincere.com\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-23T02:58:01+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/ueber-hysincere\\\/\",\"url\":\"https:\\\/\\\/hysincere.com\\\/de\\\/ueber-hysincere\\\/\",\"name\":\"\u00dcber Hysincere \u2013 Lithium-Batteriehersteller seit 2013\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#website\"},\"datePublished\":\"2026-03-31T18:27:25+00:00\",\"dateModified\":\"2026-10-23T02:58:01+00:00\",\"description\":\"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/ueber-hysincere\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hysincere.com\\\/de\\\/ueber-hysincere\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/ueber-hysincere\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/hysincere.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00dcber Hysincere\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/hysincere.com\\\/de\\\/\",\"name\":\"Hysincere Battery\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hysincere.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#organization\",\"name\":\"Hysincere Battery\",\"url\":\"https:\\\/\\\/hysincere.com\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hysincere.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/hysincere-logo-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/hysincere.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/hysincere-logo-scaled.webp\",\"width\":2560,\"height\":597,\"caption\":\"Hysincere Battery\"},\"image\":{\"@id\":\"https:\\\/\\\/hysincere.com\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00dcber Hysincere \u2013 Lithium-Batteriehersteller seit 2013","description":"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hysincere.com\/de\/ueber-hysincere\/","og_locale":"de_DE","og_type":"article","og_title":"\u00dcber Hysincere","og_description":"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.","og_url":"https:\/\/hysincere.com\/de\/ueber-hysincere\/","og_site_name":"hysincere.com","article_modified_time":"2026-10-23T02:58:01+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hysincere.com\/de\/ueber-hysincere\/","url":"https:\/\/hysincere.com\/de\/ueber-hysincere\/","name":"\u00dcber Hysincere \u2013 Lithium-Batteriehersteller seit 2013","isPartOf":{"@id":"https:\/\/hysincere.com\/de\/#website"},"datePublished":"2026-03-31T18:27:25+00:00","dateModified":"2026-10-23T02:58:01+00:00","description":"Hysincere wurde 2013 gegr\u00fcndet. Lernen Sie unsere Entwicklung, Konstruktion, Montage, den Vertrieb und Service f\u00fcr industrielle Lithium-Batterien kennen.","breadcrumb":{"@id":"https:\/\/hysincere.com\/de\/ueber-hysincere\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hysincere.com\/de\/ueber-hysincere\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/hysincere.com\/de\/ueber-hysincere\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/hysincere.com\/de\/"},{"@type":"ListItem","position":2,"name":"\u00dcber Hysincere"}]},{"@type":"WebSite","@id":"https:\/\/hysincere.com\/de\/#website","url":"https:\/\/hysincere.com\/de\/","name":"Hysincere Battery","description":"","publisher":{"@id":"https:\/\/hysincere.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hysincere.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/hysincere.com\/de\/#organization","name":"Hysincere Battery","url":"https:\/\/hysincere.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/hysincere.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/hysincere.com\/wp-content\/uploads\/2026\/03\/hysincere-logo-scaled.webp","contentUrl":"https:\/\/hysincere.com\/wp-content\/uploads\/2026\/03\/hysincere-logo-scaled.webp","width":2560,"height":597,"caption":"Hysincere Battery"},"image":{"@id":"https:\/\/hysincere.com\/de\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/pages\/29871","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/comments?post=29871"}],"version-history":[{"count":5,"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/pages\/29871\/revisions"}],"predecessor-version":[{"id":31824,"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/pages\/29871\/revisions\/31824"}],"wp:attachment":[{"href":"https:\/\/hysincere.com\/de\/wp-json\/wp\/v2\/media?parent=29871"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}