/* Keep the pricing shell identical to the homepage navigation. */
body.pricing-page .marketing-nav{height:82px;padding-inline:max(5%,calc((100% - 1320px)/2));background:#f8fafce8;border-bottom:1px solid #d5dee7;color:#0b1622;backdrop-filter:blur(18px)}
body.pricing-page .marketing-nav.scrolled{height:70px;background:#f8fafcf5;box-shadow:0 12px 40px #0b16221a}
body.pricing-page .marketing-nav .wordmark{color:#0b1622;font-size:24px;letter-spacing:-1.2px}
body.pricing-page .marketing-nav .wordmark span{color:#29adff}
body.pricing-page .marketing-nav #marketing-links>a,body.pricing-page .marketing-nav .product-menu>button{color:#536579}
body.pricing-page .marketing-nav #marketing-links>a:hover,body.pricing-page .marketing-nav .product-menu>button:hover{color:#0b1622}
body.pricing-page .marketing-nav #marketing-links>a:after,body.pricing-page .marketing-nav .product-menu>button:after{background:#29adff}
body.pricing-page .marketing-nav .btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid #38b9ff;border-radius:9px;background:#168ff0;color:#fff;box-shadow:none}
body.pricing-page .marketing-nav .btn.primary:hover{background:#087be3}
body.pricing-page .marketing-nav #product-dropdown,body.pricing-page .marketing-nav.scrolled #product-dropdown{top:81px;background:#f8fafc;border-color:#d5dee7;color:#0b1622}
body.pricing-page .marketing-nav.scrolled #product-dropdown{top:69px}
body.pricing-page .marketing-nav #product-dropdown section a:hover{background:#eef3f7}
body.pricing-page .marketing-nav .mobile-menu{color:#0b1622}
@media(max-width:1023px){body.pricing-page .marketing-nav,body.pricing-page .marketing-nav.scrolled{height:70px;padding-inline:20px}body.pricing-page .marketing-nav nav{top:70px;background:#f8fafc;border-bottom-color:#d5dee7}body.pricing-page .marketing-nav #product-dropdown,body.pricing-page .marketing-nav.scrolled #product-dropdown{top:auto;background:transparent}}
/* The pricing template is also served from older cached shells without the
   page class; use its unique content landmark as a safe fallback scope. */
body:has(.public-pricing) .marketing-nav{height:82px;padding-inline:max(5%,calc((100% - 1320px)/2));background:#f8fafce8;border-bottom:1px solid #d5dee7;color:#0b1622;backdrop-filter:blur(18px)}
body:has(.public-pricing) .marketing-nav.scrolled{height:70px;background:#f8fafcf5;box-shadow:0 12px 40px #0b16221a}
body:has(.public-pricing) .marketing-nav .wordmark{color:#0b1622;font-size:24px;letter-spacing:-1.2px}
body:has(.public-pricing) .marketing-nav .wordmark span{color:#29adff}
body:has(.public-pricing) .marketing-nav #marketing-links>a,body:has(.public-pricing) .marketing-nav .product-menu>button{color:#536579}
body:has(.public-pricing) .marketing-nav #marketing-links>a:hover,body:has(.public-pricing) .marketing-nav .product-menu>button:hover{color:#0b1622}
body:has(.public-pricing) .marketing-nav #marketing-links>a:after,body:has(.public-pricing) .marketing-nav .product-menu>button:after{background:#29adff}
body:has(.public-pricing) .marketing-nav .btn.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:1px solid #38b9ff;border-radius:9px;background:#168ff0;color:#fff;box-shadow:none}
body:has(.public-pricing) .marketing-nav .btn.primary:hover{background:#087be3}
body:has(.public-pricing) .marketing-nav #product-dropdown,body:has(.public-pricing) .marketing-nav.scrolled #product-dropdown{top:81px;background:#f8fafc;border-color:#d5dee7;color:#0b1622}
body:has(.public-pricing) .marketing-nav.scrolled #product-dropdown{top:69px}
body:has(.public-pricing) .marketing-nav #product-dropdown section a:hover{background:#eef3f7}
body:has(.public-pricing) .marketing-nav .mobile-menu{color:#0b1622}
@media(max-width:1023px){body:has(.public-pricing) .marketing-nav,body:has(.public-pricing) .marketing-nav.scrolled{height:70px;padding-inline:20px}body:has(.public-pricing) .marketing-nav nav{top:70px;background:#f8fafc;border-bottom-color:#d5dee7}body:has(.public-pricing) .marketing-nav #product-dropdown,body:has(.public-pricing) .marketing-nav.scrolled #product-dropdown{top:auto;background:transparent}}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav{background:#050607e8;border-bottom-color:#1d2934;color:#eef5fb}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav.scrolled{background:#050607f5;box-shadow:0 12px 40px #0008}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav .wordmark{color:#eef5fb}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav #marketing-links>a,html[data-theme=dark] body:has(.public-pricing) .marketing-nav .product-menu>button{color:#a6b6c4}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav #marketing-links>a:hover,html[data-theme=dark] body:has(.public-pricing) .marketing-nav .product-menu>button:hover{color:#fff}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav #product-dropdown,html[data-theme=dark] body:has(.public-pricing) .marketing-nav.scrolled #product-dropdown{background:#081019;border-color:#25384a;color:#eef5fb}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav #product-dropdown section a:hover{background:#102131}
html[data-theme=dark] body:has(.public-pricing) .marketing-nav .mobile-menu{color:#dcebf6}

/* Pricing uses the same blue AR-Mango identity as the homepage. */
body:has(.public-pricing){
  --brand:#168ff0;
  --brand-hover:#087be3;
  --brand-soft:#e8f6ff;
  --orange:#168ff0;
  --orange-hover:#087be3;
  --orange-soft:#e8f6ff;
  --mango:#168ff0;
  --mango-orange:#168ff0;
  --mango-orange-hover:#087be3;
  --mango-orange-soft:#e8f6ff;
}
body:has(.public-pricing) .public-pricing h1 em{color:#168ff0}
body:has(.public-pricing) .public-pricing .eyebrow:before{background:#168ff0}
body:has(.public-pricing) .public-plan.recommended{border-color:#168ff0;background:var(--bg);box-shadow:0 14px 45px #168ff01c}
body:has(.public-pricing) .public-plan li:before{color:#168ff0}
body:has(.public-pricing) .public-pricing .btn.primary,
body:has(.public-pricing) .public-pricing .btn-primary{background:#168ff0;border-color:#168ff0;color:#fff}
body:has(.public-pricing) .public-pricing .btn.primary:hover,
body:has(.public-pricing) .public-pricing .btn-primary:hover{background:#087be3;border-color:#087be3}
body:has(.public-pricing) .public-pricing :is(a,button,input,select,summary):focus-visible{outline-color:#168ff0}
body:has(.public-pricing) .marketing-nav #product-dropdown a:hover svg{color:#168ff0}
body:has(.public-pricing) .site-footer a:hover{color:#168ff0}