:root {
      --ink: #111827;
      --muted: #5b677a;
      --soft: #eef5ff;
      --panel: #ffffff;
      --panel-2: #f7fbff;
      --line: #dce7f4;
      --blue: #2563eb;
      --blue-2: #06a5b8;
      --graphite: #172033;
      --mint: #d9fbf4;
      --lavender: #eee8ff;
      --shadow: 0 18px 50px rgba(24, 42, 75, 0.12);
      --shadow-soft: 0 10px 28px rgba(21, 35, 58, 0.08);
      --shadow-lift: 0 22px 52px rgba(21, 35, 58, 0.15);
      --radius: 8px;
      --max: 1180px;
    }

    * {
      box-sizing: border-box;
      min-width: 0;
    }

    html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }

    body {
      margin: 0;
      font-family: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;
      color: var(--ink);
      background:
        radial-gradient(circle at 12% 8%, rgba(6, 165, 184, 0.16), transparent 32%),
        radial-gradient(circle at 90% 0%, rgba(37, 99, 235, 0.12), transparent 28%),
        linear-gradient(180deg, #f6fbff 0%, #ffffff 36%, #f5f8fc 100%);
      overflow-x: hidden;
    }

    body,
    h1,
    h2,
    h3,
    p,
    li,
    summary,
    td,
    th,
    .offer-title {
      overflow-wrap: anywhere;
      word-break: break-word;
    }

    img {
      display: block;
      max-width: 100%;
      height: auto;
    }

    a {
      color: inherit;
    }

    .page {
      width: 100%;
      overflow: hidden;
    }

    .container {
      width: min(var(--max), calc(100% - 32px));
      max-width: calc(100vw - 32px);
      margin: 0 auto;
    }

    .section {
      padding: 64px 0;
    }

    .section:nth-of-type(odd) {
      background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(238, 247, 255, 0.26));
    }

    .section-head {
      display: grid;
      gap: 12px;
      margin-bottom: 28px;
    }

    .section-head::after {
      content: "";
      width: 72px;
      height: 3px;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--blue), var(--blue-2));
      opacity: 0.82;
    }

    .eyebrow {
      color: var(--blue-2);
      font-size: 0.78rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    h1,
    h2,
    h3,
    p {
      margin-top: 0;
      overflow-wrap: anywhere;
    }

    h1 {
      max-width: 980px;
      margin-bottom: 24px;
      font-size: clamp(2rem, 3.4vw, 3.25rem);
      line-height: 1.08;
      letter-spacing: 0;
      color: #0d1728;
    }

    h2 {
      margin-bottom: 0;
      font-size: clamp(1.55rem, 2.2vw, 2.2rem);
      line-height: 1.16;
      letter-spacing: 0;
      color: #101a2e;
    }

    h3 {
      margin-bottom: 10px;
      font-size: 1.02rem;
      line-height: 1.25;
      letter-spacing: 0;
      color: #101a2e;
    }

    p {
      color: var(--muted);
      line-height: 1.68;
    }

    .lead {
      width: 100%;
      font-size: 1.04rem;
      color: #445169;
    }

    .hero {
      position: relative;
      padding: 42px 0 72px;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 430px;
      background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.3), rgba(37, 99, 235, 0.06)),
        repeating-linear-gradient(90deg, rgba(37, 99, 235, 0.08) 0 1px, transparent 1px 78px);
      opacity: 0.45;
      pointer-events: none;
    }

    .hero .container {
      position: relative;
      z-index: 1;
    }

    .nav-strip {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 18px 0 34px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 900;
      color: var(--graphite);
    }

    .brand-mark {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      background: linear-gradient(135deg, #111827, #2563eb 58%, #06a5b8);
      box-shadow: 0 12px 26px rgba(37, 99, 235, 0.24);
    }

    .top-cta {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.04fr) minmax(300px, 0.96fr);
      gap: 34px;
      align-items: stretch;
    }

    .hero-copy {
      padding: 26px 0 0;
    }

    .hero-copy p {
      font-size: 1.04rem;
    }

    .hero-points {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin: 24px 0 28px;
      padding: 0;
      list-style: none;
    }

    .hero-points li {
      position: relative;
      min-height: 54px;
      padding: 14px 14px 14px 42px;
      border: 1px solid rgba(37, 99, 235, 0.12);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.72);
      color: #28344b;
      box-shadow: 0 10px 28px rgba(27, 44, 76, 0.06);
    }

    .hero-points li::before {
      content: "";
      position: absolute;
      top: 18px;
      left: 16px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      box-shadow: 0 0 0 5px rgba(6, 165, 184, 0.12);
    }

    .button-row {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items: center;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 12px 18px;
      border-radius: 8px;
      border: 1px solid transparent;
      background: var(--blue);
      color: #fff;
      font-size: 0.94rem;
      font-weight: 800;
      text-decoration: none;
      box-shadow: 0 12px 24px rgba(37, 99, 235, 0.26);
      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
    }

    .btn::after {
      content: ">";
      margin-left: 9px;
      font-size: 0.9em;
      line-height: 1;
      transition: transform 180ms ease;
    }

    .btn:hover {
      transform: translateY(-2px);
      background: #1d4ed8;
      box-shadow: 0 16px 30px rgba(37, 99, 235, 0.34);
    }

    .btn:hover::after {
      transform: translateX(3px);
    }

    .btn.secondary {
      background: #ffffff;
      color: var(--blue);
      border-color: rgba(37, 99, 235, 0.24);
      box-shadow: 0 12px 24px rgba(22, 35, 58, 0.08);
    }

    .btn.secondary:hover {
      background: #f3f7ff;
      box-shadow: 0 16px 28px rgba(22, 35, 58, 0.12);
    }

    .hero-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(37, 99, 235, 0.12);
      border-radius: 8px;
      background: linear-gradient(180deg, #ffffff, #f4f9ff);
      box-shadow: var(--shadow);
    }

    .hero-card::before {
      content: "";
      position: absolute;
      inset: -80px -70px auto auto;
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background: rgba(6, 165, 184, 0.18);
      filter: blur(18px);
      pointer-events: none;
      z-index: 0;
    }

    .hero-card img {
      position: relative;
      z-index: 1;
      width: 100%;
      aspect-ratio: 25 / 16;
      object-fit: cover;
    }

    .offer {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 14px;
      padding: 22px;
      border-top: 1px solid rgba(37, 99, 235, 0.12);
      background: rgba(255, 255, 255, 0.76);
      backdrop-filter: blur(10px);
    }

    .offer-title {
      font-size: 1.2rem;
      font-weight: 900;
      color: var(--graphite);
    }

    .offer-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }

    .mini-stat {
      padding: 12px;
      border-radius: 8px;
      background: #ffffff;
      border: 1px solid var(--line);
    }

    .mini-stat span {
      display: block;
      color: var(--muted);
      font-size: 0.78rem;
    }

    .mini-stat strong {
      display: block;
      margin-top: 4px;
      color: #162035;
      font-size: 0.94rem;
    }

    .info-band {
      background: rgba(255, 255, 255, 0.68);
      border-top: 1px solid rgba(220, 231, 244, 0.85);
      border-bottom: 1px solid rgba(220, 231, 244, 0.85);
    }

    .two-col {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
      gap: 28px;
      align-items: start;
    }

    .panel {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 14px 38px rgba(21, 35, 58, 0.08);
      padding: 24px;
    }

    .panel.flat {
      box-shadow: none;
      background: var(--panel);
    }

    .verdict-media {
      margin-top: 18px;
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: var(--soft);
    }

    .verdict-media img {
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
    }

    .key-list {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .key-list li {
      padding: 12px 0;
      border-bottom: 1px solid var(--line);
      color: #25324a;
      line-height: 1.5;
    }

    .key-list li:last-child {
      border-bottom: 0;
    }

    .grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .audience-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .card {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--panel);
      box-shadow: var(--shadow-soft);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .card:hover {
      transform: translateY(-3px);
      border-color: rgba(37, 99, 235, 0.28);
      box-shadow: var(--shadow-lift);
    }

    .card img {
      width: 100%;
      aspect-ratio: 420 / 280;
      object-fit: cover;
      background: var(--soft);
      transition: transform 220ms ease, filter 220ms ease;
    }

    .card:hover img,
    .gallery-card:hover img {
      transform: scale(1.025);
      filter: saturate(1.04) contrast(1.02);
    }

    .card-body {
      padding: 18px;
      display: grid;
      align-content: start;
    }

    .card-body p {
      margin-bottom: 0;
      font-size: 0.95rem;
    }

    .model-wrap {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(300px, 1.1fr);
      gap: 24px;
      align-items: start;
    }

    .badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 8px 12px;
      border-radius: 8px;
      background: #eff6ff;
      color: #1d4ed8;
      border: 1px solid #cfe1ff;
      font-weight: 800;
      font-size: 0.88rem;
    }

    .rec-card {
      background:
        linear-gradient(135deg, rgba(217, 251, 244, 0.8), rgba(238, 232, 255, 0.72)),
        #ffffff;
    }

    .check-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 14px;
      margin: 16px 0 0;
      padding: 0;
      list-style: none;
    }

    .check-list li {
      position: relative;
      padding-left: 28px;
      color: #28344b;
      line-height: 1.52;
    }

    .check-list li::before {
      content: "";
      position: absolute;
      top: 7px;
      left: 0;
      width: 14px;
      height: 14px;
      border-radius: 4px;
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      box-shadow: inset 0 0 0 3px #ffffff;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid var(--line);
      border-radius: 8px;
      overflow: hidden;
      background: rgba(255, 255, 255, 0.92);
      table-layout: fixed;
    }

    th,
    td {
      padding: 14px 16px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: top;
      line-height: 1.5;
      word-break: normal;
      overflow-wrap: anywhere;
    }

    th {
      background: #eef6ff;
      color: #172033;
      font-size: 0.82rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    td {
      color: #374155;
    }

    tbody tr:nth-child(even) td {
      background: rgba(239, 246, 255, 0.48);
    }

    tbody td:first-child {
      color: #172033;
      font-weight: 800;
    }

    tr:last-child td {
      border-bottom: 0;
    }

    .wide-media {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-bottom: 22px;
    }

    .wide-media img {
      width: 100%;
      border-radius: 8px;
      border: 1px solid var(--line);
      aspect-ratio: 3 / 2;
      object-fit: cover;
      box-shadow: 0 12px 32px rgba(21, 35, 58, 0.08);
    }

    .split-cards {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .details-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .scenario-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .scenario-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #ffffff;
      padding: 18px;
      box-shadow: 0 10px 26px rgba(21, 35, 58, 0.06);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .scenario-card:hover,
    .check-card:hover {
      transform: translateY(-3px);
      border-color: rgba(37, 99, 235, 0.24);
      box-shadow: var(--shadow-lift);
    }

    .scenario-card p {
      margin-bottom: 0;
      font-size: 0.94rem;
    }

    .faq-list {
      grid-template-columns: 1fr;
    }

    details {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #ffffff;
      box-shadow: 0 10px 26px rgba(21, 35, 58, 0.06);
      overflow: hidden;
      transition: border-color 180ms ease, box-shadow 180ms ease;
    }

    details:hover {
      border-color: rgba(37, 99, 235, 0.24);
      box-shadow: 0 14px 34px rgba(21, 35, 58, 0.09);
    }

    summary {
      cursor: pointer;
      padding: 16px 18px;
      color: #13203a;
      font-weight: 850;
      line-height: 1.35;
      list-style: none;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 14px;
      align-items: center;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary::after {
      content: "+";
      display: inline-grid;
      place-items: center;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: #eef6ff;
      color: var(--blue);
      font-weight: 900;
    }

    details[open] summary::after {
      content: "-";
    }

    details p,
    details ul {
      padding: 0 18px 18px;
      margin: 0;
      color: var(--muted);
      line-height: 1.62;
    }

    .pros-cons {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .pros-cons .panel {
      padding: 22px;
    }

    .pros-cons .panel:first-child {
      background: linear-gradient(180deg, #ffffff, #f0fdfa);
      border-color: rgba(6, 165, 184, 0.2);
    }

    .pros-cons .panel.cons {
      background: linear-gradient(180deg, #ffffff, #f8fafc);
      border-color: rgba(100, 116, 139, 0.22);
    }

    .pros-cons ul {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .pros-cons li {
      position: relative;
      padding-left: 26px;
      color: #303b50;
      line-height: 1.5;
    }

    .pros-cons li::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--blue-2);
    }

    .pros-cons .cons li::before {
      background: #64748b;
    }

    .buying-stack {
      display: grid;
      gap: 20px;
    }

    .check-details {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .check-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #ffffff;
      padding: 18px;
      box-shadow: 0 10px 26px rgba(21, 35, 58, 0.06);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .check-card p {
      margin-bottom: 0;
      font-size: 0.94rem;
    }

    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .gallery-card {
      overflow: hidden;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #ffffff;
      box-shadow: 0 12px 30px rgba(21, 35, 58, 0.07);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .gallery-card:hover {
      transform: translateY(-3px);
      border-color: rgba(37, 99, 235, 0.28);
      box-shadow: var(--shadow-lift);
    }

    .gallery-card img {
      width: 100%;
      aspect-ratio: 420 / 280;
      object-fit: cover;
      transition: transform 220ms ease, filter 220ms ease;
    }

    .gallery-card h3 {
      margin: 0;
      padding: 14px 16px 6px;
    }

    .gallery-card p {
      padding: 0 16px 16px;
      margin-bottom: 0;
      font-size: 0.92rem;
    }

    .review-summary {
      background:
        linear-gradient(135deg, rgba(239, 246, 255, 0.9), rgba(247, 251, 255, 0.94)),
        #ffffff;
    }

    .review-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .quote-card {
      display: grid;
      gap: 14px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: linear-gradient(180deg, #ffffff, #f9fcff);
      padding: 18px;
      box-shadow: 0 12px 30px rgba(21, 35, 58, 0.07);
      transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
    }

    .quote-card:hover {
      transform: translateY(-3px);
      border-color: rgba(37, 99, 235, 0.24);
      box-shadow: var(--shadow-lift);
    }

    .quote-head {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .quote-head img {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      object-fit: cover;
      border: 3px solid #edf4ff;
      box-shadow: 0 8px 18px rgba(21, 35, 58, 0.12);
    }

    .quote-head strong {
      display: block;
      color: #172033;
    }

    .quote-head span {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 0.84rem;
    }

    .quote-card p {
      margin-bottom: 0;
      font-size: 0.92rem;
      line-height: 1.62;
    }

    .quote-card::after {
      content: "5 / 5";
      color: #f59e0b;
      font-size: 0.82rem;
      font-weight: 900;
      letter-spacing: 0.04em;
      align-self: end;
    }

    .final-cta {
      border-radius: 8px;
      border: 1px solid rgba(37, 99, 235, 0.15);
      background:
        linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(30, 64, 175, 0.94) 58%, rgba(6, 165, 184, 0.9)),
        #172033;
      color: #ffffff;
      padding: 34px;
      box-shadow: 0 22px 56px rgba(21, 35, 58, 0.18);
      position: relative;
      overflow: hidden;
    }

    .final-cta::before {
      content: "";
      position: absolute;
      inset: auto -120px -140px auto;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: rgba(159, 243, 231, 0.22);
      filter: blur(20px);
      pointer-events: none;
    }

    .final-cta > * {
      position: relative;
      z-index: 1;
    }

    .final-cta h2,
    .final-cta p {
      color: #ffffff;
    }

    .final-cta p {
      max-width: none;
      opacity: 0.86;
    }

    .disclosure {
      padding: 20px;
      border-radius: 8px;
      border: 1px solid var(--line);
      background: #ffffff;
      color: var(--muted);
      line-height: 1.62;
      font-size: 0.94rem;
    }

    .footer {
      padding: 36px 0;
      background: #101827;
      color: #ffffff;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 24px;
      align-items: center;
    }

    .footer p {
      margin-bottom: 0;
      color: rgba(255, 255, 255, 0.72);
    }

    .footer strong {
      display: block;
      margin-bottom: 8px;
      font-size: 1.05rem;
    }

    .language-strip {
      grid-column: 1 / -1;
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      padding-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .language-link {
      display: inline-flex;
      width: 34px;
      height: 24px;
      border-radius: 4px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.22);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
      transition: transform 180ms ease, border-color 180ms ease;
    }

    .language-link:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 255, 255, 0.5);
    }

    .language-link svg {
      width: 100%;
      height: 100%;
      display: block;
    }

    .language-link img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
    }

    @media (max-width: 920px) {
      .hero-grid,
      .two-col,
      .model-wrap,
      .split-cards,
      .pros-cons {
        grid-template-columns: 1fr;
      }

      .grid,
      .gallery-grid,
      .review-grid,
      .check-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .details-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 680px) {
      .container {
        width: min(var(--max), calc(100% - 22px));
        max-width: calc(100vw - 22px);
      }

      .hero .container,
      .hero-grid,
      .hero-copy,
      .hero-card,
      .panel,
      .card,
      .gallery-card,
      .quote-card,
      .final-cta {
        width: 100%;
        max-width: 100%;
      }

      .offer-grid {
        grid-template-columns: 1fr;
      }

      .hero-card::before,
      .final-cta::before {
        display: none;
      }

      .section {
        padding: 36px 0;
      }

      .hero {
        padding: 20px 0 42px;
      }

      h1 {
        max-width: 100%;
        font-size: 1.25rem;
        line-height: 1.14;
      }

      h2 {
        font-size: 1.35rem;
      }

      p,
      .lead {
        font-size: 0.86rem;
      }

      .nav-strip {
        align-items: flex-start;
        padding-bottom: 24px;
      }

      .top-cta {
        display: none;
      }

      .hero-points,
      .offer-grid,
      .grid,
      .gallery-grid,
      .review-grid,
      .check-list,
      .check-details,
      .scenario-grid,
      .wide-media {
        grid-template-columns: 1fr;
      }

      .hero-copy {
        padding-top: 4px;
      }

      .card img,
      .gallery-card img {
        aspect-ratio: 3 / 2;
      }

      .hero-card img {
        aspect-ratio: 25 / 16;
      }

      .verdict-media img {
        aspect-ratio: 16 / 9;
      }

      .wide-media img {
        aspect-ratio: 3 / 2;
      }

      .panel,
      .final-cta {
        padding: 18px;
      }

      .button-row {
        align-items: stretch;
      }

      .btn {
        width: 100%;
      }

      table,
      thead,
      tbody,
      tr,
      th,
      td {
        display: block;
      }

      thead {
        display: none;
      }

      table {
        border: 0;
        background: transparent;
      }

      tr {
        margin-bottom: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        background: #ffffff;
        overflow: hidden;
      }

      td {
        display: grid;
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 12px 14px;
        border-bottom: 1px solid var(--line);
      }

      td::before {
        content: attr(data-label);
        color: #14213d;
        font-weight: 850;
      }

      tr:last-child td,
      td:last-child {
        border-bottom: 0;
      }

      .footer-grid {
        grid-template-columns: 1fr;
      }
    }