:root {
        --ctdaaw-navy: #0c2d4a;
        --ctdaaw-navy-dark: #061a2b;
        --ctdaaw-blue: #1a5f8a;
        --ctdaaw-gold: #c9a84c;
        --ctdaaw-gold-hover: #b8943f;
        --ctdaaw-cream: #f7f5f0;
        --ctdaaw-white: #ffffff;
        --ctdaaw-text: #2c3e50;
        --ctdaaw-text-muted: #5a6b7d;
        --ctdaaw-border: #dde4ea;
        --ctdaaw-radius: 12px;
        --ctdaaw-radius-lg: 20px;
        --ctdaaw-shadow: 0 8px 30px rgba(6, 26, 43, 0.08);
        --ctdaaw-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
        --ctdaaw-max: 1140px;
      }

      .ctdaaw-page {
        font-family: var(--ctdaaw-font);
        color: var(--ctdaaw-text);
        line-height: 1.65;
      }

      .ctdaaw-page * {
        box-sizing: border-box;
      }

      .ctdaaw-container {
        width: min(100% - 2rem, var(--ctdaaw-max));
        margin-inline: auto;
      }

      .ctdaaw-hero__title {
        margin: 0 0 1.25rem;
        font-size: clamp(2rem, 5vw, 3rem);
        font-weight: 700;
        line-height: 1.15;
      }

      .ctdaaw-hero__lead {
        max-width: 42rem;
        margin: 0 auto 2rem;
        font-size: 1.125rem;
        color: rgba(255, 255, 255, 0.9);
      }

      .ctdaaw-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: flex-start;
      }

      .ctdaaw-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.85rem 1.6rem;
        border-radius: 999px;
        font-weight: 600;
        font-size: 0.95rem;
        text-decoration: none;
        border: 2px solid transparent;
        transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s;
        cursor: pointer;
      }

      .ctdaaw-btn:hover {
        transform: translateY(-1px);
      }

      .ctdaaw-btn--primary {
        background: #1a5f8a;
        color: #ffffff !important;
      }

      .ctdaaw-btn--primary:hover {
        background: var(--ctdaaw-gold-hover);
        color: var(--ctdaaw-navy-dark);
      }

      .ctdaaw-btn--outline-dark {
        background: transparent;
        color: var(--ctdaaw-navy);
        border-color: var(--ctdaaw-navy);
      }

      .ctdaaw-btn--outline-dark:hover {
        background: var(--ctdaaw-cream);
      }

      .ctdaaw-btn--outline-light {
        background: transparent;
        color: var(--ctdaaw-white);
        border-color: rgba(255, 255, 255, 0.7);
      }

      .ctdaaw-btn--outline-light:hover {
        background: rgba(255, 255, 255, 0.12);
        color: var(--ctdaaw-white);
      }

      .ctdaaw-btn--large {
        padding: 1rem 2rem;
        font-size: 1.05rem;
      }

      .ctdaaw-hero--gather {
        background: linear-gradient(148deg, var(--ctdaaw-cream) 0%, #1a5f8a96 100%);
        color: var(--ctdaaw-navy);
        padding: 4.5rem 0 4rem;
        text-align: left;
        border-radius: 20px !important;
      }

      .ctdaaw-hero--gather .ctdaaw-hero__lead {
        color: var(--ctdaaw-text-muted);
        max-width: none;
        margin: 0 0 2rem;
      }

      .ctdaaw-hero__split {
        display: grid;
        gap: 2.5rem;
        align-items: center;
      }

      @media (min-width: 900px) {
        .ctdaaw-hero__split {
          grid-template-columns: 1fr 1fr;
          gap: 3rem;
        }
      }

      .ctdaaw-hero__content {
        max-width: 36rem;
      }

      .ctdaaw-hero__media img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: var(--ctdaaw-radius-lg);
        box-shadow: var(--ctdaaw-shadow);
      }

      .ctdaaw-showcase {
        background: var(--ctdaaw-white);
        padding: 4rem 0;
        border-bottom: 1px solid var(--ctdaaw-border);
      }

      .ctdaaw-showcase__split {
        display: grid;
        gap: 2.5rem;
        align-items: center;
      }

      @media (min-width: 900px) {
        .ctdaaw-showcase__split {
          grid-template-columns: 1.1fr 1fr;
          gap: 3.5rem;
        }

        .ctdaaw-showcase__split--image-left .ctdaaw-showcase__media {
          order: 1;
        }

        .ctdaaw-showcase__split--image-left .ctdaaw-showcase__content {
          order: 2;
        }
      }

      .ctdaaw-showcase__content {
        text-align: left;
      }

      .ctdaaw-showcase__media img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: var(--ctdaaw-radius-lg);
        box-shadow: var(--ctdaaw-shadow);
        border: 1px solid var(--ctdaaw-border);
      }

      .ctdaaw-showcase__title {
        margin: 0 0 1rem;
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        font-weight: 700;
        color: var(--ctdaaw-navy);
        line-height: 1.2;
      }

      .ctdaaw-showcase__text {
        margin: 0 0 2rem;
        max-width: none;
        color: var(--ctdaaw-text-muted);
        font-size: 1.05rem;
      }

      .ctdaaw-showcase__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
        justify-content: flex-start;
      }

      .ctdaaw-compare-hub {
        background: var(--ctdaaw-white);
        padding: 4.5rem 0 5rem;
      }

      .ctdaaw-compare-hub__heading {
        margin: 0 0 2rem;
        text-align: center;
        font-size: clamp(1.75rem, 4vw, 2.25rem);
        font-weight: 700;
        color: var(--ctdaaw-navy);
      }

      .ctdaaw-gather-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.5rem 0.25rem;
        margin-bottom: 2.5rem;
        padding-bottom: 0.25rem;
        border-bottom: 1px solid var(--ctdaaw-border);
      }

      .ctdaaw-gather-tab {
        position: relative;
        padding: 0.85rem 1.35rem;
        border: none;
        background: transparent;
        color: var(--ctdaaw-text-muted);
        font-family: inherit;
        font-size: 0.95rem;
        font-weight: 600;
        cursor: pointer;
        transition: color 0.2s;
        white-space: nowrap;
      }

      .ctdaaw-gather-tab::after {
        content: "";
        position: absolute;
        left: 1rem;
        right: 1rem;
        bottom: -1px;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: transparent;
        transition: background 0.2s;
      }

      .ctdaaw-gather-tab:hover {
        color: var(--ctdaaw-navy);
      }

      .ctdaaw-gather-tab.is-active {
        color: var(--ctdaaw-navy);
      }

      .ctdaaw-gather-tab.is-active::after {
        background: #1a5f8a;
      }

      .ctdaaw-gather-cards {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        max-width: 920px;
        margin: 0 auto;
      }

      .ctdaaw-gather-card {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        min-height: 0;
        padding: 0;
        background: var(--ctdaaw-white);
        border: 1px solid var(--ctdaaw-border);
        border-radius: var(--ctdaaw-radius);
        box-shadow: none;
        transition: border-color 0.2s, box-shadow 0.2s;
        overflow: hidden;
      }

      .ctdaaw-gather-card:hover {
        border-color: rgba(201, 168, 76, 0.45);
        box-shadow: 0 4px 20px rgba(6, 26, 43, 0.07);
      }

      .ctdaaw-gather-card__media {
        flex: 0 0 38%;
        max-width: 340px;
        display: block;
        overflow: hidden;
        line-height: 0;
        background: var(--ctdaaw-cream);
        border-right: 1px solid var(--ctdaaw-border);
      }

      .ctdaaw-gather-card__media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 180px;
        object-fit: cover;
        transition: transform 0.35s ease;
      }

      .ctdaaw-gather-card:hover .ctdaaw-gather-card__media img {
        transform: scale(1.02);
      }

      .ctdaaw-gather-card__body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        padding: 1.5rem 1.75rem;
        min-width: 0;
      }

      @media (max-width: 767px) {
        .ctdaaw-gather-card {
          flex-direction: column;
        }

        .ctdaaw-gather-card__media {
          flex: none;
          max-width: none;
          border-right: none;
          border-bottom: 1px solid var(--ctdaaw-border);
        }

        .ctdaaw-gather-card__media img {
          min-height: 0;
          aspect-ratio: 16 / 9;
        }
      }

      .ctdaaw-gather-card__title {
        margin: 0 0 0.65rem;
        font-size: 1.2rem;
        font-weight: 700;
        color: var(--ctdaaw-navy);
        line-height: 1.35;
      }

      .ctdaaw-gather-card__excerpt {
        flex: 0 1 auto;
        margin: 0 0 1rem;
        font-size: 0.95rem;
        color: var(--ctdaaw-text-muted);
        line-height: 1.55;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }

      .ctdaaw-gather-card__link {
        align-self: flex-start;
        font-weight: 700;
        font-size: 18px;
        color: var(--ctdaaw-blue);
        text-decoration: none;
        transition: color 0.2s;
        margin-top: auto;
      }

      .ctdaaw-gather-card__link::after {
        content: " →";
      }

      .ctdaaw-gather-card__link:hover {
        color: var(--ctdaaw-navy);
        text-decoration: underline;
      }

      .ctdaaw-cta {
        background: linear-gradient(135deg, var(--ctdaaw-navy-dark), var(--ctdaaw-navy));
        color: var(--ctdaaw-white);
        padding: 4rem 0;
        text-align: center;
      }

      .ctdaaw-cta h2,
      .ctdaaw-cta p {
        margin: 0 0 1rem;
      }

      .ctdaaw-cta p {
        max-width: 36rem;
        margin-inline: auto;
        color: rgba(255, 255, 255, 0.9);
      }

      .ctdaaw-cta--has-bg {
        position: relative;
        overflow: hidden;
      }

      .ctdaaw-cta--has-bg .ctdaaw-cta__inner {
        position: relative;
        z-index: 1;
      }

      .ctdaaw-cta--gather .ctdaaw-cta__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.85rem;
        justify-content: center;
        margin-top: 0.5rem;
      }

/* Detail comparison pages */
:root {
        --ctdaaw-navy: #0c2d4a;
        --ctdaaw-navy-dark: #061a2b;
        --ctdaaw-blue: #1a5f8a;
        --ctdaaw-gold: #c9a84c;
        --ctdaaw-gold-hover: #b8943f;
        --ctdaaw-cream: #f7f5f0;
        --ctdaaw-white: #ffffff;
        --ctdaaw-text: #2c3e50;
        --ctdaaw-text-muted: #5a6b7d;
        --ctdaaw-border: #dde4ea;
        --ctdaaw-success: #2d8a4e;
        --ctdaaw-danger: #b33a3a;
        --ctdaaw-radius: 12px;
        --ctdaaw-radius-lg: 20px;
        --ctdaaw-shadow: 0 8px 30px rgba(6, 26, 43, 0.08);
        --ctdaaw-font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
        --ctdaaw-max: 1140px;
      }
      .ctdaaw-page { font-family: var(--ctdaaw-font); color: var(--ctdaaw-text); line-height: 1.65; }
      .ctdaaw-page * { box-sizing: border-box; }
      .ctdaaw-container { width: min(100% - 2rem, var(--ctdaaw-max)); margin-inline: auto; }
      .ctdaaw-back { display: inline-block; padding: 1.25rem 0 0; font-weight: 600; color: var(--ctdaaw-blue); text-decoration: none; }
      .ctdaaw-back:hover { color: var(--ctdaaw-navy); text-decoration: underline; }
      .ctdaaw-hero { background: linear-gradient(135deg, var(--ctdaaw-navy-dark) 0%, var(--ctdaaw-navy) 55%, var(--ctdaaw-blue) 100%); color: var(--ctdaaw-white); padding: 5rem 0 4.5rem; text-align: center; }
      .ctdaaw-eyebrow { display: inline-block; margin: 0 0 1rem; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ctdaaw-gold); }
      .ctdaaw-hero__title { margin: 0 0 1.25rem; font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; line-height: 1.15; }
      .ctdaaw-hero__lead { max-width: 42rem; margin: 0 auto 2rem; font-size: 1.125rem; color: rgba(255, 255, 255, 0.9); }
      .ctdaaw-hero__actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; }
      .ctdaaw-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0.85rem 1.6rem; border-radius: 999px; font-weight: 600; font-size: 0.95rem; text-decoration: none; border: 2px solid transparent; transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.15s; cursor: pointer; }
      .ctdaaw-btn:hover { transform: translateY(-1px); }
      .ctdaaw-btn--primary { background: #1a5f8a; color: #ffffff; }
      .ctdaaw-btn--primary:hover { background: var(--ctdaaw-gold-hover); color: var(--ctdaaw-navy-dark); }
      .ctdaaw-btn--large { padding: 1rem 2rem; font-size: 1.05rem; }
      .ctdaaw-section { padding: 4rem 0; }
      .ctdaaw-section--alt { background: var(--ctdaaw-cream); }
      .ctdaaw-section__title { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 3vw, 2rem); color: var(--ctdaaw-navy); text-align: center; }
      .ctdaaw-takeaways { background: var(--ctdaaw-white); border: 1px solid var(--ctdaaw-border); border-left: 4px solid var(--ctdaaw-gold); border-radius: var(--ctdaaw-radius); padding: 2rem; box-shadow: var(--ctdaaw-shadow); }
      .ctdaaw-takeaways h2 { margin: 0 0 1.25rem; color: var(--ctdaaw-navy); font-size: 1.5rem; }
      .ctdaaw-takeaways__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
      .ctdaaw-takeaways__list li { display: flex; gap: 0.75rem; align-items: flex-start; }
      .ctdaaw-takeaways__icon { flex-shrink: 0; color: var(--ctdaaw-success); font-weight: 700; margin-top: 0.1rem; }
      .ctdaaw-feature-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin-top: 2rem; }
      .ctdaaw-feature { background: var(--ctdaaw-white); border-radius: var(--ctdaaw-radius); padding: 1.5rem; border: 1px solid var(--ctdaaw-border); }
      .ctdaaw-section--alt .ctdaaw-feature { box-shadow: var(--ctdaaw-shadow); }
      .ctdaaw-feature h3 { margin: 0 0 0.5rem; font-size: 1.05rem; color: var(--ctdaaw-navy); }
      .ctdaaw-feature p { margin: 0; font-size: 0.95rem; color: var(--ctdaaw-text-muted); }
      .ctdaaw-table-wrap { overflow-x: auto; margin-top: 2rem; border-radius: var(--ctdaaw-radius-lg); box-shadow: var(--ctdaaw-shadow); border: 1px solid var(--ctdaaw-border); }
      .ctdaaw-table { width: 100%; border-collapse: collapse; background: var(--ctdaaw-white); min-width: 640px; }
      .ctdaaw-table th, .ctdaaw-table td { padding: 1rem 1.25rem; text-align: left; border-bottom: 1px solid var(--ctdaaw-border); }
      .ctdaaw-table th { background: var(--ctdaaw-navy); color: var(--ctdaaw-white); font-weight: 600; }
      .ctdaaw-table th:not(:first-child), .ctdaaw-table td:not(:first-child) { text-align: center; width: 140px; }
      .ctdaaw-table tbody tr:nth-child(even) { background: #fafbfc; }
      .ctdaaw-table tbody tr:hover { background: #f0f4f8; }
      .ctdaaw-icon--yes { color: var(--ctdaaw-success); font-weight: 700; font-size: 1.1rem; }
      .ctdaaw-icon--no { color: var(--ctdaaw-danger); font-weight: 700; font-size: 1.1rem; }
      .ctdaaw-icon--text { font-size: 0.9rem; color: var(--ctdaaw-text-muted); font-weight: 600; }
      .ctdaaw-prose p { max-width: 48rem; margin: 0 auto 1rem; color: var(--ctdaaw-text-muted); }
      .ctdaaw-prose p:last-child { margin-bottom: 0; }
      .ctdaaw-steps { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: 1rem; }
      .ctdaaw-step { display: flex; gap: 1.25rem; align-items: flex-start; background: var(--ctdaaw-white); border: 1px solid var(--ctdaaw-border); border-radius: var(--ctdaaw-radius); padding: 1.25rem 1.5rem; }
      .ctdaaw-step__number { flex-shrink: 0; width: 2.5rem; height: 2.5rem; display: grid; place-items: center; border-radius: 50%; background: var(--ctdaaw-gold); color: var(--ctdaaw-navy-dark); font-weight: 700; }
      .ctdaaw-step__body h3 { margin: 0 0 0.35rem; font-size: 1.05rem; color: var(--ctdaaw-navy); }
      .ctdaaw-step__body p { margin: 0; color: var(--ctdaaw-text-muted); font-size: 0.95rem; }
      .ctdaaw-faq { max-width: 48rem; margin: 2rem auto 0; }
      .ctdaaw-faq__item { border: 1px solid var(--ctdaaw-border); border-radius: var(--ctdaaw-radius); background: var(--ctdaaw-white); margin-bottom: 0.75rem; overflow: hidden; }
      .ctdaaw-faq__item summary { padding: 1.1rem 1.25rem; font-weight: 600; color: var(--ctdaaw-navy); cursor: pointer; list-style: none; }
      .ctdaaw-faq__item summary::-webkit-details-marker { display: none; }
      .ctdaaw-faq__item summary::after { content: "+"; float: right; color: var(--ctdaaw-gold); font-size: 1.25rem; line-height: 1; }
      .ctdaaw-faq__item[open] summary::after { content: "−"; }
      .ctdaaw-faq__answer { padding: 0 1.25rem 1.1rem; color: var(--ctdaaw-text-muted); }
      .ctdaaw-faq__answer p { margin: 0; }
      .ctdaaw-cta { background: linear-gradient(135deg, var(--ctdaaw-navy-dark), var(--ctdaaw-navy)); color: var(--ctdaaw-white); padding: 4rem 0; text-align: center; }
      .ctdaaw-cta p { max-width: 36rem; margin: 0 auto 1rem; color: rgba(255, 255, 255, 0.9); }
      .ctdaaw-cta .ctdaaw-btn { margin-top: 0.5rem; }
      .ctdaaw-hero--detail { background: linear-gradient(180deg, var(--ctdaaw-cream) 0%, var(--ctdaaw-white) 100%); color: var(--ctdaaw-navy); padding: 3.5rem 0 3rem; text-align: left; }
      .ctdaaw-hero--detail .ctdaaw-hero__lead { color: var(--ctdaaw-text-muted); max-width: none; margin: 0 0 2rem; }
      .ctdaaw-hero--detail .ctdaaw-eyebrow { color: var(--ctdaaw-gold); }
      .ctdaaw-hero__split { display: grid; gap: 2.5rem; align-items: center; }
      @media (min-width: 900px) { .ctdaaw-hero__split { grid-template-columns: 1fr 1fr; gap: 3rem; } }
      .ctdaaw-hero__content { max-width: 36rem; }
      .ctdaaw-hero__media img { display: block; width: 100%; height: auto; border-radius: var(--ctdaaw-radius-lg); box-shadow: var(--ctdaaw-shadow); }