/* Shared by live React navigation and the no-JavaScript public HTML. */
.pwx-navbar-shell{
  --nav-word:oklch(.2 .01 55);--nav-link:oklch(.45 .01 55);
  --nav-bg:linear-gradient(135deg,#fffaf3,#fff5e8);
  --nav-border:1px solid rgba(255,255,255,.72);
  --nav-shadow:0 16px 40px -22px rgba(245,90,40,.28),inset 0 1px 0 rgba(255,255,255,.9);
  --nav-accent:linear-gradient(100deg,#f5402a,#ff9f0a);
  --nav-cta-shadow:0 10px 24px -8px rgba(245,64,42,.5);
  --nav-button-bg:rgba(255,255,255,.6);--nav-menu-bg:#fffaf6;
  position:fixed;inset:14px 0 auto;z-index:60;display:flex;justify-content:center;padding:0 16px;
  opacity:1;visibility:visible;transform:translate3d(0,0,0);
  transition:opacity .28s ease,transform .28s ease,visibility 0s;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;
  color:var(--nav-word);box-sizing:border-box;
}
.pwx-navbar-shell *, .pwx-navbar-shell *::before, .pwx-navbar-shell *::after{box-sizing:border-box}
.pwx-navbar-shell[data-theme=dark]{
  --nav-word:#eef2ff;--nav-link:rgba(206,218,255,.7);
  --nav-bg:linear-gradient(135deg,#1e2c56,#101834);--nav-border:1px solid rgba(120,150,235,.22);
  --nav-shadow:0 16px 44px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08);
  --nav-accent:linear-gradient(135deg,#2563EB,#3b82f6);--nav-cta-shadow:0 12px 28px -10px rgba(37,99,235,.7);
  --nav-button-bg:rgba(30,44,86,.5);--nav-menu-bg:#101834;
}
.nav-bar{
  position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;max-width:1080px;padding:10px 14px 10px 18px;border-radius:18px;
  background:var(--nav-bg);border:var(--nav-border);box-shadow:var(--nav-shadow);
  transition:background .55s ease,backdrop-filter .55s ease,box-shadow .55s ease,border-color .4s ease;
}
.pwx-navbar-shell[data-opaque=false] .nav-bar{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.44));backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%)}
.pwx-navbar-shell[data-theme=dark][data-opaque=false] .nav-bar{background:linear-gradient(135deg,rgba(30,44,86,.66),rgba(16,24,52,.5))}
.pwx-navbar-shell[data-surface=false] .nav-bar{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;color:var(--nav-word)}
.nav-sun{display:block;width:30px;height:30px;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(245,70,42,.4))}
.nav-product-wordmark{display:block;flex-shrink:0;white-space:nowrap;font-family:'Inter Tight',sans-serif;font-size:1.3125rem;font-weight:800;line-height:1.12;letter-spacing:-.025em}
.nav-links{display:none;align-items:center;gap:30px}
.nav-links>a{position:relative;display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--nav-link);text-decoration:none;white-space:nowrap}
.nav-links>a::before{content:"";position:absolute;inset:-12px 0}
.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:13px;background:var(--nav-accent);color:#fff;font-weight:600;font-size:14px;text-decoration:none;box-shadow:var(--nav-cta-shadow);white-space:nowrap}
.nav-mobile{display:block}
.nav-burger{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;list-style:none;border-radius:12px;border:var(--nav-border);background:var(--nav-button-bg);color:var(--nav-word);cursor:pointer}
/* Enlarge the touch target without changing the homepage's existing bar geometry. */
.nav-burger::before{content:"";position:absolute;inset:-3px}
.nav-burger::-webkit-details-marker{display:none}
.nav-menu-icon-close,.nav-mobile[open] .nav-menu-icon-open{display:none}
.nav-mobile[open] .nav-menu-icon-close{display:block}
.nav-mobile-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;padding:8px;border-radius:18px;background:var(--nav-menu-bg);border:var(--nav-border);box-shadow:var(--nav-shadow);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.nav-mobile-menu>a{display:flex;align-items:center;min-height:44px;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:550;color:var(--nav-link);text-decoration:none}
.nav-mobile-menu>.nav-cta-menu{justify-content:center;margin-top:6px;padding:13px 14px;text-align:center;font-weight:650;color:#fff;background:var(--nav-accent);box-shadow:var(--nav-cta-shadow)}
.pwx-navbar-shell .nav-social-desktop{display:none;color:var(--nav-link)}
.nav-social-desktop .pwx-social-link{position:relative;width:38px;height:38px}
.nav-social-desktop .pwx-social-link::before{content:"";position:absolute;inset:-3px}
.pwx-navbar-shell .nav-social-mobile{display:flex;margin:6px 4px 0;color:var(--nav-link)}
.pwx-navbar-shell a:focus-visible,.nav-burger:focus-visible{outline:2px solid #c2410c;outline-offset:3px}
.nav-links>a:hover,.nav-mobile-menu>a:not(.nav-cta-menu):hover{color:var(--nav-word)}
.nav-mobile-menu>a:not(.nav-cta-menu):hover{background:rgba(125,100,75,.06)}
@media(max-width:559px){.nav-cta{display:none}}
@media(min-width:560px){.nav-mobile-menu>.nav-cta-menu{display:none}}
@media(max-width:430px){.nav-bar{padding-left:12px;padding-right:12px}}
/* Match the homepage's existing tablet navigation, including its cinematic sections. */
@media(min-width:1051px){.nav-links{display:flex}.nav-mobile{display:none}.pwx-navbar-shell .nav-social-desktop{display:flex}}
.nav-sun--animated{transform:rotate(0deg);transform-origin:center;animation:nav-sun-turn 90s linear infinite}
.pwx-navbar-shell[inert] .nav-sun--animated,
.pwx-navbar-shell[aria-hidden=true] .nav-sun--animated,
.pwx-navbar-shell[data-page-hidden=true] .nav-sun--animated,
body:has(.laptop-scroll-cinematic:not([data-immersive=false])) .pwx-navbar-shell .nav-sun--animated{animation-play-state:paused}
@keyframes nav-sun-turn{to{transform:rotate(360deg)}}
body:has(.laptop-scroll-cinematic:not([data-immersive=false])) .pwx-navbar-shell{
  opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-6px,0);
  transition:opacity .28s ease,transform .28s ease,visibility 0s .28s;
}
@media(prefers-reduced-motion:reduce){
  .nav-sun--animated{animation:none}
  .nav-bar{transition:none}
  .pwx-navbar-shell,
  body:has(.laptop-scroll-cinematic:not([data-immersive=false])) .pwx-navbar-shell{transition:none;transform:none}
}

.pwx-social-links{display:flex;align-items:center;gap:2px;color:inherit}
.pwx-social-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;color:inherit;text-decoration:none;opacity:.72;transition:opacity .18s ease,background-color .18s ease}
.pwx-social-link:hover{opacity:1;background:rgba(125,100,75,.08)}
.pwx-social-link:focus-visible{outline:2px solid #c2410c;outline-offset:2px;opacity:1}
.pwx-social-link svg{display:block;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.pwx-social-link{transition:none}}

.pwx-compact-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px; padding: 20px 16px 28px; color: #6b5749; background: #fff7ed; font-family: "Inter Tight", sans-serif; }
.pwx-compact-footer > button, .pwx-compact-footer > .pwx-cookie-settings-link { font: inherit; font-size: 13px; line-height: 1.5; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; border: 0; padding: 10px 4px; min-height: 44px; background: transparent; }
.pwx-compact-footer > button:focus-visible, .pwx-compact-footer > .pwx-cookie-settings-link:focus-visible { outline: 3px solid #9a3412; outline-offset: 4px; }