.c8nav{display:flex;align-items:center;justify-content:space-between;height:58px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(20,26,54,.04);padding:0 22px;font-family:"Outfit",sans-serif;position:sticky;top:0;z-index:100}
.c8nav-l{display:flex;align-items:center;gap:14px;min-width:0}
.c8nav-r{display:flex;align-items:center;gap:14px}
.c8nav-back{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#1f2a4d;text-decoration:none;border:1px solid #e5e7eb;padding:7px 12px;border-radius:8px;transition:all .15s;background:#fff;white-space:nowrap}
.c8nav-back:hover{background:#1f2a4d;color:#fff;border-color:#1f2a4d}
.c8nav-back i{font-size:16px}
.c8nav-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0}
.c8nav-brand img{height:30px;width:auto;display:block}
.c8nav-div{width:1px;height:22px;background:#e5e7eb;flex:none}
.c8nav-product{font-size:13.5px;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c8nav-user{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#64748b;white-space:nowrap}
.c8nav-user i{font-size:19px;color:#94a3b8}
.c8nav-credits{display:inline-flex;align-items:center;gap:7px;background:#fff6fa;border:1px solid #f4c0d1;color:#e72457;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
.c8nav-credits .dot{width:7px;height:7px;border-radius:50%;background:#e72457}
.c8nav-buy,.c8nav-sub{display:inline-flex;align-items:center;gap:6px;background:#e72457;color:#fff;border:1px solid #e72457;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;cursor:pointer;transition:background .15s;white-space:nowrap;text-decoration:none}
.c8nav-buy:hover,.c8nav-sub:hover{background:#c20c3f;border-color:#c20c3f}
.c8nav-buy i,.c8nav-sub i{font-size:15px}
.c8nav-subbed{display:inline-flex;align-items:center;gap:6px;background:#edf7f2;color:#16a34a;border:1px solid #b7e0c8;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;white-space:nowrap}
.c8nav-subbed i{font-size:15px}
.c8nav-link{font-size:13px;font-weight:600;color:#64748b;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s;white-space:nowrap}
.c8nav-link:hover{color:#e72457}
.c8nav-link i{font-size:17px}
.c8nav-btn{font-family:"Outfit",sans-serif;font-size:13px;font-weight:600;padding:7px 14px;border-radius:8px;cursor:pointer;border:1px solid #e5e7eb;transition:all .15s}
.c8nav-btn-ghost{background:#fff;color:#64748b}.c8nav-btn-ghost:hover{background:#f6f7fb;color:#141a36}
.c8nav-btn-primary{background:#1f2a4d;color:#fff;border-color:#1f2a4d}.c8nav-btn-primary:hover{background:#2c3a64}
@media(max-width:640px){.c8nav-product{display:none}.c8nav-user{display:none}.c8nav{padding:0 14px}}
@media print{.c8nav{display:none!important}}