/* Shared Avera public navigation, mobile menu and footer. */
.site-shared-nav {
  position: relative;
  z-index: 30;
  width: min(1240px, calc(100% - 72px));
  height: 88px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(24, 31, 38, .13);
  color: #202624;
}
.site-shared-nav .brand { display:inline-flex; align-items:center; justify-self:start; width:max-content; line-height:1; }
.site-shared-nav .avera-lockup { display:inline-flex; align-items:center; gap:10px; line-height:1; white-space:nowrap; }
.site-shared-nav .avera-mark { display:block; width:42px; height:42px; flex:none; }
.site-shared-nav .avera-wordmark { display:block; margin:0; color:#29362f; font:400 28px/1 Italiana,Newsreader,Georgia,serif; letter-spacing:.095em; }
.site-shared-nav .navlinks { height:100%; display:flex; align-items:center; gap:clamp(20px,2.7vw,38px); color:#625c55; font:500 11px/1.2 "DM Sans",Manrope,sans-serif; letter-spacing:.035em; }
.site-shared-nav .navlinks > a { position:relative; display:inline-flex; align-items:center; min-height:44px; color:inherit; text-decoration:none; transition:color .22s ease; }
.site-shared-nav .navlinks > a::after { content:""; position:absolute; right:100%; bottom:7px; left:0; height:1px; background:linear-gradient(90deg,#b96f5c,#d8b68c); transition:right .28s ease; }
.site-shared-nav .navlinks > a:hover,.site-shared-nav .navlinks > a:focus-visible,.site-shared-nav .navlinks > a.active { color:#9b5e4d; }
.site-shared-nav .navlinks > a:hover::after,.site-shared-nav .navlinks > a:focus-visible::after,.site-shared-nav .navlinks > a.active::after { right:0; }
.site-shared-nav .nav-end { justify-self:end; display:flex; align-items:center; gap:21px; }
.site-shared-nav .signin { color:#555b58; font:500 10px/1.2 "DM Sans",Manrope,sans-serif; text-decoration:none; }
.site-shared-nav .navcta { display:inline-flex; align-items:center; justify-content:space-between; gap:14px; min-height:46px; padding:7px 8px 7px 17px; border:1px solid rgba(255,255,255,.13); border-radius:999px; background:linear-gradient(135deg,#26332f 0%,#17201e 72%,#35433d 100%); box-shadow:0 8px 22px rgba(28,39,35,.14),inset 0 1px rgba(255,255,255,.12); color:#fff; font:500 10px/1.2 "DM Sans",Manrope,sans-serif; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease; }
.site-shared-nav .navcta:hover { transform:translateY(-1px); box-shadow:0 11px 28px rgba(28,39,35,.2),inset 0 1px rgba(255,255,255,.12); }
.site-shared-nav .navcta .arrow { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:rgba(255,255,255,.12); }
.site-shared-nav .nav-menu-toggle { display:none; align-items:center; justify-content:center; gap:8px; min-width:44px; min-height:44px; padding:0 10px; border:1px solid rgba(67,77,70,.16); border-radius:999px; background:rgba(255,252,247,.76); color:#27332f; cursor:pointer; font:500 10px Manrope,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.site-shared-nav .nav-menu-toggle svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; transition:transform .2s ease; }
.site-shared-nav.menu-open .nav-menu-toggle svg { transform:rotate(90deg); }
.mobile-menu-actions { display:none; }
.site-footer,.create-site-footer { width:min(1240px,calc(100% - 72px)); min-height:120px; height:auto; margin:0 auto; padding:28px 0; display:flex; align-items:center; justify-content:space-between; gap:22px; border-top:1px solid rgba(24,31,38,.13); color:#7d7d77; font:400 9px/1.5 "DM Sans",Manrope,sans-serif; }
.site-footer .brand,.create-site-footer .create-footer-brand { display:inline-flex; flex:none; align-items:center; width:max-content; line-height:1; text-decoration:none; }
.site-footer .avera-lockup,.create-site-footer .avera-lockup { display:inline-flex; align-items:center; gap:9px; line-height:1; }
.site-footer .avera-mark,.create-site-footer .avera-mark { display:block; width:39px; height:39px; flex:none; }
.site-footer .avera-wordmark,.create-site-footer .avera-wordmark { display:block; margin:0; color:#29362f; font:400 25px/1 Italiana,Newsreader,Georgia,serif; letter-spacing:.09em; }
.site-footer nav,.create-site-footer .create-footer-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 18px; }
.site-footer nav a,.create-site-footer .create-footer-links a { color:#777970; font:500 9px/1.4 "DM Sans",Manrope,sans-serif; text-decoration:none; transition:color .2s ease; }
.site-footer nav a:hover,.create-site-footer .create-footer-links a:hover { color:#26342e; }
.site-footer > span,.create-site-footer > span { flex:none; color:#858278; font:400 8px/1.4 "DM Sans",Manrope,sans-serif; }
.site-arrow { display:inline-block; width:14px; height:14px; margin-left:8px; overflow:visible; vertical-align:-.18em; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .2s ease; }
.site-arrow.is-external { width:13px; height:13px; }
.site-arrow.is-left { margin-right:8px; margin-left:0; }
.site-arrow.is-chevron { width:16px; height:16px; margin:0; }
.site-arrow.is-chevron-left { width:16px; height:16px; margin:0; }
.site-arrow-host:hover .site-arrow,.site-arrow-host:focus-visible .site-arrow { transform:translateX(2px); }
.site-arrow-host:hover .site-arrow.is-external,.site-arrow-host:focus-visible .site-arrow.is-external { transform:translate(1px,-1px); }
.site-arrow-host:hover .site-arrow.is-left,.site-arrow-host:focus-visible .site-arrow.is-left { transform:translateX(-2px); }
.site-arrow-host .arrow .site-arrow { width:14px; height:14px; margin:0; }
.create-header-cta:hover .site-arrow,.mobile-start:hover .site-arrow { transform:translateX(2px); }
.art-song .process-song-play:focus-visible { outline:2px solid rgba(255,255,255,.95); outline-offset:4px; }
.art-song .process-song-play.is-playing { box-shadow:0 0 0 6px rgba(255,255,255,.15),0 15px 35px rgba(61,43,28,.2),inset 0 1px rgba(255,255,255,.95); }
.navcta .arrow::before { content:none !important; }
.create-main-nav .mobile-menu-actions { display:none; }
.art-song .process-song-play { width:58px; height:58px; border:1px solid rgba(255,255,255,.72); border-radius:50%; display:grid; place-items:center; background:linear-gradient(145deg,#fffdf8,#f1e2cf); color:#24302b; box-shadow:0 10px 28px rgba(61,43,28,.15),inset 0 1px rgba(255,255,255,.95); cursor:pointer; transition:transform .24s ease,box-shadow .24s ease,background .24s ease; }
.art-song .process-song-play:hover { transform:translateY(-2px) scale(1.035); box-shadow:0 15px 35px rgba(61,43,28,.2),inset 0 1px rgba(255,255,255,.95); }
.art-song .process-song-play svg { width:19px; height:19px; fill:#27332d; }
.art-song .process-pause-shape { display:none; }
.art-song .process-song-play.is-playing .process-play-shape { display:none; }
.art-song .process-song-play.is-playing .process-pause-shape { display:block; }
.art-song .process-song-track { color:rgba(43,49,43,.62); font:500 9px/1.3 "DM Sans",Manrope,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.art-song audio { display:none; }
.pricing-hero { width:min(1120px,calc(100% - 50px)); margin:0 auto; padding:94px 0 52px; }
.pricing-hero h1 { margin:25px 0 22px; color:#28342e; font:400 clamp(55px,8vw,100px)/.9 Italiana,Newsreader,Georgia,serif; letter-spacing:-.045em; }
.pricing-hero h1 em { color:#a97655; font-weight:400; }
.pricing-hero p { max-width:590px; color:#74736b; font:400 17px/1.7 "DM Sans",Manrope,sans-serif; }
.pricing-card { width:min(1120px,calc(100% - 50px)); margin:0 auto 70px; display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:50px; align-items:stretch; padding:48px; border:1px solid rgba(130,97,76,.14); border-radius:25px; background:radial-gradient(420px circle at 2% 1%,rgba(220,200,174,.26),transparent 70%),linear-gradient(135deg,#fffaf2,#f8f1e8); box-shadow:0 22px 60px rgba(78,55,40,.07); }
.pricing-includes h2 { margin:20px 0 24px; color:#28342e; font:400 clamp(38px,5vw,58px)/.98 Italiana,Newsreader,Georgia,serif; letter-spacing:-.035em; }
.pricing-includes ul { display:grid; gap:15px; max-width:550px; margin:0; padding:0; list-style:none; }
.pricing-includes li { position:relative; padding-left:28px; color:#545b54; font:400 13px/1.6 "DM Sans",Manrope,sans-serif; }
.pricing-includes li::before { content:"✓"; position:absolute; left:0; top:0; color:#9c7153; font-size:14px; }
.pricing-trust { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:30px; padding-top:22px; border-top:1px solid rgba(62,69,60,.11); color:#77776d; font:500 9px/1.5 "DM Sans",Manrope,sans-serif; }
.pricing-trust span { display:inline-flex; align-items:center; gap:7px; }
.pricing-ticket { display:flex; flex-direction:column; align-items:flex-start; padding:28px; border:1px solid rgba(63,73,63,.11); border-radius:19px; background:rgba(255,253,248,.84); box-shadow:0 12px 35px rgba(73,57,40,.07),inset 0 1px rgba(255,255,255,.95); }
.pricing-label { color:#8c745e; font:600 9px/1.3 "DM Sans",Manrope,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.pricing-amount { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:17px 0 4px; }
.pricing-amount strong { color:#27332d; font:400 53px/.95 Italiana,Newsreader,Georgia,serif; letter-spacing:-.035em; }
.pricing-amount del { color:#948b7f; font:400 18px/1 Newsreader,Georgia,serif; }
.pricing-period { color:#898277; font:500 9px/1.4 "DM Sans",Manrope,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.pricing-cta { width:100%; min-height:51px; margin:25px 0 12px; padding:7px 8px 7px 17px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:999px; background:linear-gradient(135deg,#34453d,#202c27); color:#fffaf2; box-shadow:0 8px 20px rgba(35,47,40,.13),inset 0 1px rgba(255,255,255,.14); font:500 10px/1.3 "DM Sans",Manrope,sans-serif; }
.pricing-cta .arrow { width:34px; height:34px; flex:none; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.12); }
.pricing-cta .arrow .site-arrow { width:15px; height:15px; margin:0; }
.pricing-ticket p { margin:0 0 12px; color:#77766d; font:400 10px/1.65 "DM Sans",Manrope,sans-serif; }
.pricing-ticket small { margin-top:auto; color:#90897d; font:400 9px/1.55 "DM Sans",Manrope,sans-serif; }
.pricing-faq { width:min(1120px,calc(100% - 50px)); margin:0 auto 70px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.pricing-faq article { padding:23px; border:1px solid rgba(130,97,76,.13); border-radius:15px; background:rgba(255,250,242,.72); }
.pricing-faq h3 { margin:0 0 10px; color:#313b34; font:400 23px/1.1 Italiana,Newsreader,Georgia,serif; }
.pricing-faq p { margin:0; color:#74736b; font:400 11px/1.65 "DM Sans",Manrope,sans-serif; }
.pricing-bottom { width:min(1120px,calc(100% - 50px)); margin:0 auto 90px; padding-top:22px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(65,67,59,.12); color:#77736a; font:400 12px/1.5 "DM Sans",Manrope,sans-serif; }
.pricing-bottom p { margin:0; }
.pricing-bottom a { color:#3d4a41; font:500 11px/1.4 "DM Sans",Manrope,sans-serif; }
@media (max-width:900px) {
  .site-shared-nav { width:calc(100% - 40px); height:88px; grid-template-columns:1fr auto; }
  .site-shared-nav .nav-end .signin,.site-shared-nav .nav-end .navcta { display:none; }
  .site-shared-nav .navlinks { position:absolute; z-index:70; top:calc(100% + 1px); right:0; left:0; height:auto; display:none; flex-direction:column; align-items:stretch; gap:0; padding:9px 18px 13px; border:1px solid rgba(105,88,72,.13); border-top:0; border-radius:0 0 17px 17px; background:rgba(250,247,242,.98); box-shadow:0 18px 35px rgba(42,35,29,.11); backdrop-filter:blur(18px); }
  .site-shared-nav.menu-open .navlinks { display:flex; }
  .site-shared-nav .navlinks > a { min-height:50px; border-bottom:1px solid rgba(105,88,72,.1); font-size:13px; }
  .site-shared-nav .navlinks > a::after { bottom:5px; }
  .site-shared-nav .nav-end { gap:10px; }
  .site-shared-nav .nav-menu-toggle { display:inline-flex; }
  .site-shared-nav .mobile-menu-actions { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; margin-top:8px; padding-top:14px; border-top:1px solid rgba(105,88,72,.14); }
  .site-shared-nav .navlinks .mobile-menu-actions a { display:inline-flex; align-items:center; min-height:44px; border:0; text-decoration:none; }
  .site-shared-nav .navlinks .mobile-menu-actions a::after { display:none; }
  .site-shared-nav .mobile-account { padding:0 4px; color:#4f5a52; font:500 12px Manrope,sans-serif; }
  .site-shared-nav .mobile-start { justify-content:center; gap:4px; padding:0 16px; border-radius:999px; background:linear-gradient(135deg,#26332f 0%,#17201e 72%,#35433d 100%); box-shadow:0 8px 22px rgba(28,39,35,.14),inset 0 1px rgba(255,255,255,.12); color:#fff; font:500 11px Manrope,sans-serif; }
  .site-shared-nav .mobile-start .site-arrow { width:14px; height:14px; margin-left:3px; }
  .create-main-nav .mobile-menu-actions { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; margin:8px 4px 2px; padding-top:12px; border-top:1px solid rgba(105,88,72,.14); }
  .create-main-nav .mobile-menu-actions .mobile-account { padding:0 7px; color:#4f5a52; font:500 12px Manrope,sans-serif; }
  .create-main-nav .mobile-menu-actions .mobile-start { display:inline-flex; justify-content:center; gap:4px; min-height:44px; padding:0 13px; border-radius:999px; background:linear-gradient(135deg,#26332f 0%,#17201e 72%,#35433d 100%); color:#fff; font:500 10px/1.2 "DM Sans",Manrope,sans-serif; }
  .create-main-nav .mobile-menu-actions .mobile-start .site-arrow { width:13px; height:13px; margin:0; }
  .site-footer,.create-site-footer { width:calc(100% - 40px); min-height:0; align-items:flex-start; flex-direction:column; justify-content:flex-start; gap:15px; padding:30px 0; }
  .site-footer nav,.create-site-footer .create-footer-links { justify-content:flex-start; gap:10px 17px; }
}
@media (max-width:540px) {
  .site-shared-nav { width:calc(100% - 30px); height:73px; }
  .site-shared-nav .avera-lockup { gap:8px; }
  .site-shared-nav .avera-mark { width:35px; height:35px; }
  .site-shared-nav .avera-wordmark { font-size:21px; letter-spacing:.07em; }
  .site-shared-nav .nav-menu-toggle { width:42px; min-width:42px; padding:0; }
  .site-shared-nav .nav-menu-toggle span { display:none; }
  .site-footer,.create-site-footer { width:calc(100% - 30px); padding:31px 0; gap:16px; }
  .site-footer nav,.create-site-footer .create-footer-links { gap:10px 15px; }
}
@media (max-width:760px) {
  .pricing-hero { width:calc(100% - 40px); padding:72px 0 35px; }
  .pricing-hero h1 { margin:22px 0 18px; font-size:clamp(50px,13vw,72px); }
  .pricing-hero p { font-size:15px; }
  .pricing-card { width:calc(100% - 40px); grid-template-columns:1fr; gap:30px; margin-bottom:45px; padding:25px 20px; border-radius:19px; }
  .pricing-includes h2 { font-size:40px; }
  .pricing-includes li { font-size:12px; }
  .pricing-trust { display:grid; gap:10px; }
  .pricing-ticket { padding:23px 20px; }
  .pricing-amount strong { font-size:49px; }
  .pricing-faq { width:calc(100% - 40px); grid-template-columns:1fr; gap:10px; margin-bottom:45px; }
  .pricing-faq article { padding:20px; }
  .pricing-bottom { width:calc(100% - 40px); align-items:flex-start; flex-direction:column; margin-bottom:60px; }
}
@media (max-width:700px) {
  .site-footer nav,.create-site-footer .create-footer-links,.footer.wrap .footer-links {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    justify-content:stretch;
    gap:0 20px;
    margin:3px 0 0;
    padding:8px 0;
    border-top:1px solid rgba(68,73,63,.12);
    border-bottom:1px solid rgba(68,73,63,.12);
  }
  .site-footer nav a,.create-site-footer .create-footer-links a,.footer.wrap .footer-links a {
    display:flex;
    align-items:center;
    min-width:0;
    min-height:44px;
    padding:7px 2px;
    border-bottom:1px solid rgba(68,73,63,.075);
    color:#686b63;
    font-size:10px;
    line-height:1.35;
    letter-spacing:.015em;
    text-decoration:none;
  }
  .site-footer nav a:last-child,.create-site-footer .create-footer-links a:last-child,.footer.wrap .footer-links a:last-child { border-bottom:0; }
  .site-footer > span,.create-site-footer > span,.footer.wrap > span { padding-top:1px; color:#8a867d; font-size:8px; letter-spacing:.025em; }
}
@media (prefers-reduced-motion:reduce) {
  .site-shared-nav .navlinks > a,.site-shared-nav .navlinks > a::after,.site-shared-nav .navcta,.site-arrow,.nav-menu-toggle svg { transition:none; }
}
