/* Vertex Marketing — Rewards Page (en-US)
   Static export. Breakpoints that the builder computed in JavaScript are real
   media queries here; two values the builder derived from a measured pixel
   width are fluid calc()/clamp() expressions. No inline styles, no runtime. */

   * { box-sizing: border-box; }
   html, body { margin: 0; padding: 0; }
   body {
     background: #FFFFFF;
     color: #141414;
     font-family: 'Hanken Grotesk', system-ui, sans-serif;
     line-height: 1.6;
     -webkit-font-smoothing: antialiased;
     text-wrap: pretty;
   }
   a { color: inherit; text-decoration: none; }
   a:hover { color: #141414; }
   img { max-width: 100%; display: block; }
   figure { margin: 0; }
   summary { list-style: none; }
   summary::-webkit-details-marker { display: none; }
   input:focus, select:focus { outline: 2px solid #2F7D46; outline-offset: -1px; }
   @keyframes vxtopbar2 {
     from { transform: translateX(0); }
     to { transform: translateX(calc(-50% - 15px)); }
   }
   
   /* ============ base (desktop) ============ */
   
   .announce {
     background: #141414;
     color: #FFFFFF;
     overflow: hidden;
   }
   .announce__inner {
     max-width: 1680px;
     margin: 0 auto;
     padding: 6px clamp(16px,2vw,32px);
     overflow: hidden;
   }
   .announce__row {
     display: flex;
     gap: 52px;
     justify-content: center;
     width: 100%;
     animation: none;
   }
   .announce__row-2 {
     display: flex;
     flex-wrap: wrap;
     gap: 10px 52px;
     justify-content: center;
     font-size: 14px;
     flex: 0 1 auto;
   }
   .announce__group {
     display: inline-flex;
     gap: 8px;
     align-items: center;
     white-space: nowrap;
     color: rgba(255,255,255,.66);
   }
   .announce__icon {
     flex: none;
   }
   .announce__strong {
     color: #FFFFFF;
     font-weight: 600;
     letter-spacing: .1em;
     text-transform: uppercase;
   }
   .announce__group-2 {
     display: none;
     gap: 52px;
     font-size: 14px;
     flex: none;
   }
   .header {
     position: sticky;
     top: 0;
     z-index: 60;
     background: rgba(255,255,255,.88);
     backdrop-filter: blur(14px);
   }
   .header__inner {
     max-width: 1680px;
     margin: 0 auto;
     padding: 22px clamp(16px,2vw,32px);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
   }
   .header__link {
     display: flex;
     align-items: center;
   }
   .header__image {
     height: 58px;
     width: auto;
     margin-left: -9px;
     object-fit: contain;
   }
   .header__nav {
     display: flex;
     gap: clamp(18px,2vw,34px);
     align-items: center;
   }
   .header__link-2 {
     padding: 10px 4px 4px;
     font-weight: 600;
     font-size: 19px;
     letter-spacing: .02em;
     color: #14543C;
     border-bottom: 2.5px solid transparent;
     transition: color .22s ease,border-color .22s ease;
   }
   .header__link-2:hover {
     color: #0B3527;
     border-bottom-color: #0B3527;
   }
   .header__cta {
     margin-left: 8px;
     padding: 11px 22px;
     border-radius: 8px;
     font-weight: 600;
     font-size: 19px;
     letter-spacing: .01em;
     white-space: nowrap;
     background: linear-gradient(165deg,#2A7D5A 0%,#14543C 46%,#0B3527 100%);
     color: #FFFFFF;
     box-shadow: 0 10px 24px rgba(11,53,39,.34),0 0 0 4px rgba(203,227,210,.55),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -1px 0 rgba(0,0,0,.28);
     transition: background .22s ease,box-shadow .22s ease,transform .22s ease;
   }
   .header__cta:hover {
     background: linear-gradient(165deg,#35906A 0%,#1A6448 46%,#0F4231 100%);
     box-shadow: 0 16px 32px rgba(11,53,39,.42),0 0 0 5px rgba(203,227,210,.75),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(0,0,0,.28);
     transform: translateY(-1px);
   }
   .header__burger {
     display: none;
     width: 44px;
     height: 44px;
     border: 0;
     border-radius: 999px;
     background: #FFFFFF;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: #141414;
   }
   .mobile-nav {
     position: fixed;
     top: 10px;
     left: 10px;
     right: 10px;
     z-index: 90;
     background: #141414;
     color: #FFFFFF;
     border-radius: 30px;
     padding: 20px 24px 24px;
     display: none;
     flex-direction: column;
     gap: 18px;
   }
   .mobile-nav__button {
     align-self: flex-end;
     border: 0;
     background: none;
     color: inherit;
     font: inherit;
     font-weight: 600;
     cursor: pointer;
   }
   .mobile-nav__link {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: clamp(1.6rem,6vw,2.1rem);
     line-height: 1.2;
     padding: 8px 0;
     border-bottom: 1px solid rgba(255,255,255,.2);
   }
   .rewards {
     max-width: 1280px;
     margin: 0 auto;
     padding: clamp(20px,3vw,36px) clamp(16px,2vw,32px) 0;
     display: grid;
     grid-template-columns: minmax(0,1.55fr) 400px;
     gap: clamp(14px,1.4vw,20px);
     align-items: start;
   }
   .intro {
     grid-column: 1;
     grid-row: 1;
     min-width: 0;
     background: linear-gradient(160deg,#DCEECB 0%,#E7F4DD 48%,#F2FAEB 100%);
     border: 1px solid rgba(120,170,100,.30);
     border-radius: 28px;
     padding: clamp(18px,2.6vw,34px);
     box-shadow: 0 12px 32px rgba(20,80,50,.10);
     position: relative;
     overflow: hidden;
     display: grid;
     grid-template-columns: 1fr;
     gap: clamp(18px,2vw,26px);
     align-items: start;
   }
   .intro__media {
     position: absolute;
     order: 0;
     top: 0;
     bottom: 134px;
     right: -1%;
     width: 58%;
     height: auto;
     aspect-ratio: auto;
     pointer-events: none;
     z-index: 0;
     -webkit-mask-image: radial-gradient(58% 56% at 52% 48%,#000 64%,rgba(0,0,0,0) 100%);
     mask-image: radial-gradient(58% 56% at 52% 48%,#000 64%,rgba(0,0,0,0) 100%);
   }
   .intro__image {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     max-width: none;
     object-fit: contain;
     filter: brightness(1.12) saturate(.95);
   }
   .intro__decor {
     position: absolute;
     inset: 0;
     display: none;
     background: linear-gradient(90deg,#E3F1D6 0%,rgba(228,242,215,.7) 12%,rgba(232,244,221,.3) 28%,rgba(232,244,221,0) 44%);
   }
   .intro__group {
     position: relative;
     z-index: 1;
     min-width: 0;
     max-width: 42%;
     order: 1;
   }
   .intro__badge {
     display: inline-flex;
     align-items: center;
     gap: 7px;
     padding: 5px 12px;
     border-radius: 999px;
     background: rgba(255,255,255,.72);
     border: 1px solid rgba(255,255,255,.9);
     white-space: nowrap;
     max-width: 100%;
   }
   .intro__group-2 {
     flex: none;
     width: 6px;
     height: 6px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .intro__group-3 {
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 700;
     font-size: 12.5px;
     letter-spacing: .1em;
     text-transform: uppercase;
     color: #14543C;
     white-space: nowrap;
   }
   .intro__title {
     margin: .4em 0 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.01em;
     line-height: 1.05;
     font-size: 45px;
     color: #141414;
   }
   .intro__group-4 {
     color: #2F7D46;
   }
   .intro__text {
     margin: 14px 0 0;
     max-width: 52ch;
     font-size: 18px;
     color: rgba(20,20,20,.72);
     line-height: 1.55;
     width: 350px;
   }
   .intro__row {
     position: relative;
     z-index: 1;
     min-width: 0;
     grid-column: 1 / -1;
     order: 3;
     display: grid;
     grid-template-columns: repeat(3,minmax(0,1fr));
     gap: 12px;
   }
   .intro__card {
     display: flex;
     align-items: center;
     gap: 14px;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.09);
     border-radius: 16px;
     padding: 10px 12px;
     box-shadow: 0 5px 16px rgba(20,80,50,.06);
   }
   .intro__row-2 {
     flex: none;
     width: 54px;
     height: 54px;
     border-radius: 15px;
     background: #FBEEDA;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .intro__image-2 {
     width: 45px;
     height: 45px;
     object-fit: contain;
   }
   .intro__copy {
     min-width: 0;
   }
   .intro__strong {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 15px;
     white-space: normal;
     line-height: 1.15;
     color: #141414;
   }
   .intro__group-5 {
     display: block;
     font-size: 14.5px;
     line-height: 1.3;
     color: rgba(20,20,20,.58);
     margin-top: 1px;
   }
   .intro__group-6 {
     flex: none;
     width: 54px;
     height: 54px;
     border-radius: 15px;
     background: url("../../images/perk-vertex-cash-icon.webp") center / cover no-repeat;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .intro__row-3 {
     flex: none;
     width: 54px;
     height: 54px;
     border-radius: 15px;
     background: #EDE7FB;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .rail {
     display: block;
     grid-column: 2;
     grid-row: 1 / span 2;
     min-width: 0;
     position: sticky;
     top: calc(clamp(16px,2vw,32px) + 90px);
   }
   .rail__card {
     background: #FFFFFF;
     border: 1px solid rgba(47,125,70,.18);
     border-radius: 26px;
     box-shadow: 0 20px 46px rgba(20,80,50,.15);
     overflow: hidden;
     display: flex;
     flex-direction: column;
     max-height: calc(100vh - 130px);
   }
   .rail__group {
     display: block;
     overflow-y: auto;
     padding: clamp(18px,2vw,24px);
   }
   .join {
     grid-column: auto;
     grid-row: auto;
     min-width: 0;
     background: transparent;
     border: 0;
     border-radius: 0;
     box-shadow: none;
     padding: 0;
   }
   .join__row {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 0 0 9px;
   }
   .join__group {
     flex: none;
     width: 7px;
     height: 7px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .join__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15px;
     letter-spacing: .14em;
     text-transform: uppercase;
     color: #2F7D46;
   }
   .join__heading {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 29px;
     line-height: 1.05;
     letter-spacing: -.025em;
     color: #141414;
   }
   .join__text-2 {
     margin: 9px 0 18px;
     font-size: 14.5px;
     line-height: 1.5;
     color: rgba(20,20,20,.55);
   }
   .join__stack {
     display: flex;
     flex-direction: column;
     gap: 9px;
   }
   .join__tier-row {
     display: flex;
     align-items: center;
     gap: 13px;
     width: 100%;
     min-height: 78px;
     text-align: left;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.12);
     border-radius: 15px;
     padding: 14px;
     cursor: pointer;
     box-shadow: 0 2px 6px rgba(20,20,20,.05);
     transition: box-shadow .18s ease,transform .18s ease;
   }
   .join__tier-dot {
     flex: none;
     width: 22px;
     height: 22px;
     border-radius: 50%;
     border: 2px solid rgba(20,20,20,.3);
     background: #FFFFFF;
     box-shadow: inset 0 1px 3px rgba(20,20,20,.14),0 1px 2px rgba(255,255,255,.9);
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .join__tier-dot-fill {
     width: 11px;
     height: 11px;
     border-radius: 50%;
     background: radial-gradient(circle at 34% 28%,#3E9A5E,#14543C);
     box-shadow: 0 1px 2px rgba(10,50,32,.45);
     display: block;
   }
   .join__group-2 {
     flex: 1;
     min-width: 0;
   }
   .join__row-3 {
     display: flex;
     align-items: center;
     gap: 7px;
     flex-wrap: wrap;
   }
   .join__group-3 {
     font-family: 'Commissioner',system-ui,sans-serif;
     font-size: 18px;
     font-weight: 780;
     color: #141414;
     letter-spacing: -.012em;
   }
   .join__badge {
     background: linear-gradient(180deg,#FBE3A6,#F2C86A);
     color: #2A1B00;
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: .08em;
     text-transform: uppercase;
     padding: 3px 9px;
     border-radius: 999px;
     border: 1px solid rgba(140,98,16,.38);
   }
   .join__group-4 {
     display: block;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.35;
     color: rgba(20,20,20,.68);
     margin-top: 3px;
   }
   .join__group-5 {
     display: block;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.35;
     color: #2F7D46;
   }
   .join__group-6 {
     flex: none;
     text-align: right;
   }
   .join__group-7 {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-size: 21px;
     font-weight: 780;
     letter-spacing: -.015em;
     color: #2F7D46;
   }
   .join__group-8 {
     display: block;
     font-size: 12px;
     font-weight: 600;
     letter-spacing: .03em;
     color: rgba(20,20,20,.5);
     margin-top: 2px;
   }
   .form {
     grid-column: auto;
     grid-row: auto;
     min-width: 0;
     background: transparent;
     border: 0;
     border-radius: 0;
     box-shadow: none;
     padding: 0;
   }
   .form__row {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 30px 0 14px;
     padding-top: 26px;
     border-top: 1px solid rgba(20,20,20,.10);
   }
   .form__group {
     flex: none;
     width: 7px;
     height: 7px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .form__card-title {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: .14em;
     text-transform: uppercase;
     color: #2F7D46;
   }
   .form__stack {
     display: flex;
     flex-direction: column;
     gap: 10px;
   }
   .form__input {
     width: 100%;
     background: #F7F9F5;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 11px;
     padding: 12px 14px;
     font-size: 15.5px;
     min-height: 46px;
     font-family: inherit;
     color: #141414;
   }
   .form__phone {
     position: relative;
     display: flex;
     align-items: stretch;
     background: #F7F9F5;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 11px;
     min-height: 46px;
   }
   .form__cc-button {
     display: flex;
     align-items: center;
     gap: 7px;
     flex: none;
     padding: 0 12px;
     background: none;
     border: 0;
     border-right: 1px solid rgba(20,20,20,.14);
     border-radius: 11px 0 0 11px;
     cursor: pointer;
     font-family: inherit;
     font-size: 15.5px;
     color: #141414;
   }
   .form__strong {
     font-weight: 600;
   }
   .form__icon {
     flex: none;
   }
   .form__input-2 {
     flex: 1;
     min-width: 0;
     background: none;
     border: 0;
     padding: 12px 14px;
     font-size: 15.5px;
     font-family: inherit;
     color: #141414;
     border-radius: 0 11px 11px 0;
   }
   .form__cc-panel {
     display: none;
     position: absolute;
     top: calc(100% + 6px);
     left: 0;
     right: 0;
     z-index: 40;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 12px;
     box-shadow: 0 18px 38px rgba(20,20,20,.18);
     max-height: 224px;
     overflow-y: auto;
     padding: 5px;
   }
   .form__row-3 {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 30px 0 14px;
     padding-top: 26px;
     border-top: 1px solid rgba(20,20,20,.10);
   }
   .form__group-2 {
     border: 1px solid rgba(20,20,20,.16);
     border-radius: 14px;
     overflow: hidden;
     background: #FFFFFF;
   }
   .form__field {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     gap: 9px 11px;
     padding: 13px 14px;
     border-bottom: 1px solid rgba(20,20,20,.14);
     cursor: pointer;
   }
   .form__input-3 {
     flex: none;
     width: 18px;
     height: 18px;
     accent-color: #2F7D46;
   }
   .form__group-3 {
     flex: 1 1 auto;
     min-width: 88px;
     font-size: 15.5px;
     font-weight: 600;
     color: #141414;
   }
   .form__row-4 {
     flex: none;
     display: flex;
     align-items: center;
     gap: 6px;
   }
   .form__image {
     height: 22px;
     width: auto;
     border-radius: 4px;
   }
   .form__stack-2 {
     padding: 14px;
     display: flex;
     flex-direction: column;
     gap: 10px;
   }
   .form__row-5 {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
   }
   .form__input-4 {
     width: 100%;
     min-width: 0;
     background: #F7F9F5;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 11px;
     padding: 12px 14px;
     font-size: 15.5px;
     min-height: 46px;
     font-family: inherit;
     color: #141414;
   }
   .form__field-2 {
     display: flex;
     align-items: flex-start;
     gap: 9px;
     margin-top: 12px;
     cursor: pointer;
   }
   .form__input-5 {
     flex: none;
     width: 17px;
     height: 17px;
     margin-top: 1px;
     accent-color: #2F7D46;
   }
   .form__group-4 {
     font-size: 14px;
     line-height: 1.5;
     color: #141414;
   }
   .form__row-6 {
     position: relative;
     display: flex;
   }
   .form__select {
     width: 100%;
     background: #F7F9F5;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 11px;
     padding: 12px 38px 12px 14px;
     font-size: 15.5px;
     min-height: 46px;
     font-family: inherit;
     font-weight: 600;
     color: rgba(20,20,20,.55);
     appearance: none;
     -webkit-appearance: none;
   }
   .form__icon-2 {
     position: absolute;
     right: 13px;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
   }
   .form__select-2 {
     width: 100%;
     background: #F7F9F5;
     border: 1px solid rgba(20,20,20,.14);
     border-radius: 11px;
     padding: 12px 38px 12px 14px;
     font-size: 15.5px;
     min-height: 46px;
     font-family: inherit;
     font-weight: 600;
     color: rgba(20,20,20,.55);
     appearance: none;
     -webkit-appearance: none;
   }
   .flexible {
     margin-top: 26px;
     padding-top: 26px;
     border-top: 1px solid rgba(20,20,20,.10);
   }
   .flexible__card-title {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 21px;
     line-height: 1.15;
     letter-spacing: -.015em;
     color: #141414;
   }
   .flexible__text {
     margin: 8px 0 0;
     font-size: 14.5px;
     line-height: 1.55;
     color: rgba(20,20,20,.66);
   }
   .flexible__grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px 26px;
     margin-top: 18px;
   }
   .flexible__row {
     display: flex;
     align-items: flex-start;
     gap: 11px;
     min-width: 0;
   }
   .flexible__icon {
     flex: none;
     margin-top: 2px;
   }
   .flexible__copy {
     min-width: 0;
   }
   .flexible__strong {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 15px;
     line-height: 1.2;
     color: #141414;
   }
   .flexible__group {
     display: block;
     margin-top: 3px;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(20,20,20,.6);
   }
   .flexible__text-2 {
     margin: 18px 0 0;
     padding-top: 16px;
     border-top: 1px solid rgba(20,20,20,.09);
     font-size: 14px;
     line-height: 1.55;
     color: rgba(20,20,20,.62);
   }
   .billing {
     margin-top: 26px;
     background: #FCF3DC;
     border: 1px solid rgba(192,138,33,.3);
     border-radius: 16px;
     padding: 16px;
   }
   .billing__row {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-bottom: 10px;
   }
   .billing__card-title {
     margin: 0;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: .14em;
     text-transform: uppercase;
     color: #A97815;
   }
   .billing__text {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.6;
     color: #141414;
   }
   .billing__text-2 {
     margin: 11px 0 0;
     font-size: 14.5px;
     line-height: 1.6;
     color: #141414;
   }
   .billing__accent {
     font-weight: 700;
   }
   .billing__consent {
     position: relative;
     display: flex;
     align-items: center;
     gap: 12px;
     margin-top: 14px;
     padding: 12px 14px;
     cursor: pointer;
     background: #FFFFFF;
     border: 2px solid rgba(169,120,21,.45);
     border-radius: 12px;
     box-shadow: none;
   }
   .billing__consent-ring {
     flex: none;
     width: 22px;
     height: 22px;
     border-radius: 999px;
     border: 2.5px solid rgba(169,120,21,.45);
     background: #FFFFFF;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .billing__consent-dot {
     width: 11px;
     height: 11px;
     border-radius: 999px;
     background: transparent;
   }
   .billing__input {
     position: absolute;
     opacity: 0;
     width: 1px;
     height: 1px;
   }
   .billing__group {
     flex: 1;
     min-width: 0;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.35;
     color: #141414;
   }
   .captcha {
     margin-top: 16px;
     display: flex;
     justify-content: center;
   }
   .captcha__row {
     display: flex;
     align-items: center;
     gap: 14px;
     width: 100%;
     max-width: 320px;
     background: #F9F9F9;
     border: 1px solid rgba(20,20,20,.16);
     border-radius: 6px;
     padding: 14px 16px;
     box-shadow: 0 1px 3px rgba(20,20,20,.08);
   }
   .captcha__group {
     flex: none;
     width: 28px;
     height: 28px;
     border-radius: 3px;
     border: 2px solid rgba(20,20,20,.28);
     background: #FFFFFF;
   }
   .captcha__group-2 {
     flex: 1;
     min-width: 0;
     font-size: 15px;
     color: #141414;
   }
   .captcha__row-2 {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .captcha__image {
     width: 34px;
     height: 34px;
     object-fit: contain;
   }
   .form__cta {
     margin-top: 16px;
     width: 100%;
     padding: 16px 20px;
     border-radius: 999px;
     border: 0;
     cursor: pointer;
     font-family: inherit;
     min-height: 60px;
     background: linear-gradient(165deg,#2A7D5A 0%,#14543C 46%,#0B3527 100%);
     color: #FFFFFF;
     box-shadow: 0 10px 26px rgba(11,53,39,.30);
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     text-align: left;
   }
   .form__group-5 {
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 19px;
     letter-spacing: -.01em;
     line-height: 1.15;
   }
   .form__cta-price {
     flex: none;
     display: inline-flex;
     align-items: center;
     gap: 9px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 22px;
     letter-spacing: -.015em;
   }
   .form__text {
     margin: 10px 0 0;
     font-size: 12.5px;
     line-height: 1.5;
     color: rgba(20,20,20,.5);
     text-align: center;
   }
   .form__group-7 {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     align-items: center;
     gap: 1px;
     margin-top: 10px;
   }
   .form__row-7 {
     display: flex;
     align-items: center;
     gap: 6px;
     flex: 1;
     min-width: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-size: 10.5px;
     font-weight: 700;
     letter-spacing: .05em;
     text-transform: uppercase;
     color: rgba(20,20,20,.55);
     line-height: 1.3;
   }
   .form__icon-3 {
     width: 14px;
     height: 14px;
     flex: none;
   }
   .form__copy {
     min-width: 0;
   }
   .form__group-8 {
     display: block;
     font-size: 9px;
   }
   .form__group-9 {
     letter-spacing: 0.525px;
   }
   .form__stack-3 {
     margin-top: 18px;
     display: flex;
     flex-direction: column;
     gap: 12px;
   }
   .form__row-8 {
     display: grid;
     grid-template-columns: repeat(3,minmax(0,1fr));
     gap: 8px 10px;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.10);
     border-radius: 16px;
     padding: 14px 16px;
     box-shadow: 0 6px 18px rgba(11,53,39,.07);
   }
   .form__row-9 {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
     text-align: center;
     gap: 7px;
     min-width: 0;
   }
   .form__medallion {
     flex: none;
     width: 26px;
     height: 26px;
     border-radius: 999px;
     background: #EAF6EC;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .form__icon-4 {
     width: 15px;
     height: 15px;
   }
   .form__strong-2 {
     min-width: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 640;
     font-size: 13px;
     line-height: 1.25;
     color: #141414;
   }
   .form__row-10 {
     display: flex;
     align-items: center;
     gap: 12px;
     background: #F3FAF4;
     border: 1px solid rgba(47,125,70,.22);
     border-radius: 16px;
     padding: 13px 14px;
   }
   .form__image-2 {
     flex: none;
     width: 32px;
     height: 32px;
     object-fit: contain;
   }
   .form__text-2 {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(20,20,20,.66);
   }
   .form__accent {
     font-weight: 700;
     color: #14543C;
   }
   .rewards__stack {
     grid-column: 1;
     grid-row: 2;
     min-width: 0;
     display: flex;
     flex-direction: column;
     gap: clamp(20px,2.4vw,32px);
     margin-top: clamp(20px,2.4vw,32px);
   }
   .tiers__row {
     display: flex;
     align-items: center;
     gap: 11px;
     min-width: 0;
     margin: 0 0 10px;
   }
   .tiers__group {
     flex: none;
     width: 8px;
     height: 8px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .tiers__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #2F7D46;
     white-space: nowrap;
   }
   .tiers__group-2 {
     display: block;
     flex: 1;
     min-width: 0;
     max-width: 140px;
     height: 1px;
     background: rgba(47,125,70,.32);
   }
   .tiers__heading {
     margin: 0 0 16px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.02em;
     line-height: 1.05;
     font-size: clamp(1.6rem,2.4vw,2.15rem);
   }
   .tiers__grid {
     display: grid;
     grid-template-columns: repeat(4,minmax(0,1fr));
     gap: 14px;
   }
   .tiers__plan-card {
     text-align: left;
     cursor: pointer;
     position: relative;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.09);
     border-radius: 18px;
     padding: 16px 14px 14px;
     box-shadow: 0 12px 28px rgba(20,80,50,.09), inset 0 1px 0 rgba(255,255,255,.7);
     display: flex;
     flex-direction: column;
     align-items: stretch;
     gap: 11px;
     font: inherit;
   }
   .tiers__plan-radio {
     display: none;
     position: absolute;
     z-index: 3;
     top: 10px;
     left: 10px;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid rgba(20,20,20,.26);
     background: #FFFFFF;
     box-shadow: none,0 2px 6px rgba(20,60,30,.18);
     align-items: center;
     justify-content: center;
   }
   .tiers__plan-radio-dot {
     width: 9px;
     height: 9px;
     border-radius: 50%;
     background: transparent;
   }
   .tiers__gift-frame {
     flex: none;
     position: relative;
     z-index: 0;
     overflow: hidden;
     top: 0;
     right: 0;
     margin: -16px -14px 0;
     align-self: stretch;
     width: auto;
     min-height: 0;
     aspect-ratio: 1 / 1;
     border-radius: 17px 17px 0 0;
     -webkit-mask-image: none;
     mask-image: none;
     background: radial-gradient(118% 88% at 50% 16%,#E6F2D6 0%,#D6E3BE 44%,rgba(232,242,216,.35) 78%,rgba(255,255,255,0) 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0;
   }
   .tiers__decor-2 {
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     top: auto;
     width: auto;
     height: 20%;
     background: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 52%,#FFFFFF 100%);
     pointer-events: none;
   }
   .tiers__plan-body {
     display: flex;
     flex-direction: column;
     flex: 1;
     min-width: 0;
     position: relative;
     z-index: 1;
     width: 100%;
     align-items: stretch;
     gap: 11px;
   }
   .tiers__row-2 {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 6px;
     width: 100%;
     padding-right: 0;
   }
   .tiers__row-3 {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     width: 100%;
   }
   .tiers__badge {
     flex: none;
     display: inline-flex;
     align-items: center;
     background: linear-gradient(168deg,#9457D8 0%,#803FCB 58%,#6E32B4 100%);
     color: #FFFFFF;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 11.5px;
     letter-spacing: .13em;
     text-transform: uppercase;
     padding: 5px 13px 4px;
     border-radius: 999px;
     box-shadow: 0 4px 12px rgba(128,63,203,.32),inset 0 1px 0 rgba(255,255,255,.32);
   }
   .tiers__card-title {
     margin: 0;
     width: 100%;
     text-align: center;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 21px;
     color: #141414;
   }
   .tiers__list {
     list-style: none;
     margin: 0;
     padding: 0 0 0 0;
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 6px;
   }
   .tiers__row-4 {
     display: flex;
     align-items: flex-start;
     gap: 9px;
     font-size: 13px;
     line-height: 1.3;
     white-space: nowrap;
     color: #2F7D46;
     font-weight: 650;
   }
   .tiers__icon {
     width: 16px;
     height: 16px;
     flex: none;
     margin-top: 1px;
   }
   .tiers__row-5 {
     display: flex;
     align-items: flex-start;
     gap: 9px;
     font-size: 13px;
     line-height: 1.3;
     white-space: nowrap;
     color: rgba(20,20,20,.7);
     font-weight: 500;
   }
   .tiers__row-6 {
     margin-top: auto;
     width: 100%;
     padding-top: 11px;
     border-top: 1px solid rgba(47,125,70,.18);
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
     justify-content: center;
     gap: 6px;
   }
   .tiers__group-4 {
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 25px;
     color: #2F7D46;
     letter-spacing: -.01em;
   }
   .tiers__group-5 {
     font-size: 14px;
     font-weight: 600;
     color: rgba(20,20,20,.42);
   }
   .tiers__plan-flag {
     position: absolute;
     z-index: 2;
     top: -14px;
     bottom: auto;
     left: auto;
     right: 10px;
     transform: none;
     width: max-content;
     white-space: nowrap;
     display: inline-flex;
     align-items: center;
     gap: 7px;
     background: linear-gradient(180deg,#FBE3A6 0%,#F2C86A 100%);
     color: #2A1B00;
     font-size: 11.5px;
     font-weight: 800;
     letter-spacing: .09em;
     text-transform: uppercase;
     padding: 6px 13px;
     max-width: none;
     border-radius: 999px;
     border: 1px solid rgba(140,98,16,.4);
     box-shadow: 0 6px 14px rgba(140,100,20,.28);
   }
   .tiers__group-7 {
     display: inline;
     font-size: 10px;
     line-height: 1;
     color: #8A5E0A;
   }
   .tiers__row-7 {
     margin-top: auto;
     width: 100%;
     padding-top: 11px;
     border-top: 1px solid rgba(192,138,33,.3);
     display: flex;
     flex-wrap: wrap;
     align-items: baseline;
     justify-content: center;
     gap: 6px;
   }
   .perks__row {
     display: flex;
     align-items: center;
     gap: 11px;
     min-width: 0;
     margin: 0 0 10px;
   }
   .perks__group {
     flex: none;
     width: 8px;
     height: 8px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .perks__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #2F7D46;
     white-space: nowrap;
   }
   .perks__group-2 {
     display: block;
     flex: 1;
     min-width: 0;
     max-width: 140px;
     height: 1px;
     background: rgba(47,125,70,.32);
   }
   .perks__heading {
     margin: 0 0 16px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.02em;
     line-height: 1.05;
     font-size: clamp(1.6rem,2.4vw,2.15rem);
   }
   .perks__grid {
     display: grid;
     grid-template-columns: repeat(2,minmax(0,1fr));
     gap: 14px;
   }
   .perks__stack {
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.07);
     border-radius: 26px;
     padding: 22px 22px 26px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     box-shadow: 0 10px 26px rgba(11,53,39,.09);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,border-color .3s;
   }
   .perks__stack:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 44px rgba(11,53,39,.17);
     border-color: rgba(124,92,214,.35);
   }
   .perks__decor {
     position: absolute;
     top: -46px;
     right: -46px;
     width: 172px;
     height: 172px;
     border-radius: 999px;
     background: radial-gradient(circle,rgba(124,92,214,.20),rgba(124,92,214,0) 70%);
   }
   .perks__decor-2 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     background: linear-gradient(90deg,rgba(124,92,214,0),rgba(124,92,214,.85));
   }
   .perks__group-3 {
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 26px;
     line-height: 1;
     letter-spacing: -.02em;
     color: rgba(124,92,214,.45);
   }
   .perks__row-2 {
     display: flex;
     flex: 0 0 auto;
     width: 92px;
     height: 92px;
     border-radius: 28px;
     background: #FFFFFF;
     border: 1px solid rgba(124,92,214,.28);
     box-shadow: 0 6px 16px rgba(124,92,214,.14);
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }
   .perks__image {
     mix-blend-mode: multiply;
   }
   .perks__copy {
     min-width: 0;
   }
   .perks__card-title {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 18px;
     line-height: 1.2;
     letter-spacing: -.015em;
     white-space: nowrap;
     color: #141414;
   }
   .perks__text-2 {
     margin: 5px 0 0;
     font-size: 16.5px;
     line-height: 1.45;
     color: rgba(20,20,20,.72);
   }
   .perks__stack-2 {
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.07);
     border-radius: 26px;
     padding: 22px 22px 26px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     box-shadow: 0 10px 26px rgba(11,53,39,.09);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,border-color .3s;
   }
   .perks__stack-2:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 44px rgba(11,53,39,.17);
     border-color: rgba(47,158,91,.35);
   }
   .perks__decor-3 {
     position: absolute;
     top: -46px;
     right: -46px;
     width: 172px;
     height: 172px;
     border-radius: 999px;
     background: radial-gradient(circle,rgba(47,158,91,.20),rgba(47,158,91,0) 70%);
   }
   .perks__decor-4 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     background: linear-gradient(90deg,rgba(47,158,91,0),rgba(47,158,91,.85));
   }
   .perks__group-4 {
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 26px;
     line-height: 1;
     letter-spacing: -.02em;
     color: rgba(47,158,91,.45);
   }
   .perks__row-3 {
     display: flex;
     flex: 0 0 auto;
     width: 92px;
     height: 92px;
     border-radius: 28px;
     background: #FFFFFF;
     border: 1px solid rgba(47,158,91,.28);
     box-shadow: 0 6px 16px rgba(47,158,91,.14);
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }
   .perks__stack-3 {
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.07);
     border-radius: 26px;
     padding: 22px 22px 26px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     box-shadow: 0 10px 26px rgba(11,53,39,.09);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,border-color .3s;
   }
   .perks__stack-3:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 44px rgba(11,53,39,.17);
     border-color: rgba(96,104,222,.35);
   }
   .perks__decor-5 {
     position: absolute;
     top: -46px;
     right: -46px;
     width: 172px;
     height: 172px;
     border-radius: 999px;
     background: radial-gradient(circle,rgba(96,104,222,.20),rgba(96,104,222,0) 70%);
   }
   .perks__decor-6 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     background: linear-gradient(90deg,rgba(96,104,222,0),rgba(96,104,222,.85));
   }
   .perks__group-5 {
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 26px;
     line-height: 1;
     letter-spacing: -.02em;
     color: rgba(96,104,222,.45);
   }
   .perks__stack-4 {
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.07);
     border-radius: 26px;
     padding: 22px 22px 26px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     box-shadow: 0 10px 26px rgba(11,53,39,.09);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,border-color .3s;
   }
   .perks__stack-4:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 44px rgba(11,53,39,.17);
     border-color: rgba(226,101,136,.35);
   }
   .perks__decor-7 {
     position: absolute;
     top: -46px;
     right: -46px;
     width: 172px;
     height: 172px;
     border-radius: 999px;
     background: radial-gradient(circle,rgba(226,101,136,.20),rgba(226,101,136,0) 70%);
   }
   .perks__decor-8 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     background: linear-gradient(90deg,rgba(226,101,136,0),rgba(226,101,136,.85));
   }
   .perks__group-6 {
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 26px;
     line-height: 1;
     letter-spacing: -.02em;
     color: rgba(226,101,136,.45);
   }
   .perks__row-4 {
     display: flex;
     flex: 0 0 auto;
     width: 92px;
     height: 92px;
     border-radius: 28px;
     background: #FFFFFF;
     border: 1px solid rgba(226,101,136,.28);
     box-shadow: 0 6px 16px rgba(226,101,136,.14);
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }
   .perks__stack-5 {
     position: relative;
     overflow: hidden;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.07);
     border-radius: 26px;
     padding: 22px 22px 26px;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
     box-shadow: 0 10px 26px rgba(11,53,39,.09);
     transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s,border-color .3s;
   }
   .perks__stack-5:hover {
     transform: translateY(-6px);
     box-shadow: 0 22px 44px rgba(11,53,39,.17);
     border-color: rgba(79,134,214,.35);
   }
   .perks__decor-9 {
     position: absolute;
     top: -46px;
     right: -46px;
     width: 172px;
     height: 172px;
     border-radius: 999px;
     background: radial-gradient(circle,rgba(79,134,214,.20),rgba(79,134,214,0) 70%);
   }
   .perks__decor-10 {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 5px;
     background: linear-gradient(90deg,rgba(79,134,214,0),rgba(79,134,214,.85));
   }
   .perks__group-7 {
     position: absolute;
     top: 16px;
     right: 22px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 26px;
     line-height: 1;
     letter-spacing: -.02em;
     color: rgba(79,134,214,.45);
   }
   .perks__row-5 {
     display: flex;
     flex: 0 0 auto;
     width: 92px;
     height: 92px;
     border-radius: 28px;
     background: #FFFFFF;
     border: 1px solid rgba(79,134,214,.28);
     box-shadow: 0 6px 16px rgba(79,134,214,.14);
     align-items: center;
     justify-content: center;
     overflow: hidden;
   }
   .optional {
     position: relative;
     overflow: hidden;
     border-radius: 24px;
     background: radial-gradient(130% 150% at 2% 30%,#0A4E31 0%,#04331F 46%,#001B0F 100%);
     padding: clamp(28px,3.2vw,44px);
   }
   .optional__decor {
     position: absolute;
     inset: 0;
     pointer-events: none;
     background: radial-gradient(75% 85% at 100% 0%,rgba(0,17,9,.92) 0%,rgba(0,17,9,.45) 42%,rgba(0,17,9,0) 72%);
   }
   .optional__row {
     position: relative;
     display: grid;
     grid-template-columns: 1.4fr .6fr;
     align-items: center;
     gap: clamp(8px,1vw,18px);
   }
   .optional__copy {
     min-width: 0;
   }
   .optional__text {
     margin: 0 0 10px;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: #3FA96B;
   }
   .optional__heading {
     margin: 0;
     max-width: 18ch;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 800;
     letter-spacing: -.025em;
     line-height: 1.04;
     font-size: 42px;
     color: #FFFFFF;
     text-wrap: pretty;
   }
   .optional__row-2 {
     min-width: 0;
     display: flex;
     justify-content: flex-end;
     margin: clamp(-36px,-2.6vw,-18px) clamp(-40px,-3vw,-20px) 0 0;
   }
   .optional__image {
     display: block;
     width: 100%;
     max-width: 496px;
     height: auto;
   }
   .optional__text-2 {
     position: relative;
     margin: clamp(2px,0.6vw,8px) 0 0;
     max-width: none;
     font-size: clamp(1.05rem,1.25vw,1.22rem);
     line-height: 1.6;
     color: rgba(255,255,255,.88);
     text-wrap: pretty;
   }
   .optional__link {
     color: #6FCB8E;
     font-weight: 700;
     text-decoration: none;
   }
   .optional__row-3 {
     margin-top: clamp(16px,1.6vw,24px);
     border: 1px solid rgba(255,255,255,.13);
     border-radius: 18px;
     display: grid;
     grid-template-columns: repeat(3,1fr);
   }
   .optional__row-4 {
     display: flex;
     flex-direction: row;
     text-align: left;
     align-items: center;
     justify-content: center;
     gap: clamp(13px,1.1vw,16px);
     padding: clamp(14px,1.4vw,20px);
     border-left: none;
   }
   .optional__medallion {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: clamp(52px,3.6vw,60px);
     height: clamp(52px,3.6vw,60px);
     border-radius: 999px;
     background: radial-gradient(70% 70% at 50% 30%,rgba(80,190,125,.20) 0%,rgba(10,60,38,.55) 100%);
     border: 1px solid rgba(120,220,160,.22);
   }
   .optional__icon {
     width: 66%;
     height: 66%;
   }
   .optional__text-3 {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 760;
     letter-spacing: -.01em;
     line-height: 1.18;
     font-size: clamp(1rem,1.15vw,1.18rem);
     color: #FFFFFF;
     white-space: nowrap;
   }
   .optional__break {
     display: inline;
   }
   .optional__row-5 {
     display: flex;
     flex-direction: row;
     text-align: left;
     align-items: center;
     justify-content: center;
     gap: clamp(13px,1.1vw,16px);
     padding: clamp(14px,1.4vw,20px);
     border-left: none;
   }
   .drop__row {
     position: relative;
     overflow: hidden;
     background: #F7F9F2;
     border: 1px solid rgba(47,125,70,.14);
     border-radius: 28px;
     box-shadow: 0 14px 38px rgba(20,80,50,.07);
     display: grid;
     grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);
     align-items: stretch;
   }
   .drop__media {
     position: relative;
     order: 2;
     min-width: 0;
     aspect-ratio: auto;
     background: #EAF1E4;
   }
   .drop__image {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: 52% 28%;
   }
   .drop__decor {
     display: block;
     position: absolute;
     inset: 0;
     pointer-events: none;
     background: linear-gradient(90deg,#F7F9F2 0%,rgba(247,249,242,.66) 10%,rgba(247,249,242,.16) 26%,rgba(247,249,242,0) 40%);
   }
   .drop__group {
     order: 1;
     min-width: 0;
     padding: 30px 26px 22px 30px;
   }
   .drop__row-2 {
     display: flex;
     align-items: center;
     gap: 11px;
     min-width: 0;
   }
   .drop__group-2 {
     flex: none;
     width: 8px;
     height: 8px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .drop__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #2F7D46;
     white-space: nowrap;
   }
   .drop__group-3 {
     display: block;
     flex: 1;
     min-width: 0;
     max-width: 140px;
     height: 1px;
     background: rgba(47,125,70,.32);
   }
   .drop__heading {
     margin: 16px 0 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.025em;
     line-height: 1.04;
     font-size: 40px;
     color: #14543C;
   }
   .drop__row-3 {
     display: flex;
     align-items: flex-end;
     gap: 8px;
     margin: 6px 0 0;
   }
   .drop__icon {
     flex: 1;
     min-width: 0;
     max-width: max(180px, calc(-4.5455vw + 444.91px));
     height: 11px;
   }
   .drop__text-2 {
     margin: 14px 0 18px;
     font-size: 16px;
     line-height: 1.62;
     color: rgba(20,20,20,.78);
   }
   .drop__accent {
     font-weight: 700;
     color: #14543C;
   }
   .drop__card {
     position: relative;
     border: 1px solid rgba(47,125,70,.20);
     border-radius: 18px;
     background: rgba(255,255,255,.55);
     padding: 13px 14px;
   }
   .drop__decor-2 {
     display: flex;
     position: absolute;
     left: -5px;
     top: 16%;
     bottom: 16%;
     width: 10px;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     pointer-events: none;
   }
   .drop__decor-3 {
     position: absolute;
     top: 5px;
     bottom: 5px;
     left: 4.5px;
     width: 1px;
     background: rgba(47,125,70,.24);
   }
   .drop__medallion {
     position: relative;
     width: 9px;
     height: 9px;
     border-radius: 999px;
     background: #F7F9F2;
     border: 2px solid #4C9A6A;
   }
   .drop__row-4 {
     display: flex;
     align-items: center;
     min-width: 0;
   }
   .drop__group-4 {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 999px;
     background: url("../../images/drop-icon-vertex-inventory.webp") center / cover no-repeat;
     border: 1px solid rgba(47,125,70,.16);
   }
   .drop__group-5 {
     min-width: 0;
     margin-left: 14px;
     padding: 11px 0 11px 14px;
     border-left: 1px solid rgba(47,125,70,.18);
   }
   .drop__strong {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 15.5px;
     line-height: 1.2;
     letter-spacing: -.01em;
     color: #14543C;
   }
   .drop__group-6 {
     display: block;
     margin-top: 2px;
     font-size: 16px;
     line-height: 1.38;
     color: rgba(20,20,20,.72);
   }
   .drop__group-7 {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 999px;
     background: url("../../images/drop-icon-retail-value.webp") center / cover no-repeat;
     border: 1px solid rgba(47,125,70,.16);
   }
   .drop__group-8 {
     min-width: 0;
     margin-left: 14px;
     padding: 11px 0 11px 14px;
     border-left: 1px solid rgba(47,125,70,.18);
     border-top: 1px solid rgba(47,125,70,.14);
   }
   .drop__group-9 {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 50px;
     height: 50px;
     border-radius: 999px;
     background: url("../../images/drop-icon-no-hidden-catalog.webp") center / cover no-repeat;
     border: 1px solid rgba(47,125,70,.16);
   }
   .cash {
     background: linear-gradient(158deg,#EFF6EF 0%,#F8FBF6 58%,#F6FAF3 100%);
     border: 1px solid rgba(47,125,70,.16);
     border-radius: 28px;
     padding: clamp(24px,2.4vw,36px);
   }
   .cash__row {
     display: grid;
     grid-template-columns: minmax(0,345px) minmax(0,1fr);
     align-items: start;
     gap: clamp(18px,2vw,32px);
   }
   .cash__group {
     min-width: 0;
     display: block;
   }
   .cash__group-2 {
     min-width: 0;
     order: 1;
   }
   .cash__row-2 {
     display: flex;
     align-items: center;
     gap: 11px;
     min-width: 0;
     margin: 0 0 14px;
   }
   .cash__group-3 {
     flex: none;
     width: 8px;
     height: 8px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .cash__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #2F7D46;
     white-space: nowrap;
   }
   .cash__group-4 {
     display: block;
     flex: 1;
     min-width: 0;
     max-width: 140px;
     height: 1px;
     background: rgba(47,125,70,.32);
   }
   .cash__heading {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.028em;
     line-height: 1.04;
     font-size: 45px;
     color: #14543C;
     text-wrap: pretty;
   }
   .cash__group-5 {
     min-width: 0;
     order: 3;
   }
   .cash__text-2 {
     margin: 18px 0 22px;
     max-width: 34ch;
     font-size: 18px;
     line-height: 1.58;
     color: rgba(20,20,20,.76);
   }
   .cash__badge {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     padding: 13px 22px;
     border: 1px solid rgba(47,125,70,.34);
     border-radius: 999px;
     background: rgba(255,255,255,.62);
   }
   .cash__icon {
     flex: none;
   }
   .cash__group-6 {
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 700;
     font-size: 16.5px;
     line-height: 1.2;
     color: #14543C;
   }
   .cash__row-3 {
     min-width: 0;
     align-self: stretch;
     order: 2;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     margin: -18px -20px -6px -6px;
   }
   .cash__image {
     display: block;
     width: 100%;
     max-width: none;
     height: auto;
     mix-blend-mode: multiply;
     -webkit-mask-image: radial-gradient(76% 76% at 50% 48%,#000 74%,rgba(0,0,0,0) 100%);
     mask-image: radial-gradient(76% 76% at 50% 48%,#000 74%,rgba(0,0,0,0) 100%);
   }
   .cash__group-7 {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     margin-top: 22px;
     padding: 20px 24px;
     border-radius: 26px;
     background: linear-gradient(112deg,#0C3B22 0%,#12492B 52%,#0B3620 100%);
   }
   .cash__group-8 {
     display: flex;
     align-items: center;
     gap: 10px;
     flex: 0 1 auto;
     min-width: 0;
   }
   .cash__medallion {
     flex: none;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 48px;
     height: 48px;
     border-radius: 999px;
     border: 1px solid rgba(255,255,255,.26);
     background: rgba(255,255,255,.06);
   }
   .cash__icon-2 {
     flex: none;
     width: 35px;
     height: 35px;
   }
   .cash__text-3 {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 620;
     font-size: 15px;
     line-height: 1.3;
     letter-spacing: -.005em;
     color: #FFFFFF;
     white-space: normal;
   }
   .cash__icon-3 {
     flex: none;
     width: 43px;
     height: 43px;
   }
   .cash__icon-4 {
     flex: none;
     width: 37px;
     height: 37px;
   }
   .faq {
     padding: clamp(24px,3vw,44px) 0 clamp(28px,3.2vw,46px);
   }
   .faq__inner {
     max-width: 1280px;
     margin: 0 auto;
     padding-inline: clamp(16px,2vw,32px);
   }
   .faq__grid {
     position: relative;
     overflow: hidden;
     border-radius: clamp(20px,2.2vw,30px);
     background: linear-gradient(155deg,#ECF8F0 0%,#F9FCF8 48%,#FCF2E0 100%);
     box-shadow: inset 0 0 0 1px rgba(47,125,70,.16), 0 26px 64px rgba(11,53,39,.10);
     padding: clamp(30px,3.6vw,56px);
     display: grid;
     gap: clamp(28px,3.4vw,48px);
   }
   .faq__row {
     display: flex;
     align-items: center;
     gap: 12px;
     min-width: 0;
   }
   .faq__group {
     flex: none;
     width: 8px;
     height: 8px;
     background: #C08A21;
     transform: rotate(45deg);
   }
   .faq__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #A97815;
   }
   .faq__heading {
     margin: -16px 0 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.02em;
     line-height: 1.02;
     font-size: clamp(2rem,3.6vw,3rem);
   }
   .faq__row-2 {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px 16px;
   }
   .faq__grid-2 {
     display: grid;
     gap: 10px;
     height: max-content;
   }
   .faq__entry {
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.09);
     border-radius: 14px;
     overflow: hidden;
   }
   .faq__question {
     cursor: default;
     padding: 13px 16px;
     display: flex;
     gap: 12px;
     align-items: center;
     font-weight: 700;
     font-size: 19px;
     line-height: 1.3;
     color: #14543C;
   }
   .faq__image {
     flex: none;
     width: 34px;
     height: 34px;
     object-fit: contain;
   }
   .faq__group-2 {
     flex: 1;
     min-width: 0;
   }
   .faq__text-2 {
     margin: -4px 16px 14px;
     padding: 0 0 0 46px;
     font-size: 16.5px;
     line-height: 1.55;
     color: rgba(38,48,42,.86);
   }
   .faq__accent {
     color: #14543C;
   }
   .cancel {
     padding: 0 0 clamp(28px,3.2vw,46px);
   }
   .cancel__inner {
     max-width: 1280px;
     margin: 0 auto;
     padding-inline: clamp(16px,2vw,32px);
   }
   .cancel__card {
     position: relative;
     overflow: visible;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.08);
     border-radius: 28px;
     padding: clamp(26px,3vw,44px);
     box-shadow: 0 10px 34px rgba(20,20,20,.05);
   }
   .cancel__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .2em;
     text-transform: uppercase;
     color: #2F7D46;
   }
   .cancel__heading {
     margin: 12px 0 0;
     max-width: 16ch;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.025em;
     line-height: 1.03;
     font-size: clamp(2.5rem,4.4vw,3.6rem);
     color: #0F2536;
   }
   .cancel__group {
     display: block;
     width: 74px;
     height: 6px;
     border-radius: 3px;
     background: #2F7D46;
     margin: 18px 0 0;
   }
   .cancel__card-2 {
     position: relative;
     margin-top: 28px;
     background: linear-gradient(140deg,#F4F8F3 0%,#FBFCFA 55%,#FFFFFF 100%);
     border: 1px solid rgba(20,20,20,.06);
     border-radius: 22px;
     padding: clamp(22px,2.4vw,34px);
     min-height: 355px;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
   }
   .cancel__image {
     display: block;
     position: absolute;
     top: -296px;
     right: 4px;
     width: 62%;
     max-width: 620px;
     margin: 0;
     height: auto;
     pointer-events: none;
   }
   .cancel__group-2 {
     position: relative;
     min-width: 0;
     max-width: 52ch;
   }
   .cancel__card-title {
     margin: 10px 0 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.02em;
     line-height: 1.15;
     font-size: clamp(1.5rem,2vw,1.85rem);
     color: #0F2536;
   }
   .cancel__text-2 {
     margin: 14px 0 0;
     font-size: 16.5px;
     line-height: 1.6;
     color: rgba(20,20,20,.7);
     text-wrap: pretty;
   }
   .cancel__row {
     position: relative;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     gap: 20px 26px;
     margin-top: 34px;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.08);
     border-radius: 18px;
     padding: 20px 22px;
     box-shadow: 0 6px 18px rgba(20,20,20,.04);
   }
   .cancel__row-2 {
     display: flex;
     align-items: flex-end;
     gap: 16px;
     flex: 1 1 320px;
     min-width: 0;
   }
   .cancel__row-3 {
     flex: none;
     display: flex;
     width: 52px;
     height: 52px;
     border-radius: 14px;
     background: #E9F4EC;
     align-items: center;
     justify-content: center;
   }
   .cancel__field {
     flex: 1;
     min-width: 0;
   }
   .cancel__input {
     width: 100%;
     box-sizing: border-box;
     height: 52px;
     padding: 12px 16px;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-size: 16px;
     color: #141414;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.16);
     border-radius: 12px;
     outline: none;
   }
   .cancel__input:focus {
     border-color: #2F7D46;
     box-shadow: 0 0 0 3px rgba(47,125,70,.14);
   }
   .cancel__button {
     flex: 0 0 auto;
     min-width: 0;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 16px;
     height: 52px;
     padding: 0 26px;
     background: #1E7B35;
     color: #FFFFFF;
     border: none;
     border-radius: 12px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 19px;
     letter-spacing: -.01em;
     cursor: pointer;
   }
   .cancel__button:hover {
     background: #166028;
   }
   .cancel__group-3 {
     white-space: nowrap;
   }
   .cancel__medallion {
     display: flex;
     flex: none;
     width: 32px;
     height: 32px;
     border-radius: 999px;
     background: rgba(255,255,255,.2);
     align-items: center;
     justify-content: center;
   }
   .cancel__row-4 {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 12px;
     flex: 0 1 auto;
     min-width: 0;
     height: 52px;
   }
   .cancel__row-5 {
     flex: none;
     display: flex;
     width: 44px;
     height: 44px;
     border-radius: 12px;
     background: #E9F4EC;
     align-items: center;
     justify-content: center;
   }
   .cancel__icon {
     width: 20pxpx;
     height: 20pxpx;
     display: block;
     flex: none;
   }
   .cancel__text-3 {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.35;
     letter-spacing: normal;
     color: rgba(20,20,20,.72);
     white-space: nowrap;
   }
   .cancel__group-4 {
     display: block;
     white-space: nowrap;
   }
   .cancel__row-6 {
     display: grid;
     grid-template-columns: repeat(3,1fr);
     gap: 14px;
     margin-top: 28px;
   }
   .cancel__card-3 {
     display: flex;
     align-items: center;
     gap: 16px;
     background: #FFFFFF;
     border: 1px solid rgba(20,20,20,.09);
     border-radius: 18px;
     padding: 20px;
   }
   .cancel__medallion-2 {
     flex: none;
     display: flex;
     width: 52px;
     height: 52px;
     border-radius: 999px;
     background: #E9F4EC;
     align-items: center;
     justify-content: center;
   }
   .cancel__copy {
     min-width: 0;
   }
   .cancel__card-title-2 {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 17.5px;
     color: #0F2536;
   }
   .cancel__medallion-3 {
     flex: none;
     display: flex;
     width: 52px;
     height: 52px;
     border-radius: 999px;
     background: #E7ECFA;
     align-items: center;
     justify-content: center;
   }
   .cancel__medallion-4 {
     flex: none;
     display: flex;
     width: 52px;
     height: 52px;
     border-radius: 999px;
     background: #EDE7FB;
     align-items: center;
     justify-content: center;
   }
   .cancel__card-4 {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 18px 26px;
     margin-top: 14px;
     background: linear-gradient(120deg,#F1F8F1 0%,#F7FBF7 60%,#FFFFFF 100%);
     border: 1px solid rgba(47,125,70,.14);
     border-radius: 20px;
     padding: 22px 26px;
   }
   .cancel__row-7 {
     display: flex;
     align-items: center;
     gap: 14px;
     flex: 1 1 300px;
     min-width: 0;
   }
   .cancel__image-2 {
     flex: none;
     display: block;
     width: 96px;
     height: 96px;
     object-fit: contain;
   }
   .cancel__card-title-3 {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.015em;
     font-size: 25px;
     color: #0F2536;
   }
   .cancel__text-4 {
     margin: 4px 0 0;
     font-size: 15.5px;
     line-height: 1.4;
     color: rgba(20,20,20,.68);
   }
   .cancel__group-5 {
     display: block;
     flex: none;
     width: 1px;
     height: 52px;
     background: rgba(47,125,70,.18);
   }
   .cancel__link {
     display: flex;
     align-items: center;
     gap: 14px;
     flex: 0 1 auto;
     min-width: 0;
     text-decoration: none;
   }
   .cancel__row-8 {
     flex: none;
     display: flex;
     width: 46px;
     height: 46px;
     border-radius: 13px;
     background: #E4F3E6;
     align-items: center;
     justify-content: center;
   }
   .cancel__group-6 {
     display: block;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15px;
     color: rgba(20,20,20,.72);
   }
   .cancel__group-7 {
     display: block;
     margin-top: 2px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 16.5px;
     color: #1E7B35;
   }
   .cancel__group-8 {
     display: block;
     margin-top: 2px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     font-size: 16.5px;
     letter-spacing: .01em;
     text-transform: uppercase;
     color: #1E7B35;
     overflow-wrap: anywhere;
   }
   .catalog {
     padding: 0 0 clamp(28px,3.2vw,46px);
   }
   .catalog__inner {
     max-width: 1280px;
     margin: 0 auto;
     padding-inline: clamp(16px,2vw,32px);
   }
   .catalog__group {
     max-width: 640px;
     margin-bottom: clamp(20px,3vw,36px);
   }
   .catalog__row {
     display: flex;
     align-items: center;
     gap: 11px;
     min-width: 0;
     margin: 0 0 10px;
   }
   .catalog__group-2 {
     flex: none;
     width: 8px;
     height: 8px;
     background: #2F7D46;
     transform: rotate(45deg);
   }
   .catalog__text {
     margin: 0;
     font-family: 'Hanken Grotesk',system-ui,sans-serif;
     font-weight: 700;
     font-size: 15.5px;
     letter-spacing: .16em;
     text-transform: uppercase;
     color: #2F7D46;
     white-space: nowrap;
   }
   .catalog__group-3 {
     display: block;
     flex: 1;
     min-width: 0;
     max-width: 140px;
     height: 1px;
     background: rgba(47,125,70,.32);
   }
   .catalog__heading {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 780;
     letter-spacing: -.02em;
     line-height: 1.05;
     font-size: clamp(2rem,3.6vw,3rem);
   }
   .catalog__grid {
     display: grid;
     grid-template-columns: repeat(4,1fr);
     gap: 14px;
   }
   .catalog__link {
     position: relative;
     overflow: hidden;
     border-radius: 24px;
     aspect-ratio: 4/3;
     display: flex;
     align-items: flex-end;
     box-shadow: 0 4px 16px rgba(20,20,20,.06);
   }
   .catalog__link:hover {
     outline: 2.5px solid #141414;
     outline-offset: 3px;
   }
   .catalog__image {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   .catalog__badge {
     position: relative;
     margin: 14px;
     padding: 8px 16px;
     border-radius: 999px;
     background: #FFFFFF;
     font-weight: 700;
     font-size: 17px;
     color: #141414;
   }
   .footer {
     background: #131513;
     color: #FFFFFF;
   }
   .footer__inner {
     max-width: 1680px;
     margin: 0 auto;
     padding: clamp(36px,4vw,56px) clamp(24px,3vw,48px) clamp(28px,3.2vw,42px);
     display: grid;
     grid-template-columns: 1.3fr 1.02fr .98fr 1.05fr;
     gap: clamp(26px,3vw,52px);
   }
   .footer__stack {
     display: flex;
     flex-direction: column;
     gap: 16px;
   }
   .footer__image {
     height: 52px;
     width: auto;
     align-self: flex-start;
     object-fit: contain;
     margin-left: -4px;
   }
   .footer__text {
     margin: 0;
     font-size: 15px;
     line-height: 1.5;
     color: rgba(255,255,255,.62);
     max-width: 32ch;
   }
   .footer__text-2 {
     margin: 0 0 9px;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 700;
     font-size: 12px;
     letter-spacing: .18em;
     text-transform: uppercase;
     color: rgba(255,255,255,.55);
   }
   .footer__row {
     display: flex;
     gap: 9px;
     flex-wrap: wrap;
   }
   .footer__image-2 {
     height: 32px;
     width: auto;
     border-radius: 6px;
   }
   .footer__group-title {
     margin: 0;
     font-family: 'Commissioner',system-ui,sans-serif;
     font-weight: 700;
     font-size: 14px;
     letter-spacing: .14em;
     text-transform: uppercase;
     color: #6FD07F;
   }
   .footer__group {
     display: block;
     width: 34px;
     height: 2px;
     background: #6FD07F;
     margin: 8px 0 10px;
   }
   .footer__list {
     list-style: none;
     margin: 0;
     padding: 0;
   }
   .footer__link {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     padding: 10px 0;
     min-height: 0;
     font-size: 15px;
     line-height: 1.35;
     color: rgba(255,255,255,.82);
     border-bottom: 1px solid rgba(255,255,255,.09);
   }
   .footer__link:hover {
     color: #FFFFFF;
   }
   .footer__group-2 {
     white-space: nowrap;
   }
   .footer__icon {
     flex: none;
     opacity: .85;
   }
   .footer__group-3 {
     white-space: normal;
   }
   .footer__link-2 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     padding: 10px 0;
     min-height: 0;
     font-size: 15px;
     line-height: 1.35;
     color: rgba(255,255,255,.82);
     border-bottom: 0;
   }
   .footer__link-2:hover {
     color: #FFFFFF;
   }
   .footer__row-2 {
     display: flex;
     gap: 12px;
     align-items: flex-start;
     padding-bottom: 16px;
     border-bottom: 1px solid rgba(255,255,255,.09);
   }
   .footer__row-3 {
     flex: none;
     width: 32px;
     height: 32px;
     border-radius: 10px;
     background: rgba(111,208,127,.14);
     box-shadow: inset 0 0 0 1px rgba(111,208,127,.22);
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .footer__copy {
     min-width: 0;
   }
   .footer__strong {
     display: block;
     font-size: 15px;
     font-weight: 700;
     color: #FFFFFF;
     margin-bottom: 3px;
   }
   .footer__address {
     font-style: normal;
     font-size: 15px;
     line-height: 1.45;
     color: rgba(255,255,255,.62);
   }
   .footer__row-4 {
     display: flex;
     gap: 12px;
     align-items: flex-start;
     padding-top: 16px;
   }
   .footer__group-4 {
     border-top: 1px solid rgba(255,255,255,.1);
   }
   .footer__inner-2 {
     max-width: 1680px;
     margin: 0 auto;
     padding: clamp(18px,2vw,26px) clamp(24px,3vw,48px) clamp(22px,2.4vw,32px);
     display: grid;
     grid-template-columns: auto minmax(0,1fr);
     gap: 16px clamp(24px,3vw,44px);
     align-items: start;
   }
   .footer__text-3 {
     margin: 0;
     font-size: 15px;
     color: rgba(255,255,255,.8);
   }
   .footer__text-4 {
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
     color: rgba(255,255,255,.46);
     min-width: 0;
   }
   
   /* ---- state modifiers & behaviour hooks ---- */
   .mobile-nav--open { display: flex; }
   .header__burger { -webkit-tap-highlight-color: transparent; }
   
   /* enrolment rail: selected tier row */
   .join__tier-dot-fill { display: none; }
   .join__tier-row--selected {
     background: linear-gradient(96deg,#FDF1D5 0%,#FEF8EA 55%,#FFFFFF 100%);
     border: 2px solid #2F7D46;
     box-shadow: 0 8px 20px rgba(20,80,50,.14), inset 0 1px 0 rgba(255,255,255,.8);
   }
   .join__tier-row--selected .join__tier-dot {
     border-color: #2F7D46;
     background: radial-gradient(circle at 34% 30%,#FFFFFF,#F3F7F2);
   }
   .join__tier-row--selected .join__tier-dot-fill { display: block; }
   
   /* tier comparison cards */
   .tiers__plan-card--popular {
     box-shadow: 0 18px 40px rgba(20,80,50,.18), inset 0 1px 0 rgba(255,255,255,.7);
   }
   .tiers__plan-card--selected {
     border: 2px solid #2F7D46;
     box-shadow: 0 0 0 4px rgba(47,125,70,.18), 0 20px 42px rgba(20,80,50,.2), inset 0 1px 0 rgba(255,255,255,.7);
   }
   .tiers__plan-card--selected .tiers__plan-radio {
     border-color: #2F7D46;
     box-shadow: 0 0 0 3px rgba(47,125,70,.16), 0 2px 6px rgba(20,60,30,.18);
   }
   .tiers__plan-card--selected .tiers__plan-radio-dot { background: #2F7D46; }
   
   /* gift art: the builder loaded a different crop under 769px */
   .tiers__gift { display: block; width: 100%; height: 100%; object-fit: contain; }
   .tiers__gift--mobile { display: none; object-fit: cover; }
   @media (max-width: 768px) {
     .tiers__gift--desktop { display: none; }
     .tiers__gift--mobile { display: block; }
     /* the builder re-ordered the cards to put VIP first on narrow screens */
     .tiers__plan-card--popular { order: -1; }
   }
   
   /* recurring billing consent */
   .billing__consent--checked { border-color: #A97815; box-shadow: 0 0 0 3px rgba(169,120,21,.16); }
   .billing__consent--checked .billing__consent-ring { border-color: #A97815; }
   .billing__consent--checked .billing__consent-dot { background: #A97815; }
   
   /* phone country picker */
   .form__flag {
     flex: none;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 24px;
     height: 18px;
     border-radius: 2px;
     background: #EDF2EC;
     box-shadow: 0 0 0 1px rgba(20,20,20,.12);
     font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
     font-size: 10px;
     font-weight: 700;
     color: #14543C;
   }
   .form__cc-panel--open { display: block; }
   .form__cc-option {
     display: flex;
     align-items: center;
     gap: 10px;
     width: 100%;
     min-height: 44px;
     text-align: left;
     background: transparent;
     border: 0;
     border-radius: 8px;
     padding: 9px 10px;
     cursor: pointer;
     font: inherit;
     font-size: 15px;
     color: #141414;
   }
   .form__cc-option--current { background: #F1F7F2; font-weight: 650; }
   .form__cc-option-name { flex: 1; min-width: 0; }
   .form__cc-option-dial { flex: none; font-weight: 600; color: rgba(20,20,20,.5); }
   
   /* ============ 0–320px ============ */
   @media (max-width: 320px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 12px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 12px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 28px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 9px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 11px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(10vw + -8px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(90vw + -65px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 8px;
       padding: 0 10px;
       font-size: 15px;
     }
   
     .cancel__medallion {
       display: none;
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 11px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 321–330px ============ */
   @media (min-width: 321px) and (max-width: 330px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 28px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 9px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 11px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(11.1111vw + -11.67px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -61.33px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 8px;
       padding: 0 10px;
       font-size: 15px;
     }
   
     .cancel__medallion {
       display: none;
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 11px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 331–335px ============ */
   @media (min-width: 331px) and (max-width: 335px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 9px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 11px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 25px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(100vw + -98px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 8px;
       padding: 0 10px;
       font-size: 15px;
     }
   
     .cancel__medallion {
       display: none;
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 11px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 336–340px ============ */
   @media (min-width: 336px) and (max-width: 340px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 9px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 11px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 25px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(75vw + -14px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 8px;
       padding: 0 10px;
       font-size: 15px;
     }
   
     .cancel__medallion {
       display: none;
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 341–359px ============ */
   @media (min-width: 341px) and (max-width: 359px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 9px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(5.5556vw + 7.06px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -61.11px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 10px;
       padding: 0 12px;
       font-size: 16.5px;
     }
   
     .cancel__medallion {
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 360–360px ============ */
   @media (min-width: 360px) and (max-width: 360px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 8px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 14px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 12px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 13px 12px 16px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 52px;
       height: 52px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 40px;
       height: 40px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 27px;
     }
   
     .drop__icon {
       max-width: 259px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 14px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 30px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 14px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 236px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 14px 12px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 10px;
       padding: 0 12px;
       font-size: 16.5px;
     }
   
     .cancel__medallion {
       width: 26px;
       height: 26px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 15px;
       height: 15px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 15pxpx;
       height: 15pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 361–362px ============ */
   @media (min-width: 361px) and (max-width: 362px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 16px;
       height: 16px;
     }
   
     .tiers__plan-radio-dot {
       width: 7px;
       height: 7px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 5px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 12px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 12px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(100vw + -334px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(100vw + -101px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 363–371px ============ */
   @media (min-width: 363px) and (max-width: 371px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-7 {
       font-size: 9.5px;
     }
   
     .form__row-8 {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 28px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(87.5vw + -55.62px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 372–372px ============ */
   @media (min-width: 372px) and (max-width: 372px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 29px;
     }
   
     .drop__icon {
       max-width: 270px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .cash__medallion {
       width: 44px;
       height: 44px;
     }
   
     .cash__icon-2 {
       width: 32px;
       height: 32px;
     }
   
     .cash__text-3 {
       font-size: 14px;
     }
   
     .cash__icon-3 {
       width: 39px;
       height: 39px;
     }
   
     .cash__icon-4 {
       width: 34px;
       height: 34px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 373–375px ============ */
   @media (min-width: 373px) and (max-width: 375px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 30px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 13px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 13px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 13px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 16px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 13px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 29px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(100vw + -102px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 13px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 16px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 13px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 13px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 13px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 376–380px ============ */
   @media (min-width: 376px) and (max-width: 380px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 33px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 20px 12px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 29px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(75vw + -8px));
     }
   
     .drop__text-2 {
       font-size: 18px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 381–390px ============ */
   @media (min-width: 381px) and (max-width: 390px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 33px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       top: 8px;
       left: 8px;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 9px;
       letter-spacing: .07em;
       padding: 3px 7px 2px;
     }
   
     .tiers__card-title {
       font-size: 17px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 20px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 8.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(11.1111vw + -13.33px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -60.67px));
     }
   
     .drop__text-2 {
       font-size: 18px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12.5px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 391–411px ============ */
   @media (min-width: 391px) and (max-width: 411px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 15px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 15px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__badge {
       white-space: normal;
     }
   
     .intro__group-3 {
       font-size: 10px;
       white-space: normal;
     }
   
     .intro__title {
       font-size: 35px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__strong-2 {
       font-size: 12.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(10vw + -9.1px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(90vw + -64.9px));
     }
   
     .drop__text-2 {
       font-size: 18px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12.5px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 412–426px ============ */
   @media (min-width: 412px) and (max-width: 426px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 15px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 15px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 35px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(14.2857vw + -26.86px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(92.8571vw + -76.57px));
     }
   
     .drop__text-2 {
       font-size: 18px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12.5px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 427–430px ============ */
   @media (min-width: 427px) and (max-width: 430px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 15px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 15px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 35px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .optional__medallion {
       width: 44px;
       height: 44px;
     }
   
     .optional__text-3 {
       font-size: 12px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 14px 2px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 34px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(66.6667vw + 35.33px));
     }
   
     .drop__text-2 {
       font-size: 18px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 262px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 12.5px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 431–451px ============ */
   @media (min-width: 431px) and (max-width: 451px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(10vw + -9.1px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(90vw + -64.9px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 13px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 452–470px ============ */
   @media (min-width: 452px) and (max-width: 470px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(11.1111vw + -14.22px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -59.78px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 16px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 13px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 471–480px ============ */
   @media (min-width: 471px) and (max-width: 480px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(11.1111vw + -14.33px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -59.67px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 13px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 481–491px ============ */
   @media (min-width: 481px) and (max-width: 491px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 10.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(10vw + -9.1px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(90vw + -64.9px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 492–499px ============ */
   @media (min-width: 492px) and (max-width: 499px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 11px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(14.2857vw + -30.29px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(85.7143vw + -43.71px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 500–501px ============ */
   @media (min-width: 500px) and (max-width: 501px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 41px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(100vw + -115px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 502–531px ============ */
   @media (min-width: 502px) and (max-width: 531px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: 1fr;
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(10.3448vw + -10.93px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(89.6552vw + -63.07px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 532–559px ============ */
   @media (min-width: 532px) and (max-width: 559px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(7.4074vw + 4.59px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -58.89px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: 1fr;
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: 1fr;
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 560–560px ============ */
   @media (min-width: 560px) and (max-width: 560px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .flexible__grid {
       grid-template-columns: 1fr;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 14px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 46px;
     }
   
     .drop__icon {
       max-width: 439px;
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 561–600px ============ */
   @media (min-width: 561px) and (max-width: 600px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .perks__grid {
       gap: 10px;
     }
   
     .perks__stack {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-3 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-2 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__card-title {
       font-size: 15px;
       white-space: normal;
     }
   
     .perks__text-2 {
       font-size: 13px;
     }
   
     .perks__stack-2 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-4 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-3 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-3 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-5 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__stack-4 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-6 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-4 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .perks__stack-5 {
       border-radius: 18px;
       padding: 15px 14px 18px;
       gap: 10px;
     }
   
     .perks__group-7 {
       top: 9px;
       right: 12px;
       font-size: 17px;
     }
   
     .perks__row-5 {
       width: 58px;
       height: 58px;
       border-radius: 15px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: clamp(22px, calc(5.1282vw + 17.23px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(89.7436vw + -63.46px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 601–619px ============ */
   @media (min-width: 601px) and (max-width: 619px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__group-2 {
       display: none;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__group-2 {
       display: none;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__group-3 {
       display: none;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -58.22px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__group-4 {
       display: none;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__group-3 {
       display: none;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 620–631px ============ */
   @media (min-width: 620px) and (max-width: 631px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(90.9091vw + -70.64px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 632–639px ============ */
   @media (min-width: 632px) and (max-width: 639px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(85.7143vw + -37.71px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 640–655px ============ */
   @media (min-width: 640px) and (max-width: 655px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(93.3333vw + -86.33px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 656–671px ============ */
   @media (min-width: 656px) and (max-width: 671px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       font-size: 30px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(53.3333vw + -68.87px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
       gap: 14px;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 672–759px ============ */
   @media (min-width: 672px) and (max-width: 759px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
       height: auto;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.7471vw + -7.62px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(54.023vw + -74.03px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
       border-radius: 22px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 760–768px ============ */
   @media (min-width: 760px) and (max-width: 768px) {
     .announce__inner {
       padding: 6px 18px;
     }
   
     .announce__row {
       justify-content: flex-start;
       width: max-content;
       animation: vxtopbar2 16s linear infinite;
     }
   
     .announce__row-2 {
       flex-wrap: nowrap;
       font-size: 16px;
       flex: none;
     }
   
     .announce__group-2 {
       display: flex;
       font-size: 16px;
     }
   
     .header__inner {
       padding: 10px 18px;
     }
   
     .header__image {
       height: 40px;
     }
   
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       padding: clamp(20px,3vw,36px) 18px 0;
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__title {
       font-size: 38px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .intro__strong {
       font-size: 17.5px;
     }
   
     .rail {
       display: contents;
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       display: contents;
       max-height: none;
     }
   
     .rail__group {
       display: contents;
       overflow-y: visible;
     }
   
     .join {
       grid-column: 1;
       grid-row: 3;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form {
       grid-column: 1;
       grid-row: 4;
       background: #FFFFFF;
       border: 1px solid rgba(47,125,70,.18);
       border-radius: 22px;
       box-shadow: 0 12px 30px rgba(20,80,50,.12);
       padding: 18px;
     }
   
     .form__row {
       margin: 0 0 14px;
       padding-top: 0;
       border-top: 0;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .tiers__text {
       font-size: 15px;
     }
   
     .tiers__heading {
       font-size: 26px;
     }
   
     .tiers__grid {
       grid-template-columns: repeat(2,minmax(0,1fr));
       gap: 13px;
     }
   
     .tiers__plan-card {
       padding: 10px 10px 12px;
       gap: 9px;
     }
   
     .tiers__plan-radio {
       display: flex;
       width: 18px;
       height: 18px;
     }
   
     .tiers__plan-radio-dot {
       width: 8px;
       height: 8px;
     }
   
     .tiers__gift-frame {
       margin: -11px -11px 0;
       aspect-ratio: 857 / 445;
       background: linear-gradient(180deg,#E8F3DA 0%,#DEEBC8 58%,#E4F0D2 100%);
     }
   
     .tiers__decor-2 {
       display: none;
     }
   
     .tiers__plan-body {
       gap: 8px;
     }
   
     .tiers__row-2 {
       gap: 5px;
     }
   
     .tiers__row-3 {
       gap: 7px;
     }
   
     .tiers__badge {
       font-size: 10px;
       letter-spacing: .07em;
       padding: 4px 9px 3px;
     }
   
     .tiers__card-title {
       font-size: 19px;
     }
   
     .tiers__row-4 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 15px;
       height: 15px;
     }
   
     .tiers__row-5 {
       gap: 6px;
       font-size: 14px;
       white-space: normal;
     }
   
     .tiers__row-6 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .tiers__group-4 {
       font-size: 22px;
     }
   
     .tiers__group-5 {
       font-size: 13px;
     }
   
     .tiers__plan-flag {
       top: 9px;
       right: 9px;
       gap: 4px;
       font-size: 9.5px;
       letter-spacing: .05em;
       padding: 4px 9px 3px;
     }
   
     .tiers__group-7 {
       display: none;
     }
   
     .tiers__row-7 {
       padding-top: 9px;
       gap: 4px;
     }
   
     .perks__text {
       font-size: 15px;
     }
   
     .perks__heading {
       font-size: 26px;
     }
   
     .optional {
       padding: 22px 18px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__text {
       font-size: 15px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__text-2 {
       margin: 12px 0 0;
       font-size: 17px;
     }
   
     .optional__row-3 {
       margin-top: 18px;
     }
   
     .optional__row-4 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .optional__medallion {
       width: 50px;
       height: 50px;
     }
   
     .optional__text-3 {
       font-size: 15px;
       white-space: normal;
     }
   
     .optional__break {
       display: none;
     }
   
     .optional__row-5 {
       flex-direction: column;
       text-align: center;
       justify-content: flex-start;
       gap: 10px;
       padding: 16px 6px;
     }
   
     .drop__text {
       font-size: 15px;
     }
   
     .drop__heading {
       font-size: 36px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(50vw + -43px));
     }
   
     .drop__text-2 {
       font-size: 20px;
     }
   
     .cash {
       border-radius: 22px;
       padding: 20px 18px 18px;
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text {
       font-size: 15px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
       font-size: 20px;
     }
   
     .cash__badge {
       padding: 12px 18px;
     }
   
     .cash__group-6 {
       font-size: 15.5px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
     }
   
     .faq__inner {
       padding-inline: 18px;
     }
   
     .faq__text {
       font-size: 15px;
     }
   
     .faq__heading {
       font-size: 32px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .faq__question {
       font-size: 20px;
     }
   
     .faq__text-2 {
       font-size: 16px;
     }
   
     .cancel__inner {
       padding-inline: 18px;
     }
   
     .cancel__card {
       padding: 20px;
     }
   
     .cancel__text {
       font-size: 15px;
     }
   
     .cancel__heading {
       font-size: 36px;
     }
   
     .cancel__card-2 {
       margin-top: 20px;
       padding: 18px;
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 300px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__card-title {
       font-size: 24px;
     }
   
     .cancel__text-2 {
       font-size: 18px;
     }
   
     .cancel__row {
       gap: 16px;
       margin-top: 20px;
       padding: 16px;
     }
   
     .cancel__button {
       flex: 1 1 100%;
       gap: 12px;
       padding: 0 18px;
       font-size: 18px;
     }
   
     .cancel__medallion {
       width: 28px;
       height: 28px;
     }
   
     .cancel__row-4 {
       justify-content: center;
       gap: 6px;
       height: auto;
     }
   
     .cancel__row-5 {
       width: 18px;
       height: 18px;
       background: transparent;
     }
   
     .cancel__icon {
       width: 18pxpx;
       height: 18pxpx;
     }
   
     .cancel__text-3 {
       font-size: 14px;
       letter-spacing: -.008em;
     }
   
     .cancel__group-4 {
       display: inline;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
       margin-top: 20px;
     }
   
     .cancel__card-4 {
       gap: 18px;
       padding: 18px;
     }
   
     .cancel__image-2 {
       width: 68px;
       height: 68px;
     }
   
     .cancel__card-title-3 {
       font-size: 22px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__inner {
       padding-inline: 18px;
     }
   
     .catalog__text {
       font-size: 15px;
     }
   
     .catalog__heading {
       font-size: 32px;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       padding: clamp(36px,4vw,56px) 18px clamp(28px,3.2vw,42px);
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__link {
       min-height: 44px;
     }
   
     .footer__link-2 {
       min-height: 44px;
     }
   
     .footer__inner-2 {
       padding: clamp(18px,2vw,26px) 18px clamp(22px,2.4vw,32px);
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 769–772px ============ */
   @media (min-width: 769px) and (max-width: 772px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: 36px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(66.6667vw + -168.67px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 773–779px ============ */
   @media (min-width: 773px) and (max-width: 779px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__row {
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: 37px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(50vw + -40.5px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       margin-top: 18px;
       padding: 18px 16px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 780–793px ============ */
   @media (min-width: 780px) and (max-width: 793px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__row {
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(7.6923vw + -23px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(53.8462vw + -70px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 794–799px ============ */
   @media (min-width: 794px) and (max-width: 799px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: 38px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(60vw + -119.4px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 800–835px ============ */
   @media (min-width: 800px) and (max-width: 835px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.7143vw + -7.71px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(51.4286vw + -50.43px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 836–841px ============ */
   @media (min-width: 836px) and (max-width: 841px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__icon {
       max-width: max(180px, calc(60vw + -122.6px));
     }
   
     .cash__row {
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 842–859px ============ */
   @media (min-width: 842px) and (max-width: 859px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.8824vw + -9.53px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.9412vw + -63.76px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__row-6 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 860–879px ============ */
   @media (min-width: 860px) and (max-width: 879px) {
     .header__nav {
       display: none;
     }
   
     .header__burger {
       display: flex;
     }
   
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__strong {
       white-space: nowrap;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.2632vw + -4.26px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.6316vw + -60.63px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 0;
     }
   
     .cancel__image {
       position: static;
       top: -238px;
       right: 0px;
       width: 100%;
       max-width: 480px;
       margin: 0 auto 6px;
     }
   
     .cancel__group-2 {
       max-width: none;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 880–899px ============ */
   @media (min-width: 880px) and (max-width: 899px) {
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__strong {
       white-space: nowrap;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .optional__row {
       grid-template-columns: 1fr;
       gap: 12px;
     }
   
     .optional__row-2 {
       margin: -8px -12px 0 0;
     }
   
     .optional__image {
       max-width: 352px;
     }
   
     .optional__row-3 {
       grid-template-columns: repeat(2,1fr);
     }
   
     .optional__row-4 {
       justify-content: flex-start;
     }
   
     .optional__text-3 {
       white-space: normal;
     }
   
     .optional__row-5 {
       justify-content: flex-start;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.2632vw + -4.32px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.6316vw + -61.16px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
       gap: 14px;
     }
   
     .cash__row-2 {
       margin: 0 0 12px;
     }
   
     .cash__text-2 {
       margin: 14px 0 18px;
       max-width: none;
     }
   
     .cash__group-7 {
       margin-top: 18px;
     }
   
     .faq__row-2 {
       grid-template-columns: 1fr;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .catalog__grid {
       grid-template-columns: repeat(2,1fr);
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   
     .footer__inner-2 {
       grid-template-columns: 1fr;
     }
   }
   
   /* ============ 900–979px ============ */
   @media (min-width: 900px) and (max-width: 979px) {
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__strong {
       white-space: nowrap;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.0633vw + -1.57px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(51.8987vw + -54.09px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__row {
       margin-top: 28px;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 980–999px ============ */
   @media (min-width: 980px) and (max-width: 999px) {
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__strong {
       white-space: nowrap;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .drop__heading {
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.6316vw + -61.79px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1000–1019px ============ */
   @media (min-width: 1000px) and (max-width: 1019px) {
     .rewards {
       grid-template-columns: 1fr;
       gap: 16px;
     }
   
     .intro__strong {
       white-space: nowrap;
     }
   
     .rail {
       grid-column: 1;
       grid-row: 2;
       position: static;
     }
   
     .rail__card {
       max-height: none;
     }
   
     .rail__group {
       overflow-y: visible;
     }
   
     .form__row-8 {
       gap: 12px 18px;
     }
   
     .form__row-9 {
       flex-direction: row;
       text-align: left;
       gap: 10px;
     }
   
     .form__medallion {
       width: 32px;
       height: 32px;
     }
   
     .form__icon-4 {
       width: 18px;
       height: 18px;
     }
   
     .form__strong-2 {
       font-size: 14.5px;
     }
   
     .rewards__stack {
       grid-row: 3;
     }
   
     .drop__heading {
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.6316vw + -62.32px));
     }
   
     .cash__row {
       grid-template-columns: minmax(0,370px) minmax(0,1fr);
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1020–1039px ============ */
   @media (min-width: 1020px) and (max-width: 1039px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(84.2105vw + -382.95px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .cancel__group-5 {
       display: none;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1040–1073px ============ */
   @media (min-width: 1040px) and (max-width: 1073px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__group-3 {
       font-size: 11.5px;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(84.8485vw + -389.42px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1074–1078px ============ */
   @media (min-width: 1074px) and (max-width: 1078px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__row {
       border-radius: 22px;
       grid-template-columns: 1fr;
     }
   
     .drop__media {
       order: 1;
       aspect-ratio: 4/3;
     }
   
     .drop__image {
       object-position: 52% 22%;
     }
   
     .drop__decor {
       display: none;
     }
   
     .drop__group {
       order: 2;
       padding: 20px 18px 16px;
     }
   
     .drop__heading {
       margin: 14px 0 0;
       font-size: 48px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(75vw + -283.5px));
     }
   
     .drop__card {
       padding: 12px 14px;
     }
   
     .drop__decor-2 {
       display: none;
     }
   
     .drop__group-4 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-5 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__strong {
       font-size: 17px;
     }
   
     .drop__group-7 {
       width: 54px;
       height: 54px;
     }
   
     .drop__group-8 {
       padding: 12px 0 12px 14px;
     }
   
     .drop__group-9 {
       width: 54px;
       height: 54px;
     }
   
     .cash__row {
       grid-template-columns: 1fr;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1079–1113px ============ */
   @media (min-width: 1079px) and (max-width: 1113px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.8824vw + -33.47px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.9412vw + -290.24px));
     }
   
     .cash__row {
       grid-template-columns: 1fr;
     }
   
     .cash__group {
       display: contents;
     }
   
     .cash__text-2 {
       margin: 0 0 18px;
     }
   
     .cash__row-3 {
       justify-content: center;
       margin: -4px 0 -6px;
     }
   
     .cash__image {
       max-width: 250px;
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1114–1119px ============ */
   @media (min-width: 1114px) and (max-width: 1119px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__heading {
       font-size: 32px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(60vw + -369.4px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .cancel__button {
       flex: 1 1 260px;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1120–1159px ============ */
   @media (min-width: 1120px) and (max-width: 1159px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.1282vw + -25.44px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(51.2821vw + -272.36px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   
     .footer__inner {
       grid-template-columns: 1fr 1fr;
     }
   }
   
   /* ============ 1160–1179px ============ */
   @media (min-width: 1160px) and (max-width: 1179px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.2632vw + -27.05px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(47.3684vw + -226.47px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   
     .cancel__card-2 {
       min-height: 330px;
     }
   
     .cancel__image {
       top: -238px;
       right: 0px;
       max-width: 500px;
     }
   
     .cancel__group-2 {
       max-width: 42ch;
     }
   }
   
   /* ============ 1180–1186px ============ */
   @media (min-width: 1180px) and (max-width: 1186px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
       white-space: normal;
     }
   
     .drop__heading {
       font-size: 35px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(50vw + -257px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   }
   
   /* ============ 1187–1194px ============ */
   @media (min-width: 1187px) and (max-width: 1194px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__plan-radio {
       top: 8px;
       left: 8px;
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__heading {
       font-size: 36px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(57.1429vw + -342.29px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   }
   
   /* ============ 1195–1224px ============ */
   @media (min-width: 1195px) and (max-width: 1224px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(6.8966vw + -46.41px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(51.7241vw + -278.1px));
     }
   
     .cash__group-7 {
       flex-direction: column;
       align-items: stretch;
       gap: 16px;
       padding: 18px 16px;
     }
   }
   
   /* ============ 1225–1230px ============ */
   @media (min-width: 1225px) and (max-width: 1230px) {
     .intro__media {
       position: relative;
       order: 1;
       top: auto;
       bottom: auto;
       right: auto;
       width: 100%;
       aspect-ratio: 4/3;
     }
   
     .intro__group {
       max-width: none;
       order: 2;
     }
   
     .intro__row {
       grid-column: auto;
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__heading {
       font-size: 38px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(40vw + -134px));
     }
   }
   
   /* ============ 1231–1252px ============ */
   @media (min-width: 1231px) and (max-width: 1252px) {
     .intro__row {
       grid-template-columns: repeat(2,minmax(0,1fr));
     }
   
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(4.7619vw + -20.62px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.381vw + -285.81px));
     }
   }
   
   /* ============ 1253–1270px ============ */
   @media (min-width: 1253px) and (max-width: 1270px) {
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__heading {
       font-size: clamp(22px, calc(5.8824vw + -34.71px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(52.9412vw + -293.35px));
     }
   }
   
   /* ============ 1271–1279px ============ */
   @media (min-width: 1271px) and (max-width: 1279px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -256.5px));
     }
   }
   
   /* ============ 1280–1427px ============ */
   @media (min-width: 1280px) and (max-width: 1427px) {
     .drop__heading {
       font-size: clamp(22px, calc(-0.6803vw + 49.71px), 48px);
     }
   
     .drop__icon {
       max-width: max(180px, calc(-2.7211vw + 418.83px));
     }
   }
   
   /* ============ 1451–1499px ============ */
   @media (min-width: 1451px) and (max-width: 1499px) {
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .drop__icon {
       max-width: max(180px, calc(-2.0833vw + 409.23px));
     }
   }
   
   /* ============ 1500–1599px ============ */
   @media (min-width: 1500px) and (max-width: 1599px) {
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .perks__grid {
       grid-template-columns: repeat(3,minmax(0,1fr));
     }
   
     .drop__icon {
       max-width: max(180px, calc(-2.0202vw + 408.3px));
     }
   }
   
   /* ============ 1600–∞px ============ */
   @media (min-width: 1600px) {
     .tiers__row-4 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .tiers__icon {
       width: 14px;
       height: 14px;
     }
   
     .tiers__row-5 {
       gap: 7px;
       font-size: 12.5px;
     }
   
     .perks__grid {
       grid-template-columns: repeat(3,minmax(0,1fr));
     }
   
     .drop__icon {
       max-width: 376px;
     }
   }
   
   /* ==== fluid refinements: the source computed these from a measured
           pixel width, so they are fitted piecewise instead of per-pixel ==== */
   @media (max-width: 305px) {
     .drop__heading {
       font-size: 22px;
     }
   }
   @media (max-width: 305px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -95px));
     }
   }
   @media (min-width: 306px) and (max-width: 310px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -54.5px), 48px);
     }
   }
   @media (min-width: 306px) and (max-width: 310px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -18.5px));
     }
   }
   @media (min-width: 311px) and (max-width: 315px) {
     .drop__heading {
       font-size: 23px;
     }
   }
   @media (min-width: 311px) and (max-width: 315px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -96px));
     }
   }
   @media (min-width: 316px) and (max-width: 320px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -56px), 48px);
     }
   }
   @media (min-width: 316px) and (max-width: 320px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -17px));
     }
   }
   @media (min-width: 321px) and (max-width: 325px) {
     .drop__heading {
       font-size: 24px;
     }
   }
   @media (min-width: 321px) and (max-width: 325px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -97px));
     }
   }
   @media (min-width: 326px) and (max-width: 330px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -57.5px), 48px);
     }
   }
   @media (min-width: 326px) and (max-width: 330px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -15.5px));
     }
   }
   @media (min-width: 341px) and (max-width: 345px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -99px));
     }
   }
   @media (min-width: 346px) and (max-width: 350px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -12.5px));
     }
   }
   @media (min-width: 351px) and (max-width: 359px) {
     .drop__icon {
       max-width: max(180px, calc(87.5vw + -56.12px));
     }
   }
   @media (min-width: 381px) and (max-width: 385px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -66.25px), 48px);
     }
   }
   @media (min-width: 381px) and (max-width: 385px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -103px));
     }
   }
   @media (min-width: 386px) and (max-width: 390px) {
     .drop__heading {
       font-size: 30px;
     }
   }
   @media (min-width: 386px) and (max-width: 390px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -6.5px));
     }
   }
   @media (min-width: 391px) and (max-width: 396px) {
     .drop__heading {
       font-size: clamp(22px, calc(20vw + -48.2px), 48px);
     }
   }
   @media (min-width: 391px) and (max-width: 396px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -104px));
     }
   }
   @media (min-width: 397px) and (max-width: 401px) {
     .drop__heading {
       font-size: 31px;
     }
   }
   @media (min-width: 397px) and (max-width: 401px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -4.75px));
     }
   }
   @media (min-width: 402px) and (max-width: 406px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -69.5px), 48px);
     }
   }
   @media (min-width: 402px) and (max-width: 411px) {
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -60.33px));
     }
   }
   @media (min-width: 407px) and (max-width: 411px) {
     .drop__heading {
       font-size: 32px;
     }
   }
   @media (min-width: 412px) and (max-width: 419px) {
     .drop__heading {
       font-size: clamp(22px, calc(14.2857vw + -26.86px), 48px);
     }
   }
   @media (min-width: 420px) and (max-width: 426px) {
     .drop__heading {
       font-size: clamp(22px, calc(16.6667vw + -37px), 48px);
     }
   }
   @media (min-width: 431px) and (max-width: 436px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -108px));
     }
   }
   @media (min-width: 437px) and (max-width: 441px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 1.25px));
     }
   }
   @media (min-width: 442px) and (max-width: 451px) {
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -59.89px));
     }
   }
   @media (min-width: 452px) and (max-width: 461px) {
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -59.78px));
     }
   }
   @media (min-width: 462px) and (max-width: 470px) {
     .drop__icon {
       max-width: max(180px, calc(87.5vw + -53.25px));
     }
   }
   @media (min-width: 471px) and (max-width: 475px) {
     .drop__heading {
       font-size: 38px;
     }
   }
   @media (min-width: 471px) and (max-width: 475px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -112px));
     }
   }
   @media (min-width: 476px) and (max-width: 480px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -81px), 48px);
     }
   }
   @media (min-width: 476px) and (max-width: 480px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 7px));
     }
   }
   @media (min-width: 481px) and (max-width: 486px) {
     .drop__heading {
       font-size: 39px;
     }
   }
   @media (min-width: 481px) and (max-width: 486px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -113px));
     }
   }
   @media (min-width: 487px) and (max-width: 491px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -82.75px), 48px);
     }
   }
   @media (min-width: 487px) and (max-width: 491px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 8.75px));
     }
   }
   @media (min-width: 502px) and (max-width: 516px) {
     .drop__heading {
       font-size: clamp(22px, calc(7.1429vw + 5.14px), 48px);
     }
   }
   @media (min-width: 517px) and (max-width: 524px) {
     .drop__heading {
       font-size: clamp(22px, calc(14.2857vw + -31.86px), 48px);
     }
   }
   @media (min-width: 525px) and (max-width: 531px) {
     .drop__heading {
       font-size: clamp(22px, calc(16.6667vw + -44.5px), 48px);
     }
   }
   @media (min-width: 532px) and (max-width: 545px) {
     .drop__icon {
       max-width: max(180px, calc(92.3077vw + -77.08px));
     }
   }
   @media (min-width: 546px) and (max-width: 552px) {
     .drop__icon {
       max-width: max(180px, calc(83.3333vw + -28px));
     }
   }
   @media (min-width: 553px) and (max-width: 559px) {
     .drop__icon {
       max-width: max(180px, calc(83.3333vw + -27.83px));
     }
   }
   @media (min-width: 561px) and (max-width: 565px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -94.25px), 48px);
     }
   }
   @media (min-width: 561px) and (max-width: 565px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -121px));
     }
   }
   @media (min-width: 566px) and (max-width: 570px) {
     .drop__heading {
       font-size: 47px;
     }
   }
   @media (min-width: 566px) and (max-width: 570px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 20.5px));
     }
   }
   @media (min-width: 571px) and (max-width: 575px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -95.75px), 48px);
     }
   }
   @media (min-width: 571px) and (max-width: 575px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -122px));
     }
   }
   @media (min-width: 576px) and (max-width: 580px) {
     .drop__heading {
       font-size: 48px;
     }
   }
   @media (min-width: 576px) and (max-width: 580px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 22px));
     }
   }
   @media (min-width: 581px) and (max-width: 600px) {
     .drop__heading {
       font-size: 48px;
     }
   }
   @media (min-width: 581px) and (max-width: 585px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -123px));
     }
   }
   @media (min-width: 586px) and (max-width: 590px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 23.5px));
     }
   }
   @media (min-width: 591px) and (max-width: 595px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -124px));
     }
   }
   @media (min-width: 596px) and (max-width: 600px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 25px));
     }
   }
   @media (min-width: 601px) and (max-width: 605px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -125px));
     }
   }
   @media (min-width: 606px) and (max-width: 610px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + 26.5px));
     }
   }
   @media (min-width: 611px) and (max-width: 619px) {
     .drop__icon {
       max-width: max(180px, calc(87.5vw + -49.62px));
     }
   }
   @media (min-width: 620px) and (max-width: 625px) {
     .drop__icon {
       max-width: max(180px, calc(100vw + -127px));
     }
   }
   @media (min-width: 626px) and (max-width: 631px) {
     .drop__icon {
       max-width: max(180px, calc(80vw + -1.8px));
     }
   }
   @media (min-width: 672px) and (max-width: 682px) {
     .drop__heading {
       font-size: 31px;
     }
   }
   @media (min-width: 672px) and (max-width: 677px) {
     .drop__icon {
       max-width: max(180px, calc(60vw + -114.2px));
     }
   }
   @media (min-width: 678px) and (max-width: 682px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -46px));
     }
   }
   @media (min-width: 683px) and (max-width: 693px) {
     .drop__heading {
       font-size: clamp(22px, calc(10vw + -37.3px), 48px);
     }
   }
   @media (min-width: 683px) and (max-width: 688px) {
     .drop__icon {
       max-width: max(180px, calc(60vw + -114.8px));
     }
   }
   @media (min-width: 689px) and (max-width: 693px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -45.5px));
     }
   }
   @media (min-width: 694px) and (max-width: 715px) {
     .drop__heading {
       font-size: clamp(22px, calc(4.7619vw + -1.05px), 48px);
     }
   }
   @media (min-width: 694px) and (max-width: 715px) {
     .drop__icon {
       max-width: max(180px, calc(57.1429vw + -95.57px));
     }
   }
   @media (min-width: 716px) and (max-width: 721px) {
     .drop__heading {
       font-size: 33px;
     }
   }
   @media (min-width: 716px) and (max-width: 721px) {
     .drop__icon {
       max-width: max(180px, calc(60vw + -116.6px));
     }
   }
   @media (min-width: 722px) and (max-width: 726px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -147.5px), 48px);
     }
   }
   @media (min-width: 722px) and (max-width: 726px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -225.5px));
     }
   }
   @media (min-width: 727px) and (max-width: 737px) {
     .drop__heading {
       font-size: 34px;
     }
   }
   @media (min-width: 727px) and (max-width: 732px) {
     .drop__icon {
       max-width: max(180px, calc(60vw + -117.2px));
     }
   }
   @media (min-width: 733px) and (max-width: 737px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -227.75px));
     }
   }
   @media (min-width: 738px) and (max-width: 748px) {
     .drop__heading {
       font-size: clamp(22px, calc(10vw + -39.8px), 48px);
     }
   }
   @media (min-width: 738px) and (max-width: 748px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -44px));
     }
   }
   @media (min-width: 749px) and (max-width: 754px) {
     .drop__heading {
       font-size: 35px;
     }
   }
   @media (min-width: 749px) and (max-width: 759px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -43.5px));
     }
   }
   @media (min-width: 755px) and (max-width: 759px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -153.75px), 48px);
     }
   }
   @media (min-width: 780px) and (max-width: 786px) {
     .drop__heading {
       font-size: 37px;
     }
   }
   @media (min-width: 787px) and (max-width: 793px) {
     .drop__heading {
       font-size: clamp(22px, calc(16.6667vw + -94.17px), 48px);
     }
   }
   @media (min-width: 800px) and (max-width: 808px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -39px));
     }
   }
   @media (min-width: 809px) and (max-width: 817px) {
     .drop__icon {
       max-width: max(180px, calc(62.5vw + -140.62px));
     }
   }
   @media (min-width: 818px) and (max-width: 835px) {
     .drop__icon {
       max-width: max(180px, calc(52.9412vw + -63.06px));
     }
   }
   @media (min-width: 842px) and (max-width: 850px) {
     .drop__heading {
       font-size: clamp(22px, calc(12.5vw + -65.25px), 48px);
     }
   }
   @media (min-width: 842px) and (max-width: 850px) {
     .drop__icon {
       max-width: max(180px, calc(62.5vw + -144.25px));
     }
   }
   @media (min-width: 851px) and (max-width: 859px) {
     .drop__heading {
       font-size: 41px;
     }
   }
   @media (min-width: 851px) and (max-width: 859px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -38.5px));
     }
   }
   @media (min-width: 860px) and (max-width: 864px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -174px), 48px);
     }
   }
   @media (min-width: 860px) and (max-width: 869px) {
     .drop__icon {
       max-width: max(180px, calc(44.4444vw + 9.78px));
     }
   }
   @media (min-width: 865px) and (max-width: 869px) {
     .drop__heading {
       font-size: 42px;
     }
   }
   @media (min-width: 870px) and (max-width: 879px) {
     .drop__heading {
       font-size: 42px;
     }
   }
   @media (min-width: 870px) and (max-width: 879px) {
     .drop__icon {
       max-width: max(180px, calc(55.5556vw + -86.33px));
     }
   }
   @media (min-width: 880px) and (max-width: 884px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -178px), 48px);
     }
   }
   @media (min-width: 885px) and (max-width: 889px) {
     .drop__heading {
       font-size: 43px;
     }
   }
   @media (min-width: 890px) and (max-width: 899px) {
     .drop__heading {
       font-size: 43px;
     }
   }
   @media (min-width: 900px) and (max-width: 909px) {
     .drop__heading {
       font-size: 44px;
     }
   }
   @media (min-width: 900px) and (max-width: 919px) {
     .drop__icon {
       max-width: max(180px, calc(47.3684vw + -13.32px));
     }
   }
   @media (min-width: 910px) and (max-width: 914px) {
     .drop__heading {
       font-size: 44px;
     }
   }
   @media (min-width: 915px) and (max-width: 919px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -184.75px), 48px);
     }
   }
   @media (min-width: 920px) and (max-width: 929px) {
     .drop__heading {
       font-size: 45px;
     }
   }
   @media (min-width: 920px) and (max-width: 939px) {
     .drop__icon {
       max-width: max(180px, calc(52.6316vw + -61.21px));
     }
   }
   @media (min-width: 930px) and (max-width: 939px) {
     .drop__heading {
       font-size: clamp(22px, calc(11.1111vw + -58.33px), 48px);
     }
   }
   @media (min-width: 940px) and (max-width: 949px) {
     .drop__heading {
       font-size: 46px;
     }
   }
   @media (min-width: 940px) and (max-width: 949px) {
     .drop__icon {
       max-width: max(180px, calc(55.5556vw + -89.22px));
     }
   }
   @media (min-width: 950px) and (max-width: 959px) {
     .drop__heading {
       font-size: clamp(22px, calc(11.1111vw + -59.56px), 48px);
     }
   }
   @media (min-width: 950px) and (max-width: 954px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -274.5px));
     }
   }
   @media (min-width: 955px) and (max-width: 959px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -36.5px));
     }
   }
   @media (min-width: 960px) and (max-width: 969px) {
     .drop__heading {
       font-size: 47px;
     }
   }
   @media (min-width: 960px) and (max-width: 969px) {
     .drop__icon {
       max-width: max(180px, calc(44.4444vw + 17.33px));
     }
   }
   @media (min-width: 970px) and (max-width: 974px) {
     .drop__heading {
       font-size: clamp(22px, calc(25vw + -195.5px), 48px);
     }
   }
   @media (min-width: 970px) and (max-width: 974px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -36px));
     }
   }
   @media (min-width: 975px) and (max-width: 979px) {
     .drop__heading {
       font-size: 48px;
     }
   }
   @media (min-width: 975px) and (max-width: 979px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -280.25px));
     }
   }
   @media (min-width: 1000px) and (max-width: 1004px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -36px));
     }
   }
   @media (min-width: 1005px) and (max-width: 1009px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -35.5px));
     }
   }
   @media (min-width: 1010px) and (max-width: 1019px) {
     .drop__icon {
       max-width: max(180px, calc(44.4444vw + 21.11px));
     }
   }
   @media (min-width: 1020px) and (max-width: 1029px) {
     .drop__icon {
       max-width: max(180px, calc(88.8889vw + -430.67px));
     }
   }
   @media (min-width: 1030px) and (max-width: 1034px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -287.5px));
     }
   }
   @media (min-width: 1035px) and (max-width: 1039px) {
     .drop__icon {
       max-width: max(180px, calc(75vw + -287.25px));
     }
   }
   @media (min-width: 1079px) and (max-width: 1087px) {
     .drop__heading {
       font-size: 30px;
     }
   }
   @media (min-width: 1079px) and (max-width: 1096px) {
     .drop__icon {
       max-width: max(180px, calc(52.9412vw + -290.24px));
     }
   }
   @media (min-width: 1088px) and (max-width: 1096px) {
     .drop__heading {
       font-size: clamp(22px, calc(12.5vw + -106px), 48px);
     }
   }
   @media (min-width: 1097px) and (max-width: 1105px) {
     .drop__heading {
       font-size: 31px;
     }
   }
   @media (min-width: 1097px) and (max-width: 1105px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -258.5px));
     }
   }
   @media (min-width: 1106px) and (max-width: 1113px) {
     .drop__heading {
       font-size: clamp(22px, calc(14.2857vw + -127px), 48px);
     }
   }
   @media (min-width: 1106px) and (max-width: 1113px) {
     .drop__icon {
       max-width: max(180px, calc(57.1429vw + -337px));
     }
   }
   @media (min-width: 1195px) and (max-width: 1202px) {
     .drop__heading {
       font-size: 36px;
     }
   }
   @media (min-width: 1195px) and (max-width: 1209px) {
     .drop__icon {
       max-width: max(180px, calc(57.1429vw + -342.86px));
     }
   }
   @media (min-width: 1203px) and (max-width: 1209px) {
     .drop__heading {
       font-size: clamp(22px, calc(16.6667vw + -164.5px), 48px);
     }
   }
   @media (min-width: 1210px) and (max-width: 1217px) {
     .drop__heading {
       font-size: 37px;
     }
   }
   @media (min-width: 1210px) and (max-width: 1224px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -257px));
     }
   }
   @media (min-width: 1218px) and (max-width: 1224px) {
     .drop__heading {
       font-size: clamp(22px, calc(16.6667vw + -166px), 48px);
     }
   }
   @media (min-width: 1231px) and (max-width: 1241px) {
     .drop__icon {
       max-width: max(180px, calc(50vw + -256.5px));
     }
   }
   @media (min-width: 1242px) and (max-width: 1252px) {
     .drop__icon {
       max-width: max(180px, calc(60vw + -381.2px));
     }
   }
   @media (min-width: 1280px) and (max-width: 1284px) {
     .drop__heading {
       font-size: 41px;
     }
   }
   @media (min-width: 1280px) and (max-width: 1289px) {
     .drop__icon {
       max-width: 384px;
     }
   }
   @media (min-width: 1285px) and (max-width: 1289px) {
     .drop__heading {
       font-size: clamp(22px, calc(-25vw + 362.25px), 48px);
     }
   }
   @media (min-width: 1290px) and (max-width: 1298px) {
     .drop__heading {
       font-size: 40px;
     }
   }
   @media (min-width: 1290px) and (max-width: 1298px) {
     .drop__icon {
       max-width: max(180px, calc(-12.5vw + 545.25px));
     }
   }
   @media (min-width: 1299px) and (max-width: 1316px) {
     .drop__heading {
       font-size: 40px;
     }
   }
   @media (min-width: 1299px) and (max-width: 1316px) {
     .drop__icon {
       max-width: 383px;
     }
   }
   @media (min-width: 1317px) and (max-width: 1353px) {
     .drop__heading {
       font-size: 40px;
     }
   }
   @media (min-width: 1317px) and (max-width: 1335px) {
     .drop__icon {
       max-width: max(180px, calc(-5.5556vw + 456.17px));
     }
   }
   @media (min-width: 1336px) and (max-width: 1353px) {
     .drop__icon {
       max-width: 382px;
     }
   }
   @media (min-width: 1354px) and (max-width: 1427px) {
     .drop__heading {
       font-size: 40px;
     }
   }
   @media (min-width: 1354px) and (max-width: 1372px) {
     .drop__icon {
       max-width: max(180px, calc(-5.5556vw + 457.22px));
     }
   }
   @media (min-width: 1373px) and (max-width: 1390px) {
     .drop__icon {
       max-width: 381px;
     }
   }
   @media (min-width: 1391px) and (max-width: 1400px) {
     .drop__icon {
       max-width: max(180px, calc(-11.1111vw + 535.56px));
     }
   }
   @media (min-width: 1401px) and (max-width: 1409px) {
     .drop__icon {
       max-width: 380px;
     }
   }
   @media (min-width: 1410px) and (max-width: 1427px) {
     .drop__icon {
       max-width: 380px;
     }
   }
   @media (min-width: 1428px) and (max-width: 1433px) {
     .drop__icon {
       max-width: max(180px, calc(-20vw + 665.6px));
     }
   }
   @media (min-width: 1434px) and (max-width: 1439px) {
     .drop__icon {
       max-width: 379px;
     }
   }
   @media (min-width: 1440px) and (max-width: 1450px) {
     .drop__icon {
       max-width: 379px;
     }
   }
   
   .has-error,
   .form__input.has-error,
   .form__input-2.has-error,
   .form__input-4.has-error,
   .form__phone.has-error,
   .form__select.has-error,
   .form__select-2.has-error {
     border-color: #dc3545 !important;
     background-color: #fffafa !important;
   }
   
   .form__cta:disabled,
   .form__cta[disabled] {
     opacity: 0.6;
     cursor: not-allowed;
     filter: grayscale(0.25);
     pointer-events: auto;
   }
   
   .recaptcha-wrap {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
   }
   
   
   
   /* ============ Form Validation Visual Styles (matches checkout_style.css) ============ */
   .form__input.is-invalid,
   .form__input-2.is-invalid,
   .form__input-4.is-invalid,
   .form__select.is-invalid,
   .form__select-2.is-invalid,
   input.is-invalid,
   select.is-invalid {
     border: 1.5px solid #dc3545 !important;
     box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.2) !important;
     outline: none !important;
   }
   .checkout-field-error {
     color: #dc3545 !important;
     font-size: 12px !important;
     font-weight: 600 !important;
     margin-top: 4px !important;
     display: block !important;
   }
   .billing__consent[style*='outline'] {
     background: rgba(220, 53, 69, 0.04);
   }


   /* ============ Payment Method Selector (PayPal + Credit Card tabs) ============ */
   .mem-pay-selector {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 16px;
   }
   .mem-pay-tab {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 10px 14px;
     border: 1.5px solid #CBD5E1;
     border-radius: 8px;
     background: #F8FAFC;
     cursor: pointer;
     min-width: 160px;
     transition: border-color .2s ease, background .2s ease;
   }
   .mem-pay-tab .mem-pay-radio { margin-top: 1px; accent-color: #2F7D46; }
   .mem-pay-tab--active {
     background: #FFF9E6;
     border-color: #FFC439 !important;
   }
   .mem-pay-tab:hover { border-color: #94A3B8; }

   /* PayPal info box */
   .mem-paypal-box {
     margin-bottom: 16px;
   }
   .mem-paypal-info {
     display: flex;
     align-items: flex-start;
     gap: 10px;
     background: #EFF6FF;
     border: 1px solid #BFDBFE;
     border-radius: 8px;
     padding: 14px 16px;
     color: #1E3A5F;
     font-size: 14px;
     line-height: 1.5;
   }
   .mem-paypal-info svg { flex-shrink: 0; margin-top: 2px; }
   .mem-paypal-info p { margin: 0; }

   /* PayPal submit button */
   .mem-paypal-submit-btn {
     display: none;
     align-items: center;
     justify-content: center;
     gap: 10px;
     width: 100%;
     padding: 16px 24px;
     background: #FFC439;
     border: none;
     border-radius: 10px;
     font-size: 17px;
     font-weight: 700;
     color: #003087;
     cursor: pointer;
     transition: background .2s ease, transform .15s ease;
     margin-bottom: 8px;
   }
   .mem-paypal-submit-btn:hover {
     background: #f0b429;
     transform: translateY(-1px);
   }
   .mem-paypal-submit-btn:active { transform: translateY(0); }