.node-total {
      grid-column: 1;
      grid-row: 3;
    }

    .node-sale {
      grid-column: 3;
      grid-row: 3;
    }

    .infographic-shirt {
      position: relative;
      z-index: 2;
      grid-column: 2;
      grid-row: 1 / span 3;
      min-height: 430px;
      display: grid;
      place-items: center;
      border-radius: var(--radius);
      background:
        linear-gradient(180deg, rgba(206, 31, 115, 0.15), rgba(206, 31, 115, 0.04)),
        #f8f4f0;
      overflow: hidden;
    }

    .infographic-shirt::before {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background: rgba(206, 31, 115, 0.14);
      right: -48px;
      top: -48px;
    }

    .diagram-shirt {
      position: relative;
      width: 190px;
      height: 250px;
      border-radius: 58px 58px 18px 18px;
      background: #151d20;
      box-shadow: inset 0 -20px 0 rgba(0, 0, 0, 0.22);
    }

    .diagram-shirt::before,
    .diagram-shirt::after {
      content: "";
      position: absolute;
      top: 54px;
      width: 70px;
      height: 138px;
      border-radius: 34px;
      background: #151d20;
    }

    .diagram-shirt::before {
      left: -48px;
      transform: rotate(18deg);
    }

    .diagram-shirt::after {
      right: -48px;
      transform: rotate(-18deg);
    }

    .diagram-print {
      position: absolute;
      left: 50%;
      top: 104px;
      z-index: 2;
      width: 118px;
      padding: 13px 10px;
      transform: translateX(-50%) rotate(-4deg);
      border-radius: 6px;
      color: var(--white);
      background: var(--brand);
      font-size: 20px;
      font-weight: 950;
      line-height: 0.95;
      text-align: center;
      text-transform: uppercase;
    }

    .profit-ribbon {
      position: absolute;
      left: 50%;
      bottom: 28px;
      z-index: 3;
      width: min(260px, calc(100% - 40px));
      padding: 16px 18px;
      transform: translateX(-50%);
      border: 2px solid var(--ink);
      border-radius: var(--radius);
      color: var(--white);
      background: var(--brand);
      box-shadow: 7px 7px 0 rgba(21, 19, 22, 0.16);
      text-align: center;
    }

    .profit-ribbon span {
      display: block;
      font-size: 13px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .profit-ribbon strong {
      display: block;
      font-size: 54px;
      line-height: 0.95;
      font-weight: 950;
    }

    .profit-ribbon small {
      display: block;
      margin-top: 4px;
      font-size: 13px;
      font-weight: 800;
    }

    .statement {
      padding: 82px 20px;
      color: var(--white);
      background:
        linear-gradient(90deg, rgba(245, 37, 134, 0.92), rgba(111, 43, 217, 0.92)),
        var(--pink);
    }

    .statement .container {
      display: grid;
      grid-template-columns: minmax(0, 0.7fr) minmax(300px, 1fr);
      gap: 44px;
      align-items: center;
    }

    .statement h2 {
      font-size: clamp(35px, 5vw, 62px);
      line-height: 1;
      font-weight: 950;
      text-transform: uppercase;
    }

    .statement p {
      font-size: clamp(22px, 3vw, 36px);
      line-height: 1.16;
      font-weight: 900;
    }

    .statement ul {
      display: grid;
      gap: 10px;
      margin: 0 0 18px;
      padding: 0;
      list-style: none;
      font-size: clamp(22px, 3vw, 36px);
      line-height: 1.16;
      font-weight: 900;
    }

    .statement li {
      display: flex;
      gap: 12px;
      align-items: flex-start;
    }

    .statement li::before {
      content: "";
      flex: 0 0 10px;
      width: 10px;
      height: 10px;
      margin-top: 13px;
      border-radius: 50%;
      background: var(--white);
    }

    .cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

    .card {
      min-height: 190px;
      display: grid;
      align-content: space-between;
      padding: 22px;
      border: 1px solid var(--line);
      background: var(--white);
    }

    .card span {
      color: var(--pink);
      font-size: 13px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .card strong {
      margin-top: 26px;
      font-size: 22px;
      line-height: 1.12;
      font-weight: 900;
    }

    .offer-section {
      padding: 78px 20px;
      color: var(--white);
      background:
        radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 34%),
        var(--brand);
    }

    .offer-box {
      display: grid;
      grid-template-columns: 1fr;
      max-width: 860px;
      padding: 42px;
      border-radius: var(--radius);
      background: var(--ink);
      box-shadow: 0 30px 80px rgba(21, 19, 22, 0.24);
      gap: 28px;
      align-items: center;
      text-align: center;
    }

    .offer-copy .eyebrow {
      color: var(--white);
      background: rgba(255, 255, 255, 0.12);
      border-color: rgba(255, 255, 255, 0.22);
    }

    .offer-logo {
      display: block;
      width: min(340px, 100%);
      margin: 22px auto 0;
      filter: drop-shadow(0 16px 28px rgba(70, 10, 43, 0.22));
    }

    .price-card-logo {
      display: block;
      width: min(360px, 100%);
      margin: 0 auto 22px;
    }

    .offer-copy h2 {
      margin-top: 16px;
      font-size: clamp(34px, 5vw, 58px);
      line-height: 1;
      font-weight: 950;
      text-transform: uppercase;
    }

    .offer-copy p {
      max-width: 520px;
      margin: 16px auto 0;
      color: rgba(255, 255, 255, 0.78);
      font-size: 20px;
      font-weight: 800;
      line-height: 1.32;
    }

    .price-card {
      padding: 28px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: var(--radius);
      background: var(--white);
      color: var(--ink);
      box-shadow: 0 28px 70px rgba(0, 0, 0, 0.25);
      text-align: center;
    }

    .offer-payment {
      display: grid;
      width: min(540px, 100%);
      margin: 0 auto;
      gap: 18px;
    }

    .price-label {
      color: var(--brand);
      font-size: 14px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .old-price {
      display: inline-block;
      margin-top: 8px;
      color: rgba(21, 19, 22, 0.42);
      font-size: clamp(42px, 6vw, 64px);
      font-weight: 950;
      line-height: 1;
      text-decoration: line-through;
      text-decoration-thickness: 6px;
      text-decoration-color: var(--brand);
    }

    .new-price {
      display: block;
      margin-top: 4px;
      color: var(--green);
      font-size: clamp(76px, 10vw, 112px);
      font-weight: 950;
      line-height: 0.92;
    }

    .price-note {
      display: inline-flex;
      margin-top: 14px;
      padding: 9px 12px;
      border-radius: 999px;
      color: var(--white);
      background: var(--brand);
      font-size: 14px;
      font-weight: 950;
      text-transform: uppercase;
    }

    .countdown {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-top: 24px;
    }

    .countdown-item {
      padding: 14px 8px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #fff8fb;
      text-align: center;
    }

    .countdown-item strong {
      display: block;
      color: var(--brand);
      font-size: clamp(28px, 4vw, 44px);
      line-height: 1;
      font-weight: 950;
    }

    .countdown-item span {
      display: block;
      margin-top: 6px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 900;
      text-transform: uppercase;
    }

    .deadline-note {
      margin-top: 14px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 800;
      text-align: center;
    }

    .offer-includes {
      display: grid;
      gap: 12px;
      margin-top: 24px;
      padding: 22px 0 0;
      border-top: 1px solid var(--line);
      width: min(430px, 100%);
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }

    .offer-includes h3 {
      color: var(--ink);
      font-size: 20px;
      font-weight: 950;
      text-align: center;
      text-transform: uppercase;
    }

    .offer-includes ul {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .offer-includes li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: var(--ink);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.25;
    }

      .offer-includes li + li {
        padding-top: 15px;
        border-top: 1px solid rgba(21, 19, 22, 0.1);
      }

    .offer-includes li::before {
      content: "✓";
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      color: var(--white);
      background: var(--green);
      font-size: 13px;
      font-weight: 950;
      line-height: 1;
    }