html, body, .page, .page-content, .page-wrapper, .main-content, .content, .template-page, .page-header, .page-title, .main-page-title {
      background: #f7f8fa !important;
      color: #111827 !important;
    }
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      color: #1f2937;
      line-height: 1.65;
    }
    a {
      color: #0f766e;
      text-decoration: none;
    }
    img {
      max-width: 100%;
      display: block;
    }
    .aggregate-shell {
      width: 100%;
      max-width: 1200px;
      padding: 0 20px;
    }
    .hero-card,
    .spec-card,
    .text-card,
    .post-card,
    .quote-card,
    .faq-card,
    .advantage-card {
      background: #ffffff;
      border: 1px solid #e5e7eb;
      border-radius: 24px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    }
    .hero-card {
      padding: 44px;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
      gap: 40px;
      align-items: center;
    }
    .eyebrow {
      display: inline-block;
      padding: 8px 14px;
      border-radius: 999px;
      background: #ecfeff;
      color: #0f766e;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .hero-title {
      margin: 18px 0 0;
      font-size: 46px;
      line-height: 1.15;
      color: #0f172a;
      font-weight: 800;
    }
    .hero-copy {
      margin: 20px 0 0;
      font-size: 17px;
      line-height: 1.85;
      color: #475569;
    }
    .button-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 28px;
    }
    .button-primary,
    .button-secondary {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 24px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      transition: all 0.2s ease;
    }
    .button-primary {
      background: #0f766e;
      color: #ffffff !important;
      border: 1px solid #0f766e;
    }
    .button-secondary {
      background: #ffffff;
      color: #334155 !important;
      border: 1px solid #cbd5e1;
    }
    .button-primary:hover {
      background: #115e59;
      border-color: #115e59;
    }
    .button-secondary:hover {
      border-color: #94a3b8;
    }
    .metric-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 28px;
    }
    .metric-box {
      border: 1px solid #e2e8f0;
      border-radius: 18px;
      background: #f8fafc;
      padding: 18px;
    }
    .metric-box h3 {
      margin: 0;
      font-size: 14px;
      color: #0f172a;
    }
    .metric-box p {
      margin: 10px 0 0;
      font-size: 14px;
      line-height: 1.7;
      color: #64748b;
    }
    .hero-image-wrap {
      display: flex;
      justify-content: center;
    }
    .hero-image {
      width: 100%;
      max-width: 420px;
      border-radius: 26px;
      background: #ffffff;
      padding: 18px;
      border: 1px solid #e5e7eb;
      box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
    }
    .section-heading {
      margin: 0;
      font-size: 34px;
      line-height: 1.2;
      text-align: center;
      color: #0f172a;
    }
    .section-subtitle {
      max-width: 860px;
      margin: 14px auto 0;
      font-size: 17px;
      line-height: 1.8;
      text-align: center;
      color: #64748b;
    }
    .spec-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: 24px;
      align-items: start;
      margin-top: 34px;
    }
    .media-card {
      overflow: hidden;
      border-radius: 24px;
      border: 1px solid #e5e7eb;
      background: #ffffff;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    }
    .media-card img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    .text-card,
    .spec-card {
      padding: 28px;
    }
    .text-card h3,
    .spec-card h3,
    .section-block-title {
      margin: 0;
      font-size: 26px;
      line-height: 1.25;
      color: #0f172a;
    }
    .text-card p,
    .spec-intro,
    .post-card p,
    .quote-card p,
    .faq-card p,
    .advantage-card p {
      margin: 16px 0 0;
      font-size: 16px;
      line-height: 1.85;
      color: #475569;
    }
    .left-stack {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    .table-wrap {
      overflow-x: auto;
      width: 100%;
      margin-top: 18px;
    }
    table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
    }
    th, td {
      padding: 12px 14px;
      border: 1px solid #d1d5db;
      text-align: left;
      vertical-align: top;
      font-size: 15px;
      line-height: 1.65;
    }
    th {
      background: #f3f4f6;
      color: #111827;
      font-weight: 700;
    }
    .advantages-grid,
    .reading-grid,
    .quotes-grid,
    .faq-grid {
      display: grid;
      gap: 20px;
      margin-top: 24px;
    }
    .advantages-grid,
    .reading-grid,
    .quotes-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .advantage-card,
    .post-card,
    .quote-card {
      padding: 24px;
    }
    .advantage-card h3,
    .post-card h3,
    .quote-card h3 {
      margin: 0;
      font-size: 21px;
      line-height: 1.4;
      color: #0f172a;
    }
    .post-link {
      display: inline-flex;
      margin-top: 18px;
      font-size: 14px;
      font-weight: 700;
      color: #0f766e !important;
    }
    .score-chip {
      display: inline-block;
      padding: 6px 12px;
      border-radius: 999px;
      background: #fff7ed;
      color: #c2410c;
      font-size: 13px;
      font-weight: 700;
    }
    .quote-meta {
      margin-top: 14px;
      font-size: 14px;
      font-weight: 700;
      color: #0f172a;
    }
    .faq-grid {
      grid-template-columns: 1fr;
    }
    .faq-card {
      padding: 22px 24px;
      text-align: left;
    }
    .faq-card h3 {
      margin: 0;
      font-size: 20px;
      line-height: 1.5;
      color: #0f172a;
    }
    .footer-bar {
      width: 100%;
      border-top: 1px solid #e5e7eb;
      background: #ffffff;
      margin-top: 24px;
    }
    .footer-inner {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 22px 20px 28px;
      text-align: center;
      font-size: 14px;
      color: #374151 !important;
    }
    @media (max-width: 991px) {
      .hero-card {
        padding: 30px 22px;
      }
      .hero-grid,
      .spec-layout,
      .advantages-grid,
      .reading-grid,
      .quotes-grid {
        grid-template-columns: 1fr;
      }
      .hero-title {
        font-size: 34px;
      }
      .section-heading {
        font-size: 30px;
      }
      .metric-grid {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 640px) {
      .aggregate-shell {
        padding: 0 14px;
      }
      .hero-title {
        font-size: 30px;
      }
      .section-heading {
        font-size: 26px;
      }
      .button-row {
        flex-direction: column;
      }
      .button-primary,
      .button-secondary {
        width: 100%;
      }
    }