/* Hero */
    .hiw-hero {
      background: linear-gradient(135deg, var(--brand-primary) 0%, #1d4ed8 100%);
      padding: 80px 16px;
      text-align: center;
      color: white;
    }
    .hiw-hero h1 {
      font-size: 48px;
      font-weight: 700;
      line-height: 56px;
      margin-bottom: 16px;
      color: white;
    }
    .hiw-hero .hiw-tagline {
      font-size: 22px;
      line-height: 34px;
      max-width: 750px;
      margin: 0 auto 32px;
      opacity: 0.95;
    }
    .hiw-hero .hiw-subtitle {
      font-size: 17px;
      line-height: 28px;
      max-width: 680px;
      margin: 0 auto;
      opacity: 0.85;
    }

    /* Shared */
    .hiw-section { padding: 80px 0; }
    .hiw-section:nth-of-type(odd) { background: white; }
    .hiw-section:nth-of-type(even) { background: var(--medical-gray); }
    .hiw-wrap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
    .hiw-section h2 {
      font-size: 36px; font-weight: 700; line-height: 44px;
      color: var(--brand-dark); margin-bottom: 16px; text-align: center;
    }
    .hiw-section .hiw-section-sub {
      font-size: 18px; line-height: 30px; color: var(--brand-neutral);
      text-align: center; max-width: 700px; margin: 0 auto 48px;
    }
    .hiw-section p {
      font-size: 16px; line-height: 28px; color: var(--brand-dark); margin-bottom: 16px;
    }
    .hiw-section h3 {
      font-size: 28px; font-weight: 600; line-height: 36px;
      color: var(--brand-primary); margin-bottom: 16px; margin-top: 32px;
    }

    /* Benefits cards */
    .hiw-benefits-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 32px;
    }
    .hiw-benefit-card {
      background: white;
      border-radius: 12px;
      padding: 40px 32px;
      text-align: center;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
      transition: transform 150ms ease, box-shadow 150ms ease;
    }
    .hiw-benefit-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.14);
    }
    .hiw-benefit-icon {
      width: 80px; height: 80px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 24px;
      font-size: 36px; color: white;
    }
    .hiw-benefit-icon.icon-home { background: var(--brand-accent); }
    .hiw-benefit-icon.icon-trips { background: var(--brand-primary); }
    .hiw-benefit-icon.icon-progress { background: var(--brand-gold); }
    .hiw-benefit-card h3 {
      font-size: 24px; font-weight: 700; color: var(--brand-dark);
      margin: 0 0 12px; text-align: center;
    }
    .hiw-benefit-card p {
      font-size: 16px; line-height: 26px; color: var(--brand-neutral);
      margin: 0;
    }

    /* Three-pillar cards */
    .hiw-pillar-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      margin: 48px 0 0;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    }
    .hiw-pillar {
      padding: 40px 32px;
      text-align: center;
    }
    .hiw-pillar:nth-child(1) { background: #dbeafe; }
    .hiw-pillar:nth-child(2) { background: #d1fae5; }
    .hiw-pillar:nth-child(3) { background: #fef3c7; }
    .hiw-pillar .hiw-pillar-num {
      display: inline-flex; align-items: center; justify-content: center;
      width: 48px; height: 48px; border-radius: 50%;
      font-size: 22px; font-weight: 700; color: white; margin-bottom: 16px;
    }
    .hiw-pillar:nth-child(1) .hiw-pillar-num { background: var(--brand-primary); }
    .hiw-pillar:nth-child(2) .hiw-pillar-num { background: var(--brand-accent); }
    .hiw-pillar:nth-child(3) .hiw-pillar-num { background: var(--brand-gold); }
    .hiw-pillar h3 {
      font-size: 24px; font-weight: 700; color: var(--brand-dark);
      margin: 0 0 8px; text-align: center;
    }
    .hiw-pillar .hiw-pillar-tag {
      font-size: 14px; font-weight: 600; text-transform: uppercase;
      letter-spacing: 1px; margin-bottom: 16px; display: block;
    }
    .hiw-pillar:nth-child(1) .hiw-pillar-tag { color: var(--brand-primary); }
    .hiw-pillar:nth-child(2) .hiw-pillar-tag { color: var(--brand-accent); }
    .hiw-pillar:nth-child(3) .hiw-pillar-tag { color: var(--brand-gold-dark); }
    .hiw-pillar p {
      font-size: 15px; line-height: 24px; color: var(--brand-dark); margin: 0;
    }
    .hiw-pillar i {
      font-size: 40px; margin-bottom: 16px;
    }
    .hiw-pillar-img {
      width: auto; height: 120px; border-radius: 8px; margin-bottom: 16px;
      object-fit: contain;
    }
    .hiw-clean-img,
    .hiw-cover-img,
    .hiw-light-img {
      display: block;
      height: 215px;
      max-width: 100%;
      margin: -18px auto 16px;
    }
    .hiw-image-zoom {
      display: flex;
      align-items: center;
      justify-content: center;
      width: min(100%, 260px);
      height: 175px;
      margin: 8px auto 16px;
      background: white;
      padding: 12px;
      border: 0;
      border-radius: 8px;
      cursor: zoom-in;
      box-shadow: 0 2px 10px rgba(15, 23, 42, 0.08);
      transition: transform 150ms ease, box-shadow 150ms ease;
    }
    .hiw-image-zoom:hover,
    .hiw-image-zoom:focus-visible {
      transform: translateY(-2px);
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.14);
      outline: 3px solid rgba(37, 99, 235, 0.28);
      outline-offset: 3px;
    }
    .hiw-image-zoom .hiw-pillar-img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      background: transparent;
      border-radius: 6px;
      object-fit: contain;
      box-shadow: none;
    }
    .hiw-zoom-modal[hidden] {
      display: none;
    }
    .hiw-zoom-modal {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(15, 23, 42, 0.84);
    }
    .hiw-zoom-modal img {
      max-width: min(92vw, 960px);
      max-height: 82vh;
      padding: 16px;
      background: white;
      border-radius: 8px;
      object-fit: contain;
      box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
    }
    .hiw-zoom-close {
      position: absolute;
      top: 20px;
      right: 20px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      padding: 0;
      border-radius: 50%;
      background: white;
      color: var(--brand-dark);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    }
    .hiw-zoom-close i {
      margin: 0;
      font-size: 18px;
    }
    .hiw-pillar:nth-child(1) i { color: var(--brand-primary); }
    .hiw-pillar:nth-child(2) i { color: var(--brand-accent); }
    .hiw-pillar:nth-child(3) i { color: var(--brand-gold-dark); }

    /* Bandage callout */
    .hiw-bandage-callout {
      background: linear-gradient(135deg, var(--brand-accent) 0%, #059669 100%);
      color: white; padding: 40px; border-radius: 12px; margin: 48px 0;
      display: flex; align-items: center; gap: 32px;
    }
    .hiw-bandage-callout i {
      font-size: 56px; flex-shrink: 0; color: white; opacity: 0.9;
    }
    .hiw-bandage-callout h3 {
      color: white; margin: 0 0 12px; font-size: 26px;
    }
    .hiw-bandage-callout p {
      color: white; opacity: 0.95; margin: 0; font-size: 17px; line-height: 28px;
    }
    .hiw-bandage-video {
      display: block;
      width: 100%;
      max-width: 720px;
      margin: 24px auto 0;
      border-radius: 12px;
      background: var(--brand-dark);
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
    }

    /* Science highlight */
    .hiw-highlight-box {
      background: linear-gradient(135deg, var(--brand-primary) 0%, #1d4ed8 100%);
      color: white; padding: 32px; border-radius: 12px; margin: 32px 0;
      text-align: center;
    }
    .hiw-highlight-box h3 { color: white; margin: 0 0 12px; font-size: 26px; }
    .hiw-highlight-box p { color: white; font-size: 18px; line-height: 30px; margin: 0; }

    /* Key points */
    .hiw-key-points {
      background: white; border-left: 4px solid var(--brand-primary);
      padding: 24px; margin: 32px 0; border-radius: 4px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }
    .hiw-key-points h4 {
      font-size: 22px; font-weight: 600; color: var(--brand-dark); margin-bottom: 16px;
    }
    .hiw-key-points ul { list-style: none; padding: 0; margin: 0; }
    .hiw-key-points li {
      font-size: 16px; line-height: 28px; color: var(--brand-dark);
      margin-bottom: 12px; padding-left: 32px; position: relative;
    }
    .hiw-key-points li:before {
      content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900;
      color: var(--brand-primary); position: absolute; left: 0; top: 2px; font-size: 18px;
    }

    /* Icon list */
    .hiw-icon-list { list-style: none; padding: 0; margin: 24px 0; }
    .hiw-icon-list li {
      font-size: 16px; line-height: 28px; color: var(--brand-dark);
      margin-bottom: 16px; padding-left: 40px; position: relative;
    }
    .hiw-icon-list li i {
      position: absolute; left: 0; top: 4px; font-size: 20px; color: var(--brand-primary);
    }

    /* Protocol */
    .hiw-protocol {
      background: linear-gradient(135deg, var(--brand-primary) 0%, #1d4ed8 100%);
      color: white; padding: 48px 32px; border-radius: 12px; margin: 48px 0;
    }
    .hiw-protocol h3 {
      color: white; text-align: center; margin: 0 0 8px; font-size: 32px;
    }
    .hiw-protocol .hiw-protocol-sub {
      text-align: center; font-size: 18px; margin-bottom: 32px; color: white; opacity: 0.9;
    }
    .hiw-protocol-grid {
      display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 24px; margin-top: 32px;
    }
    .hiw-protocol-item {
      background: rgba(255,255,255,0.1); padding: 24px; border-radius: 8px;
      backdrop-filter: blur(10px);
    }
    .hiw-protocol-item h4 {
      color: white; font-size: 20px; font-weight: 600; margin-bottom: 12px;
      display: flex; align-items: center; gap: 12px;
    }
    .hiw-protocol-item h4 i { font-size: 24px; color: white; }
    .hiw-protocol-item p {
      color: white; opacity: 0.95; margin: 0; font-size: 16px; line-height: 26px;
    }
    .hiw-protocol-tip {
      margin-top: 32px; padding: 24px;
      background: rgba(255,255,255,0.15); border-radius: 8px;
    }
    .hiw-protocol-tip h4 { color: white; margin-bottom: 12px; font-size: 20px; }
    .hiw-protocol-tip p { margin: 0; color: white; opacity: 0.95; }

    /* CTA */
    .hiw-cta {
      text-align: center; padding: 80px 0; background: var(--medical-gray);
    }
    .hiw-cta-wrap {
      max-width: 1200px; margin: 0 auto; padding: 0 16px;
    }
    .hiw-cta h2 {
      font-size: 36px; font-weight: 700; color: var(--brand-dark); margin-bottom: 24px;
    }
    .hiw-cta p {
      font-size: 18px; line-height: 30px; color: var(--brand-dark);
      max-width: 700px; margin: 0 auto 32px;
    }
    .hiw-cta .cms-btn {
      padding: 16px 40px; font-size: 18px; font-weight: 600;
      border-radius: 8px; text-decoration: none; transition: all 0.3s ease;
    }
    .hiw-cta .cms-btn:hover {
      transform: translateY(-2px); box-shadow: 0 8px 20px rgba(37,99,235,0.3);
    }
    .hiw-cta .hiw-text-links { margin-top: 24px; font-size: 16px; }
    .hiw-cta .hiw-text-links a {
      color: var(--brand-primary); font-weight: 600; text-decoration: none;
    }
    .hiw-cta .hiw-text-links a:hover { text-decoration: underline; }

    /* Responsive */
    @media (max-width: 767px) {
      .hiw-hero h1 { font-size: 32px; line-height: 40px; }
      .hiw-hero .hiw-tagline { font-size: 18px; line-height: 28px; }
      .hiw-benefits-grid { grid-template-columns: 1fr; }
      .hiw-pillar-grid { grid-template-columns: 1fr; }
      .hiw-bandage-callout { flex-direction: column; text-align: center; }
      .hiw-section h2 { font-size: 28px; line-height: 36px; }
      .hiw-section h3 { font-size: 24px; line-height: 32px; }
      .hiw-protocol-grid { grid-template-columns: 1fr; }
    }