/* Avatorial overrides on top of the Nextarp base stylesheet.
   Same tokens, same typography — plus a text wordmark, simple nav links,
   and pricing-card components the base sheet doesn't have. */

/* text wordmark (no image logo yet) */
.av-wordmark{
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:20px;
  color:#fff;letter-spacing:-0.5px;
}
.av-wordmark em{font-style:normal;color:var(--blue)}

/* simple nav links (no mega menu on the marketing site) */
.av-links{display:flex;align-items:center;gap:26px;flex:1;height:100%}
.av-links a{
  font-size:13.5px;font-weight:600;color:rgba(255,255,255,0.72);
  transition:color 0.15s;
}
.av-links a:hover{color:#fff}
.av-nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}
.av-nav-cta .btn-ghost{padding:9px 18px;font-size:13px}
.av-nav-cta .btn-primary{padding:10px 20px;font-size:13px}

/* trial CTA that lives inside the mobile panel only */
.av-panel-cta{display:none}

/* --- mobile menu (CSS-only hamburger: checkbox + label) --- */
.av-nav-toggle{display:none}
.av-ham{display:none}
@media(max-width:760px){
  .av-ham{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    padding:10px;margin-left:8px;cursor:pointer;order:3;
  }
  .av-ham span{
    display:block;width:22px;height:2px;border-radius:1px;
    background:rgba(255,255,255,0.85);transition:transform 0.2s,opacity 0.2s;
  }
  .av-nav-toggle:checked ~ .av-ham span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .av-nav-toggle:checked ~ .av-ham span:nth-child(2){opacity:0}
  .av-nav-toggle:checked ~ .av-ham span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .av-nav-cta{order:2}
  .av-nav-cta .btn-primary{display:none} /* the trial CTA moves into the panel */
  .av-nav-cta .btn-ghost{padding:8px 14px;font-size:12.5px}

  .av-links{
    position:absolute;top:62px;left:0;right:0;z-index:799;
    display:none;flex-direction:column;align-items:stretch;gap:0;height:auto;
    background:var(--navy);border-bottom:1px solid rgba(255,255,255,0.09);
    padding:6px 0 10px;box-shadow:0 16px 28px rgba(4,12,28,0.5);
  }
  .av-nav-toggle:checked ~ .av-links{display:flex}
  .av-links a{
    display:block;padding:14px 24px;font-size:15px;
    border-bottom:1px solid rgba(255,255,255,0.06);
  }
  .av-links a:last-child{border-bottom:none}
  .av-panel-cta{display:block;color:var(--blue);font-weight:700}
}

/* compact hero variants (were inline styles, which blocked mobile shrink) */
.hero-compact{padding:64px 48px 56px}
.hero-slim{padding:48px 48px 40px}
@media(max-width:1024px){
  .hero-compact{padding:48px 20px 40px}
  .hero-slim{padding:36px 20px 30px}
  footer[style]{padding:40px 20px 24px !important}
  .av-cta-strip{padding:32px 20px}
  .av-cta-strip h2{font-size:24px}
}

/* pricing cards */
.av-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
@media(max-width:1024px){.av-tiers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.av-tiers{grid-template-columns:1fr}}
.av-tier{
  background:#fff;border:1px solid var(--border);border-radius:var(--r3);
  padding:28px 24px;display:flex;flex-direction:column;
  transition:box-shadow 0.2s,transform 0.2s;
}
.av-tier:hover{box-shadow:0 8px 32px rgba(10,31,68,0.09);transform:translateY(-2px)}
.av-tier.hot{border:2px solid var(--blue);position:relative}
.av-tier.hot::before{
  content:'MOST POPULAR';position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  background:var(--blue);color:#fff;font-family:'Montserrat',sans-serif;
  font-size:10px;font-weight:800;letter-spacing:0.09em;
  padding:4px 12px;border-radius:3px;
}
.av-tier-name{
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:15px;
  color:var(--navy2);margin-bottom:4px;
}
.av-tier-for{font-size:12.5px;color:var(--muted);margin-bottom:18px;min-height:34px}
.av-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.av-price-n{
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:40px;
  color:var(--navy);letter-spacing:-1.5px;line-height:1;
}
.av-price-per{font-size:12.5px;color:var(--muted)}
.av-price-note{font-size:11.5px;color:var(--muted);margin-bottom:20px}
.av-tier ul{margin:0 0 24px;flex:1}
.av-tier li{
  font-size:13px;color:#37507e;line-height:1.5;
  padding:7px 0 7px 24px;position:relative;
  border-bottom:1px solid var(--off);
}
.av-tier li:last-child{border-bottom:none}
.av-tier li::before{
  content:'✓';position:absolute;left:2px;top:7px;
  color:var(--blue);font-weight:800;font-size:12px;
}
.av-tier .btn-primary,.av-tier .btn-outline-navy{
  width:100%;text-align:center;display:inline-block;
}

/* FAQ */
.av-faq{max-width:760px}
.av-faq details{
  border:1px solid var(--border);border-radius:var(--r2);
  padding:0;margin-bottom:10px;background:#fff;overflow:hidden;
}
.av-faq summary{
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;
  color:var(--navy2);padding:16px 20px;cursor:pointer;list-style:none;
}
.av-faq summary::-webkit-details-marker{display:none}
.av-faq summary::after{content:'+';float:right;color:var(--blue);font-weight:800}
.av-faq details[open] summary::after{content:'–'}
.av-faq details p{font-size:13.5px;color:var(--muted);line-height:1.65;padding:0 20px 16px}

/* comparison table */
.av-compare{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;background:#fff}
.av-compare th,.av-compare td{padding:13px 16px;font-size:13px;text-align:center;border-bottom:1px solid var(--off)}
.av-compare th{
  font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;
  letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);
  background:var(--off);
}
.av-compare th:first-child,.av-compare td:first-child{text-align:left;font-weight:600;color:var(--navy2)}
.av-compare th.av-us{color:#fff;background:var(--blue)}
.av-compare td.av-us{background:var(--blue-pale);font-weight:700;color:var(--blue3)}
.av-compare tr:last-child td{border-bottom:none}
.av-yes{color:#0d9455;font-weight:800}
.av-no{color:#c2410c;font-weight:700}
.av-part{color:var(--muted)}
.av-compare-wrap{overflow-x:auto}
.av-compare-note{font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.6}

/* small helpers */
.av-center{text-align:center}
.av-cta-strip{
  background:linear-gradient(105deg,var(--navy) 0%,var(--navy2) 100%);
  border-radius:var(--r3);padding:48px;text-align:center;
}
.av-cta-strip h2{
  font-family:'Montserrat',sans-serif;font-weight:900;font-size:30px;
  color:#fff;letter-spacing:-0.8px;margin-bottom:10px;
}
.av-cta-strip p{color:rgba(255,255,255,0.55);font-size:15px;margin-bottom:24px}
.av-footnote{font-size:12px;color:var(--muted);margin-top:24px}