/* Pricing hero section */
      .pricing-hero{
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        padding: 50px 0 40px;
        text-align: center;
      }

      .pricing-heading{
        font-size: 2.5em;
        font-weight: 500;
        margin: 18px 0 20px;
        letter-spacing: -0.5px;
        background: linear-gradient(100deg, rgba(255,255,255,1), rgba(255, 255, 255, 0.8));
        -webkit-background-clip: text;
                background-clip: text;
        color: transparent;
      }

      .pricing-description{
        font-size: 1.1rem;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.7);
        margin: 0 auto;
        max-width: 600px;
      }

      /* Pricing layout */
      .pricing-grid-wrapper{
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-width: 1060px;
        margin: 0 auto;
      }

      .pricing-grid-toolbar{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        position: relative;
        width: 100%;
      }

      .currency-select-control{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 4px;
      }

      .billing-toggle{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--b3);
        border-radius: 999px;
        padding: 4px;
        gap: 4px;
        background: var(--b2);
      }

      .billing-option{
        border: 0;
        border-radius: 999px;
        padding: 0px 22px;
        height: 40px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        background: transparent;
        color: var(--muted);
        cursor: pointer;
        transition: background-color .2s ease, color .2s ease, opacity .2s ease;
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }

      .billing-option.active{
        background: #1e1e1e;
        color: var(--white);
      }

      .billing-badge{
        display: inline-flex;
        align-items: center;
        padding: 4px 6px;
        border-radius: 999px;
        background: var(--green);
        color: var(--white);
      }

      .billing-option:focus-visible{
        outline: 2px solid var(--white);
        outline-offset: 2px;
      }

      .currency-select{
        border: 2px solid var(--b3);
        border-radius: 4px;
        padding: 10px 38px 10px 14px;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .08em;
        text-transform: uppercase;
        background: #111 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23fef9e6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpolyline points="6 9 12 15 18 9"/%3E%3C/svg%3E') no-repeat right 12px center;
        appearance: none;
        color: var(--white);
        cursor: pointer;
        transition: background-color .2s ease;
      }

      .currency-select:hover,
      .currency-select:focus-visible{
        outline: none;
        background-color: #141414;
        color: var(--white);
      }

      .pricing-grid{
        display:grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 18px;
        justify-content: center;
      }

      .plan{
        border: 2px solid var(--b3);
        border-radius: 6px;
        background: transparent;
        padding: 22px 22px 24px;
        display:flex;
        flex-direction:column;
        min-height: 320px;
      }
      .plan-name{ font-size: clamp(18px, 2vw, 24px); font-weight: 800; letter-spacing: .6px; margin: 2px 0 4px; text-align: center; }
      .plan-sub{ color: var(--muted); font-size: 13px; text-align: center; margin-bottom: 20px; }
      .plan-price{ border-top: 2px solid var(--b3); text-align: center; font-size: clamp(28px, 5vw, 44px); font-weight: 800; letter-spacing: .6px; padding-top: 8px; margin: 0px 0 0px; display:flex; flex-direction:row; align-items: baseline; justify-content:center; gap: 6px; flex-wrap: wrap; }
      .plan-price-main{ display: inline-flex; align-items: center; }
      .plan-price-code{ font-size: 13px; font-weight: 500; color: var(--muted); letter-spacing: .4px; }
      .plan-price-note{ text-align: center; font-size: 13px; color: var(--muted); margin: 4px 0 14px; line-height: 1.4; display:flex; flex-direction:column; gap:2px; }

      .features{ list-style: none; margin: 0 0 18px; padding: 0; border-top: 2px solid var(--b3); padding-top: 10px; }
      .features li{ color: var(--white); font-size: 15px; line-height: 1.5; padding: 6px 0; display: flex; align-items: center; gap: 10px; }
      .features hr{ border: 0; border-top: 2px solid var(--b3); }
      .li-icon{ display: inline-flex; line-height: 0; }
      .li-icon svg{ width: 16px; height: 16px; display: block; }

      .plan-actions{ margin-top: auto; display:flex; align-items:center; justify-content:center; }

      .billing-note{
        text-align: center;
        font-size: 12px;
        color: var(--muted);
        margin: -2px auto 6px;
        max-width: 520px;
      }

      .payment-trust{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        font-size: 12px;
        color: var(--muted);
        margin: 28px auto 0;
        max-width: 520px;
      }

      .payment-trust-icon{
        display: inline-flex;
        line-height: 0;
        color: var(--muted);
      }

      @media (max-width: 720px){
        .pricing-hero{
          padding: 10px 0 30px;
        }
        
        .pricing-heading{
          font-size: 1.8em;
        }
        
        .pricing-description{
          font-size: 1rem;
        }
        
        .pricing-grid-wrapper{ 
          gap: 18px;
          padding-top: 20px;
        }
        .pricing-grid-toolbar{
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
          width: 100%;
        }
        .billing-toggle{
          order: 1;
          flex-shrink: 0;
        }
        .currency-select-control{
          order: 2;
          margin-left: auto;
          align-items: center;
          text-align: right;
          flex-shrink: 0;
        }
        .pricing-grid{ grid-template-columns: 1fr; }
        .plan{ min-height: 0; width: min(420px, 100%); margin: 0 auto; }
      }

      @media (min-width: 721px){
        .pricing-grid-toolbar{
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: center;
          min-height: 72px;
        }

        .currency-select-control{
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          align-items: flex-end;
          text-align: right;
          gap: 6px;
        }
      }