.elementor-12767 .elementor-element.elementor-element-b99f226{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12767 .elementor-element.elementor-element-caac3ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-35f6d9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-faf7876{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-ba7ef24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-d620e70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-3d086fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-40cec44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12767 .elementor-element.elementor-element-60e3a96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-eb01c0c *//* ===========================
   SECTION 1 — HERO (Apple Style)
   =========================== */

.tp-hero {
  background: #ffffff;
  padding: 120px 20px 100px;
  text-align: center;
}

.tp-hero-title {
  font-size: 50px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
}

.tp-hero-sub {
  font-size: 20px;
  color: #475569;
  max-width: 720px;
  margin: 0 auto 36px;
  line-height: 1.6;
}

.tp-hero-btns a {
  display: inline-block;
  margin: 0 10px;
}

.tp-btn-primary {
  background: #0d1b2a;
  padding: 14px 32px;
  color: #ffffff !important;
  border-radius: 12px;
  font-weight: 600;
}

.tp-btn-primary:hover {
  background: #1e293b;
}

.tp-btn-secondary {
  padding: 14px 28px;
  border-radius: 12px;
  color: #0d1b2a !important;
  background: #f1f5f9;
  font-weight: 600;
}

.tp-btn-secondary:hover {
  background: #e2e8f0;
}

/* Mobile */
@media(max-width:768px){
  .tp-hero-title { font-size: 34px; }
  .tp-hero-sub { font-size: 18px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c8f96e9 *//* ===========================================
   SECTION 2 — Pain Points (Apple Engineering Style)
   =========================================== */

.tp-painpoints {
  padding: 80px 20px;
  background: #ffffff;
}

.tp-sec-inner {
  max-width: 940px;
  margin: 0 auto;
}

.tp-sec-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f172a;
  text-align: center;
  margin-bottom: 16px;
}

.tp-sec-sub {
  font-size: 18px;
  color: #475569;
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
}

.tp-pain-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 28px;
}

.tp-pain-card {
  padding: 28px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  transition: all .2s ease;
}

.tp-pain-card:hover {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.tp-pain-card h3 {
  font-size: 20px;
  color: #0f172a;
  margin-bottom: 10px;
}

.tp-pain-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}

/* Mobile */
@media(max-width:768px){
  .tp-sec-title { font-size: 26px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0e4da22 *//* ===========================================
   SECTION 3 — Engineering Benefits
   =========================================== */

.tp-benefits {
  padding: 80px 20px;
  background: #ffffff;
}

.tp-benefit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap: 28px;
}

.tp-benefit-card {
  padding: 28px;
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  transition: all .2s ease;
}

.tp-benefit-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.tp-benefit-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.tp-benefit-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3a872b *//* ===========================================
   SECTION 4 — Use Cases (Apple Style)
   =========================================== */

.tp-usecases {
  padding: 80px 20px;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

.tp-use-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 32px;
}

.tp-use-card {
  background: #ffffff;
  padding: 28px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  transition: all .2s ease;
}

.tp-use-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.tp-use-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 12px;
}

.tp-use-card p {
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b441ece *//* ============================
   SECTION TITLE
============================ */
.ti-sec-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 18px;
  text-align: center;
}

/* ============================
   PRODUCT GRID
============================ */
.ti-product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 默认：桌面三列 */
  gap: 32px;
  margin-top: 40px;
}

/* 平板：两列 */
@media (max-width: 1024px) {
  .ti-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 手机：一列 */
@media (max-width: 768px) {
  .ti-product-grid {
    grid-template-columns: 1fr;
  }
}


.ti-product-card {
  display: block;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  color: #111827;
  text-decoration: none;
  transition: all .25s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}

.ti-product-card:hover {
  transform: translateY(-4px);
  border-color: #0d1b2a;
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

.ti-product-card img {
  width: 100%;
  border-radius: 14px;
  margin-bottom: 16px;
  box-shadow:
    0 6px 18px rgba(0,0,0,0.06),
    0 2px 6px rgba(0,0,0,0.03);
}

/* ============================
   TEXT
============================ */
.ti-product-title {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.ti-product-desc {
  color: #475569;
  font-size: 15px;
  line-height: 1.55;
}

/* ============================
   MOBILE
============================ */
@media (max-width: 768px) {
  .ti-sec-title {
    font-size: 26px;
  }
  .ti-product-title {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b7f5f30 *//* ===========================================
   SECTION 6 — OEM Manufacturing Capability
   =========================================== */

.tp-oem {
  padding: 80px 20px;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
}

.tp-oem-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 28px;
  margin-top: 36px;
}

.tp-oem-card {
  background: #ffffff;
  padding: 26px;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  transition: all .2s ease;
}

.tp-oem-card:hover {
  border-color: #cbd5e1;
  box-shadow: 0 10px 24px rgba(0,0,0,0.05);
}

.tp-oem-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.tp-oem-card p {
  font-size: 15px;
  color: #475569;
  line-height: 1.6;
}

.tp-oem-cta {
  text-align: center;
  margin-top: 40px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-304adaa *//* ===========================================
   SECTION 7 — Comparison Table
   =========================================== */

.tp-compare {
  padding: 80px 20px;
  background: #ffffff;
}

.tp-compare-wrapper {
  overflow-x: auto;
  margin-top: 30px;
}

.tp-compare-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  font-size: 16px;
}

.tp-compare-table th {
  background: #f1f5f9;
  font-weight: 700;
  color: #0f172a;
  padding: 16px;
  border-bottom: 1px solid #e2e8f0;
}

.tp-compare-table td {
  padding: 14px;
  border-bottom: 1px solid #e5e7eb;
  color: #475569;
}

.tp-compare-table tr:last-child td {
  border-bottom: none;
}

.tp-compare-table td:first-child {
  font-weight: 600;
  color: #0f172a;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b79f154 *//* ===========================================
   SECTION 8 — FAQ (Apple White Engineering Style)
   =========================================== */

.tp-faq {
  padding: 80px 20px;
  background: #ffffff;
}

.tp-faq-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.tp-faq-item h3 {
  font-size: 20px;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 8px;
}

.tp-faq-item p {
  font-size: 16px;
  color: #475569;
  line-height: 1.7;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-60e3a96 *//* ===========================================
   SECTION 9 — Final CTA (Apple Style)
   =========================================== */

.tp-finalcta {
  padding: 100px 20px;
  background: #f8fafc;
  border-top: 1px solid #e5e7eb;
}

.tp-finalcta-box {
  text-align: center;
  margin-bottom: 40px;
}

.tp-finalcta-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 18px;
}

.tp-finalcta-sub {
  font-size: 18px;
  color: #475569;
  max-width: 720px;
  margin: 0 auto 32px;
  line-height: 1.7;
}

.tp-finalcta-btn {
  padding: 16px 36px !important;
  border-radius: 12px;
  font-weight: 600;
  display: inline-block;
}

.tp-finalcta-form {
  margin-top: 30px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */