/* One responsive navigation shared by every Paceriz page. */
.navbar.site-navbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    width: 100%;
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(15,23,42,.08);
    backdrop-filter: saturate(1.4) blur(14px);
}
.site-navbar .container { width: min(100% - 32px, 1200px); margin-inline: auto; }
.site-navbar .nav-wrapper { min-height: 76px; height: auto; display:flex; align-items:center; gap:16px; }
.site-navbar .logo { flex:none; display:flex; align-items:center; gap:9px; color:#0f172a; font-size:20px; font-weight:900; letter-spacing:-.02em; text-decoration:none; }
.site-navbar .logo-img { width:32px; height:32px; border-radius:8px; object-fit:cover; }
.site-navbar .nav-menu { display:flex; align-items:center; justify-content:flex-end; flex:1; gap:clamp(10px,1.2vw,18px); list-style:none; margin:0; padding:0; }
.site-navbar .nav-link { color:#4b5563; font-size:14px; font-weight:600; white-space:nowrap; text-decoration:none; padding:9px 0; }
.site-navbar .nav-link::after { bottom:3px; }
.site-navbar .nav-console, .site-navbar .nav-cta-item { display:inline-flex; flex:none; align-items:center; justify-content:center; padding:9px 13px; border-radius:999px; white-space:nowrap; font-size:14px; text-decoration:none; }
.site-navbar .nav-console { color:#0f172a; border:1px solid #d6e2ee; background:#fff; }
.site-navbar .nav-cta-item { background:#1890ff; color:#fff; }
.site-navbar .nav-cta-mobile, .site-navbar .mobile-menu-toggle { display:none; }
.site-navbar .lang-switcher { display:flex; margin:0; padding:0; }
.site-navbar .lang-switcher-select { min-height:38px; max-width:120px; padding:7px 25px 7px 9px; border:1px solid #d1d5db; border-radius:8px; color:#374151; background-color:#fff; font-family:inherit; font-size:14px; font-weight:500; }
.site-home-navbar + .hero { margin-top:76px; }
@media (max-width: 1160px) {
    .site-navbar .nav-wrapper { min-height:72px; }
    .site-navbar .nav-cta-mobile { display:inline-flex; align-items:center; justify-content:center; flex:none; margin-left:auto; padding:10px 14px; border-radius:999px; background:#1890ff; color:#fff; font-size:14px; line-height:1.2; white-space:nowrap; text-decoration:none; }
    .site-navbar .mobile-menu-toggle { display:flex; flex:none; flex-direction:column; justify-content:center; gap:6px; width:42px; height:42px; padding:8px; border:0; border-radius:8px; background:transparent; cursor:pointer; }
    .site-navbar .mobile-menu-toggle span { display:block; width:25px; height:2px; background:#1f2937; transition:transform .2s ease,opacity .2s ease; }
    .site-navbar .mobile-menu-toggle.active span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
    .site-navbar .mobile-menu-toggle.active span:nth-child(2) { opacity:0; }
    .site-navbar .mobile-menu-toggle.active span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }
    .site-navbar .nav-menu { position:fixed; top:72px; left:0; right:0; display:flex; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100dvh - 72px); overflow-y:auto; padding:12px 20px 20px; background:#fff; box-shadow:0 12px 20px rgba(0,0,0,.12); transform:translateY(-8px); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease,transform .2s ease,visibility .2s; }
    .site-navbar .nav-menu.active { transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto; }
    .site-navbar .nav-link { display:block; width:100%; padding:13px 0; border-bottom:1px solid #eef1f5; font-size:16px; }
    .site-navbar .nav-link::after { display:none; }
    .site-navbar .nav-console, .site-navbar .nav-cta-item { align-self:center; margin-top:12px; }
    .site-navbar .nav-menu .nav-cta-item { display:none; }
    .site-navbar .lang-switcher { width:100%; margin-top:12px; padding-top:14px; border-top:1px solid #eef1f5; }
    .site-navbar .lang-switcher-select { width:100%; max-width:none; min-height:44px; font-size:15px; }
}
@media (max-width: 380px) {
    .site-navbar .container { width:calc(100% - 20px); }
    .site-navbar .logo { gap:6px; font-size:18px; }
    .site-navbar .logo-img { width:29px; height:29px; }
    .site-navbar .nav-cta-mobile { padding-inline:10px; font-size:13px; }
    .site-navbar .nav-wrapper { gap:8px; }
}

/* The landing page comparison table wraps instead of requiring horizontal scroll. */
@media (max-width: 600px) {
    .cmp { min-width: 0 !important; width: 100%; table-layout: fixed; font-size: 12px !important; }
    .cmp th, .cmp td { padding: 8px 5px !important; overflow-wrap: anywhere; }
    .cmp th.plan, .cmp td.plan { width: 25% !important; }
    .cmp th.feat, .cmp td.feat { width: 50%; }
}

@media (max-width: 480px) { .site-navbar .container { padding-inline:8px; } }