{"id":1551,"date":"2026-04-10T08:05:12","date_gmt":"2026-04-10T08:05:12","guid":{"rendered":"https:\/\/service.soletksolar.com\/?page_id=1551"},"modified":"2026-04-10T09:09:04","modified_gmt":"2026-04-10T09:09:04","slug":"partner-with-soletks-for-solar-thermal-distribution","status":"publish","type":"page","link":"https:\/\/service.soletksolar.com\/de\/partner-with-soletks-for-solar-thermal-distribution\/","title":{"rendered":"Partner with SOLETKS for Solar Thermal Distribution"},"content":{"rendered":"<p><!-- ============================================\n     SOLETKS Distributor Hero Banner v2\n     \u57fa\u4e8ev1\u5e03\u5c40 \u00b7 \u9ad8\u5ea6\u7f29\u51cf \u00b7 \u52a0\u80cc\u666f\u56fe\n     \u6240\u6709\u6837\u5f0f scoped \u5728 .stk-hero \u5185\n     ============================================ --><\/p>\n<section class=\"stk-hero\" id=\"stk-distributor-hero\">\n  <!-- \u80cc\u666f\u56fe + \u8499\u7248 --><\/p>\n<div class=\"stk-hero__bg-img\"><\/div>\n<div class=\"stk-hero__overlay\"><\/div>\n<div class=\"stk-hero__overlay-grain\"><\/div>\n<p>  <!-- \u88c5\u9970\u5143\u7d20 --><\/p>\n<div class=\"stk-hero__decor\">\n<div class=\"stk-hero__orb stk-hero__orb--1\"><\/div>\n<div class=\"stk-hero__orb stk-hero__orb--2\"><\/div>\n<div class=\"stk-hero__orb stk-hero__orb--3\"><\/div>\n<div class=\"stk-hero__sun\">\n<div class=\"stk-hero__sun-core\"><\/div>\n<div class=\"stk-hero__sun-ray stk-hero__sun-ray--1\"><\/div>\n<div class=\"stk-hero__sun-ray stk-hero__sun-ray--2\"><\/div>\n<div class=\"stk-hero__sun-ray stk-hero__sun-ray--3\"><\/div>\n<div class=\"stk-hero__sun-ray stk-hero__sun-ray--4\"><\/div>\n<\/p><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--1\"><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--2\"><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--3\"><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--4\"><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--5\"><\/div>\n<div class=\"stk-hero__particle stk-hero__particle--6\"><\/div>\n<\/p><\/div>\n<p>  <!-- \u4e3b\u4f53\u5185\u5bb9 --><\/p>\n<div class=\"stk-hero__container\">\n    <!-- \u5de6\u4fa7\u6587\u6848 --><\/p>\n<div class=\"stk-hero__content\">\n<div class=\"stk-hero__badge\">\n        <span class=\"stk-hero__badge-dot\"><\/span><br \/>\n        Global Distributor Program \u2014 Now Open\n      <\/div>\n<h1 class=\"stk-hero__title\">\n        Become a <span class=\"stk-hero__highlight\">SOLETKS<\/span> Solar Distributor<br \/>\n      <\/h1>\n<p class=\"stk-hero__subtitle\">\n        Partner with an experienced solar thermal manufacturer for flat plate collectors, solar water heaters, and commercial hot water systems \u2014 backed by global project experience, certified quality, and long-term technical support.\n      <\/p>\n<div class=\"stk-hero__actions\">\n        <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"stk-hero__btn stk-hero__btn--primary\"><br \/>\n          <span>Apply for Partnership<\/span><br \/>\n          <svg class=\"stk-hero__btn-arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n          <\/svg><br \/>\n        <\/a><br \/>\n        <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"stk-hero__btn stk-hero__btn--secondary\"><br \/>\n          <svg class=\"stk-hero__btn-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3\"\/>\n          <\/svg><br \/>\n          <span>Get Distributor Catalog<\/span><br \/>\n        <\/a>\n      <\/div>\n<div class=\"stk-hero__trust\">\n<div class=\"stk-hero__trust-item\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><br \/>\n          <span>Manufacturer Direct<\/span>\n        <\/div>\n<div class=\"stk-hero__trust-divider\"><\/div>\n<div class=\"stk-hero__trust-item\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><br \/>\n          <span>OEM \/ ODM Support<\/span>\n        <\/div>\n<div class=\"stk-hero__trust-divider\"><\/div>\n<div class=\"stk-hero__trust-item\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><br \/>\n          <span>Export Ready<\/span>\n        <\/div>\n<div class=\"stk-hero__trust-divider\"><\/div>\n<div class=\"stk-hero__trust-item\">\n          <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg><br \/>\n          <span>Technical Training Available<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u53f3\u4fa7\u6570\u636e\u5361\u7247\u7ec4\uff08\u4e0ev1\u4e00\u81f4\uff09 --><\/p>\n<div class=\"stk-hero__visual\">\n<div class=\"stk-hero__card stk-hero__card--stats\">\n<div class=\"stk-hero__stat\">\n          <span class=\"stk-hero__stat-number\">117<small>+<\/small><\/span><br \/>\n          <span class=\"stk-hero__stat-label\">Patents Secured<\/span>\n        <\/div>\n<div class=\"stk-hero__stat-divider\"><\/div>\n<div class=\"stk-hero__stat\">\n          <span class=\"stk-hero__stat-number\">50<small>+<\/small><\/span><br \/>\n          <span class=\"stk-hero__stat-label\">Countries Served<\/span>\n        <\/div>\n<div class=\"stk-hero__stat-divider\"><\/div>\n<div class=\"stk-hero__stat\">\n          <span class=\"stk-hero__stat-number\">18<small>yrs<\/small><\/span><br \/>\n          <span class=\"stk-hero__stat-label\">Industry Experience<\/span>\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-hero__card-row\">\n<div class=\"stk-hero__card stk-hero__card--cert\">\n<div class=\"stk-hero__card-icon\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"stk-hero__card-text\">\n            <strong>Solar Keymark &#038; ISO<\/strong><br \/>\n            <span>Certified Products<\/span>\n          <\/div>\n<\/p><\/div>\n<div class=\"stk-hero__card stk-hero__card--cert\">\n<div class=\"stk-hero__card-icon stk-hero__card-icon--green\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/>\n              <path d=\"M22 4L12 14.01l-3-3\"\/>\n            <\/svg>\n          <\/div>\n<div class=\"stk-hero__card-text\">\n            <strong>160+ QC Steps<\/strong><br \/>\n            <span>Quality Guaranteed<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-hero__card stk-hero__card--products\">\n        <span class=\"stk-hero__products-label\">Product Lines<\/span><\/p>\n<div class=\"stk-hero__products-tags\">\n          <span class=\"stk-hero__tag\">Flat Plate Collector<\/span><br \/>\n          <span class=\"stk-hero__tag\">Solar Water Heater<\/span><br \/>\n          <span class=\"stk-hero__tag\">PVT Panel<\/span><br \/>\n          <span class=\"stk-hero__tag\">Evacuated Tube<\/span><br \/>\n          <span class=\"stk-hero__tag\">Air Collector<\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-hero__bottom-fade\"><\/div>\n<\/section>\n<style>\n  \/* ============================================\n     SOLETKS HERO BANNER v2 \u2014 Scoped\n     v1\u5e03\u5c40 + \u9ad8\u5ea6\u7f29\u51cf + \u80cc\u666f\u56fe\n     ============================================ *\/<\/p>\n<p>  .stk-hero {\n    --stk-bg: #0a0e1a;\n    --stk-card-solid: #141a2a;\n    --stk-accent: #f97316;\n    --stk-accent2: #f59e0b;\n    --stk-accent-glow: rgba(249, 115, 22, 0.12);\n    --stk-green: #22c55e;\n    --stk-green-glow: rgba(34, 197, 94, 0.12);\n    --stk-text: #ffffff;\n    --stk-text2: #c0c7d3;\n    --stk-text3: #7a8599;\n    --stk-border: rgba(255, 255, 255, 0.07);\n    --stk-border-accent: rgba(249, 115, 22, 0.25);\n    --stk-glass: rgba(255, 255, 255, 0.04);<\/p>\n<p>    position: relative;\n    \/* \u2605 \u9ad8\u5ea6\uff1a\u7f29\u51cf\u81f3\u7ea6 67vh \u2605 *\/\n    height: 67vh;\n    min-height: 540px;\n    max-height: 780px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: var(--stk-text);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }<\/p>\n<p>  .stk-hero *, .stk-hero *::before, .stk-hero *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }<\/p>\n<p>  \/* ===== \u80cc\u666f\u56fe ===== *\/\n  .stk-hero__bg-img {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    \/*\n      \u2605 \u66ff\u6362\u4e3a\u4f60\u7684\u56fe\u7247 \u2605\n      \u63a8\u8350\uff1a\u592a\u9633\u80fd\u677f\/\u5de5\u5382\/\u5c4b\u9876\u7cfb\u7edf\n    *\/\n    background:\n      url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1920&q=80')\n      center center \/ cover no-repeat;\n    transform: scale(1.03);\n    transition: transform 10s ease;\n  }<\/p>\n<p>  .stk-hero:hover .stk-hero__bg-img {\n    transform: scale(1.0);\n  }<\/p>\n<p>  \/* \u8499\u7248 \u2014 \u5de6\u6d53\u53f3\u6de1\uff0c\u4fdd\u8bc1\u5de6\u4fa7\u6587\u5b57\u53ef\u8bfb + \u53f3\u4fa7\u9690\u7ea6\u900f\u51fa\u56fe\u7247 *\/\n  .stk-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background:\n      linear-gradient(105deg,\n        rgba(10, 14, 26, 0.94) 0%,\n        rgba(10, 14, 26, 0.88) 35%,\n        rgba(10, 14, 26, 0.78) 60%,\n        rgba(10, 14, 26, 0.68) 100%\n      );\n  }<\/p>\n<p>  \/* \u566a\u70b9\u7eb9\u7406 *\/\n  .stk-hero__overlay-grain {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    opacity: 0.028;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n  }<\/p>\n<p>  \/* ===== \u88c5\u9970\u5c42 ===== *\/\n  .stk-hero__decor {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    overflow: hidden;\n  }<\/p>\n<p>  .stk-hero__orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(70px);\n  }<\/p>\n<p>  .stk-hero__orb--1 {\n    width: 550px;\n    height: 550px;\n    top: -25%;\n    right: -8%;\n    background: radial-gradient(circle, rgba(249, 115, 22, 0.08) 0%, transparent 70%);\n  }<\/p>\n<p>  .stk-hero__orb--2 {\n    width: 400px;\n    height: 400px;\n    bottom: -20%;\n    left: -5%;\n    background: radial-gradient(circle, rgba(245, 158, 11, 0.05) 0%, transparent 70%);\n  }<\/p>\n<p>  .stk-hero__orb--3 {\n    width: 250px;\n    height: 250px;\n    top: 35%;\n    left: 42%;\n    background: radial-gradient(circle, rgba(249, 115, 22, 0.04) 0%, transparent 70%);\n    animation: stk-float 8s ease-in-out infinite;\n  }<\/p>\n<p>  \/* \u592a\u9633\u88c5\u9970 *\/\n  .stk-hero__sun {\n    position: absolute;\n    top: 8%;\n    right: 10%;\n    width: 100px;\n    height: 100px;\n  }<\/p>\n<p>  .stk-hero__sun-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px;\n    height: 24px;\n    background: radial-gradient(circle, var(--stk-accent), var(--stk-accent2));\n    border-radius: 50%;\n    box-shadow: 0 0 35px rgba(249, 115, 22, 0.3), 0 0 70px rgba(249, 115, 22, 0.1);\n    animation: stk-glow 3s ease-in-out infinite;\n  }<\/p>\n<p>  .stk-hero__sun-ray {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent 0%, rgba(249, 115, 22, 0.12) 30%, transparent 100%);\n    transform-origin: center;\n  }<\/p>\n<p>  .stk-hero__sun-ray--1 { transform: translate(-50%, -50%) rotate(0deg); }\n  .stk-hero__sun-ray--2 { transform: translate(-50%, -50%) rotate(45deg); }\n  .stk-hero__sun-ray--3 { transform: translate(-50%, -50%) rotate(90deg); }\n  .stk-hero__sun-ray--4 { transform: translate(-50%, -50%) rotate(135deg); }<\/p>\n<p>  \/* \u6d6e\u52a8\u7c92\u5b50 *\/\n  .stk-hero__particle {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--stk-accent);\n    opacity: 0;\n    animation: stk-particle 6s ease-in-out infinite;\n  }<\/p>\n<p>  .stk-hero__particle--1 { width: 3px; height: 3px; top: 20%; left: 15%; animation-delay: 0s; }\n  .stk-hero__particle--2 { width: 2px; height: 2px; top: 55%; left: 78%; animation-delay: 1s; }\n  .stk-hero__particle--3 { width: 4px; height: 4px; top: 70%; left: 25%; animation-delay: 2s; }\n  .stk-hero__particle--4 { width: 2px; height: 2px; top: 30%; left: 68%; animation-delay: 3s; }\n  .stk-hero__particle--5 { width: 3px; height: 3px; top: 80%; left: 55%; animation-delay: 4s; }\n  .stk-hero__particle--6 { width: 2px; height: 2px; top: 12%; left: 48%; animation-delay: 5s; }<\/p>\n<p>  @keyframes stk-particle {\n    0%, 100% { opacity: 0; transform: translateY(0); }\n    50% { opacity: 0.35; transform: translateY(-18px); }\n  }<\/p>\n<p>  @keyframes stk-glow {\n    0%, 100% { box-shadow: 0 0 35px rgba(249, 115, 22, 0.3), 0 0 70px rgba(249, 115, 22, 0.1); }\n    50% { box-shadow: 0 0 50px rgba(249, 115, 22, 0.4), 0 0 100px rgba(249, 115, 22, 0.15); }\n  }<\/p>\n<p>  @keyframes stk-float {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(15px, -15px); }\n  }<\/p>\n<p>  \/* ===== \u4e3b\u5bb9\u5668 \u2014 grid \u5de6\u53f3\u5e03\u5c40\uff08\u4e0ev1\u4e00\u81f4\uff09 ===== *\/\n  .stk-hero__container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 3rem;\n    align-items: center;\n    position: relative;\n    z-index: 5;\n    width: 100%;\n  }<\/p>\n<p>  \/* ===== \u5de6\u4fa7\u5185\u5bb9 ===== *\/\n  .stk-hero__content {\n    max-width: 680px;\n  }<\/p>\n<p>  .stk-hero__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.35rem 1rem;\n    background: var(--stk-accent-glow);\n    border: 1px solid var(--stk-border-accent);\n    border-radius: 50px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--stk-accent);\n    letter-spacing: 0.04em;\n    margin-bottom: 1.2rem;\n    text-transform: uppercase;\n    animation: stk-fadeInDown 0.5s ease-out both;\n  }<\/p>\n<p>  .stk-hero__badge-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--stk-accent);\n    border-radius: 50%;\n    flex-shrink: 0;\n    animation: stk-pulse 2s ease-in-out infinite;\n  }<\/p>\n<p>  @keyframes stk-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.8); }\n  }<\/p>\n<p>  .stk-hero__title {\n    font-size: clamp(2rem, 3.8vw, 3rem);\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--stk-text);\n    margin-bottom: 0.9rem;\n    animation: stk-fadeInUp 0.6s ease-out 0.08s both;\n  }<\/p>\n<p>  .stk-hero__highlight {\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  .stk-hero__subtitle {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: var(--stk-text2);\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    animation: stk-fadeInUp 0.6s ease-out 0.16s both;\n  }<\/p>\n<p>  .stk-hero__actions {\n    display: flex;\n    gap: 0.8rem;\n    flex-wrap: wrap;\n    margin-bottom: 1.5rem;\n    animation: stk-fadeInUp 0.6s ease-out 0.24s both;\n  }<\/p>\n<p>  .stk-hero__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.7rem 1.5rem;\n    border-radius: 9px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: none;\n    font-family: inherit;\n    line-height: 1.4;\n  }<\/p>\n<p>  .stk-hero__btn--primary {\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    color: #fff;\n    box-shadow: 0 4px 22px rgba(249, 115, 22, 0.28);\n  }<\/p>\n<p>  .stk-hero__btn--primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(249, 115, 22, 0.4);\n  }<\/p>\n<p>  .stk-hero__btn-arrow {\n    transition: transform 0.3s ease;\n  }<\/p>\n<p>  .stk-hero__btn--primary:hover .stk-hero__btn-arrow {\n    transform: translateX(3px);\n  }<\/p>\n<p>  .stk-hero__btn--secondary {\n    background: rgba(255, 255, 255, 0.05);\n    color: var(--stk-text2);\n    border: 1px solid var(--stk-border);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }<\/p>\n<p>  .stk-hero__btn--secondary:hover {\n    background: rgba(255, 255, 255, 0.09);\n    border-color: rgba(255, 255, 255, 0.16);\n    color: var(--stk-text);\n    transform: translateY(-2px);\n  }<\/p>\n<p>  .stk-hero__btn-icon { flex-shrink: 0; }<\/p>\n<p>  .stk-hero__trust {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n    flex-wrap: wrap;\n    animation: stk-fadeInUp 0.6s ease-out 0.36s both;\n  }<\/p>\n<p>  .stk-hero__trust-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    font-size: 0.73rem;\n    color: var(--stk-text3);\n    font-weight: 500;\n  }<\/p>\n<p>  .stk-hero__trust-item svg {\n    color: var(--stk-accent);\n    flex-shrink: 0;\n  }<\/p>\n<p>  .stk-hero__trust-divider {\n    width: 1px;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.12);\n    flex-shrink: 0;\n  }<\/p>\n<p>  \/* ===== \u53f3\u4fa7\u5361\u7247\u7ec4\uff08\u4e0ev1\u4e00\u81f4\uff09 ===== *\/\n  .stk-hero__visual {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n    animation: stk-fadeInRight 0.7s ease-out 0.25s both;\n  }<\/p>\n<p>  .stk-hero__card {\n    background: rgba(20, 26, 42, 0.7);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid var(--stk-border);\n    border-radius: 14px;\n    padding: 1.2rem;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .stk-hero__card:hover {\n    border-color: var(--stk-border-accent);\n    background: rgba(20, 26, 42, 0.85);\n  }<\/p>\n<p>  \/* Stats *\/\n  .stk-hero__card--stats {\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    padding: 1.4rem 1.2rem;\n    background: linear-gradient(135deg, rgba(20, 26, 42, 0.75) 0%, rgba(249, 115, 22, 0.04) 100%);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border-color: var(--stk-border-accent);\n  }<\/p>\n<p>  .stk-hero__stat { text-align: center; flex: 1; }<\/p>\n<p>  .stk-hero__stat-number {\n    display: block;\n    font-size: 1.8rem;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.2;\n  }<\/p>\n<p>  .stk-hero__stat-number small {\n    font-size: 0.5em;\n    font-weight: 600;\n    opacity: 0.8;\n  }<\/p>\n<p>  .stk-hero__stat-label {\n    display: block;\n    font-size: 0.68rem;\n    color: var(--stk-text3);\n    font-weight: 500;\n    margin-top: 0.2rem;\n    letter-spacing: 0.02em;\n  }<\/p>\n<p>  .stk-hero__stat-divider {\n    width: 1px;\n    height: 38px;\n    background: var(--stk-border);\n    flex-shrink: 0;\n  }<\/p>\n<p>  \/* Card Row *\/\n  .stk-hero__card-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0.8rem;\n  }<\/p>\n<p>  \/* Cert Cards *\/\n  .stk-hero__card--cert {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n    padding: 1rem;\n  }<\/p>\n<p>  .stk-hero__card-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: var(--stk-accent-glow);\n    border: 1px solid var(--stk-border-accent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--stk-accent);\n    flex-shrink: 0;\n  }<\/p>\n<p>  .stk-hero__card-icon--green {\n    background: var(--stk-green-glow);\n    border-color: rgba(34, 197, 94, 0.25);\n    color: var(--stk-green);\n  }<\/p>\n<p>  .stk-hero__card-text strong {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--stk-text);\n    line-height: 1.3;\n  }<\/p>\n<p>  .stk-hero__card-text span {\n    display: block;\n    font-size: 0.7rem;\n    color: var(--stk-text3);\n    font-weight: 400;\n    margin-top: 0.1rem;\n  }<\/p>\n<p>  \/* Products *\/\n  .stk-hero__card--products {\n    padding: 1rem 1.2rem;\n  }<\/p>\n<p>  .stk-hero__products-label {\n    display: block;\n    font-size: 0.67rem;\n    font-weight: 600;\n    color: var(--stk-text3);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 0.6rem;\n  }<\/p>\n<p>  .stk-hero__products-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n  }<\/p>\n<p>  .stk-hero__tag {\n    display: inline-block;\n    padding: 0.28rem 0.7rem;\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--stk-text2);\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid var(--stk-border);\n    border-radius: 7px;\n    transition: all 0.3s ease;\n    cursor: default;\n  }<\/p>\n<p>  .stk-hero__tag:hover {\n    background: var(--stk-accent-glow);\n    border-color: var(--stk-border-accent);\n    color: var(--stk-accent);\n  }<\/p>\n<p>  \/* ===== \u5e95\u90e8\u6e10\u53d8 ===== *\/\n  .stk-hero__bottom-fade {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 80px;\n    background: linear-gradient(to bottom, transparent, var(--stk-bg));\n    z-index: 4;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* ===== \u52a8\u753b ===== *\/\n  @keyframes stk-fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  @keyframes stk-fadeInDown {\n    from { opacity: 0; transform: translateY(-14px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  @keyframes stk-fadeInRight {\n    from { opacity: 0; transform: translateX(35px); }\n    to { opacity: 1; transform: translateX(0); }\n  }<\/p>\n<p>  \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n  @media (max-width: 1024px) {\n    .stk-hero {\n      height: auto;\n      min-height: 480px;\n      max-height: none;\n      padding: 5rem 1.5rem 3rem;\n    }<\/p>\n<p>    .stk-hero__container {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }<\/p>\n<p>    .stk-hero__content {\n      max-width: 100%;\n      text-align: center;\n    }<\/p>\n<p>    .stk-hero__actions { justify-content: center; }\n    .stk-hero__trust { justify-content: center; }<\/p>\n<p>    .stk-hero__visual {\n      max-width: 520px;\n      margin: 0 auto;\n      width: 100%;\n    }<\/p>\n<p>    .stk-hero__overlay {\n      background:\n        linear-gradient(180deg,\n          rgba(10, 14, 26, 0.92) 0%,\n          rgba(10, 14, 26, 0.82) 60%,\n          rgba(10, 14, 26, 0.72) 100%\n        );\n    }<\/p>\n<p>    .stk-hero__sun { top: 4%; right: 5%; width: 70px; height: 70px; }\n    .stk-hero__sun-core { width: 18px; height: 18px; }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .stk-hero {\n      padding: 4rem 1rem 2rem;\n      min-height: 400px;\n    }<\/p>\n<p>    .stk-hero__title { font-size: 1.65rem; }\n    .stk-hero__subtitle { font-size: 0.88rem; }<\/p>\n<p>    .stk-hero__actions {\n      flex-direction: column;\n      align-items: stretch;\n    }<\/p>\n<p>    .stk-hero__btn {\n      justify-content: center;\n      padding: 0.75rem 1.3rem;\n    }<\/p>\n<p>    .stk-hero__trust {\n      flex-direction: column;\n      gap: 0.35rem;\n    }<\/p>\n<p>    .stk-hero__trust-divider { display: none; }<\/p>\n<p>    .stk-hero__card--stats {\n      flex-direction: column;\n      gap: 0.8rem;\n    }<\/p>\n<p>    .stk-hero__stat-divider {\n      width: 50px;\n      height: 1px;\n    }<\/p>\n<p>    .stk-hero__card-row { grid-template-columns: 1fr; }\n    .stk-hero__sun { display: none; }\n  }\n<\/style>\n<p><!-- ============================================\n     SECTION 2: Build Your Solar Business\n     \u6de1\u8272\u80cc\u666f \u00b7 \u56fe\u6587\u591a\u56fe\u8bbe\u8ba1\n     ============================================ --><\/p>\n<section class=\"stk-partner\" id=\"stk-partner-section\">\n<div class=\"stk-partner__container\">\n<div class=\"stk-partner__header\">\n      <span class=\"stk-partner__label\">Strategic Partnership<\/span><\/p>\n<h2 class=\"stk-partner__title\">\n        Build Your Solar Business with a <span class=\"stk-partner__title-hl\">Reliable Manufacturing Partner<\/span><br \/>\n      <\/h2>\n<\/p><\/div>\n<div class=\"stk-partner__body\">\n      <!-- \u5de6\u4fa7\u56fe\u7247\u7f51\u683c --><\/p>\n<div class=\"stk-partner__gallery\">\n<div class=\"stk-partner__img stk-partner__img--main\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u5e73\u677f\u70ed\u80fd\u57fa\u5730-2.png\" alt=\"Solar panel installation on commercial rooftop\" loading=\"lazy\"><\/p>\n<div class=\"stk-partner__img-tag\">Manufacturing Base<\/div>\n<\/p><\/div>\n<div class=\"stk-partner__img stk-partner__img--sm\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Solar panel array field installation\" loading=\"lazy\"><\/p>\n<div class=\"stk-partner__img-tag\">Project Delivery<\/div>\n<\/p><\/div>\n<div class=\"stk-partner__img stk-partner__img--sm\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558449028-b53a39d100fc?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Solar thermal system on building\" loading=\"lazy\"><\/p>\n<div class=\"stk-partner__img-tag\">Commercial Systems<\/div>\n<\/p><\/div>\n<div class=\"stk-partner__img stk-partner__img--sm\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/image5-2.png\" alt=\"Engineer inspecting solar installation\" loading=\"lazy\"><\/p>\n<div class=\"stk-partner__img-tag\">Technical Support<\/div>\n<\/p><\/div>\n<div class=\"stk-partner__img stk-partner__img--sm\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Solar panels at sunrise\" loading=\"lazy\"><\/p>\n<div class=\"stk-partner__img-tag\">Global Reach<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u6587\u6848 --><\/p>\n<div class=\"stk-partner__text\">\n<p class=\"stk-partner__desc\">\n          SOLETKS works with distributors, importers, installers, EPC contractors, and brand partners who are looking for dependable solar thermal products and long-term cooperation.\n        <\/p>\n<p class=\"stk-partner__desc\">\n          With a strong manufacturing base, a broad product portfolio, international project experience, and responsive technical support, we help our partners grow in residential, commercial, and project markets.\n        <\/p>\n<p class=\"stk-partner__desc\">\n          Whether you want to expand your local distribution business, develop an engineering channel, or launch your own branded solar thermal line, SOLETKS provides the products, expertise, and support to move faster with confidence.\n        <\/p>\n<div class=\"stk-partner__roles\">\n          <span class=\"stk-partner__role\"><br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4-4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg><br \/>\n            Distributors<br \/>\n          <\/span><br \/>\n          <span class=\"stk-partner__role\"><br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg><br \/>\n            Importers<br \/>\n          <\/span><br \/>\n          <span class=\"stk-partner__role\"><br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/><\/svg><br \/>\n            Installers<br \/>\n          <\/span><br \/>\n          <span class=\"stk-partner__role\"><br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 7V5a4 4 0 00-8 0v2\"\/><\/svg><br \/>\n            EPC Contractors<br \/>\n          <\/span><br \/>\n          <span class=\"stk-partner__role\"><br \/>\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><br \/>\n            Brand Partners (OEM\/ODM)<br \/>\n          <\/span>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 3: Why Distributors Choose SOLETKS\n     \u6de1\u8272\u80cc\u666f \u00b7 6\u5927\u4f18\u52bf\u5361\u7247\n     ============================================ --><\/p>\n<section class=\"stk-why\" id=\"stk-why-section\">\n<div class=\"stk-why__container\">\n<div class=\"stk-why__header\">\n      <span class=\"stk-why__label\">Our Advantages<\/span><\/p>\n<h2 class=\"stk-why__title\">\n        Why Distributors Choose <span class=\"stk-why__title-hl\">SOLETKS<\/span><br \/>\n      <\/h2>\n<\/p><\/div>\n<div class=\"stk-why__banner\">\n<div class=\"stk-why__banner-img\">\n        <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484017445_676012578189234_7579065853112377065_n.jpg\" alt=\"Solar panel field at sunrise\" loading=\"lazy\">\n      <\/div>\n<div class=\"stk-why__banner-overlay\"><\/div>\n<div class=\"stk-why__banner-text\">\n        <span>Trusted by partners in 50+ countries<\/span>\n      <\/div>\n<\/p><\/div>\n<div class=\"stk-why__grid\">\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">01<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Manufacturer, Not a Middleman<\/h3>\n<p class=\"stk-why__card-desc\">Work directly with an established solar thermal manufacturer with proven production capacity, stable quality control, and export experience.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/1757748928823162.jpg.webp\" alt=\"Solar panel manufacturing factory\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">02<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Complete Solar Thermal Product Range<\/h3>\n<p class=\"stk-why__card-desc\">Offer your market more than a single product. SOLETKS provides flat plate solar collectors, solar water heaters, engineering hot water collectors, PVT solutions, and related system options.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/494685619_1404751250597164_7706161979368977777_n.jpg\" alt=\"Solar collectors variety\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">03<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Built for Residential &#038; Commercial Markets<\/h3>\n<p class=\"stk-why__card-desc\">From household water heating to hotels, schools, apartment buildings, and centralized hot water projects, our product range supports both retail and project-based sales.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/12\/850X850.jpeg\" alt=\"Commercial building\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">04<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Certified for International Markets<\/h3>\n<p class=\"stk-why__card-desc\">Our products and manufacturing systems are supported by internationally recognized certifications and quality management processes, helping distributors build trust.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497608519_122101977344869367_1519297593609875512_n.jpg\" alt=\"Quality certification\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">05<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Technical Support That Helps You Close Deals<\/h3>\n<p class=\"stk-why__card-desc\">We support our partners with product selection, system recommendations, technical communication, training, documentation, and after-sales assistance.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/528713724_785223243934833_6929634398165643764_n.jpg\" alt=\"Technical team support\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<div class=\"stk-why__card\">\n<div class=\"stk-why__card-top\">\n<div class=\"stk-why__card-num\">06<\/div>\n<div class=\"stk-why__card-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\n          <\/div>\n<\/p><\/div>\n<h3 class=\"stk-why__card-title\">Export-Ready Delivery<\/h3>\n<p class=\"stk-why__card-desc\">With global shipping experience, export packaging, and documentation support, SOLETKS helps simplify international procurement and delivery.<\/p>\n<div class=\"stk-why__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/483488671_675686678221824_2602319180514442790_n.jpg\" alt=\"Global shipping export\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 4: A Stronger Partner \u2014 \u6570\u636e\u4fe1\u4efb\n     \u6de1\u8272\u80cc\u666f \u00b7 \u5e26\u80cc\u666f\u56fe\u6de1\u8499\u7248\n     ============================================ --><\/p>\n<section class=\"stk-data\" id=\"stk-data-section\">\n<div class=\"stk-data__bg-img\"><\/div>\n<div class=\"stk-data__overlay\"><\/div>\n<div class=\"stk-data__container\">\n<div class=\"stk-data__header\">\n      <span class=\"stk-data__label\">Proven Track Record<\/span><\/p>\n<h2 class=\"stk-data__title\">\n        A Stronger Partner for <span class=\"stk-data__title-hl\">Long-Term Growth<\/span><br \/>\n      <\/h2>\n<\/p><\/div>\n<div class=\"stk-data__grid\">\n<div class=\"stk-data__card\">\n<div class=\"stk-data__card-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg>\n        <\/div>\n<div class=\"stk-data__card-value\">7.0<small>GW<sub>th<\/sub><\/small><\/div>\n<div class=\"stk-data__card-name\">Annual Production Capacity<\/div>\n<div class=\"stk-data__card-desc\">Stable manufacturing support for long-term supply<\/div>\n<div class=\"stk-data__card-bar\">\n<div class=\"stk-data__card-bar-fill stk-data__card-bar-fill--1\"><\/div>\n<\/div><\/div>\n<div class=\"stk-data__card\">\n<div class=\"stk-data__card-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n        <\/div>\n<div class=\"stk-data__card-value\">117<small>+<\/small><\/div>\n<div class=\"stk-data__card-name\">Patented Technologies<\/div>\n<div class=\"stk-data__card-desc\">Innovation-driven product development<\/div>\n<div class=\"stk-data__card-bar\">\n<div class=\"stk-data__card-bar-fill stk-data__card-bar-fill--2\"><\/div>\n<\/div><\/div>\n<div class=\"stk-data__card\">\n<div class=\"stk-data__card-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\n        <\/div>\n<div class=\"stk-data__card-value\">50<small>+<\/small><\/div>\n<div class=\"stk-data__card-name\">Global Project Experience<\/div>\n<div class=\"stk-data__card-desc\">Proven application in multiple markets and climates<\/div>\n<div class=\"stk-data__card-bar\">\n<div class=\"stk-data__card-bar-fill stk-data__card-bar-fill--3\"><\/div>\n<\/div><\/div>\n<div class=\"stk-data__card\">\n<div class=\"stk-data__card-icon\">\n          <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n        <\/div>\n<div class=\"stk-data__card-value\">ISO<small>&#038;<\/small><\/div>\n<div class=\"stk-data__card-name\">Certified Manufacturing &#038; QC<\/div>\n<div class=\"stk-data__card-desc\">Built for consistent performance and export confidence<\/div>\n<div class=\"stk-data__card-bar\">\n<div class=\"stk-data__card-bar-fill stk-data__card-bar-fill--4\"><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<div class=\"stk-data__certs\">\n      <span class=\"stk-data__certs-label\">Certifications:<\/span><\/p>\n<div class=\"stk-data__certs-list\">\n        <span class=\"stk-data__cert-badge\">Solar Keymark<\/span><br \/>\n        <span class=\"stk-data__cert-badge\">CE<\/span><br \/>\n        <span class=\"stk-data__cert-badge\">ISO 9001<\/span><br \/>\n        <span class=\"stk-data__cert-badge\">ISO 14001<\/span><br \/>\n        <span class=\"stk-data__cert-badge\">ISO 45001<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SCOPED STYLES \u2014 \u6de1\u8272\u7248\n     ============================================ --><\/p>\n<style>\n  \/* ==============================================\n     SECTION 2 \u2014 PARTNER\n     ============================================== *\/\n  .stk-partner {\n    --sp-bg: #f8f9fb;\n    --sp-white: #ffffff;\n    --sp-accent: #f97316;\n    --sp-accent2: #f59e0b;\n    --sp-accent-soft: rgba(249, 115, 22, 0.08);\n    --sp-accent-border: rgba(249, 115, 22, 0.2);\n    --sp-heading: #111827;\n    --sp-body: #4b5563;\n    --sp-muted: #9ca3af;\n    --sp-border: #e5e7eb;\n    --sp-shadow: rgba(0, 0, 0, 0.06);<\/p>\n<p>    background: var(--sp-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sp-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .stk-partner *, .stk-partner *::before, .stk-partner *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .stk-partner__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-partner__header { text-align: center; margin-bottom: 4rem; }<\/p>\n<p>  .stk-partner__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sp-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sp-accent-soft);\n    border: 1px solid var(--sp-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .stk-partner__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sp-heading);\n  }<\/p>\n<p>  .stk-partner__title-hl {\n    background: linear-gradient(135deg, var(--sp-accent), var(--sp-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* Body *\/\n  .stk-partner__body {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 3.5rem;\n    align-items: start;\n  }<\/p>\n<p>  \/* \u56fe\u7247\u7f51\u683c \u2014 1\u5927+4\u5c0f *\/\n  .stk-partner__gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto auto;\n    gap: 0.75rem;\n  }<\/p>\n<p>  .stk-partner__img {\n    position: relative;\n    border-radius: 14px;\n    overflow: hidden;\n    background: var(--sp-white);\n    box-shadow: 0 2px 12px var(--sp-shadow);\n    transition: all 0.4s ease;\n  }<\/p>\n<p>  .stk-partner__img:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);\n  }<\/p>\n<p>  .stk-partner__img img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }<\/p>\n<p>  .stk-partner__img:hover img { transform: scale(1.05); }<\/p>\n<p>  .stk-partner__img--main {\n    grid-column: 1 \/ -1;\n    height: 280px;\n  }<\/p>\n<p>  .stk-partner__img--sm { height: 175px; }<\/p>\n<p>  .stk-partner__img-tag {\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n    padding: 0.22rem 0.65rem;\n    background: rgba(255, 255, 255, 0.92);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n    border-radius: 6px;\n    font-size: 0.68rem;\n    font-weight: 700;\n    color: var(--sp-accent);\n    letter-spacing: 0.02em;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  }<\/p>\n<p>  \/* \u53f3\u4fa7\u6587\u6848 *\/\n  .stk-partner__text { padding-top: 0.5rem; }<\/p>\n<p>  .stk-partner__desc {\n    font-size: 0.98rem;\n    line-height: 1.8;\n    color: var(--sp-body);\n    margin-bottom: 1.1rem;\n  }\n  .stk-partner__desc:last-of-type { margin-bottom: 2rem; }<\/p>\n<p>  .stk-partner__roles {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.55rem;\n  }<\/p>\n<p>  .stk-partner__role {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.45rem 1rem;\n    background: var(--sp-white);\n    border: 1px solid var(--sp-border);\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: var(--sp-body);\n    transition: all 0.3s ease;\n    cursor: default;\n    box-shadow: 0 1px 4px var(--sp-shadow);\n  }<\/p>\n<p>  .stk-partner__role svg { color: var(--sp-accent); flex-shrink: 0; }<\/p>\n<p>  .stk-partner__role:hover {\n    background: var(--sp-accent-soft);\n    border-color: var(--sp-accent-border);\n    color: var(--sp-accent);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.1);\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 3 \u2014 WHY SOLETKS\n     ============================================== *\/\n  .stk-why {\n    --sw-bg: #ffffff;\n    --sw-card: #f8f9fb;\n    --sw-accent: #f97316;\n    --sw-accent2: #f59e0b;\n    --sw-accent-soft: rgba(249, 115, 22, 0.07);\n    --sw-accent-border: rgba(249, 115, 22, 0.18);\n    --sw-heading: #111827;\n    --sw-body: #4b5563;\n    --sw-muted: #9ca3af;\n    --sw-border: #e5e7eb;\n    --sw-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--sw-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sw-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .stk-why *, .stk-why *::before, .stk-why *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .stk-why__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-why__header { text-align: center; margin-bottom: 3rem; }<\/p>\n<p>  .stk-why__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sw-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .stk-why__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sw-heading);\n  }<\/p>\n<p>  .stk-why__title-hl {\n    background: linear-gradient(135deg, var(--sw-accent), var(--sw-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* Banner *\/\n  .stk-why__banner {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    height: 210px;\n    margin-bottom: 2rem;\n    box-shadow: 0 4px 24px var(--sw-shadow);\n  }<\/p>\n<p>  .stk-why__banner-img { position: absolute; inset: 0; }\n  .stk-why__banner-img img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .stk-why__banner-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(17, 24, 39, 0.75) 0%, rgba(17, 24, 39, 0.2) 100%);\n  }<\/p>\n<p>  .stk-why__banner-text {\n    position: absolute;\n    bottom: 1.5rem;\n    left: 2rem;\n    z-index: 1;\n  }<\/p>\n<p>  .stk-why__banner-text span {\n    font-size: 1.15rem;\n    font-weight: 700;\n    color: #fff;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.4);\n  }<\/p>\n<p>  \/* 6\u5361\u7247 *\/\n  .stk-why__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.2rem;\n  }<\/p>\n<p>  .stk-why__card {\n    background: var(--sw-card);\n    border: 1px solid var(--sw-border);\n    border-radius: 16px;\n    padding: 1.5rem;\n    transition: all 0.35s ease;\n    display: flex;\n    flex-direction: column;\n  }<\/p>\n<p>  .stk-why__card:hover {\n    border-color: var(--sw-accent-border);\n    background: #fff;\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08), 0 0 0 1px var(--sw-accent-border);\n  }<\/p>\n<p>  .stk-why__card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1rem;\n  }<\/p>\n<p>  .stk-why__card-num {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--sw-accent);\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    padding: 0.2rem 0.6rem;\n    border-radius: 6px;\n    letter-spacing: 0.06em;\n  }<\/p>\n<p>  .stk-why__card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--sw-accent);\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .stk-why__card:hover .stk-why__card-icon {\n    background: linear-gradient(135deg, var(--sw-accent), var(--sw-accent2));\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.25);\n  }<\/p>\n<p>  .stk-why__card-title {\n    font-size: 1.02rem;\n    font-weight: 700;\n    color: var(--sw-heading);\n    margin-bottom: 0.5rem;\n    line-height: 1.3;\n  }<\/p>\n<p>  .stk-why__card-desc {\n    font-size: 0.84rem;\n    line-height: 1.65;\n    color: var(--sw-muted);\n    margin-bottom: 1rem;\n    flex: 1;\n  }<\/p>\n<p>  .stk-why__card-img {\n    border-radius: 10px;\n    overflow: hidden;\n    height: 130px;\n  }<\/p>\n<p>  .stk-why__card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n  }<\/p>\n<p>  .stk-why__card:hover .stk-why__card-img img { transform: scale(1.06); }<\/p>\n<p>  \/* ==============================================\n     SECTION 4 \u2014 DATA TRUST\n     ============================================== *\/\n  .stk-data {\n    --sd-bg: #f1f3f7;\n    --sd-card: #ffffff;\n    --sd-accent: #f97316;\n    --sd-accent2: #f59e0b;\n    --sd-accent-soft: rgba(249, 115, 22, 0.07);\n    --sd-accent-border: rgba(249, 115, 22, 0.18);\n    --sd-heading: #111827;\n    --sd-body: #4b5563;\n    --sd-muted: #9ca3af;\n    --sd-border: #e5e7eb;\n    --sd-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    position: relative;\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sd-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .stk-data *, .stk-data *::before, .stk-data *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .stk-data__bg-img {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?auto=format&fit=crop&w=1920&q=80') center center \/ cover no-repeat;\n  }<\/p>\n<p>  .stk-data__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(180deg,\n      rgba(241, 243, 247, 0.95) 0%,\n      rgba(241, 243, 247, 0.88) 50%,\n      rgba(241, 243, 247, 0.95) 100%\n    );\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n  }<\/p>\n<p>  .stk-data__container {\n    max-width: 1400px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }<\/p>\n<p>  .stk-data__header { text-align: center; margin-bottom: 3.5rem; }<\/p>\n<p>  .stk-data__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sd-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .stk-data__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sd-heading);\n  }<\/p>\n<p>  .stk-data__title-hl {\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* 4\u6570\u636e\u5361\u7247 *\/\n  .stk-data__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1.2rem;\n    margin-bottom: 2.5rem;\n  }<\/p>\n<p>  .stk-data__card {\n    background: var(--sd-card);\n    border: 1px solid var(--sd-border);\n    border-radius: 16px;\n    padding: 2rem 1.5rem;\n    text-align: center;\n    transition: all 0.35s ease;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 2px 12px var(--sd-shadow);\n  }<\/p>\n<p>  .stk-data__card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--sd-accent), var(--sd-accent2));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }<\/p>\n<p>  .stk-data__card:hover {\n    border-color: var(--sd-accent-border);\n    transform: translateY(-6px);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--sd-accent-border);\n  }<\/p>\n<p>  .stk-data__card:hover::before { opacity: 1; }<\/p>\n<p>  .stk-data__card-icon {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--sd-accent);\n    margin: 0 auto 1.2rem;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .stk-data__card:hover .stk-data__card-icon {\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.25);\n  }<\/p>\n<p>  .stk-data__card-value {\n    font-size: 2.6rem;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 0.4rem;\n  }<\/p>\n<p>  .stk-data__card-value small {\n    font-size: 0.4em;\n    font-weight: 700;\n    opacity: 0.85;\n  }<\/p>\n<p>  .stk-data__card-value small sub { font-size: 0.8em; }<\/p>\n<p>  .stk-data__card-name {\n    font-size: 0.92rem;\n    font-weight: 700;\n    color: var(--sd-heading);\n    margin-bottom: 0.4rem;\n  }<\/p>\n<p>  .stk-data__card-desc {\n    font-size: 0.78rem;\n    color: var(--sd-muted);\n    line-height: 1.5;\n    margin-bottom: 1.2rem;\n  }<\/p>\n<p>  .stk-data__card-bar {\n    height: 4px;\n    background: #f0f0f0;\n    border-radius: 4px;\n    overflow: hidden;\n  }<\/p>\n<p>  .stk-data__card-bar-fill {\n    height: 100%;\n    border-radius: 4px;\n    background: linear-gradient(90deg, var(--sd-accent), var(--sd-accent2));\n    transition: width 1.5s ease;\n  }<\/p>\n<p>  .stk-data__card-bar-fill--1 { width: 92%; }\n  .stk-data__card-bar-fill--2 { width: 78%; }\n  .stk-data__card-bar-fill--3 { width: 85%; }\n  .stk-data__card-bar-fill--4 { width: 95%; }<\/p>\n<p>  \/* \u8ba4\u8bc1\u6761 *\/\n  .stk-data__certs {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    flex-wrap: wrap;\n    padding: 1.3rem 2rem;\n    background: var(--sd-card);\n    border: 1px solid var(--sd-border);\n    border-radius: 14px;\n    box-shadow: 0 2px 12px var(--sd-shadow);\n  }<\/p>\n<p>  .stk-data__certs-label {\n    font-size: 0.78rem;\n    font-weight: 700;\n    color: var(--sd-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }<\/p>\n<p>  .stk-data__certs-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-items: center;\n  }<\/p>\n<p>  .stk-data__cert-badge {\n    display: inline-block;\n    padding: 0.3rem 0.8rem;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sd-accent);\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    border-radius: 6px;\n    letter-spacing: 0.02em;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .stk-data__cert-badge:hover {\n    background: rgba(249, 115, 22, 0.14);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.12);\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 ALL SECTIONS (LIGHT)\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .stk-partner__body {\n      grid-template-columns: 1fr;\n      gap: 2.5rem;\n    }\n    .stk-partner__gallery {\n      max-width: 620px;\n      margin: 0 auto;\n    }\n    .stk-why__grid { grid-template-columns: repeat(2, 1fr); }\n    .stk-data__grid { grid-template-columns: repeat(2, 1fr); }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .stk-partner, .stk-why, .stk-data { padding: 4rem 1.2rem; }\n    .stk-partner__img--main { height: 220px; }\n    .stk-partner__img--sm { height: 150px; }\n    .stk-why__banner { height: 160px; }\n    .stk-why__grid { grid-template-columns: 1fr; gap: 1rem; }\n    .stk-why__card-img { height: 120px; }\n    .stk-data__grid { grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n    .stk-data__card { padding: 1.5rem 1rem; }\n    .stk-data__card-value { font-size: 2rem; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .stk-partner__gallery { grid-template-columns: 1fr; }\n    .stk-partner__img--main { height: 200px; }\n    .stk-partner__img--sm { height: 170px; }\n    .stk-partner__roles { flex-direction: column; }\n    .stk-data__grid { grid-template-columns: 1fr; }\n    .stk-data__certs { flex-direction: column; text-align: center; }\n    .stk-data__certs-list { justify-content: center; }\n  }\n<\/style>\n<p><!-- ============================================\n     SECTION 5: Who We Work With\n     ============================================ --><\/p>\n<section class=\"stk-who\" id=\"stk-who-section\">\n<div class=\"stk-who__container\">\n<div class=\"stk-who__header\">\n      <span class=\"stk-who__label\">Partnership Scope<\/span><\/p>\n<h2 class=\"stk-who__title\">Who We <span class=\"stk-who__title-hl\">Work With<\/span><\/h2>\n<p class=\"stk-who__intro\">SOLETKS welcomes cooperation with:<\/p>\n<\/p><\/div>\n<div class=\"stk-who__grid\">\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499670549_122107377740869367_877933122360364159_n.jpg\" alt=\"Distributor warehouse\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4-4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">Distributors<\/h3>\n<p class=\"stk-who__card-desc\">Looking to expand their renewable energy product portfolio with trusted solar thermal products.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/497466708_122101977332869367_3719270567425807432_n.jpg\" alt=\"Import shipping port\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">Importers &#038; Wholesalers<\/h3>\n<p class=\"stk-who__card-desc\">Seeking factory-direct solar thermal supply with competitive pricing and export-ready delivery.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/484223262_676012298189262_2221024287430093839_n.jpg\" alt=\"Solar installer at work\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">Installers<\/h3>\n<p class=\"stk-who__card-desc\">Needing reliable products and responsive technical backup for residential and commercial jobs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/499317750_122107377854869367_2725729609403097798_n.jpg\" alt=\"EPC construction site\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><path d=\"M16 7V5a4 4 0 00-8 0v2\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">EPC Contractors<\/h3>\n<p class=\"stk-who__card-desc\">Working on hot water and heating projects that require proven, certified solar thermal systems.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/562390049_122147862644869367_200812617978916262_n.jpg\" alt=\"OEM manufacturing line\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 21 12 17.27 5.82 21 7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">Brand Owners (OEM\/ODM)<\/h3>\n<p class=\"stk-who__card-desc\">Looking for professional manufacturing support to launch or grow their own branded solar thermal line.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__card\">\n<div class=\"stk-who__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/image5-1.jpeg\" alt=\"Project developer meeting\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-who__card-body\">\n<div class=\"stk-who__card-icon\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\n          <\/div>\n<h3 class=\"stk-who__card-title\">Project Developers<\/h3>\n<p class=\"stk-who__card-desc\">Sourcing solar thermal systems for commercial, institutional, and large-scale project applications.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-who__footer\">\n<p>If your business serves <strong>residential, commercial, hospitality, institutional, agricultural, or project markets<\/strong>, we can help match the right products and support model to your needs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 6: Products You Can Bring to Your Market\n     ============================================ --><\/p>\n<section class=\"stk-prod\" id=\"stk-prod-section\">\n<div class=\"stk-prod__container\">\n<div class=\"stk-prod__header\">\n      <span class=\"stk-prod__label\">Product Portfolio<\/span><\/p>\n<h2 class=\"stk-prod__title\">Products You Can Bring to <span class=\"stk-prod__title-hl\">Your Market<\/span><\/h2>\n<\/p><\/div>\n<div class=\"stk-prod__grid\">\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&#038;fit=crop&#038;w=700&#038;q=80\" alt=\"Flat plate solar collectors\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">Core Product<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">Flat Plate Solar Collectors<\/h3>\n<p class=\"stk-prod__card-desc\">Efficient and durable collector solutions for residential and commercial hot water applications.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Residential<\/span><span>Commercial<\/span><span>Hot Water<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/image9.jpeg\" alt=\"Solar water heaters\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">Best Seller<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">Solar Water Heaters<\/h3>\n<p class=\"stk-prod__card-desc\">Reliable solar water heating systems for household, villa, hotel, and project use.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Household<\/span><span>Villa<\/span><span>Hotel<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558449028-b53a39d100fc?auto=format&#038;fit=crop&#038;w=700&#038;q=80\" alt=\"Engineering hot water collectors\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">Commercial<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">Engineering Hot Water Collectors<\/h3>\n<p class=\"stk-prod__card-desc\">Designed for larger-scale commercial and centralized hot water systems.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Centralized<\/span><span>Large Scale<\/span><span>Project<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&#038;fit=crop&#038;w=700&#038;q=80\" alt=\"Large size flat plate collectors\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">High Capacity<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">Large-Size Flat Plate Collectors<\/h3>\n<p class=\"stk-prod__card-desc\">Ideal for projects that require higher capacity, better installation efficiency, and large-area system deployment.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Industrial<\/span><span>High Output<\/span><span>Efficiency<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559302504-64aae6ca6b6d?auto=format&#038;fit=crop&#038;w=700&#038;q=80\" alt=\"PVT solar panels\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">Hybrid<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">PVT Solar Solutions<\/h3>\n<p class=\"stk-prod__card-desc\">Hybrid solutions that combine thermal energy and electricity generation for higher roof value.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Thermal + PV<\/span><span>Dual Output<\/span><span>Innovative<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-prod__card\">\n<div class=\"stk-prod__card-img\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?auto=format&#038;fit=crop&#038;w=700&#038;q=80\" alt=\"Evacuated tube collectors\" loading=\"lazy\"><br \/>\n          <span class=\"stk-prod__card-badge\">Flexible<\/span>\n        <\/div>\n<div class=\"stk-prod__card-body\">\n<h3 class=\"stk-prod__card-title\">Evacuated Tube &#038; Thermal Solutions<\/h3>\n<p class=\"stk-prod__card-desc\">Additional options for markets and applications that require flexible system configurations.<\/p>\n<div class=\"stk-prod__card-tags\">\n            <span>Vacuum Tube<\/span><span>All Climate<\/span><span>Modular<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- \u5f15\u5bfcCTA --><\/p>\n<div class=\"stk-prod__cta-box\">\n<div class=\"stk-prod__cta-text\">\n<h3>Need help choosing the right product line for your market?<\/h3>\n<p>Tell us your target country, customer type, and preferred product range. Our team will recommend suitable solutions for your distribution business.<\/p>\n<\/p><\/div>\n<p>      <a href=\"#recommend\" class=\"stk-prod__cta-btn\"><br \/>\n        <span>Get Product Recommendation<\/span><br \/>\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n      <\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 7: What Support You Receive\n     ============================================ --><\/p>\n<section class=\"stk-support\" id=\"stk-support-section\">\n<div class=\"stk-support__container\">\n<div class=\"stk-support__header\">\n      <span class=\"stk-support__label\">Partner Benefits<\/span><\/p>\n<h2 class=\"stk-support__title\">What Support You Receive as a <span class=\"stk-support__title-hl\">SOLETKS Partner<\/span><\/h2>\n<\/p><\/div>\n<div class=\"stk-support__layout\">\n      <!-- \u5de6\u4fa7\u5927\u56fe --><\/p>\n<div class=\"stk-support__visual\">\n<div class=\"stk-support__visual-main\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/571653557_853762997080857_752229914828523357_n.jpg\" alt=\"Technical team collaboration\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-support__visual-row\">\n<div class=\"stk-support__visual-sm\">\n            <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/12\/1.jpeg\" alt=\"Documentation support\" loading=\"lazy\">\n          <\/div>\n<div class=\"stk-support__visual-sm\">\n            <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/image10-1.jpeg\" alt=\"Manufacturing facility\" loading=\"lazy\">\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa76\u6761\u652f\u6301\u9879 --><\/p>\n<div class=\"stk-support__list\">\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">01<\/div>\n<div class=\"stk-support__item-content\">\n<h3>Product &#038; Market Guidance<\/h3>\n<p>We help you identify suitable products based on your market, climate conditions, project types, and customer demand.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">02<\/div>\n<div class=\"stk-support__item-content\">\n<h3>Technical Consultation<\/h3>\n<p>Our team supports product selection, system matching, and technical communication for your inquiries and projects.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">03<\/div>\n<div class=\"stk-support__item-content\">\n<h3>Training Support<\/h3>\n<p>We provide product knowledge, technical guidance, and cooperation support to help your team promote the product line effectively.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">04<\/div>\n<div class=\"stk-support__item-content\">\n<h3>OEM \/ ODM Service<\/h3>\n<p>If you want to build your own brand, we support product customization, branding, and manufacturing cooperation based on your model.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">05<\/div>\n<div class=\"stk-support__item-content\">\n<h3>Documentation Support<\/h3>\n<p>We provide catalogs, technical materials, certificates, and export-related documentation to support your sales and procurement.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-support__item\">\n<div class=\"stk-support__item-num\">06<\/div>\n<div class=\"stk-support__item-content\">\n<h3>After-Sales Assistance<\/h3>\n<p>From installation guidance to spare parts coordination, we support long-term business relationships rather than one-time transactions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 8: Solutions for Multiple Market Segments\n     ============================================ --><\/p>\n<section class=\"stk-scenes\" id=\"stk-scenes-section\">\n<div class=\"stk-scenes__container\">\n<div class=\"stk-scenes__header\">\n      <span class=\"stk-scenes__label\">Application Scenarios<\/span><\/p>\n<h2 class=\"stk-scenes__title\">Solutions for Multiple <span class=\"stk-scenes__title-hl\">Market Segments<\/span><\/h2>\n<p class=\"stk-scenes__intro\">SOLETKS products support a wide range of end-use applications, helping distributors serve different customer groups with confidence.<\/p>\n<\/p><\/div>\n<div class=\"stk-scenes__grid\">\n<div class=\"stk-scenes__card stk-scenes__card--wide\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564013799919-ab600027ffc6?auto=format&#038;fit=crop&#038;w=900&#038;q=80\" alt=\"Modern residential home\" loading=\"lazy\"><\/p>\n<div class=\"stk-scenes__card-overlay\"><\/div>\n<div class=\"stk-scenes__card-content\">\n          <span class=\"stk-scenes__card-tag\">Residential<\/span><\/p>\n<h3>Homes, Villas &#038; Private Buildings<\/h3>\n<p>Reliable solar water heating for families seeking energy independence and lower utility costs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-scenes__card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Hotel resort pool\" loading=\"lazy\"><\/p>\n<div class=\"stk-scenes__card-overlay\"><\/div>\n<div class=\"stk-scenes__card-content\">\n          <span class=\"stk-scenes__card-tag\">Hospitality<\/span><\/p>\n<h3>Hotels, Resorts &#038; Guesthouses<\/h3>\n<p>Meeting ongoing hot water demand for accommodation projects with proven solar thermal systems.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-scenes__card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Commercial office building\" loading=\"lazy\"><\/p>\n<div class=\"stk-scenes__card-overlay\"><\/div>\n<div class=\"stk-scenes__card-content\">\n          <span class=\"stk-scenes__card-tag\">Commercial<\/span><\/p>\n<h3>Apartments, Offices &#038; Schools<\/h3>\n<p>Centralized hot water systems for apartment buildings, offices, schools, and institutions.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-scenes__card\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500382017468-9049fed747ef?auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Agricultural farm\" loading=\"lazy\"><\/p>\n<div class=\"stk-scenes__card-overlay\"><\/div>\n<div class=\"stk-scenes__card-content\">\n          <span class=\"stk-scenes__card-tag\">Industrial &#038; Agricultural<\/span><\/p>\n<h3>Farms, Factories &#038; Processing<\/h3>\n<p>Efficient thermal energy support for hot water and process-related industrial and agricultural needs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"stk-scenes__card stk-scenes__card--wide\">\n        <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/12\/1280X1280-1.png\" alt=\"Large scale engineering project\" loading=\"lazy\"><\/p>\n<div class=\"stk-scenes__card-overlay\"><\/div>\n<div class=\"stk-scenes__card-content\">\n          <span class=\"stk-scenes__card-tag\">Public &#038; Engineering<\/span><\/p>\n<h3>EPCs, Contractors &#038; Large-Scale Installations<\/h3>\n<p>For project contractors and developers working on government, institutional, and large-scale infrastructure projects requiring solar thermal systems.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SCOPED STYLES \u2014 SECTION 5-8 \u6de1\u8272\u7248\n     ============================================ --><\/p>\n<style>\n  \/* ==============================================\n     SECTION 5 \u2014 WHO WE WORK WITH\n     ============================================== *\/\n  .stk-who {\n    --s-bg: #ffffff;\n    --s-card: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);\n    --s-white: #ffffff;<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .stk-who *, .stk-who *::before, .stk-who *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-who__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-who__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-who__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-who__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 0.8rem;\n  }\n  .stk-who__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .stk-who__intro { font-size: 1.05rem; color: var(--s-body); }<\/p>\n<p>  .stk-who__grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 3rem;\n  }<\/p>\n<p>  .stk-who__card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 16px;\n    overflow: hidden; transition: all 0.35s ease;\n  }\n  .stk-who__card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.08), 0 0 0 1px var(--s-accent-border);\n    border-color: var(--s-accent-border);\n  }<\/p>\n<p>  .stk-who__card-img { height: 180px; overflow: hidden; }\n  .stk-who__card-img img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.5s ease;\n  }\n  .stk-who__card:hover .stk-who__card-img img { transform: scale(1.06); }<\/p>\n<p>  .stk-who__card-body { padding: 1.3rem 1.4rem 1.5rem; }<\/p>\n<p>  .stk-who__card-icon {\n    width: 42px; height: 42px; border-radius: 10px; background: var(--s-accent-soft);\n    border: 1px solid var(--s-accent-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-accent); margin-bottom: 0.8rem;\n    transition: all 0.3s ease;\n  }\n  .stk-who__card:hover .stk-who__card-icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; box-shadow: 0 4px 14px rgba(249,115,22,0.25);\n  }<\/p>\n<p>  .stk-who__card-title {\n    font-size: 1rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.4rem; line-height: 1.3;\n  }\n  .stk-who__card-desc { font-size: 0.85rem; line-height: 1.6; color: var(--s-muted); }<\/p>\n<p>  .stk-who__footer {\n    text-align: center; padding: 1.5rem 2rem; background: var(--s-card);\n    border: 1px solid var(--s-border); border-radius: 14px;\n  }\n  .stk-who__footer p { font-size: 0.95rem; color: var(--s-body); line-height: 1.7; }\n  .stk-who__footer strong { color: var(--s-heading); }<\/p>\n<p>  \/* ==============================================\n     SECTION 6 \u2014 PRODUCTS\n     ============================================== *\/\n  .stk-prod {\n    --s-bg: #f8f9fb;\n    --s-card: #ffffff;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-prod *, .stk-prod *::before, .stk-prod *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-prod__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-prod__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-prod__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-prod__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading);\n  }\n  .stk-prod__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .stk-prod__grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 2.5rem;\n  }<\/p>\n<p>  .stk-prod__card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 16px;\n    overflow: hidden; transition: all 0.35s ease; display: flex; flex-direction: column;\n    box-shadow: 0 2px 10px var(--s-shadow);\n  }\n  .stk-prod__card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.09), 0 0 0 1px var(--s-accent-border);\n    border-color: var(--s-accent-border);\n  }<\/p>\n<p>  .stk-prod__card-img {\n    height: 190px; overflow: hidden; position: relative;\n  }\n  .stk-prod__card-img img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.5s ease;\n  }\n  .stk-prod__card:hover .stk-prod__card-img img { transform: scale(1.06); }<\/p>\n<p>  .stk-prod__card-badge {\n    position: absolute; top: 12px; left: 12px; padding: 0.2rem 0.65rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; font-size: 0.68rem; font-weight: 700; border-radius: 6px;\n    letter-spacing: 0.02em; box-shadow: 0 2px 8px rgba(249,115,22,0.3);\n  }<\/p>\n<p>  .stk-prod__card-body { padding: 1.3rem 1.4rem 1.5rem; flex: 1; display: flex; flex-direction: column; }<\/p>\n<p>  .stk-prod__card-title {\n    font-size: 1.02rem; font-weight: 700; color: var(--s-heading);\n    margin-bottom: 0.5rem; line-height: 1.3;\n  }\n  .stk-prod__card-desc {\n    font-size: 0.85rem; line-height: 1.65; color: var(--s-muted); margin-bottom: 1rem; flex: 1;\n  }<\/p>\n<p>  .stk-prod__card-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }\n  .stk-prod__card-tags span {\n    display: inline-block; padding: 0.2rem 0.55rem; font-size: 0.68rem; font-weight: 600;\n    color: var(--s-accent); background: var(--s-accent-soft); border: 1px solid var(--s-accent-border);\n    border-radius: 5px;\n  }<\/p>\n<p>  \/* CTA Box *\/\n  .stk-prod__cta-box {\n    display: flex; align-items: center; justify-content: space-between; gap: 2rem;\n    padding: 2rem 2.5rem; background: var(--s-card); border: 2px solid var(--s-accent-border);\n    border-radius: 16px; box-shadow: 0 4px 20px rgba(249,115,22,0.06);\n  }\n  .stk-prod__cta-text h3 {\n    font-size: 1.15rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.3rem;\n  }\n  .stk-prod__cta-text p { font-size: 0.88rem; color: var(--s-muted); line-height: 1.6; }<\/p>\n<p>  .stk-prod__cta-btn {\n    display: inline-flex; align-items: center; gap: 0.5rem;\n    padding: 0.8rem 1.8rem; background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; text-decoration: none; border-radius: 10px; font-size: 0.9rem;\n    font-weight: 700; white-space: nowrap; transition: all 0.3s ease;\n    box-shadow: 0 4px 18px rgba(249,115,22,0.25); font-family: inherit;\n  }\n  .stk-prod__cta-btn:hover {\n    transform: translateY(-2px); box-shadow: 0 8px 28px rgba(249,115,22,0.35);\n  }\n  .stk-prod__cta-btn svg { transition: transform 0.3s ease; }\n  .stk-prod__cta-btn:hover svg { transform: translateX(3px); }<\/p>\n<p>  \/* ==============================================\n     SECTION 7 \u2014 SUPPORT\n     ============================================== *\/\n  .stk-support {\n    --s-bg: #ffffff;\n    --s-card: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-support *, .stk-support *::before, .stk-support *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-support__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-support__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-support__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-support__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading);\n  }\n  .stk-support__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  \/* \u5de6\u56fe\u53f3\u5217\u8868\u5e03\u5c40 *\/\n  .stk-support__layout {\n    display: grid; grid-template-columns: 0.48fr 0.52fr; gap: 3rem; align-items: start;\n  }<\/p>\n<p>  .stk-support__visual { display: flex; flex-direction: column; gap: 0.75rem; position: sticky; top: 2rem; }\n  .stk-support__visual-main {\n    border-radius: 16px; overflow: hidden; height: 300px;\n    box-shadow: 0 4px 20px var(--s-shadow);\n  }\n  .stk-support__visual-main img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .stk-support__visual-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n  .stk-support__visual-sm {\n    border-radius: 12px; overflow: hidden; height: 150px;\n    box-shadow: 0 2px 12px var(--s-shadow);\n  }\n  .stk-support__visual-sm img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  \/* \u652f\u6301\u5217\u8868 *\/\n  .stk-support__list { display: flex; flex-direction: column; gap: 0; }<\/p>\n<p>  .stk-support__item {\n    display: flex; gap: 1.2rem; padding: 1.4rem 0;\n    border-bottom: 1px solid var(--s-border); transition: all 0.3s ease;\n  }\n  .stk-support__item:first-child { padding-top: 0; }\n  .stk-support__item:last-child { border-bottom: none; }<\/p>\n<p>  .stk-support__item:hover { padding-left: 0.5rem; }<\/p>\n<p>  .stk-support__item-num {\n    font-size: 0.72rem; font-weight: 800; color: var(--s-accent);\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border);\n    padding: 0.25rem 0.6rem; border-radius: 6px; height: fit-content;\n    flex-shrink: 0; margin-top: 0.15rem; transition: all 0.3s ease;\n  }\n  .stk-support__item:hover .stk-support__item-num {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent;\n  }<\/p>\n<p>  .stk-support__item-content h3 {\n    font-size: 1rem; font-weight: 700; color: var(--s-heading);\n    margin-bottom: 0.3rem; line-height: 1.3;\n  }\n  .stk-support__item-content p {\n    font-size: 0.86rem; line-height: 1.65; color: var(--s-muted);\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 8 \u2014 APPLICATION SCENARIOS\n     ============================================== *\/\n  .stk-scenes {\n    --s-bg: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-scenes *, .stk-scenes *::before, .stk-scenes *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-scenes__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-scenes__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-scenes__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-scenes__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 0.8rem;\n  }\n  .stk-scenes__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .stk-scenes__intro { font-size: 1rem; color: var(--s-body); max-width: 700px; margin: 0 auto; }<\/p>\n<p>  \/* \u7011\u5e03\u6d41\u56fe\u7247\u7f51\u683c \u2014 2\u5217\uff0c\u5bbd\u5361\u6a2a\u8de8\u4e24\u5217 *\/\n  .stk-scenes__grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;\n  }<\/p>\n<p>  .stk-scenes__card {\n    position: relative; border-radius: 16px; overflow: hidden;\n    height: 260px; cursor: default; transition: all 0.4s ease;\n  }\n  .stk-scenes__card--wide { grid-column: 1 \/ -1; height: 300px; }<\/p>\n<p>  .stk-scenes__card img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.6s ease;\n  }\n  .stk-scenes__card:hover img { transform: scale(1.06); }<\/p>\n<p>  .stk-scenes__card-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(0deg, rgba(17,24,39,0.8) 0%, rgba(17,24,39,0.1) 55%, transparent 100%);\n    transition: background 0.3s ease;\n  }\n  .stk-scenes__card:hover .stk-scenes__card-overlay {\n    background: linear-gradient(0deg, rgba(17,24,39,0.85) 0%, rgba(17,24,39,0.25) 60%, transparent 100%);\n  }<\/p>\n<p>  .stk-scenes__card-content {\n    position: absolute; bottom: 0; left: 0; right: 0; padding: 1.5rem 1.8rem;\n    z-index: 1; transform: translateY(8px); transition: transform 0.3s ease;\n  }\n  .stk-scenes__card:hover .stk-scenes__card-content { transform: translateY(0); }<\/p>\n<p>  .stk-scenes__card-tag {\n    display: inline-block; padding: 0.2rem 0.65rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; font-size: 0.68rem; font-weight: 700; border-radius: 5px;\n    margin-bottom: 0.6rem; letter-spacing: 0.02em;\n  }<\/p>\n<p>  .stk-scenes__card-content h3 {\n    font-size: 1.1rem; font-weight: 700; color: #fff;\n    margin-bottom: 0.35rem; line-height: 1.3;\n  }\n  .stk-scenes__card--wide .stk-scenes__card-content h3 { font-size: 1.25rem; }<\/p>\n<p>  .stk-scenes__card-content p {\n    font-size: 0.82rem; color: rgba(255,255,255,0.75); line-height: 1.55;\n    opacity: 0; max-height: 0; transition: all 0.35s ease;\n  }\n  .stk-scenes__card:hover .stk-scenes__card-content p {\n    opacity: 1; max-height: 80px;\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 SECTIONS 5-8\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .stk-who__grid { grid-template-columns: repeat(2, 1fr); }\n    .stk-prod__grid { grid-template-columns: repeat(2, 1fr); }\n    .stk-support__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .stk-support__visual { position: static; max-width: 600px; margin: 0 auto; width: 100%; }\n    .stk-scenes__card { height: 230px; }\n    .stk-scenes__card--wide { height: 260px; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .stk-who, .stk-prod, .stk-support, .stk-scenes { padding: 4rem 1.2rem; }\n    .stk-who__grid { grid-template-columns: 1fr; }\n    .stk-who__card-img { height: 160px; }\n    .stk-prod__grid { grid-template-columns: 1fr; }\n    .stk-prod__card-img { height: 180px; }\n    .stk-prod__cta-box { flex-direction: column; text-align: center; padding: 1.5rem; }\n    .stk-prod__cta-btn { width: 100%; justify-content: center; }\n    .stk-support__visual-main { height: 240px; }\n    .stk-support__visual-sm { height: 120px; }\n    .stk-scenes__grid { grid-template-columns: 1fr; }\n    .stk-scenes__card { height: 220px; }\n    .stk-scenes__card--wide { grid-column: auto; height: 240px; }\n    .stk-scenes__card-content p { opacity: 1; max-height: 80px; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .stk-who__card-img { height: 140px; }\n    .stk-prod__card-img { height: 160px; }\n    .stk-support__visual-main { height: 200px; }\n    .stk-support__visual-sm { height: 100px; }\n    .stk-scenes__card { height: 200px; }\n    .stk-scenes__card--wide { height: 220px; }\n  }\n<\/style>\n<p><!-- ============================================\n     SECTION 9: More Than Products \u2014 Differentiation\n     ============================================ --><\/p>\n<section class=\"stk-diff\" id=\"stk-diff-section\">\n<div class=\"stk-diff__container\">\n<div class=\"stk-diff__layout\">\n<p>      <!-- \u5de6\u4fa7\u6587\u6848 --><\/p>\n<div class=\"stk-diff__content\">\n        <span class=\"stk-diff__label\">Why We&#8217;re Different<\/span><\/p>\n<h2 class=\"stk-diff__title\">More Than Products \u2014<br \/>A Partnership Built for <span class=\"stk-diff__title-hl\">Market Growth<\/span><\/h2>\n<div class=\"stk-diff__quote\">\n          <span class=\"stk-diff__quote-mark\">&#8220;<\/span><\/p>\n<p>Choosing a supplier is easy. Choosing the right long-term partner is harder.<\/p>\n<\/p><\/div>\n<p class=\"stk-diff__desc\">SOLETKS is built to support partners who want more than a price list. We focus on stable quality, professional communication, product depth, export capability, and responsive cooperation.<\/p>\n<p class=\"stk-diff__desc\">Our goal is to help distributors and project partners grow with a manufacturer that understands both product performance and international business requirements.<\/p>\n<p class=\"stk-diff__desc\">Whether you are adding solar thermal to an existing portfolio or building a new renewable energy channel, SOLETKS provides the structure, products, and support to help you move forward with confidence.<\/p>\n<p>        <!-- \u6838\u5fc3\u5dee\u5f02\u5316\u8981\u7d20 --><\/p>\n<div class=\"stk-diff__pillars\">\n<div class=\"stk-diff__pillar\">\n<div class=\"stk-diff__pillar-icon\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n<p>            <span>Stable Quality<\/span>\n          <\/div>\n<div class=\"stk-diff__pillar\">\n<div class=\"stk-diff__pillar-icon\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/><\/svg>\n            <\/div>\n<p>            <span>Professional Communication<\/span>\n          <\/div>\n<div class=\"stk-diff__pillar\">\n<div class=\"stk-diff__pillar-icon\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n            <\/div>\n<p>            <span>Product Depth<\/span>\n          <\/div>\n<div class=\"stk-diff__pillar\">\n<div class=\"stk-diff__pillar-icon\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\"\/><\/svg>\n            <\/div>\n<p>            <span>Export Capability<\/span>\n          <\/div>\n<div class=\"stk-diff__pillar\">\n<div class=\"stk-diff__pillar-icon\">\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n            <\/div>\n<p>            <span>Responsive Cooperation<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u56fe\u7247\u7ec4 --><\/p>\n<div class=\"stk-diff__images\">\n<div class=\"stk-diff__img stk-diff__img--1\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/518955498_771287521995072_2442708020814777762_n.jpg\" alt=\"Business team collaboration\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-diff__img stk-diff__img--2\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&#038;fit=crop&#038;w=500&#038;q=80\" alt=\"Solar panel installation\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-diff__img stk-diff__img--3\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2026\/02\/image9.jpeg\" alt=\"Solar manufacturing\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 10: Quality and Certification\n     ============================================ --><\/p>\n<section class=\"stk-cert\" id=\"stk-cert-section\">\n<div class=\"stk-cert__container\">\n<div class=\"stk-cert__header\">\n      <span class=\"stk-cert__label\">Quality Assurance<\/span><\/p>\n<h2 class=\"stk-cert__title\">Quality and Certification You Can <span class=\"stk-cert__title-hl\">Present to Your Market<\/span><\/h2>\n<p class=\"stk-cert__intro\">When you represent a manufacturer, your reputation is tied to product quality, documentation, and consistency.<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__body\">\n      <!-- \u5de6\u4fa7\u8ba4\u8bc1\u7f51\u683c --><\/p>\n<div class=\"stk-cert__badges-grid\">\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon stk-cert__badge-icon--gold\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n          <\/div>\n<h4>Solar Keymark<\/h4>\n<p>European quality certification<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg>\n          <\/div>\n<h4>CE Certified<\/h4>\n<p>European market compliance<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><\/svg>\n          <\/div>\n<h4>ISO 9001<\/h4>\n<p>Quality management system<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon stk-cert__badge-icon--green\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M2 22c1-6 6-12 22-12\"\/><path d=\"M13 6c-2 6-3 11-3 16\"\/><\/svg>\n          <\/div>\n<h4>ISO 14001<\/h4>\n<p>Environmental management<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M16 21v-2a4 4 0 00-4-4H6a4 4 0 00-4-4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n          <\/div>\n<h4>ISO 45001<\/h4>\n<p>Occupational health &#038; safety<\/p>\n<\/p><\/div>\n<div class=\"stk-cert__badge-card\">\n<div class=\"stk-cert__badge-icon stk-cert__badge-icon--gold\">\n            <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n          <\/div>\n<h4>160+ QC Steps<\/h4>\n<p>Rigorous quality control<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u8bf4\u660e + \u56fe\u7247 --><\/p>\n<div class=\"stk-cert__detail\">\n<div class=\"stk-cert__detail-img\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/\u4e09\u4f53\u7cfb\u8ba4\u8bc1\u82f1\u6587-3-scaled.jpg\" alt=\"Quality documentation review\" loading=\"lazy\">\n        <\/div>\n<p class=\"stk-cert__detail-text\">SOLETKS places strong emphasis on manufacturing control, material selection, testing, and export-ready quality processes. Our production and management systems are supported by recognized standards and certifications that help partners build credibility in local markets and project opportunities.<\/p>\n<p class=\"stk-cert__detail-sub\">This means better confidence when presenting products to contractors, project owners, distributors, and end users.<\/p>\n<p>        <a href=\"#request-docs\" class=\"stk-cert__cta-btn\"><br \/>\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3\"\/><\/svg><br \/>\n          <span>Request Certificates &#038; Technical Documents<\/span><br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 11: Global Delivery Support\n     ============================================ --><\/p>\n<section class=\"stk-ship\" id=\"stk-ship-section\">\n<div class=\"stk-ship__container\">\n<div class=\"stk-ship__header\">\n      <span class=\"stk-ship__label\">Logistics &#038; Export<\/span><\/p>\n<h2 class=\"stk-ship__title\">Global Delivery Support for <span class=\"stk-ship__title-hl\">Distributors and Projects<\/span><\/h2>\n<\/p><\/div>\n<div class=\"stk-ship__layout\">\n      <!-- \u5de6\u4fa7\u56fe\u7247 --><\/p>\n<div class=\"stk-ship__visual\">\n<div class=\"stk-ship__visual-main\">\n          <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/483365626_675685621555263_2404872658373199894_n.jpg\" alt=\"Container ship global shipping\" loading=\"lazy\">\n        <\/div>\n<div class=\"stk-ship__visual-row\">\n<div class=\"stk-ship__visual-sm\">\n            <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/476465409_653551640435328_7873410965379885685_n.jpg\" alt=\"Warehouse packaging\" loading=\"lazy\">\n          <\/div>\n<div class=\"stk-ship__visual-sm\">\n            <img decoding=\"async\" src=\"https:\/\/service.soletksolar.com\/wp-content\/uploads\/2025\/11\/476465409_653551640435328_7873410965379885685_n.jpg\" alt=\"Export documentation\" loading=\"lazy\">\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- \u53f3\u4fa7\u5185\u5bb9 --><\/p>\n<div class=\"stk-ship__content\">\n<p class=\"stk-ship__desc\">SOLETKS supports international customers with practical shipping and export coordination.<\/p>\n<p class=\"stk-ship__desc\">We understand that distributors need more than just factory output. They need reliable packaging, documentation, shipping communication, and delivery support that keeps projects and inventory moving.<\/p>\n<p class=\"stk-ship__desc\">Our team supports international delivery arrangements, export packaging, and cooperation for different order types \u2014 from regular distribution procurement to project-based shipments.<\/p>\n<p class=\"stk-ship__desc stk-ship__desc--highlight\">This helps reduce uncertainty and improve procurement efficiency for overseas partners.<\/p>\n<div class=\"stk-ship__features\">\n<div class=\"stk-ship__feature\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><br \/>\n            <span>Export-Standard Packaging<\/span>\n          <\/div>\n<div class=\"stk-ship__feature\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><br \/>\n            <span>Shipping Documentation Support<\/span>\n          <\/div>\n<div class=\"stk-ship__feature\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><br \/>\n            <span>Flexible Order Types (MOQ to Project)<\/span>\n          <\/div>\n<div class=\"stk-ship__feature\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><path d=\"M22 4L12 14.01l-3-3\"\/><\/svg><br \/>\n            <span>Proactive Shipping Communication<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 12: Urgency \/ CTA\n     ============================================ --><\/p>\n<section class=\"stk-urgency\" id=\"stk-urgency-section\">\n<div class=\"stk-urgency__bg-img\"><\/div>\n<div class=\"stk-urgency__overlay\"><\/div>\n<div class=\"stk-urgency__container\">\n<div class=\"stk-urgency__inner\">\n      <span class=\"stk-urgency__label\">Start Now<\/span><\/p>\n<h2 class=\"stk-urgency__title\">Looking for a Reliable Solar Thermal <span class=\"stk-urgency__title-hl\">Supply Partner?<\/span><\/h2>\n<p class=\"stk-urgency__desc\">If you are exploring new solar thermal products for your market, the right time to build a reliable supply relationship is before demand increases.<\/p>\n<p class=\"stk-urgency__desc\">A strong distributor partnership starts with the right manufacturer \u2014 one that can support product stability, communication efficiency, technical clarity, and long-term cooperation.<\/p>\n<p class=\"stk-urgency__highlight\">Talk to SOLETKS about your market, your product goals, and your expected cooperation model.<\/p>\n<p>      <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"stk-urgency__btn\"><br \/>\n        <span>Start Partnership Discussion<\/span><br \/>\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n      <\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 13: FAQ\n     ============================================ --><\/p>\n<section class=\"stk-faq\" id=\"stk-faq-section\">\n<div class=\"stk-faq__container\">\n<div class=\"stk-faq__header\">\n      <span class=\"stk-faq__label\">Have Questions?<\/span><\/p>\n<h2 class=\"stk-faq__title\">Frequently Asked <span class=\"stk-faq__title-hl\">Questions<\/span><\/h2>\n<\/p><\/div>\n<div class=\"stk-faq__list\">\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Do you work with distributors and importers?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. SOLETKS works with distributors, importers, installers, EPC contractors, and business partners in different international markets.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Do you provide OEM or ODM services?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. We can support OEM \/ ODM cooperation for suitable projects and business models.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Can you recommend products for my market?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. Based on your country, climate, customer type, and target application, our team can recommend suitable products and cooperation options.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Do you support commercial and project applications?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. Our product range is suitable for both residential and commercial hot water applications, including engineering and project-oriented use.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Can you provide technical documents and certificates?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. Relevant technical materials, certifications, and supporting documents can be provided according to product type and cooperation stage.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Do you provide after-sales support?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. We support partners with technical assistance, communication support, and after-sales coordination.<\/p>\n<\/div>\n<\/details>\n<details class=\"stk-faq__item\">\n<summary class=\"stk-faq__question\">\n          <span>Can I start with a product inquiry before a full partnership discussion?<\/span><\/p>\n<div class=\"stk-faq__icon\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/div>\n<\/summary>\n<div class=\"stk-faq__answer\">\n<p>Yes. You can first contact us with your target market and product interest, and our team will help you explore suitable cooperation options.<\/p>\n<\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SECTION 14: Final CTA \u2014 Conversion\n     ============================================ --><\/p>\n<section class=\"stk-final\" id=\"stk-final-section\">\n<div class=\"stk-final__container\">\n<div class=\"stk-final__card\">\n<div class=\"stk-final__card-glow\"><\/div>\n<p>      <span class=\"stk-final__label\">Get Started<\/span><\/p>\n<h2 class=\"stk-final__title\">Let&#8217;s Explore Distribution<br \/>Opportunities <span class=\"stk-final__title-hl\">Together<\/span><\/h2>\n<p class=\"stk-final__desc\">Tell us about your business, target market, and product interest.<br \/>Our team will review your request and get back to you with suitable product recommendations, cooperation options, and next-step support.<\/p>\n<p>      <a href=\"https:\/\/service.soletksolar.com\/contact\/\" class=\"stk-final__btn\"><br \/>\n        <span>Apply to Become a Distributor<\/span><br \/>\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><br \/>\n      <\/a><\/p>\n<p class=\"stk-final__sub\">For distributors, importers, installers, EPCs, and OEM \/ ODM partners<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ============================================\n     SCOPED STYLES \u2014 SECTION 9-14 \u6de1\u8272\u7248\n     ============================================ --><\/p>\n<style>\n  \/* ==============================================\n     SECTION 9 \u2014 DIFFERENTIATION\n     ============================================== *\/\n  .stk-diff {\n    --s-bg: #f8f9fb; --s-card: #ffffff; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-diff *, .stk-diff *::before, .stk-diff *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-diff__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-diff__layout {\n    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3.5rem; align-items: center;\n  }<\/p>\n<p>  .stk-diff__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }<\/p>\n<p>  .stk-diff__title {\n    font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 1.5rem;\n  }\n  .stk-diff__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .stk-diff__quote {\n    position: relative; padding: 1.2rem 1.5rem; margin-bottom: 1.5rem;\n    background: var(--s-card); border-left: 3px solid var(--s-accent);\n    border-radius: 0 10px 10px 0; box-shadow: 0 2px 12px var(--s-shadow);\n  }\n  .stk-diff__quote-mark {\n    position: absolute; top: -8px; left: 12px; font-size: 3rem;\n    color: var(--s-accent); opacity: 0.2; line-height: 1; font-family: Georgia, serif;\n  }\n  .stk-diff__quote p {\n    font-size: 1.05rem; font-weight: 600; color: var(--s-heading); font-style: italic; line-height: 1.5;\n  }<\/p>\n<p>  .stk-diff__desc { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 1rem; }\n  .stk-diff__desc:last-of-type { margin-bottom: 1.8rem; }<\/p>\n<p>  .stk-diff__pillars { display: flex; flex-wrap: wrap; gap: 0.6rem; }\n  .stk-diff__pillar {\n    display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.5rem 1rem;\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 9px;\n    font-size: 0.82rem; font-weight: 600; color: var(--s-body); transition: all 0.3s ease;\n    box-shadow: 0 1px 4px var(--s-shadow);\n  }\n  .stk-diff__pillar-icon {\n    width: 32px; height: 32px; border-radius: 8px; background: var(--s-accent-soft);\n    display: flex; align-items: center; justify-content: center; color: var(--s-accent); flex-shrink: 0;\n  }\n  .stk-diff__pillar:hover {\n    border-color: var(--s-accent-border); background: var(--s-accent-soft); color: var(--s-accent);\n    transform: translateY(-2px); box-shadow: 0 6px 18px rgba(249,115,22,0.08);\n  }<\/p>\n<p>  \/* \u56fe\u7247\u7ec4 \u2014 \u4ea4\u9519\u5e03\u5c40 *\/\n  .stk-diff__images { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0.8rem; }\n  .stk-diff__img { border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px var(--s-shadow); transition: all 0.4s ease; }\n  .stk-diff__img:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.1); }\n  .stk-diff__img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .stk-diff__img--1 { grid-column: 1 \/ -1; height: 260px; }\n  .stk-diff__img--2 { height: 180px; }\n  .stk-diff__img--3 { height: 180px; }<\/p>\n<p>  \/* ==============================================\n     SECTION 10 \u2014 CERTIFICATION\n     ============================================== *\/\n  .stk-cert {\n    --s-bg: #ffffff; --s-card: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-green: #22c55e; --s-green-soft: rgba(34,197,94,0.08); --s-green-border: rgba(34,197,94,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-cert *, .stk-cert *::before, .stk-cert *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-cert__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-cert__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-cert__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-cert__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; margin-bottom: 0.8rem;\n  }\n  .stk-cert__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .stk-cert__intro { font-size: 1rem; color: var(--s-body); max-width: 680px; margin: 0 auto; }<\/p>\n<p>  .stk-cert__body { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }<\/p>\n<p>  .stk-cert__badges-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n  .stk-cert__badge-card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 14px;\n    padding: 1.3rem; text-align: center; transition: all 0.3s ease;\n  }\n  .stk-cert__badge-card:hover {\n    border-color: var(--s-accent-border); transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n  .stk-cert__badge-icon {\n    width: 50px; height: 50px; border-radius: 12px; background: var(--s-accent-soft);\n    border: 1px solid var(--s-accent-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-accent); margin: 0 auto 0.8rem;\n    transition: all 0.3s ease;\n  }\n  .stk-cert__badge-icon--gold { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.2); color: var(--s-accent2); }\n  .stk-cert__badge-icon--green { background: var(--s-green-soft); border-color: var(--s-green-border); color: var(--s-green); }\n  .stk-cert__badge-card:hover .stk-cert__badge-icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; box-shadow: 0 4px 14px rgba(249,115,22,0.2);\n  }\n  .stk-cert__badge-card h4 { font-size: 0.92rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.2rem; }\n  .stk-cert__badge-card p { font-size: 0.76rem; color: var(--s-muted); }<\/p>\n<p>  .stk-cert__detail-img {\n    border-radius: 14px; overflow: hidden; height: 220px; margin-bottom: 1.5rem;\n    box-shadow: 0 4px 20px var(--s-shadow);\n  }\n  .stk-cert__detail-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .stk-cert__detail-text { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 0.8rem; }\n  .stk-cert__detail-sub { font-size: 0.92rem; font-weight: 600; color: var(--s-heading); margin-bottom: 1.5rem; }\n  .stk-cert__cta-btn {\n    display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.8rem 1.6rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2)); color: #fff;\n    text-decoration: none; border-radius: 10px; font-size: 0.88rem; font-weight: 700;\n    font-family: inherit; transition: all 0.3s ease;\n    box-shadow: 0 4px 18px rgba(249,115,22,0.25);\n  }\n  .stk-cert__cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(249,115,22,0.35); }<\/p>\n<p>  \/* ==============================================\n     SECTION 11 \u2014 SHIPPING\n     ============================================== *\/\n  .stk-ship {\n    --s-bg: #f8f9fb; --s-card: #ffffff; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-ship *, .stk-ship *::before, .stk-ship *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-ship__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .stk-ship__header { text-align: center; margin-bottom: 3.5rem; }\n  .stk-ship__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-ship__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.025em;\n  }\n  .stk-ship__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .stk-ship__layout { display: grid; grid-template-columns: 0.5fr 0.5fr; gap: 3rem; align-items: start; }<\/p>\n<p>  .stk-ship__visual { display: flex; flex-direction: column; gap: 0.75rem; }\n  .stk-ship__visual-main { border-radius: 16px; overflow: hidden; height: 280px; box-shadow: 0 4px 20px var(--s-shadow); }\n  .stk-ship__visual-main img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .stk-ship__visual-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n  .stk-ship__visual-sm { border-radius: 12px; overflow: hidden; height: 140px; box-shadow: 0 2px 12px var(--s-shadow); }\n  .stk-ship__visual-sm img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .stk-ship__desc { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 1rem; }\n  .stk-ship__desc--highlight {\n    font-weight: 600; color: var(--s-heading); padding: 0.8rem 1.2rem;\n    background: var(--s-accent-soft); border-left: 3px solid var(--s-accent);\n    border-radius: 0 8px 8px 0; margin-bottom: 1.5rem;\n  }<\/p>\n<p>  .stk-ship__features { display: flex; flex-direction: column; gap: 0.7rem; }\n  .stk-ship__feature {\n    display: flex; align-items: center; gap: 0.6rem; font-size: 0.88rem;\n    font-weight: 600; color: var(--s-heading);\n  }\n  .stk-ship__feature svg { color: var(--s-accent); flex-shrink: 0; }<\/p>\n<p>  \/* ==============================================\n     SECTION 12 \u2014 URGENCY CTA\n     ============================================== *\/\n  .stk-urgency {\n    --s-accent: #f97316; --s-accent2: #f59e0b;\n    position: relative; padding: 5rem 2rem; overflow: hidden;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-urgency *, .stk-urgency *::before, .stk-urgency *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .stk-urgency__bg-img {\n    position: absolute; inset: 0; z-index: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1920&q=80') center center \/ cover no-repeat;\n  }\n  .stk-urgency__overlay {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(135deg, rgba(249,115,22,0.92) 0%, rgba(245,158,11,0.88) 100%);\n  }<\/p>\n<p>  .stk-urgency__container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; }\n  .stk-urgency__inner { max-width: 760px; margin: 0 auto; text-align: center; }<\/p>\n<p>  .stk-urgency__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: #fff;\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); border-radius: 50px;\n  }\n  .stk-urgency__title {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800; line-height: 1.15;\n    letter-spacing: -0.025em; color: #fff; margin-bottom: 1.5rem;\n  }\n  .stk-urgency__title-hl { color: #fff; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 4px; }<\/p>\n<p>  .stk-urgency__desc { font-size: 1rem; line-height: 1.7; color: rgba(255,255,255,0.9); margin-bottom: 0.8rem; }\n  .stk-urgency__highlight {\n    font-size: 1.05rem; font-weight: 700; color: #fff; margin-top: 0.5rem; margin-bottom: 2rem;\n  }<\/p>\n<p>  .stk-urgency__btn {\n    display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 2.2rem;\n    background: #fff; color: var(--s-accent, #f97316); text-decoration: none; border-radius: 10px;\n    font-size: 0.95rem; font-weight: 700; font-family: inherit; transition: all 0.3s ease;\n    box-shadow: 0 6px 24px rgba(0,0,0,0.15);\n  }\n  .stk-urgency__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(0,0,0,0.2); }\n  .stk-urgency__btn svg { transition: transform 0.3s ease; color: var(--s-accent, #f97316); }\n  .stk-urgency__btn:hover svg { transform: translateX(3px); }<\/p>\n<p>  \/* ==============================================\n     SECTION 13 \u2014 FAQ\n     ============================================== *\/\n  .stk-faq {\n    --s-bg: #ffffff; --s-card: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-faq *, .stk-faq *::before, .stk-faq *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-faq__container { max-width: 820px; margin: 0 auto; }<\/p>\n<p>  .stk-faq__header { text-align: center; margin-bottom: 3rem; }\n  .stk-faq__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .stk-faq__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.025em;\n  }\n  .stk-faq__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .stk-faq__list { display: flex; flex-direction: column; gap: 0; }<\/p>\n<p>  .stk-faq__item {\n    border-bottom: 1px solid var(--s-border); transition: all 0.3s ease;\n  }\n  .stk-faq__item[open] { background: var(--s-card); margin: 0 -1rem; padding: 0 1rem; border-radius: 12px; border-bottom-color: transparent; }<\/p>\n<p>  .stk-faq__question {\n    display: flex; justify-content: space-between; align-items: center; gap: 1rem;\n    padding: 1.2rem 0; cursor: pointer; list-style: none; transition: all 0.3s ease;\n  }\n  .stk-faq__question::-webkit-details-marker { display: none; }\n  .stk-faq__question::marker { display: none; content: ''; }<\/p>\n<p>  .stk-faq__question span {\n    font-size: 0.98rem; font-weight: 600; color: var(--s-heading); line-height: 1.4;\n    transition: color 0.3s ease;\n  }\n  .stk-faq__item[open] .stk-faq__question span { color: var(--s-accent); }\n  .stk-faq__question:hover span { color: var(--s-accent); }<\/p>\n<p>  .stk-faq__icon {\n    width: 32px; height: 32px; border-radius: 8px; background: var(--s-card);\n    border: 1px solid var(--s-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-muted); flex-shrink: 0; transition: all 0.3s ease;\n  }\n  .stk-faq__item[open] .stk-faq__icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; transform: rotate(45deg);\n  }<\/p>\n<p>  .stk-faq__answer { padding: 0 0 1.2rem; }\n  .stk-faq__answer p {\n    font-size: 0.9rem; line-height: 1.7; color: var(--s-body); padding-left: 0;\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 14 \u2014 FINAL CTA\n     ============================================== *\/\n  .stk-final {\n    --s-bg: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .stk-final *, .stk-final *::before, .stk-final *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .stk-final__container { max-width: 860px; margin: 0 auto; }<\/p>\n<p>  .stk-final__card {\n    position: relative; text-align: center; padding: 4rem 3rem;\n    background: #fff; border: 2px solid var(--s-accent-border); border-radius: 24px;\n    box-shadow: 0 8px 40px rgba(249,115,22,0.06); overflow: hidden;\n  }<\/p>\n<p>  .stk-final__card-glow {\n    position: absolute; top: -60px; left: 50%; transform: translateX(-50%);\n    width: 400px; height: 200px;\n    background: radial-gradient(ellipse, rgba(249,115,22,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }<\/p>\n<p>  .stk-final__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n    position: relative;\n  }\n  .stk-final__title {\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 1.2rem; position: relative;\n  }\n  .stk-final__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .stk-final__desc {\n    font-size: 1rem; line-height: 1.7; color: var(--s-body); margin-bottom: 2rem;\n    max-width: 600px; margin-left: auto; margin-right: auto; position: relative;\n  }<\/p>\n<p>  .stk-final__btn {\n    display: inline-flex; align-items: center; gap: 0.6rem; padding: 1rem 2.5rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2)); color: #fff;\n    text-decoration: none; border-radius: 12px; font-size: 1.05rem; font-weight: 700;\n    font-family: inherit; transition: all 0.3s ease; position: relative;\n    box-shadow: 0 6px 24px rgba(249,115,22,0.3);\n  }\n  .stk-final__btn:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(249,115,22,0.4); }\n  .stk-final__btn svg { transition: transform 0.3s ease; }\n  .stk-final__btn:hover svg { transform: translateX(4px); }<\/p>\n<p>  .stk-final__sub {\n    margin-top: 1.2rem; font-size: 0.82rem; color: var(--s-muted); font-weight: 500;\n    position: relative;\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 SECTIONS 9-14\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .stk-diff__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .stk-diff__images { max-width: 600px; margin: 0 auto; width: 100%; }\n    .stk-cert__body { grid-template-columns: 1fr; gap: 2.5rem; }\n    .stk-cert__badges-grid { max-width: 500px; margin: 0 auto; }\n    .stk-ship__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .stk-ship__visual { max-width: 600px; margin: 0 auto; width: 100%; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .stk-diff, .stk-cert, .stk-ship, .stk-urgency, .stk-faq, .stk-final { padding: 4rem 1.2rem; }\n    .stk-diff__img--1 { height: 220px; }\n    .stk-diff__img--2, .stk-diff__img--3 { height: 150px; }\n    .stk-diff__pillars { flex-direction: column; }\n    .stk-cert__badges-grid { grid-template-columns: 1fr 1fr; }\n    .stk-cert__detail-img { height: 180px; }\n    .stk-ship__visual-main { height: 230px; }\n    .stk-ship__visual-sm { height: 120px; }\n    .stk-final__card { padding: 3rem 1.5rem; }\n    .stk-final__desc br { display: none; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .stk-diff__images { grid-template-columns: 1fr; }\n    .stk-diff__img--1 { height: 200px; }\n    .stk-diff__img--2, .stk-diff__img--3 { height: 170px; }\n    .stk-cert__badges-grid { grid-template-columns: 1fr; }\n    .stk-urgency__title { font-size: 1.6rem; }\n    .stk-urgency__btn { padding: 0.8rem 1.5rem; font-size: 0.88rem; }\n    .stk-final__btn { padding: 0.85rem 1.8rem; font-size: 0.95rem; }\n    .stk-final__title br { display: none; }\n  }\n<\/style>\n<style data-lemonx-boosted=\"true\">\n\/* Lemonx: User CSS ,Theme\/Elementor GlobalStyle *\/\n\/* ============================================\n     SOLETKS HERO BANNER v2 \u2014 Scoped\n     v1\u5e03\u5c40 + \u9ad8\u5ea6\u7f29\u51cf + \u80cc\u666f\u56fe\n     ============================================ *\/<\/p>\n<p>  .lemonx-visual-root .stk-hero {\n    --stk-bg: #0a0e1a;\n    --stk-card-solid: #141a2a;\n    --stk-accent: #f97316;\n    --stk-accent2: #f59e0b;\n    --stk-accent-glow: rgba(249, 115, 22, 0.12);\n    --stk-green: #22c55e;\n    --stk-green-glow: rgba(34, 197, 94, 0.12);\n    --stk-text: #ffffff;\n    --stk-text2: #c0c7d3;\n    --stk-text3: #7a8599;\n    --stk-border: rgba(255, 255, 255, 0.07);\n    --stk-border-accent: rgba(249, 115, 22, 0.25);\n    --stk-glass: rgba(255, 255, 255, 0.04);<\/p>\n<p>    position: relative;\n    \/* \u2605 \u9ad8\u5ea6\uff1a\u7f29\u51cf\u81f3\u7ea6 67vh \u2605 *\/\n    height: 67vh;\n    min-height: 540px;\n    max-height: 780px;\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    padding: 0 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    color: var(--stk-text);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero *, .lemonx-visual-root .stk-hero *::before, .lemonx-visual-root .stk-hero *::after {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n  }<\/p>\n<p>  \/* ===== \u80cc\u666f\u56fe ===== *\/\n  .lemonx-visual-root .stk-hero__bg-img {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    \/*\n      \u2605 \u66ff\u6362\u4e3a\u4f60\u7684\u56fe\u7247 \u2605\n      \u63a8\u8350\uff1a\u592a\u9633\u80fd\u677f\/\u5de5\u5382\/\u5c4b\u9876\u7cfb\u7edf\n    *\/\n    background:\n      url('https:\/\/images.unsplash.com\/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1920&q=80')\n      center center \/ cover no-repeat;\n    transform: scale(1.03);\n    transition: transform 10s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero:hover .stk-hero__bg-img {\n    transform: scale(1.0);\n  }<\/p>\n<p>  \/* \u8499\u7248 \u2014 \u5de6\u6d53\u53f3\u6de1\uff0c\u4fdd\u8bc1\u5de6\u4fa7\u6587\u5b57\u53ef\u8bfb + \u53f3\u4fa7\u9690\u7ea6\u900f\u51fa\u56fe\u7247 *\/\n  .lemonx-visual-root .stk-hero__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background:\n      linear-gradient(105deg,\n        rgba(10, 14, 26, 0.94) 0%,\n        rgba(10, 14, 26, 0.88) 35%,\n        rgba(10, 14, 26, 0.78) 60%,\n        rgba(10, 14, 26, 0.68) 100%\n      );\n  }<\/p>\n<p>  \/* \u566a\u70b9\u7eb9\u7406 *\/\n  .lemonx-visual-root .stk-hero__overlay-grain {\n    position: absolute;\n    inset: 0;\n    z-index: 2;\n    opacity: 0.028;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n  }<\/p>\n<p>  \/* ===== \u88c5\u9970\u5c42 ===== *\/\n  .lemonx-visual-root .stk-hero__decor {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    pointer-events: none;\n    overflow: hidden;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(70px);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__orb--1 {\n    width: 550px;\n    height: 550px;\n    top: -25%;\n    right: -8%;\n    background: radial-gradient(circle, rgba(249, 115, 22, 0.08) 0%, transparent 70%);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__orb--2 {\n    width: 400px;\n    height: 400px;\n    bottom: -20%;\n    left: -5%;\n    background: radial-gradient(circle, rgba(245, 158, 11, 0.05) 0%, transparent 70%);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__orb--3 {\n    width: 250px;\n    height: 250px;\n    top: 35%;\n    left: 42%;\n    background: radial-gradient(circle, rgba(249, 115, 22, 0.04) 0%, transparent 70%);\n    animation: stk-float 8s ease-in-out infinite;\n  }<\/p>\n<p>  \/* \u592a\u9633\u88c5\u9970 *\/\n  .lemonx-visual-root .stk-hero__sun {\n    position: absolute;\n    top: 8%;\n    right: 10%;\n    width: 100px;\n    height: 100px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__sun-core {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 24px;\n    height: 24px;\n    background: radial-gradient(circle, var(--stk-accent), var(--stk-accent2));\n    border-radius: 50%;\n    box-shadow: 0 0 35px rgba(249, 115, 22, 0.3), 0 0 70px rgba(249, 115, 22, 0.1);\n    animation: stk-glow 3s ease-in-out infinite;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__sun-ray {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent 0%, rgba(249, 115, 22, 0.12) 30%, transparent 100%);\n    transform-origin: center;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__sun-ray--1 { transform: translate(-50%, -50%) rotate(0deg); }\n  .lemonx-visual-root .stk-hero__sun-ray--2 { transform: translate(-50%, -50%) rotate(45deg); }\n  .lemonx-visual-root .stk-hero__sun-ray--3 { transform: translate(-50%, -50%) rotate(90deg); }\n  .lemonx-visual-root .stk-hero__sun-ray--4 { transform: translate(-50%, -50%) rotate(135deg); }<\/p>\n<p>  \/* \u6d6e\u52a8\u7c92\u5b50 *\/\n  .lemonx-visual-root .stk-hero__particle {\n    position: absolute;\n    border-radius: 50%;\n    background: var(--stk-accent);\n    opacity: 0;\n    animation: stk-particle 6s ease-in-out infinite;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__particle--1 { width: 3px; height: 3px; top: 20%; left: 15%; animation-delay: 0s; }\n  .lemonx-visual-root .stk-hero__particle--2 { width: 2px; height: 2px; top: 55%; left: 78%; animation-delay: 1s; }\n  .lemonx-visual-root .stk-hero__particle--3 { width: 4px; height: 4px; top: 70%; left: 25%; animation-delay: 2s; }\n  .lemonx-visual-root .stk-hero__particle--4 { width: 2px; height: 2px; top: 30%; left: 68%; animation-delay: 3s; }\n  .lemonx-visual-root .stk-hero__particle--5 { width: 3px; height: 3px; top: 80%; left: 55%; animation-delay: 4s; }\n  .lemonx-visual-root .stk-hero__particle--6 { width: 2px; height: 2px; top: 12%; left: 48%; animation-delay: 5s; }<\/p>\n<p>  @keyframes stk-particle {\n    0%, 100% { opacity: 0; transform: translateY(0); }\n    50% { opacity: 0.35; transform: translateY(-18px); }\n  }<\/p>\n<p>  @keyframes stk-glow {\n    0%, 100% { box-shadow: 0 0 35px rgba(249, 115, 22, 0.3), 0 0 70px rgba(249, 115, 22, 0.1); }\n    50% { box-shadow: 0 0 50px rgba(249, 115, 22, 0.4), 0 0 100px rgba(249, 115, 22, 0.15); }\n  }<\/p>\n<p>  @keyframes stk-float {\n    0%, 100% { transform: translate(0, 0); }\n    50% { transform: translate(15px, -15px); }\n  }<\/p>\n<p>  \/* ===== \u4e3b\u5bb9\u5668 \u2014 grid \u5de6\u53f3\u5e03\u5c40\uff08\u4e0ev1\u4e00\u81f4\uff09 ===== *\/\n  .lemonx-visual-root .stk-hero__container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 3rem;\n    align-items: center;\n    position: relative;\n    z-index: 5;\n    width: 100%;\n  }<\/p>\n<p>  \/* ===== \u5de6\u4fa7\u5185\u5bb9 ===== *\/\n  .lemonx-visual-root .stk-hero__content {\n    max-width: 680px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.35rem 1rem;\n    background: var(--stk-accent-glow);\n    border: 1px solid var(--stk-border-accent);\n    border-radius: 50px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--stk-accent);\n    letter-spacing: 0.04em;\n    margin-bottom: 1.2rem;\n    text-transform: uppercase;\n    animation: stk-fadeInDown 0.5s ease-out both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__badge-dot {\n    width: 6px;\n    height: 6px;\n    background: var(--stk-accent);\n    border-radius: 50%;\n    flex-shrink: 0;\n    animation: stk-pulse 2s ease-in-out infinite;\n  }<\/p>\n<p>  @keyframes stk-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.8); }\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__title {\n    font-size: clamp(2rem, 3.8vw, 3rem);\n    font-weight: 900;\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--stk-text);\n    margin-bottom: 0.9rem;\n    animation: stk-fadeInUp 0.6s ease-out 0.08s both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__highlight {\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__subtitle {\n    font-size: 0.95rem;\n    line-height: 1.7;\n    color: var(--stk-text2);\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    animation: stk-fadeInUp 0.6s ease-out 0.16s both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__actions {\n    display: flex;\n    gap: 0.8rem;\n    flex-wrap: wrap;\n    margin-bottom: 1.5rem;\n    animation: stk-fadeInUp 0.6s ease-out 0.24s both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.7rem 1.5rem;\n    border-radius: 9px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    border: none;\n    font-family: inherit;\n    line-height: 1.4;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn--primary {\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    color: #fff;\n    box-shadow: 0 4px 22px rgba(249, 115, 22, 0.28);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn--primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 32px rgba(249, 115, 22, 0.4);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn-arrow {\n    transition: transform 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn--primary:hover .stk-hero__btn-arrow {\n    transform: translateX(3px);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn--secondary {\n    background: rgba(255, 255, 255, 0.05);\n    color: var(--stk-text2);\n    border: 1px solid var(--stk-border);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn--secondary:hover {\n    background: rgba(255, 255, 255, 0.09);\n    border-color: rgba(255, 255, 255, 0.16);\n    color: var(--stk-text);\n    transform: translateY(-2px);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__btn-icon { flex-shrink: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-hero__trust {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n    flex-wrap: wrap;\n    animation: stk-fadeInUp 0.6s ease-out 0.36s both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__trust-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    font-size: 0.73rem;\n    color: var(--stk-text3);\n    font-weight: 500;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__trust-item svg {\n    color: var(--stk-accent);\n    flex-shrink: 0;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__trust-divider {\n    width: 1px;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.12);\n    flex-shrink: 0;\n  }<\/p>\n<p>  \/* ===== \u53f3\u4fa7\u5361\u7247\u7ec4\uff08\u4e0ev1\u4e00\u81f4\uff09 ===== *\/\n  .lemonx-visual-root .stk-hero__visual {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n    animation: stk-fadeInRight 0.7s ease-out 0.25s both;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card {\n    background: rgba(20, 26, 42, 0.7);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border: 1px solid var(--stk-border);\n    border-radius: 14px;\n    padding: 1.2rem;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card:hover {\n    border-color: var(--stk-border-accent);\n    background: rgba(20, 26, 42, 0.85);\n  }<\/p>\n<p>  \/* Stats *\/\n  .lemonx-visual-root .stk-hero__card--stats {\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    padding: 1.4rem 1.2rem;\n    background: linear-gradient(135deg, rgba(20, 26, 42, 0.75) 0%, rgba(249, 115, 22, 0.04) 100%);\n    backdrop-filter: blur(16px);\n    -webkit-backdrop-filter: blur(16px);\n    border-color: var(--stk-border-accent);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__stat { text-align: center; flex: 1; }<\/p>\n<p>  .lemonx-visual-root .stk-hero__stat-number {\n    display: block;\n    font-size: 1.8rem;\n    font-weight: 800;\n    letter-spacing: -0.03em;\n    background: linear-gradient(135deg, var(--stk-accent), var(--stk-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    line-height: 1.2;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__stat-number small {\n    font-size: 0.5em;\n    font-weight: 600;\n    opacity: 0.8;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__stat-label {\n    display: block;\n    font-size: 0.68rem;\n    color: var(--stk-text3);\n    font-weight: 500;\n    margin-top: 0.2rem;\n    letter-spacing: 0.02em;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__stat-divider {\n    width: 1px;\n    height: 38px;\n    background: var(--stk-border);\n    flex-shrink: 0;\n  }<\/p>\n<p>  \/* Card Row *\/\n  .lemonx-visual-root .stk-hero__card-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0.8rem;\n  }<\/p>\n<p>  \/* Cert Cards *\/\n  .lemonx-visual-root .stk-hero__card--cert {\n    display: flex;\n    align-items: center;\n    gap: 0.8rem;\n    padding: 1rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: var(--stk-accent-glow);\n    border: 1px solid var(--stk-border-accent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--stk-accent);\n    flex-shrink: 0;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card-icon--green {\n    background: var(--stk-green-glow);\n    border-color: rgba(34, 197, 94, 0.25);\n    color: var(--stk-green);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card-text strong {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 700;\n    color: var(--stk-text);\n    line-height: 1.3;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__card-text span {\n    display: block;\n    font-size: 0.7rem;\n    color: var(--stk-text3);\n    font-weight: 400;\n    margin-top: 0.1rem;\n  }<\/p>\n<p>  \/* Products *\/\n  .lemonx-visual-root .stk-hero__card--products {\n    padding: 1rem 1.2rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__products-label {\n    display: block;\n    font-size: 0.67rem;\n    font-weight: 600;\n    color: var(--stk-text3);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    margin-bottom: 0.6rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__products-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__tag {\n    display: inline-block;\n    padding: 0.28rem 0.7rem;\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--stk-text2);\n    background: rgba(255, 255, 255, 0.04);\n    border: 1px solid var(--stk-border);\n    border-radius: 7px;\n    transition: all 0.3s ease;\n    cursor: default;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-hero__tag:hover {\n    background: var(--stk-accent-glow);\n    border-color: var(--stk-border-accent);\n    color: var(--stk-accent);\n  }<\/p>\n<p>  \/* ===== \u5e95\u90e8\u6e10\u53d8 ===== *\/\n  .lemonx-visual-root .stk-hero__bottom-fade {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: 80px;\n    background: linear-gradient(to bottom, transparent, var(--stk-bg));\n    z-index: 4;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* ===== \u52a8\u753b ===== *\/\n  @keyframes stk-fadeInUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  @keyframes stk-fadeInDown {\n    from { opacity: 0; transform: translateY(-14px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  @keyframes stk-fadeInRight {\n    from { opacity: 0; transform: translateX(35px); }\n    to { opacity: 1; transform: translateX(0); }\n  }<\/p>\n<p>  \/* ===== \u54cd\u5e94\u5f0f ===== *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .stk-hero {\n      height: auto;\n      min-height: 480px;\n      max-height: none;\n      padding: 5rem 1.5rem 3rem;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__container {\n      grid-template-columns: 1fr;\n      gap: 2rem;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__content {\n      max-width: 100%;\n      text-align: center;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__actions { justify-content: center; }\n    .lemonx-visual-root .stk-hero__trust { justify-content: center; }<\/p>\n<p>    .lemonx-visual-root .stk-hero__visual {\n      max-width: 520px;\n      margin: 0 auto;\n      width: 100%;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__overlay {\n      background:\n        linear-gradient(180deg,\n          rgba(10, 14, 26, 0.92) 0%,\n          rgba(10, 14, 26, 0.82) 60%,\n          rgba(10, 14, 26, 0.72) 100%\n        );\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__sun { top: 4%; right: 5%; width: 70px; height: 70px; }\n    .lemonx-visual-root .stk-hero__sun-core { width: 18px; height: 18px; }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .lemonx-visual-root .stk-hero {\n      padding: 4rem 1rem 2rem;\n      min-height: 400px;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__title { font-size: 1.65rem; }\n    .lemonx-visual-root .stk-hero__subtitle { font-size: 0.88rem; }<\/p>\n<p>    .lemonx-visual-root .stk-hero__actions {\n      flex-direction: column;\n      align-items: stretch;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__btn {\n      justify-content: center;\n      padding: 0.75rem 1.3rem;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__trust {\n      flex-direction: column;\n      gap: 0.35rem;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__trust-divider { display: none; }<\/p>\n<p>    .lemonx-visual-root .stk-hero__card--stats {\n      flex-direction: column;\n      gap: 0.8rem;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__stat-divider {\n      width: 50px;\n      height: 1px;\n    }<\/p>\n<p>    .lemonx-visual-root .stk-hero__card-row { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-hero__sun { display: none; }\n  }\n\/* ==============================================\n     SECTION 2 \u2014 PARTNER\n     ============================================== *\/\n  .lemonx-visual-root .stk-partner {\n    --sp-bg: #f8f9fb;\n    --sp-white: #ffffff;\n    --sp-accent: #f97316;\n    --sp-accent2: #f59e0b;\n    --sp-accent-soft: rgba(249, 115, 22, 0.08);\n    --sp-accent-border: rgba(249, 115, 22, 0.2);\n    --sp-heading: #111827;\n    --sp-body: #4b5563;\n    --sp-muted: #9ca3af;\n    --sp-border: #e5e7eb;\n    --sp-shadow: rgba(0, 0, 0, 0.06);<\/p>\n<p>    background: var(--sp-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sp-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-partner *, .lemonx-visual-root .stk-partner *::before, .lemonx-visual-root .stk-partner *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__header { text-align: center; margin-bottom: 4rem; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sp-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sp-accent-soft);\n    border: 1px solid var(--sp-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sp-heading);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__title-hl {\n    background: linear-gradient(135deg, var(--sp-accent), var(--sp-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* Body *\/\n  .lemonx-visual-root .stk-partner__body {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 3.5rem;\n    align-items: start;\n  }<\/p>\n<p>  \/* \u56fe\u7247\u7f51\u683c \u2014 1\u5927+4\u5c0f *\/\n  .lemonx-visual-root .stk-partner__gallery {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-template-rows: auto auto auto;\n    gap: 0.75rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img {\n    position: relative;\n    border-radius: 14px;\n    overflow: hidden;\n    background: var(--sp-white);\n    box-shadow: 0 2px 12px var(--sp-shadow);\n    transition: all 0.4s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img img {\n    display: block;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img:hover img { transform: scale(1.05); }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img--main {\n    grid-column: 1 \/ -1;\n    height: 280px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img--sm { height: 175px; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__img-tag {\n    position: absolute;\n    bottom: 10px;\n    left: 10px;\n    padding: 0.22rem 0.65rem;\n    background: rgba(255, 255, 255, 0.92);\n    backdrop-filter: blur(6px);\n    -webkit-backdrop-filter: blur(6px);\n    border-radius: 6px;\n    font-size: 0.68rem;\n    font-weight: 700;\n    color: var(--sp-accent);\n    letter-spacing: 0.02em;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n  }<\/p>\n<p>  \/* \u53f3\u4fa7\u6587\u6848 *\/\n  .lemonx-visual-root .stk-partner__text { padding-top: 0.5rem; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__desc {\n    font-size: 0.98rem;\n    line-height: 1.8;\n    color: var(--sp-body);\n    margin-bottom: 1.1rem;\n  }\n  .lemonx-visual-root .stk-partner__desc:last-of-type { margin-bottom: 2rem; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__roles {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.55rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__role {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.4rem;\n    padding: 0.45rem 1rem;\n    background: var(--sp-white);\n    border: 1px solid var(--sp-border);\n    border-radius: 8px;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: var(--sp-body);\n    transition: all 0.3s ease;\n    cursor: default;\n    box-shadow: 0 1px 4px var(--sp-shadow);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-partner__role svg { color: var(--sp-accent); flex-shrink: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-partner__role:hover {\n    background: var(--sp-accent-soft);\n    border-color: var(--sp-accent-border);\n    color: var(--sp-accent);\n    transform: translateY(-2px);\n    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.1);\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 3 \u2014 WHY SOLETKS\n     ============================================== *\/\n  .lemonx-visual-root .stk-why {\n    --sw-bg: #ffffff;\n    --sw-card: #f8f9fb;\n    --sw-accent: #f97316;\n    --sw-accent2: #f59e0b;\n    --sw-accent-soft: rgba(249, 115, 22, 0.07);\n    --sw-accent-border: rgba(249, 115, 22, 0.18);\n    --sw-heading: #111827;\n    --sw-body: #4b5563;\n    --sw-muted: #9ca3af;\n    --sw-border: #e5e7eb;\n    --sw-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--sw-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sw-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-why *, .lemonx-visual-root .stk-why *::before, .lemonx-visual-root .stk-why *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-why__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-why__header { text-align: center; margin-bottom: 3rem; }<\/p>\n<p>  .lemonx-visual-root .stk-why__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sw-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sw-heading);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__title-hl {\n    background: linear-gradient(135deg, var(--sw-accent), var(--sw-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* Banner *\/\n  .lemonx-visual-root .stk-why__banner {\n    position: relative;\n    border-radius: 16px;\n    overflow: hidden;\n    height: 210px;\n    margin-bottom: 2rem;\n    box-shadow: 0 4px 24px var(--sw-shadow);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__banner-img { position: absolute; inset: 0; }\n  .lemonx-visual-root .stk-why__banner-img img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .lemonx-visual-root .stk-why__banner-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, rgba(17, 24, 39, 0.75) 0%, rgba(17, 24, 39, 0.2) 100%);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__banner-text {\n    position: absolute;\n    bottom: 1.5rem;\n    left: 2rem;\n    z-index: 1;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__banner-text span {\n    font-size: 1.15rem;\n    font-weight: 700;\n    color: #fff;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.4);\n  }<\/p>\n<p>  \/* 6\u5361\u7247 *\/\n  .lemonx-visual-root .stk-why__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 1.2rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card {\n    background: var(--sw-card);\n    border: 1px solid var(--sw-border);\n    border-radius: 16px;\n    padding: 1.5rem;\n    transition: all 0.35s ease;\n    display: flex;\n    flex-direction: column;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card:hover {\n    border-color: var(--sw-accent-border);\n    background: #fff;\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.08), 0 0 0 1px var(--sw-accent-border);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-top {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    margin-bottom: 1rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-num {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--sw-accent);\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    padding: 0.2rem 0.6rem;\n    border-radius: 6px;\n    letter-spacing: 0.06em;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    background: var(--sw-accent-soft);\n    border: 1px solid var(--sw-accent-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--sw-accent);\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card:hover .stk-why__card-icon {\n    background: linear-gradient(135deg, var(--sw-accent), var(--sw-accent2));\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 4px 16px rgba(249, 115, 22, 0.25);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-title {\n    font-size: 1.02rem;\n    font-weight: 700;\n    color: var(--sw-heading);\n    margin-bottom: 0.5rem;\n    line-height: 1.3;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-desc {\n    font-size: 0.84rem;\n    line-height: 1.65;\n    color: var(--sw-muted);\n    margin-bottom: 1rem;\n    flex: 1;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-img {\n    border-radius: 10px;\n    overflow: hidden;\n    height: 130px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.5s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-why__card:hover .stk-why__card-img img { transform: scale(1.06); }<\/p>\n<p>  \/* ==============================================\n     SECTION 4 \u2014 DATA TRUST\n     ============================================== *\/\n  .lemonx-visual-root .stk-data {\n    --sd-bg: #f1f3f7;\n    --sd-card: #ffffff;\n    --sd-accent: #f97316;\n    --sd-accent2: #f59e0b;\n    --sd-accent-soft: rgba(249, 115, 22, 0.07);\n    --sd-accent-border: rgba(249, 115, 22, 0.18);\n    --sd-heading: #111827;\n    --sd-body: #4b5563;\n    --sd-muted: #9ca3af;\n    --sd-border: #e5e7eb;\n    --sd-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    position: relative;\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--sd-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  .lemonx-visual-root .stk-data *, .lemonx-visual-root .stk-data *::before, .lemonx-visual-root .stk-data *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-data__bg-img {\n    position: absolute;\n    inset: 0;\n    z-index: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1497440001374-f26997328c1b?auto=format&fit=crop&w=1920&q=80') center center \/ cover no-repeat;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 1;\n    background: linear-gradient(180deg,\n      rgba(241, 243, 247, 0.95) 0%,\n      rgba(241, 243, 247, 0.88) 50%,\n      rgba(241, 243, 247, 0.95) 100%\n    );\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__container {\n    max-width: 1400px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__header { text-align: center; margin-bottom: 3.5rem; }<\/p>\n<p>  .lemonx-visual-root .stk-data__label {\n    display: inline-block;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sd-accent);\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    margin-bottom: 0.8rem;\n    padding: 0.3rem 1rem;\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    border-radius: 50px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem);\n    font-weight: 800;\n    line-height: 1.18;\n    letter-spacing: -0.025em;\n    color: var(--sd-heading);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__title-hl {\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }<\/p>\n<p>  \/* 4\u6570\u636e\u5361\u7247 *\/\n  .lemonx-visual-root .stk-data__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 1.2rem;\n    margin-bottom: 2.5rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card {\n    background: var(--sd-card);\n    border: 1px solid var(--sd-border);\n    border-radius: 16px;\n    padding: 2rem 1.5rem;\n    text-align: center;\n    transition: all 0.35s ease;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 2px 12px var(--sd-shadow);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, var(--sd-accent), var(--sd-accent2));\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card:hover {\n    border-color: var(--sd-accent-border);\n    transform: translateY(-6px);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1), 0 0 0 1px var(--sd-accent-border);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card:hover::before { opacity: 1; }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-icon {\n    width: 56px;\n    height: 56px;\n    border-radius: 14px;\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--sd-accent);\n    margin: 0 auto 1.2rem;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card:hover .stk-data__card-icon {\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    color: #fff;\n    border-color: transparent;\n    box-shadow: 0 6px 20px rgba(249, 115, 22, 0.25);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-value {\n    font-size: 2.6rem;\n    font-weight: 900;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n    background: linear-gradient(135deg, var(--sd-accent), var(--sd-accent2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 0.4rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-value small {\n    font-size: 0.4em;\n    font-weight: 700;\n    opacity: 0.85;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-value small sub { font-size: 0.8em; }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-name {\n    font-size: 0.92rem;\n    font-weight: 700;\n    color: var(--sd-heading);\n    margin-bottom: 0.4rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-desc {\n    font-size: 0.78rem;\n    color: var(--sd-muted);\n    line-height: 1.5;\n    margin-bottom: 1.2rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-bar {\n    height: 4px;\n    background: #f0f0f0;\n    border-radius: 4px;\n    overflow: hidden;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-bar-fill {\n    height: 100%;\n    border-radius: 4px;\n    background: linear-gradient(90deg, var(--sd-accent), var(--sd-accent2));\n    transition: width 1.5s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__card-bar-fill--1 { width: 92%; }\n  .lemonx-visual-root .stk-data__card-bar-fill--2 { width: 78%; }\n  .lemonx-visual-root .stk-data__card-bar-fill--3 { width: 85%; }\n  .lemonx-visual-root .stk-data__card-bar-fill--4 { width: 95%; }<\/p>\n<p>  \/* \u8ba4\u8bc1\u6761 *\/\n  .lemonx-visual-root .stk-data__certs {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 1rem;\n    flex-wrap: wrap;\n    padding: 1.3rem 2rem;\n    background: var(--sd-card);\n    border: 1px solid var(--sd-border);\n    border-radius: 14px;\n    box-shadow: 0 2px 12px var(--sd-shadow);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__certs-label {\n    font-size: 0.78rem;\n    font-weight: 700;\n    color: var(--sd-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__certs-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5rem;\n    align-items: center;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__cert-badge {\n    display: inline-block;\n    padding: 0.3rem 0.8rem;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--sd-accent);\n    background: var(--sd-accent-soft);\n    border: 1px solid var(--sd-accent-border);\n    border-radius: 6px;\n    letter-spacing: 0.02em;\n    transition: all 0.3s ease;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-data__cert-badge:hover {\n    background: rgba(249, 115, 22, 0.14);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.12);\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 ALL SECTIONS (LIGHT)\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .stk-partner__body {\n      grid-template-columns: 1fr;\n      gap: 2.5rem;\n    }\n    .lemonx-visual-root .stk-partner__gallery {\n      max-width: 620px;\n      margin: 0 auto;\n    }\n    .lemonx-visual-root .stk-why__grid { grid-template-columns: repeat(2, 1fr); }\n    .lemonx-visual-root .stk-data__grid { grid-template-columns: repeat(2, 1fr); }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .lemonx-visual-root .stk-partner, .lemonx-visual-root .stk-why, .lemonx-visual-root .stk-data { padding: 4rem 1.2rem; }\n    .lemonx-visual-root .stk-partner__img--main { height: 220px; }\n    .lemonx-visual-root .stk-partner__img--sm { height: 150px; }\n    .lemonx-visual-root .stk-why__banner { height: 160px; }\n    .lemonx-visual-root .stk-why__grid { grid-template-columns: 1fr; gap: 1rem; }\n    .lemonx-visual-root .stk-why__card-img { height: 120px; }\n    .lemonx-visual-root .stk-data__grid { grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n    .lemonx-visual-root .stk-data__card { padding: 1.5rem 1rem; }\n    .lemonx-visual-root .stk-data__card-value { font-size: 2rem; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .lemonx-visual-root .stk-partner__gallery { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-partner__img--main { height: 200px; }\n    .lemonx-visual-root .stk-partner__img--sm { height: 170px; }\n    .lemonx-visual-root .stk-partner__roles { flex-direction: column; }\n    .lemonx-visual-root .stk-data__grid { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-data__certs { flex-direction: column; text-align: center; }\n    .lemonx-visual-root .stk-data__certs-list { justify-content: center; }\n  }\n\/* ==============================================\n     SECTION 5 \u2014 WHO WE WORK WITH\n     ============================================== *\/\n  .lemonx-visual-root .stk-who {\n    --s-bg: #ffffff;\n    --s-card: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);\n    --s-white: #ffffff;<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading);\n    line-height: 1.6;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-who *, .lemonx-visual-root .stk-who *::before, .lemonx-visual-root .stk-who *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-who__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-who__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-who__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-who__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 0.8rem;\n  }\n  .lemonx-visual-root .stk-who__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .lemonx-visual-root .stk-who__intro { font-size: 1.05rem; color: var(--s-body); }<\/p>\n<p>  .lemonx-visual-root .stk-who__grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 3rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-who__card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 16px;\n    overflow: hidden; transition: all 0.35s ease;\n  }\n  .lemonx-visual-root .stk-who__card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.08), 0 0 0 1px var(--s-accent-border);\n    border-color: var(--s-accent-border);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-who__card-img { height: 180px; overflow: hidden; }\n  .lemonx-visual-root .stk-who__card-img img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.5s ease;\n  }\n  .lemonx-visual-root .stk-who__card:hover .stk-who__card-img img { transform: scale(1.06); }<\/p>\n<p>  .lemonx-visual-root .stk-who__card-body { padding: 1.3rem 1.4rem 1.5rem; }<\/p>\n<p>  .lemonx-visual-root .stk-who__card-icon {\n    width: 42px; height: 42px; border-radius: 10px; background: var(--s-accent-soft);\n    border: 1px solid var(--s-accent-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-accent); margin-bottom: 0.8rem;\n    transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-who__card:hover .stk-who__card-icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; box-shadow: 0 4px 14px rgba(249,115,22,0.25);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-who__card-title {\n    font-size: 1rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.4rem; line-height: 1.3;\n  }\n  .lemonx-visual-root .stk-who__card-desc { font-size: 0.85rem; line-height: 1.6; color: var(--s-muted); }<\/p>\n<p>  .lemonx-visual-root .stk-who__footer {\n    text-align: center; padding: 1.5rem 2rem; background: var(--s-card);\n    border: 1px solid var(--s-border); border-radius: 14px;\n  }\n  .lemonx-visual-root .stk-who__footer p { font-size: 0.95rem; color: var(--s-body); line-height: 1.7; }\n  .lemonx-visual-root .stk-who__footer strong { color: var(--s-heading); }<\/p>\n<p>  \/* ==============================================\n     SECTION 6 \u2014 PRODUCTS\n     ============================================== *\/\n  .lemonx-visual-root .stk-prod {\n    --s-bg: #f8f9fb;\n    --s-card: #ffffff;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-prod *, .lemonx-visual-root .stk-prod *::before, .lemonx-visual-root .stk-prod *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-prod__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-prod__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-prod__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-prod__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading);\n  }\n  .lemonx-visual-root .stk-prod__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-prod__grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 2.5rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 16px;\n    overflow: hidden; transition: all 0.35s ease; display: flex; flex-direction: column;\n    box-shadow: 0 2px 10px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-prod__card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.09), 0 0 0 1px var(--s-accent-border);\n    border-color: var(--s-accent-border);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card-img {\n    height: 190px; overflow: hidden; position: relative;\n  }\n  .lemonx-visual-root .stk-prod__card-img img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.5s ease;\n  }\n  .lemonx-visual-root .stk-prod__card:hover .stk-prod__card-img img { transform: scale(1.06); }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card-badge {\n    position: absolute; top: 12px; left: 12px; padding: 0.2rem 0.65rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; font-size: 0.68rem; font-weight: 700; border-radius: 6px;\n    letter-spacing: 0.02em; box-shadow: 0 2px 8px rgba(249,115,22,0.3);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card-body { padding: 1.3rem 1.4rem 1.5rem; flex: 1; display: flex; flex-direction: column; }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card-title {\n    font-size: 1.02rem; font-weight: 700; color: var(--s-heading);\n    margin-bottom: 0.5rem; line-height: 1.3;\n  }\n  .lemonx-visual-root .stk-prod__card-desc {\n    font-size: 0.85rem; line-height: 1.65; color: var(--s-muted); margin-bottom: 1rem; flex: 1;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-prod__card-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }\n  .lemonx-visual-root .stk-prod__card-tags span {\n    display: inline-block; padding: 0.2rem 0.55rem; font-size: 0.68rem; font-weight: 600;\n    color: var(--s-accent); background: var(--s-accent-soft); border: 1px solid var(--s-accent-border);\n    border-radius: 5px;\n  }<\/p>\n<p>  \/* CTA Box *\/\n  .lemonx-visual-root .stk-prod__cta-box {\n    display: flex; align-items: center; justify-content: space-between; gap: 2rem;\n    padding: 2rem 2.5rem; background: var(--s-card); border: 2px solid var(--s-accent-border);\n    border-radius: 16px; box-shadow: 0 4px 20px rgba(249,115,22,0.06);\n  }\n  .lemonx-visual-root .stk-prod__cta-text h3 {\n    font-size: 1.15rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.3rem;\n  }\n  .lemonx-visual-root .stk-prod__cta-text p { font-size: 0.88rem; color: var(--s-muted); line-height: 1.6; }<\/p>\n<p>  .lemonx-visual-root .stk-prod__cta-btn {\n    display: inline-flex; align-items: center; gap: 0.5rem;\n    padding: 0.8rem 1.8rem; background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; text-decoration: none; border-radius: 10px; font-size: 0.9rem;\n    font-weight: 700; white-space: nowrap; transition: all 0.3s ease;\n    box-shadow: 0 4px 18px rgba(249,115,22,0.25); font-family: inherit;\n  }\n  .lemonx-visual-root .stk-prod__cta-btn:hover {\n    transform: translateY(-2px); box-shadow: 0 8px 28px rgba(249,115,22,0.35);\n  }\n  .lemonx-visual-root .stk-prod__cta-btn svg { transition: transform 0.3s ease; }\n  .lemonx-visual-root .stk-prod__cta-btn:hover svg { transform: translateX(3px); }<\/p>\n<p>  \/* ==============================================\n     SECTION 7 \u2014 SUPPORT\n     ============================================== *\/\n  .lemonx-visual-root .stk-support {\n    --s-bg: #ffffff;\n    --s-card: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;\n    --s-shadow: rgba(0, 0, 0, 0.05);<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-support *, .lemonx-visual-root .stk-support *::before, .lemonx-visual-root .stk-support *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-support__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-support__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-support__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-support__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading);\n  }\n  .lemonx-visual-root .stk-support__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  \/* \u5de6\u56fe\u53f3\u5217\u8868\u5e03\u5c40 *\/\n  .lemonx-visual-root .stk-support__layout {\n    display: grid; grid-template-columns: 0.48fr 0.52fr; gap: 3rem; align-items: start;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-support__visual { display: flex; flex-direction: column; gap: 0.75rem; position: sticky; top: 2rem; }\n  .lemonx-visual-root .stk-support__visual-main {\n    border-radius: 16px; overflow: hidden; height: 300px;\n    box-shadow: 0 4px 20px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-support__visual-main img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .lemonx-visual-root .stk-support__visual-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n  .lemonx-visual-root .stk-support__visual-sm {\n    border-radius: 12px; overflow: hidden; height: 150px;\n    box-shadow: 0 2px 12px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-support__visual-sm img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  \/* \u652f\u6301\u5217\u8868 *\/\n  .lemonx-visual-root .stk-support__list { display: flex; flex-direction: column; gap: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-support__item {\n    display: flex; gap: 1.2rem; padding: 1.4rem 0;\n    border-bottom: 1px solid var(--s-border); transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-support__item:first-child { padding-top: 0; }\n  .lemonx-visual-root .stk-support__item:last-child { border-bottom: none; }<\/p>\n<p>  .lemonx-visual-root .stk-support__item:hover { padding-left: 0.5rem; }<\/p>\n<p>  .lemonx-visual-root .stk-support__item-num {\n    font-size: 0.72rem; font-weight: 800; color: var(--s-accent);\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border);\n    padding: 0.25rem 0.6rem; border-radius: 6px; height: fit-content;\n    flex-shrink: 0; margin-top: 0.15rem; transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-support__item:hover .stk-support__item-num {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-support__item-content h3 {\n    font-size: 1rem; font-weight: 700; color: var(--s-heading);\n    margin-bottom: 0.3rem; line-height: 1.3;\n  }\n  .lemonx-visual-root .stk-support__item-content p {\n    font-size: 0.86rem; line-height: 1.65; color: var(--s-muted);\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 8 \u2014 APPLICATION SCENARIOS\n     ============================================== *\/\n  .lemonx-visual-root .stk-scenes {\n    --s-bg: #f8f9fb;\n    --s-accent: #f97316;\n    --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249, 115, 22, 0.07);\n    --s-accent-border: rgba(249, 115, 22, 0.18);\n    --s-heading: #111827;\n    --s-body: #4b5563;\n    --s-muted: #9ca3af;\n    --s-border: #e5e7eb;<\/p>\n<p>    background: var(--s-bg);\n    padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-scenes *, .lemonx-visual-root .stk-scenes *::before, .lemonx-visual-root .stk-scenes *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-scenes__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-scenes__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-scenes__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 0.8rem;\n  }\n  .lemonx-visual-root .stk-scenes__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .lemonx-visual-root .stk-scenes__intro { font-size: 1rem; color: var(--s-body); max-width: 700px; margin: 0 auto; }<\/p>\n<p>  \/* \u7011\u5e03\u6d41\u56fe\u7247\u7f51\u683c \u2014 2\u5217\uff0c\u5bbd\u5361\u6a2a\u8de8\u4e24\u5217 *\/\n  .lemonx-visual-root .stk-scenes__grid {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card {\n    position: relative; border-radius: 16px; overflow: hidden;\n    height: 260px; cursor: default; transition: all 0.4s ease;\n  }\n  .lemonx-visual-root .stk-scenes__card--wide { grid-column: 1 \/ -1; height: 300px; }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card img {\n    width: 100%; height: 100%; object-fit: cover; display: block;\n    transition: transform 0.6s ease;\n  }\n  .lemonx-visual-root .stk-scenes__card:hover img { transform: scale(1.06); }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card-overlay {\n    position: absolute; inset: 0;\n    background: linear-gradient(0deg, rgba(17,24,39,0.8) 0%, rgba(17,24,39,0.1) 55%, transparent 100%);\n    transition: background 0.3s ease;\n  }\n  .lemonx-visual-root .stk-scenes__card:hover .stk-scenes__card-overlay {\n    background: linear-gradient(0deg, rgba(17,24,39,0.85) 0%, rgba(17,24,39,0.25) 60%, transparent 100%);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card-content {\n    position: absolute; bottom: 0; left: 0; right: 0; padding: 1.5rem 1.8rem;\n    z-index: 1; transform: translateY(8px); transition: transform 0.3s ease;\n  }\n  .lemonx-visual-root .stk-scenes__card:hover .stk-scenes__card-content { transform: translateY(0); }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card-tag {\n    display: inline-block; padding: 0.2rem 0.65rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; font-size: 0.68rem; font-weight: 700; border-radius: 5px;\n    margin-bottom: 0.6rem; letter-spacing: 0.02em;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card-content h3 {\n    font-size: 1.1rem; font-weight: 700; color: #fff;\n    margin-bottom: 0.35rem; line-height: 1.3;\n  }\n  .lemonx-visual-root .stk-scenes__card--wide .stk-scenes__card-content h3 { font-size: 1.25rem; }<\/p>\n<p>  .lemonx-visual-root .stk-scenes__card-content p {\n    font-size: 0.82rem; color: rgba(255,255,255,0.75); line-height: 1.55;\n    opacity: 0; max-height: 0; transition: all 0.35s ease;\n  }\n  .lemonx-visual-root .stk-scenes__card:hover .stk-scenes__card-content p {\n    opacity: 1; max-height: 80px;\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 SECTIONS 5-8\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .stk-who__grid { grid-template-columns: repeat(2, 1fr); }\n    .lemonx-visual-root .stk-prod__grid { grid-template-columns: repeat(2, 1fr); }\n    .lemonx-visual-root .stk-support__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .lemonx-visual-root .stk-support__visual { position: static; max-width: 600px; margin: 0 auto; width: 100%; }\n    .lemonx-visual-root .stk-scenes__card { height: 230px; }\n    .lemonx-visual-root .stk-scenes__card--wide { height: 260px; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .lemonx-visual-root .stk-who, .lemonx-visual-root .stk-prod, .lemonx-visual-root .stk-support, .lemonx-visual-root .stk-scenes { padding: 4rem 1.2rem; }\n    .lemonx-visual-root .stk-who__grid { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-who__card-img { height: 160px; }\n    .lemonx-visual-root .stk-prod__grid { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-prod__card-img { height: 180px; }\n    .lemonx-visual-root .stk-prod__cta-box { flex-direction: column; text-align: center; padding: 1.5rem; }\n    .lemonx-visual-root .stk-prod__cta-btn { width: 100%; justify-content: center; }\n    .lemonx-visual-root .stk-support__visual-main { height: 240px; }\n    .lemonx-visual-root .stk-support__visual-sm { height: 120px; }\n    .lemonx-visual-root .stk-scenes__grid { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-scenes__card { height: 220px; }\n    .lemonx-visual-root .stk-scenes__card--wide { grid-column: auto; height: 240px; }\n    .lemonx-visual-root .stk-scenes__card-content p { opacity: 1; max-height: 80px; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .lemonx-visual-root .stk-who__card-img { height: 140px; }\n    .lemonx-visual-root .stk-prod__card-img { height: 160px; }\n    .lemonx-visual-root .stk-support__visual-main { height: 200px; }\n    .lemonx-visual-root .stk-support__visual-sm { height: 100px; }\n    .lemonx-visual-root .stk-scenes__card { height: 200px; }\n    .lemonx-visual-root .stk-scenes__card--wide { height: 220px; }\n  }\n\/* ==============================================\n     SECTION 9 \u2014 DIFFERENTIATION\n     ============================================== *\/\n  .lemonx-visual-root .stk-diff {\n    --s-bg: #f8f9fb; --s-card: #ffffff; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-diff *, .lemonx-visual-root .stk-diff *::before, .lemonx-visual-root .stk-diff *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-diff__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-diff__layout {\n    display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 3.5rem; align-items: center;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-diff__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-diff__title {\n    font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 1.5rem;\n  }\n  .lemonx-visual-root .stk-diff__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-diff__quote {\n    position: relative; padding: 1.2rem 1.5rem; margin-bottom: 1.5rem;\n    background: var(--s-card); border-left: 3px solid var(--s-accent);\n    border-radius: 0 10px 10px 0; box-shadow: 0 2px 12px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-diff__quote-mark {\n    position: absolute; top: -8px; left: 12px; font-size: 3rem;\n    color: var(--s-accent); opacity: 0.2; line-height: 1; font-family: Georgia, serif;\n  }\n  .lemonx-visual-root .stk-diff__quote p {\n    font-size: 1.05rem; font-weight: 600; color: var(--s-heading); font-style: italic; line-height: 1.5;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-diff__desc { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 1rem; }\n  .lemonx-visual-root .stk-diff__desc:last-of-type { margin-bottom: 1.8rem; }<\/p>\n<p>  .lemonx-visual-root .stk-diff__pillars { display: flex; flex-wrap: wrap; gap: 0.6rem; }\n  .lemonx-visual-root .stk-diff__pillar {\n    display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.5rem 1rem;\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 9px;\n    font-size: 0.82rem; font-weight: 600; color: var(--s-body); transition: all 0.3s ease;\n    box-shadow: 0 1px 4px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-diff__pillar-icon {\n    width: 32px; height: 32px; border-radius: 8px; background: var(--s-accent-soft);\n    display: flex; align-items: center; justify-content: center; color: var(--s-accent); flex-shrink: 0;\n  }\n  .lemonx-visual-root .stk-diff__pillar:hover {\n    border-color: var(--s-accent-border); background: var(--s-accent-soft); color: var(--s-accent);\n    transform: translateY(-2px); box-shadow: 0 6px 18px rgba(249,115,22,0.08);\n  }<\/p>\n<p>  \/* \u56fe\u7247\u7ec4 \u2014 \u4ea4\u9519\u5e03\u5c40 *\/\n  .lemonx-visual-root .stk-diff__images { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 0.8rem; }\n  .lemonx-visual-root .stk-diff__img { border-radius: 14px; overflow: hidden; box-shadow: 0 4px 20px var(--s-shadow); transition: all 0.4s ease; }\n  .lemonx-visual-root .stk-diff__img:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(0,0,0,0.1); }\n  .lemonx-visual-root .stk-diff__img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .lemonx-visual-root .stk-diff__img--1 { grid-column: 1 \/ -1; height: 260px; }\n  .lemonx-visual-root .stk-diff__img--2 { height: 180px; }\n  .lemonx-visual-root .stk-diff__img--3 { height: 180px; }<\/p>\n<p>  \/* ==============================================\n     SECTION 10 \u2014 CERTIFICATION\n     ============================================== *\/\n  .lemonx-visual-root .stk-cert {\n    --s-bg: #ffffff; --s-card: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-green: #22c55e; --s-green-soft: rgba(34,197,94,0.08); --s-green-border: rgba(34,197,94,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-cert *, .lemonx-visual-root .stk-cert *::before, .lemonx-visual-root .stk-cert *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-cert__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-cert__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-cert__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-cert__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; margin-bottom: 0.8rem;\n  }\n  .lemonx-visual-root .stk-cert__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }\n  .lemonx-visual-root .stk-cert__intro { font-size: 1rem; color: var(--s-body); max-width: 680px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-cert__body { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }<\/p>\n<p>  .lemonx-visual-root .stk-cert__badges-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n  .lemonx-visual-root .stk-cert__badge-card {\n    background: var(--s-card); border: 1px solid var(--s-border); border-radius: 14px;\n    padding: 1.3rem; text-align: center; transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-cert__badge-card:hover {\n    border-color: var(--s-accent-border); transform: translateY(-3px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.06);\n  }\n  .lemonx-visual-root .stk-cert__badge-icon {\n    width: 50px; height: 50px; border-radius: 12px; background: var(--s-accent-soft);\n    border: 1px solid var(--s-accent-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-accent); margin: 0 auto 0.8rem;\n    transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-cert__badge-icon--gold { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.2); color: var(--s-accent2); }\n  .lemonx-visual-root .stk-cert__badge-icon--green { background: var(--s-green-soft); border-color: var(--s-green-border); color: var(--s-green); }\n  .lemonx-visual-root .stk-cert__badge-card:hover .stk-cert__badge-icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; box-shadow: 0 4px 14px rgba(249,115,22,0.2);\n  }\n  .lemonx-visual-root .stk-cert__badge-card h4 { font-size: 0.92rem; font-weight: 700; color: var(--s-heading); margin-bottom: 0.2rem; }\n  .lemonx-visual-root .stk-cert__badge-card p { font-size: 0.76rem; color: var(--s-muted); }<\/p>\n<p>  .lemonx-visual-root .stk-cert__detail-img {\n    border-radius: 14px; overflow: hidden; height: 220px; margin-bottom: 1.5rem;\n    box-shadow: 0 4px 20px var(--s-shadow);\n  }\n  .lemonx-visual-root .stk-cert__detail-img img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .lemonx-visual-root .stk-cert__detail-text { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 0.8rem; }\n  .lemonx-visual-root .stk-cert__detail-sub { font-size: 0.92rem; font-weight: 600; color: var(--s-heading); margin-bottom: 1.5rem; }\n  .lemonx-visual-root .stk-cert__cta-btn {\n    display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.8rem 1.6rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2)); color: #fff;\n    text-decoration: none; border-radius: 10px; font-size: 0.88rem; font-weight: 700;\n    font-family: inherit; transition: all 0.3s ease;\n    box-shadow: 0 4px 18px rgba(249,115,22,0.25);\n  }\n  .lemonx-visual-root .stk-cert__cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(249,115,22,0.35); }<\/p>\n<p>  \/* ==============================================\n     SECTION 11 \u2014 SHIPPING\n     ============================================== *\/\n  .lemonx-visual-root .stk-ship {\n    --s-bg: #f8f9fb; --s-card: #ffffff; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-ship *, .lemonx-visual-root .stk-ship *::before, .lemonx-visual-root .stk-ship *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-ship__container { max-width: 1400px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-ship__header { text-align: center; margin-bottom: 3.5rem; }\n  .lemonx-visual-root .stk-ship__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-ship__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.025em;\n  }\n  .lemonx-visual-root .stk-ship__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-ship__layout { display: grid; grid-template-columns: 0.5fr 0.5fr; gap: 3rem; align-items: start; }<\/p>\n<p>  .lemonx-visual-root .stk-ship__visual { display: flex; flex-direction: column; gap: 0.75rem; }\n  .lemonx-visual-root .stk-ship__visual-main { border-radius: 16px; overflow: hidden; height: 280px; box-shadow: 0 4px 20px var(--s-shadow); }\n  .lemonx-visual-root .stk-ship__visual-main img { width: 100%; height: 100%; object-fit: cover; display: block; }\n  .lemonx-visual-root .stk-ship__visual-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }\n  .lemonx-visual-root .stk-ship__visual-sm { border-radius: 12px; overflow: hidden; height: 140px; box-shadow: 0 2px 12px var(--s-shadow); }\n  .lemonx-visual-root .stk-ship__visual-sm img { width: 100%; height: 100%; object-fit: cover; display: block; }<\/p>\n<p>  .lemonx-visual-root .stk-ship__desc { font-size: 0.95rem; line-height: 1.75; color: var(--s-body); margin-bottom: 1rem; }\n  .lemonx-visual-root .stk-ship__desc--highlight {\n    font-weight: 600; color: var(--s-heading); padding: 0.8rem 1.2rem;\n    background: var(--s-accent-soft); border-left: 3px solid var(--s-accent);\n    border-radius: 0 8px 8px 0; margin-bottom: 1.5rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-ship__features { display: flex; flex-direction: column; gap: 0.7rem; }\n  .lemonx-visual-root .stk-ship__feature {\n    display: flex; align-items: center; gap: 0.6rem; font-size: 0.88rem;\n    font-weight: 600; color: var(--s-heading);\n  }\n  .lemonx-visual-root .stk-ship__feature svg { color: var(--s-accent); flex-shrink: 0; }<\/p>\n<p>  \/* ==============================================\n     SECTION 12 \u2014 URGENCY CTA\n     ============================================== *\/\n  .lemonx-visual-root .stk-urgency {\n    --s-accent: #f97316; --s-accent2: #f59e0b;\n    position: relative; padding: 5rem 2rem; overflow: hidden;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-urgency *, .lemonx-visual-root .stk-urgency *::before, .lemonx-visual-root .stk-urgency *::after { box-sizing: border-box; margin: 0; padding: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-urgency__bg-img {\n    position: absolute; inset: 0; z-index: 0;\n    background: url('https:\/\/images.unsplash.com\/photo-1508514177221-188b1cf16e9d?auto=format&fit=crop&w=1920&q=80') center center \/ cover no-repeat;\n  }\n  .lemonx-visual-root .stk-urgency__overlay {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(135deg, rgba(249,115,22,0.92) 0%, rgba(245,158,11,0.88) 100%);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-urgency__container { max-width: 1400px; margin: 0 auto; position: relative; z-index: 2; }\n  .lemonx-visual-root .stk-urgency__inner { max-width: 760px; margin: 0 auto; text-align: center; }<\/p>\n<p>  .lemonx-visual-root .stk-urgency__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: #fff;\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.3); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-urgency__title {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 800; line-height: 1.15;\n    letter-spacing: -0.025em; color: #fff; margin-bottom: 1.5rem;\n  }\n  .lemonx-visual-root .stk-urgency__title-hl { color: #fff; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 4px; }<\/p>\n<p>  .lemonx-visual-root .stk-urgency__desc { font-size: 1rem; line-height: 1.7; color: rgba(255,255,255,0.9); margin-bottom: 0.8rem; }\n  .lemonx-visual-root .stk-urgency__highlight {\n    font-size: 1.05rem; font-weight: 700; color: #fff; margin-top: 0.5rem; margin-bottom: 2rem;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-urgency__btn {\n    display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.9rem 2.2rem;\n    background: #fff; color: var(--s-accent, #f97316); text-decoration: none; border-radius: 10px;\n    font-size: 0.95rem; font-weight: 700; font-family: inherit; transition: all 0.3s ease;\n    box-shadow: 0 6px 24px rgba(0,0,0,0.15);\n  }\n  .lemonx-visual-root .stk-urgency__btn:hover { transform: translateY(-2px); box-shadow: 0 10px 32px rgba(0,0,0,0.2); }\n  .lemonx-visual-root .stk-urgency__btn svg { transition: transform 0.3s ease; color: var(--s-accent, #f97316); }\n  .lemonx-visual-root .stk-urgency__btn:hover svg { transform: translateX(3px); }<\/p>\n<p>  \/* ==============================================\n     SECTION 13 \u2014 FAQ\n     ============================================== *\/\n  .lemonx-visual-root .stk-faq {\n    --s-bg: #ffffff; --s-card: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    --s-shadow: rgba(0,0,0,0.05);\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-faq *, .lemonx-visual-root .stk-faq *::before, .lemonx-visual-root .stk-faq *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-faq__container { max-width: 820px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-faq__header { text-align: center; margin-bottom: 3rem; }\n  .lemonx-visual-root .stk-faq__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 0.8rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n  }\n  .lemonx-visual-root .stk-faq__title {\n    font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.18; letter-spacing: -0.025em;\n  }\n  .lemonx-visual-root .stk-faq__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-faq__list { display: flex; flex-direction: column; gap: 0; }<\/p>\n<p>  .lemonx-visual-root .stk-faq__item {\n    border-bottom: 1px solid var(--s-border); transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-faq__item[open] { background: var(--s-card); margin: 0 -1rem; padding: 0 1rem; border-radius: 12px; border-bottom-color: transparent; }<\/p>\n<p>  .lemonx-visual-root .stk-faq__question {\n    display: flex; justify-content: space-between; align-items: center; gap: 1rem;\n    padding: 1.2rem 0; cursor: pointer; list-style: none; transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-faq__question::-webkit-details-marker { display: none; }\n  .lemonx-visual-root .stk-faq__question::marker { display: none; content: ''; }<\/p>\n<p>  .lemonx-visual-root .stk-faq__question span {\n    font-size: 0.98rem; font-weight: 600; color: var(--s-heading); line-height: 1.4;\n    transition: color 0.3s ease;\n  }\n  .lemonx-visual-root .stk-faq__item[open] .stk-faq__question span { color: var(--s-accent); }\n  .lemonx-visual-root .stk-faq__question:hover span { color: var(--s-accent); }<\/p>\n<p>  .lemonx-visual-root .stk-faq__icon {\n    width: 32px; height: 32px; border-radius: 8px; background: var(--s-card);\n    border: 1px solid var(--s-border); display: flex; align-items: center;\n    justify-content: center; color: var(--s-muted); flex-shrink: 0; transition: all 0.3s ease;\n  }\n  .lemonx-visual-root .stk-faq__item[open] .stk-faq__icon {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    color: #fff; border-color: transparent; transform: rotate(45deg);\n  }<\/p>\n<p>  .lemonx-visual-root .stk-faq__answer { padding: 0 0 1.2rem; }\n  .lemonx-visual-root .stk-faq__answer p {\n    font-size: 0.9rem; line-height: 1.7; color: var(--s-body); padding-left: 0;\n  }<\/p>\n<p>  \/* ==============================================\n     SECTION 14 \u2014 FINAL CTA\n     ============================================== *\/\n  .lemonx-visual-root .stk-final {\n    --s-bg: #f8f9fb; --s-accent: #f97316; --s-accent2: #f59e0b;\n    --s-accent-soft: rgba(249,115,22,0.07); --s-accent-border: rgba(249,115,22,0.18);\n    --s-heading: #111827; --s-body: #4b5563; --s-muted: #9ca3af; --s-border: #e5e7eb;\n    background: var(--s-bg); padding: 6rem 2rem;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--s-heading); line-height: 1.6; box-sizing: border-box;\n  }\n  .lemonx-visual-root .stk-final *, .lemonx-visual-root .stk-final *::before, .lemonx-visual-root .stk-final *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .lemonx-visual-root .stk-final__container { max-width: 860px; margin: 0 auto; }<\/p>\n<p>  .lemonx-visual-root .stk-final__card {\n    position: relative; text-align: center; padding: 4rem 3rem;\n    background: #fff; border: 2px solid var(--s-accent-border); border-radius: 24px;\n    box-shadow: 0 8px 40px rgba(249,115,22,0.06); overflow: hidden;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-final__card-glow {\n    position: absolute; top: -60px; left: 50%; transform: translateX(-50%);\n    width: 400px; height: 200px;\n    background: radial-gradient(ellipse, rgba(249,115,22,0.08) 0%, transparent 70%);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-final__label {\n    display: inline-block; font-size: 0.72rem; font-weight: 700; color: var(--s-accent);\n    text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 1rem; padding: 0.3rem 1rem;\n    background: var(--s-accent-soft); border: 1px solid var(--s-accent-border); border-radius: 50px;\n    position: relative;\n  }\n  .lemonx-visual-root .stk-final__title {\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 800; line-height: 1.18;\n    letter-spacing: -0.025em; color: var(--s-heading); margin-bottom: 1.2rem; position: relative;\n  }\n  .lemonx-visual-root .stk-final__title-hl {\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2));\n    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-final__desc {\n    font-size: 1rem; line-height: 1.7; color: var(--s-body); margin-bottom: 2rem;\n    max-width: 600px; margin-left: auto; margin-right: auto; position: relative;\n  }<\/p>\n<p>  .lemonx-visual-root .stk-final__btn {\n    display: inline-flex; align-items: center; gap: 0.6rem; padding: 1rem 2.5rem;\n    background: linear-gradient(135deg, var(--s-accent), var(--s-accent2)); color: #fff;\n    text-decoration: none; border-radius: 12px; font-size: 1.05rem; font-weight: 700;\n    font-family: inherit; transition: all 0.3s ease; position: relative;\n    box-shadow: 0 6px 24px rgba(249,115,22,0.3);\n  }\n  .lemonx-visual-root .stk-final__btn:hover { transform: translateY(-3px); box-shadow: 0 10px 36px rgba(249,115,22,0.4); }\n  .lemonx-visual-root .stk-final__btn svg { transition: transform 0.3s ease; }\n  .lemonx-visual-root .stk-final__btn:hover svg { transform: translateX(4px); }<\/p>\n<p>  .lemonx-visual-root .stk-final__sub {\n    margin-top: 1.2rem; font-size: 0.82rem; color: var(--s-muted); font-weight: 500;\n    position: relative;\n  }<\/p>\n<p>  \/* ==============================================\n     RESPONSIVE \u2014 SECTIONS 9-14\n     ============================================== *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .stk-diff__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .lemonx-visual-root .stk-diff__images { max-width: 600px; margin: 0 auto; width: 100%; }\n    .lemonx-visual-root .stk-cert__body { grid-template-columns: 1fr; gap: 2.5rem; }\n    .lemonx-visual-root .stk-cert__badges-grid { max-width: 500px; margin: 0 auto; }\n    .lemonx-visual-root .stk-ship__layout { grid-template-columns: 1fr; gap: 2.5rem; }\n    .lemonx-visual-root .stk-ship__visual { max-width: 600px; margin: 0 auto; width: 100%; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .lemonx-visual-root .stk-diff, .lemonx-visual-root .stk-cert, .lemonx-visual-root .stk-ship, .lemonx-visual-root .stk-urgency, .lemonx-visual-root .stk-faq, .lemonx-visual-root .stk-final { padding: 4rem 1.2rem; }\n    .lemonx-visual-root .stk-diff__img--1 { height: 220px; }\n    .lemonx-visual-root .stk-diff__img--2, .lemonx-visual-root .stk-diff__img--3 { height: 150px; }\n    .lemonx-visual-root .stk-diff__pillars { flex-direction: column; }\n    .lemonx-visual-root .stk-cert__badges-grid { grid-template-columns: 1fr 1fr; }\n    .lemonx-visual-root .stk-cert__detail-img { height: 180px; }\n    .lemonx-visual-root .stk-ship__visual-main { height: 230px; }\n    .lemonx-visual-root .stk-ship__visual-sm { height: 120px; }\n    .lemonx-visual-root .stk-final__card { padding: 3rem 1.5rem; }\n    .lemonx-visual-root .stk-final__desc br { display: none; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .lemonx-visual-root .stk-diff__images { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-diff__img--1 { height: 200px; }\n    .lemonx-visual-root .stk-diff__img--2, .lemonx-visual-root .stk-diff__img--3 { height: 170px; }\n    .lemonx-visual-root .stk-cert__badges-grid { grid-template-columns: 1fr; }\n    .lemonx-visual-root .stk-urgency__title { font-size: 1.6rem; }\n    .lemonx-visual-root .stk-urgency__btn { padding: 0.8rem 1.5rem; font-size: 0.88rem; }\n    .lemonx-visual-root .stk-final__btn { padding: 0.85rem 1.8rem; font-size: 0.95rem; }\n    .lemonx-visual-root .stk-final__title br { display: none; }\n  }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Global Distributor Program \u2014 Now Open Become a SOLETKS Solar Distributor Partner with an experienced solar thermal manufacturer for flat plate collectors, solar water heaters, and commercial hot water systems \u2014 backed by global project experience, certified quality, and long-term technical support. Apply for Partnership Get Distributor Catalog Manufacturer Direct OEM \/ ODM Support Export [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1551","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/1551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/comments?post=1551"}],"version-history":[{"count":15,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/1551\/revisions"}],"predecessor-version":[{"id":1566,"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/pages\/1551\/revisions\/1566"}],"wp:attachment":[{"href":"https:\/\/service.soletksolar.com\/de\/wp-json\/wp\/v2\/media?parent=1551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}