/* Keep the public pricing shell aligned with the Relayvo homepage. */
.site-header{
  position:sticky;top:0;z-index:30;width:100%;max-width:none;min-height:79px;
  padding:14px clamp(16px,2.5vw,32px);gap:18px;
  background:#0c0815d6;border-bottom:1px solid #4a3861a8;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  font-family:'DM Sans',Manrope,sans-serif;
}
.site-header .brand .rv-brand-image{width:151px}
.site-header .nav-links{gap:24px}
.site-header .nav-links a,.site-header .nav-login{
  color:#b8aec7;font-size:14px;font-weight:500;white-space:nowrap;
  min-height:44px;display:inline-flex;align-items:center;
}
.site-header .nav-links a:hover,.site-header .nav-login:hover,
.site-header .nav-links a[aria-current=page]{color:#f7f3ff}
.site-header .nav-actions{gap:22px}
.site-header .nav-login{padding:8px 0}
.site-header .nav-cta{
  min-height:48px;padding:10px 18px;border:1px solid #ad54e5;border-radius:100px;
  background:linear-gradient(115deg,#983bef,#c746c9);color:#fff;
  font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 12px 28px #9036db31;
}
.site-header .nav-cta:hover{box-shadow:0 12px 34px #9c44e257}
.site-header .menu-toggle{width:44px;height:44px;padding:10px;align-items:center;justify-content:center}
.site-header .menu-toggle svg{flex:none}
.footer{
  background:#09060f;border-top:1px solid #2f2242;color:#fff;
  padding:56px max(24px,calc((100% - 1200px)/2)) 24px;
  font-family:'DM Sans',Manrope,sans-serif;
}
.pricing-footer-inner{width:100%}
.pricing-footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:32px}
.footer .pricing-footer-top .brand{margin:0}
.footer .pricing-footer-top .brand .rv-brand-image{width:163px}
.footer .pricing-footer-top p{max-width:none;margin:16px 0 0;color:#8f869c;font-size:14px;line-height:1.5}
.footer .pricing-footer-top nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.footer .pricing-footer-top nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:#fff;font-size:14px;font-weight:400}
.footer .pricing-footer-top nav a:hover{color:#d4c9ff}
.pricing-footer-bottom{
  display:flex;justify-content:space-between;gap:20px;width:100%;
  padding-top:24px;margin-top:34px;border-top:1px solid #332541;
  color:#8f869c;font-size:12px;
}
@media(max-width:1100px){
  .site-header .nav-links{display:none;position:absolute;top:calc(100% + 6px);left:16px;right:16px;
    padding:12px;background:#1c1429;border:1px solid #4a3861;border-radius:12px;
    box-shadow:0 12px 30px #09060f80;flex-direction:column;align-items:stretch;gap:0}
  .site-header .nav-links.open{display:flex}
  .site-header .nav-links a{padding:11px 12px}
  .site-header .menu-toggle{display:inline-flex;border:0;background:transparent;color:#f7f3ff}
  .site-header .nav-actions{gap:6px;margin-left:auto}
}
@media(max-width:760px){
  .site-header{min-height:70px;padding:12px 16px}
  .site-header .brand .rv-brand-image{width:132px}
  .site-header .nav-login{display:none}
  .site-header .nav-cta{min-height:42px;padding:9px 12px;font-size:12px}
  .site-header .nav-cta span{display:none}
  .footer{padding:40px 20px 24px}
  .footer .pricing-footer-top .brand .rv-brand-image{width:145px}
  .pricing-footer-bottom{flex-direction:column;gap:10px}
}
@media(max-width:380px){
  .site-header .nav-cta{font-size:11px;padding:8px 10px}
  .site-header .nav-actions{gap:0}
}