.av-pricing-page{
      --av-bg:#ffffff;
      --av-text:#0f172a;
      --av-muted:#64748b;
      --av-line:#e2e8f0;
      --av-accent:#ff4d2e;
      --av-card:#ffffff;
      --av-radius:18px;
      --av-shadow: 0 18px 45px rgba(15,23,42,.10);
      background: var(--av-bg);
      color: var(--av-text);
    }

    .av-container{
      max-width:1180px;
      margin:0 auto;
      padding:0 18px;
    }

    /* Hero + breadcrumb (required) */
    .av-hero{
      padding:52px 0 44px;
      text-align:center;
      background:
        radial-gradient(1000px 400px at 50% -30%, rgba(255,77,46,.15), transparent 60%),
        linear-gradient(180deg,#fff6ee,#ffffff);
      border-bottom:1px solid var(--av-line);
    }
    .av-hero-title{
      margin:0;
      font-size:clamp(34px,4vw,46px);
      letter-spacing:-0.03em;
    }
    .av-breadcrumb{
      margin-top:10px;
      font-size:14px;
      color:var(--av-muted);
    }
    .av-breadcrumb a{ color:var(--av-text); text-decoration:none; }
    .av-breadcrumb span{ margin:0 6px; color:#94a3b8; }
    .av-breadcrumb .current{ color:var(--av-accent); font-weight:600; }

    .av-section{ padding:64px 0; }

    .av-head{
      text-align:center;
      max-width:780px;
      margin:0 auto 28px;
    }
    .av-h2{
      margin:0 0 10px;
      font-size:clamp(30px,3.2vw,42px);
      line-height:1.08;
      letter-spacing:-0.03em;
    }
    .av-lead{
      margin:0;
      color:var(--av-muted);
      line-height:1.75;
      font-size:16px;
    }

    /* Toggle (Monthly/One-time) */
    .av-toggle{
      margin:18px auto 0;
      display:flex;
      gap:10px;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
    }
    .av-pill{
      display:inline-flex;
      gap:10px;
      padding:6px;
      border-radius:999px;
      border:1px solid var(--av-line);
      background:#fff;
      box-shadow:var(--av-shadow);
    }
    .av-pill button{
      border:0;
      background:transparent;
      padding:10px 14px;
      border-radius:999px;
      cursor:pointer;
      font-weight:700;
      font-size:14px;
      color:var(--av-muted);
      transition:.2s ease;
    }
    .av-pill button.av-active{
      background:rgba(255,77,46,.12);
      color:var(--av-text);
    }
    .av-badge{
      font-size:12px;
      color:#0f172a;
      border:1px solid rgba(255,77,46,.25);
      background:rgba(255,77,46,.10);
      padding:6px 10px;
      border-radius:999px;
      font-weight:700;
    }

    /* Pricing grid */
    .av-grid3{
      margin-top:26px;
      display:grid;
      /*! grid-template-columns:repeat(3, 1fr); */
      gap:14px;
      align-items:stretch;
    }

    .av-plan{
      background:var(--av-card);
      border:1px solid var(--av-line);
      border-radius:20px;
      box-shadow:var(--av-shadow);
      padding:20px;
      display:flex;
      flex-direction:column;
      position:relative;
      overflow:hidden;
      max-width: 650px;
      margin: auto;
    }

    .av-plan.featured{
      border-color:rgba(255,77,46,.35);
      box-shadow:0 22px 60px rgba(255,77,46,.12), var(--av-shadow);
    }
    .av-plan-tag{
      position:absolute;
      top:14px; right:14px;
      padding:6px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:800;
      color:#0f172a;
      border:1px solid rgba(255,77,46,.30);
      background:rgba(255,77,46,.12);
    }

    .av-plan h3{
      margin:0 0 6px;
      font-size:16px;
      letter-spacing:.2px;
    }
    .av-plan p{
      margin:0 0 14px;
      color:var(--av-muted);
      line-height:1.65;
      font-size:14px;
    }

    .av-price{
      display:flex;
      align-items:baseline;
      gap:8px;
      margin:8px 0 12px;
    }
    .av-price b{
      font-size:34px;
      letter-spacing:-0.02em;
    }
    .av-price span{
      color:var(--av-muted);
      font-size:13px;
    }

    .av-list{
      margin:12px 0 0;
      padding:0;
      list-style:none;
      display:flex;
      flex-direction:column;
      gap:10px;
      flex:1;
    }
    .av-list li{
      display:flex;
      gap:10px;
      align-items:flex-start;
      color:var(--av-muted);
      font-size:14px;
      line-height:1.55;
    }
    .av-check{
      width:18px;height:18px;
      border-radius:6px;
      background:rgba(255,77,46,.12);
      border:1px solid rgba(255,77,46,.22);
      display:grid;
      place-items:center;
      flex:0 0 auto;
      margin-top:2px;
    }
    .av-check svg{ width:12px;height:12px; }

    .av-actions{
      margin-top:16px;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .av-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:none;
      background:var(--av-accent);
      color:#fff;
      padding:12px 14px;
      border-radius:12px;
      font-weight:800;
      cursor:pointer;
      box-shadow:0 12px 26px rgba(255,77,46,.28);
      text-decoration:none;
      white-space:nowrap;
      flex:1;
      min-width:160px;
    }
    .av-btn:hover{ filter:brightness(.95); }
    .av-btn.secondary{
      background:#fff;
      color:var(--av-text);
      border:1px solid var(--av-line);
      box-shadow:none;
    }

    /* Packages (service-based) */
    .av-packages{
      margin-top:34px;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:14px;
      align-items:start;
    }
    .av-box{
      background:#fff;
      border:1px solid var(--av-line);
      border-radius:20px;
      box-shadow:var(--av-shadow);
      overflow:hidden;
    }
    .av-box-head{
      padding:18px;
      border-bottom:1px solid var(--av-line);
      background:
        radial-gradient(800px 240px at 30% -30%, rgba(255,77,46,.14), transparent 60%),
        linear-gradient(180deg,#ffffff,#ffffff);
    }
    .av-box-head h3{ margin:0 0 6px; font-size:16px; }
    .av-box-head p{ margin:0; color:var(--av-muted); font-size:14px; line-height:1.65; }
    .av-box-body{ padding:18px; }

    .av-mini{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
    }
    .av-mini-card{
      border:1px solid var(--av-line);
      border-radius:16px;
      padding:14px;
      background:#fff;
    }
    .av-mini-card b{ display:block; margin-bottom:6px; }
    .av-mini-card span{ color:var(--av-muted); font-size:13px; line-height:1.55; }

    /* FAQ */
    .av-faq{
      margin-top:14px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .av-faq details{
      border:1px solid var(--av-line);
      border-radius:16px;
      background:#fff;
      box-shadow:var(--av-shadow);
      overflow:hidden;
    }
    .av-faq summary{
      cursor:pointer;
      padding:14px 16px;
      font-weight:800;
      list-style:none;
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:center;
    }
    .av-faq summary::-webkit-details-marker{ display:none; }
    .av-faq summary .av-q{
      color:var(--av-text);
      font-size:14px;
    }
    .av-faq summary .av-plus{
      width:26px;height:26px;
      border-radius:10px;
      border:1px solid var(--av-line);
      display:grid;
      place-items:center;
      color:var(--av-muted);
      flex:0 0 auto;
    }
    .av-faq .av-a{
      padding:0 16px 14px;
      color:var(--av-muted);
      line-height:1.7;
      font-size:14px;
    }

    /* CTA */
    .av-cta{
      margin-top:44px;
      padding:34px;
      border-radius:22px;
      border:1px solid var(--av-line);
      background:
        radial-gradient(900px 300px at 50% -40%, rgba(255,77,46,.18), transparent 60%),
        linear-gradient(180deg,#ffffff,#ffffff);
      box-shadow:var(--av-shadow);
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:18px;
      align-items:center;
    }
    .av-cta h3{ margin:0 0 8px; font-size:22px; letter-spacing:-0.02em; }
    .av-cta p{ margin:0; color:var(--av-muted); line-height:1.7; }
    .av-cta-actions{
      display:flex;
      gap:12px;
      justify-content:flex-end;
      flex-wrap:wrap;
    }

    @media(max-width: 980px){
      .av-grid3{ grid-template-columns:1fr 1fr; }
      .av-packages{ grid-template-columns:1fr; }
      .av-cta{ grid-template-columns:1fr; }
      .av-cta-actions{ justify-content:flex-start; }
    }
    @media(max-width: 560px){
      .av-grid3{ grid-template-columns:1fr; }
      .av-mini{ grid-template-columns:1fr; }
    }