.up-cnav{--cnav-ink:#373846;--cnav-muted:#8590a3;--cnav-line:#ebeaf0;--cnav-rose:#b37a94;width:100%;margin:0 auto;color:var(--cnav-ink)}
.up-cnav *{box-sizing:border-box}
.up-cnav .up-cnav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.up-cnav .up-cnav-card{display:block;min-width:0;margin:0;padding:0;text-align:left;text-decoration:none!important;color:var(--cnav-ink);background:none;border:0}.up-cnav .up-cnav-card:focus-visible{outline:2px solid #b47795;outline-offset:5px}.up-cnav .up-cnav-visual{border:2px solid #00000006;border-radius:20px;overflow:hidden;background:var(--tint)}.up-cnav .up-cnav-card .up-cnav-title{display:flex;align-items:center;justify-content:center;min-height:86px;padding:14px 12px;font-size:20px;font-weight:600;line-height:1.3;margin:0;text-align:center;overflow-wrap:anywhere;color:var(--cnav-ink);background:var(--tint)}.up-cnav .up-cnav-count{display:block;margin-top:10px;font-size:12px;color:var(--cnav-rose)}.up-cnav .up-cnav-description{font-size:13px;line-height:1.6;margin:5px 0 0;color:var(--cnav-muted)}
.up-cnav .up-cnav-cover{height:205px;padding:0;border:0;isolation:isolate;border-radius:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 47% 38%,#b3e7fa99,transparent 65%),linear-gradient(135deg,#ffffff38,var(--tint))}.up-cnav .up-cnav-cover:before{content:'';position:absolute;inset:0 50% 0 0;border-right:1px solid #ffffff42;transform:skew(-5deg);pointer-events:none}.up-cnav .up-cnav-new{position:absolute;z-index:5;left:12px;top:12px;font-size:8px;letter-spacing:.06em;padding:5px 7px;border:1px solid #ffffff90;border-radius:4px;background:#ffffffbf;color:#ae728d;text-transform:uppercase;font-weight:600;line-height:1.2}
.up-cnav .up-cnav-browser{position:absolute;border:1px solid #fff;border-radius:5px;box-shadow:0 5px 9px #30364612,0 16px 25px #30364622;transform-origin:50% 80%;overflow:hidden;transition:transform .25s,box-shadow .25s;pointer-events:none}.up-cnav .up-cnav-browser img{display:block;width:100%;height:auto;aspect-ratio:345/254;object-fit:cover;object-position:top}.up-cnav .up-cnav-bar{height:11px;padding:0 5px;background:#fff;gap:3px;display:flex;align-items:center;position:relative}.up-cnav .up-cnav-bar i{height:2.5px;width:2.5px;border-radius:50%;background:#d9dce4}.up-cnav .up-cnav-bar:after{content:'';width:40%;height:3px;border-radius:2px;background:#f0f1f5;position:absolute;left:30%;top:4px}
.up-cnav .up-cnav-left{width:55%;left:-3%;top:24%;z-index:1;transform:rotate(-12deg)}.up-cnav .up-cnav-right{width:55%;right:-3%;top:17%;z-index:2;transform:rotate(11deg)}.up-cnav .up-cnav-front{width:67%;left:16.5%;top:31%;z-index:3;transform:rotate(-3deg)}.up-cnav .up-cnav-front.up-cnav-demo{top:auto;bottom:7%;width:72%;left:14%}.up-cnav .up-cnav-front.up-cnav-demo img{aspect-ratio:auto;object-fit:contain}.up-cnav .up-cnav-card:hover .up-cnav-left{transform:translate(-3px,-3px) rotate(-15deg)}.up-cnav .up-cnav-card:hover .up-cnav-right{transform:translate(3px,-4px) rotate(14deg)}.up-cnav .up-cnav-card:hover .up-cnav-front{transform:translateY(-5px) rotate(-1deg);box-shadow:0 8px 16px #30364618,0 18px 30px #30364628}
.up-cnav .up-cnav-plugin{display:grid;place-items:center}.up-cnav .up-cnav-plugin:before{inset:0;margin:auto;width:124px;height:124px;border-radius:32px;border:1px solid #ffffffb0;background:#ffffff30;transform:rotate(-12deg);z-index:0}.up-cnav .up-cnav-icon{display:block;width:146px;height:146px;position:relative;z-index:1;transition:transform .25s}.up-cnav .up-cnav-card:hover .up-cnav-icon{transform:translateY(-4px)}
@media(max-width:1000px){.up-cnav .up-cnav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.up-cnav .up-cnav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.up-cnav .up-cnav-cover{height:auto;aspect-ratio:1.25}.up-cnav .up-cnav-left{top:30%}.up-cnav .up-cnav-right{top:24%}.up-cnav .up-cnav-front{top:40%;width:70%;left:15%}.up-cnav .up-cnav-front.up-cnav-demo{top:auto;bottom:7%;width:72%;left:14%}.up-cnav .up-cnav-bar{height:7px;gap:2px;padding:0 3px}.up-cnav .up-cnav-bar i{width:1.5px;height:1.5px}.up-cnav .up-cnav-bar:after{height:2px;top:2px}.up-cnav .up-cnav-new{left:7px;top:7px;font-size:6px;padding:4px 5px}.up-cnav .up-cnav-icon{width:67%;height:auto}.up-cnav .up-cnav-plugin:before{width:57%;height:auto;aspect-ratio:1;border-radius:24px}.up-cnav .up-cnav-card .up-cnav-title{font-size:16px;min-height:88px;padding:12px 6px;hyphens:auto}.up-cnav .up-cnav-count{font-size:11px}.up-cnav .up-cnav-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.up-cnav *{transition:none!important}}
/* Avada adds padding twice on these hubs; retain room for two readable mobile cards. */
@media(max-width:700px){body.page-id-329 #main,body.page-id-555 #main{padding-left:12px!important;padding-right:12px!important}body.page-id-329 #main>.fusion-row,body.page-id-555 #main>.fusion-row{padding-left:16px!important;padding-right:16px!important}}