* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #111111; }
button, input, textarea, select { font: inherit; }
a { color: #F2C14E; }
a:hover { color: #FFD97A; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.h2 { font-family: 'Anton', sans-serif; font-weight: 400; font-size: clamp(30px,4.4vw,48px); line-height: 1.05; margin: 0; text-transform: uppercase; letter-spacing: .3px; }
.eyebrow { font-weight: 700; font-size: 13px; letter-spacing: 2.5px; text-transform: uppercase; color: #F2C14E; }
.card { background: #1B1B1B; border: 1px solid #2E2E2E; border-radius: 12px; padding: 24px; box-sizing: border-box; }
.ck { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: #D7261E; color: #FFFFFF; font-weight: 700; font-size: 15px; }
.cta { display: inline-flex; align-items: center; justify-content: center; min-height: 60px; padding: 16px 38px; border-radius: 10px; background: #D7261E; color: #FFFFFF; font-family: 'Anton', sans-serif; font-size: 21px; letter-spacing: .8px; text-transform: uppercase; text-decoration: none; box-sizing: border-box; }
.cta:hover { background: #B81E17; color: #FFFFFF; }
.muted { color: #B4B4B4; }
details { background: #1B1B1B; border: 1px solid #2E2E2E; border-radius: 10px; padding: 18px 22px; }
summary { cursor: pointer; font-weight: 700; font-size: 17px; list-style: none; }
summary::-webkit-details-marker { display: none; }

.product-art {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 14px;
        border: 1px solid #2e2e2e;
        box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
      }
      .hero-product-art { max-width: 960px; margin-top: 8px; }
      .preview-card-art {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 5;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid #3a3a3a;
      }
      .content-product-art { max-width: 760px; margin: 4px auto 0; }
      .material-carousel {
        position: relative;
        width: 100%;
        max-width: 760px;
        margin: 8px auto 0;
        overflow: hidden;
        border-radius: 14px;
        border: 1px solid #2e2e2e;
        background: #0d0d0d;
        box-shadow: 0 18px 50px rgba(0, 0, 0, .38);
      }
      .material-carousel-track { position: relative; display: grid; }
      .material-carousel-slide {
        grid-area: 1 / 1;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transition: opacity 300ms ease;
      }
      .material-carousel-slide.is-active { opacity: 1; visibility: visible; }
      .material-carousel-slide img {
        display: block;
        width: 100%;
        height: auto;
      }
      .material-carousel-button {
        position: absolute;
        top: 50%;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        height: 46px;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .32);
        border-radius: 50%;
        background: rgba(17, 17, 17, .82);
        color: #fff;
        font-size: 28px;
        cursor: pointer;
        transform: translateY(-50%);
      }
      .material-carousel-button:hover { background: #d7261e; }
      .material-carousel-button.prev { left: 14px; }
      .material-carousel-button.next { right: 14px; }
      .material-carousel-dots {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 14px;
        left: 0;
        display: flex;
        justify-content: center;
        gap: 8px;
      }
      .material-carousel-dot {
        width: 10px;
        height: 10px;
        padding: 0;
        border: 1px solid #fff;
        border-radius: 50%;
        background: rgba(17, 17, 17, .7);
        cursor: pointer;
      }
      .material-carousel-dot.is-active { background: #d7261e; border-color: #d7261e; }
      .example-testimonial { align-items: flex-start !important; text-align: left !important; }
      .example-testimonial-mark { color: #d7261e; font-family: Georgia, serif; font-size: 48px; line-height: .7; }
      .example-testimonial-badge {
        display: inline-flex;
        align-self: flex-start;
        padding: 5px 9px;
        border: 1px solid #4a4a4a;
        border-radius: 999px;
        color: #b4b4b4;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      .unavailable-bonus { color: #777; text-decoration: line-through; }
      .bonus-product-art {
        aspect-ratio: 4 / 5;
        object-fit: cover;
        margin: -24px -24px 8px;
        width: calc(100% + 48px);
        max-width: none;
        border-width: 0 0 1px;
        border-radius: 11px 11px 0 0;
        box-shadow: none;
      }
      .plan-product-art { margin-bottom: 2px; }
      .complete-plan-buy-button {
        animation: complete-plan-pulse 1.6s ease-in-out infinite;
        transform-origin: center;
        will-change: transform, box-shadow;
      }
      .complete-plan-buy-button:hover,
      .complete-plan-buy-button:focus-visible {
        animation-play-state: paused;
        transform: scale(1.04);
        box-shadow: 0 0 0 5px rgba(215, 38, 30, .2), 0 12px 30px rgba(215, 38, 30, .45);
      }
      @keyframes complete-plan-pulse {
        0%, 100% {
          transform: scale(1);
          box-shadow: 0 0 0 0 rgba(215, 38, 30, 0), 0 8px 18px rgba(215, 38, 30, .2);
        }
        50% {
          transform: scale(1.045);
          box-shadow: 0 0 0 8px rgba(215, 38, 30, .12), 0 14px 32px rgba(215, 38, 30, .48);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        .complete-plan-buy-button { animation: none; }
      }
      .complete-plan-urgency {
        margin: -2px 0 0;
        color: #ff5a52;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.4;
        text-align: center;
        text-transform: uppercase;
      }
      .wiapy-seal {
        display: block;
        width: 100%;
        max-width: 290px;
        height: auto;
        margin: 0 auto;
      }
      html { scroll-behavior: smooth; }
      html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
      img { max-width: 100%; }
      @media (max-width: 720px) {
        .wrap {
          width: 100% !important;
          max-width: 100% !important;
          padding-left: 16px !important;
          padding-right: 16px !important;
        }
        .wrap > div[style*="grid-template-columns"] {
          grid-template-columns: minmax(0, 1fr) !important;
          width: 100% !important;
          max-width: 100% !important;
        }
        .card {
          min-width: 0 !important;
          padding: 18px !important;
        }
        h1 {
          max-width: 100% !important;
          font-size: clamp(2rem, 10vw, 2.8rem) !important;
        }
        .h2 { font-size: clamp(1.75rem, 8vw, 2.35rem) !important; }
        .cta,
        a[style*="min-height: 56px"],
        a[style*="min-height: 60px"] {
          width: 100% !important;
          max-width: 100% !important;
          padding-left: 18px !important;
          padding-right: 18px !important;
          text-align: center;
        }
        .hero-product-art,
        .content-product-art,
        .material-carousel { max-width: 100% !important; }
        .bonus-product-art {
          margin: -18px -18px 8px !important;
          width: calc(100% + 36px) !important;
        }
        .material-carousel-button {
          width: 40px;
          height: 40px;
        }
      }