/* Adapted from founder-approved Products flip demo 061a5cd1 (600ms rotateY). */
.sb-h a.sf-link{perspective:800px;position:relative;text-decoration:none!important;padding:9px 12px!important;border:1px solid #6366f15c!important;border-radius:12px!important;background:linear-gradient(145deg,#141b38,#24205b)!important;box-shadow:inset 0 1px 0 #ffffff17,0 3px 10px #22d3ee12;color:#eef2ff!important;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.sb-h .sf-inner{display:grid;transform-style:preserve-3d;transition:transform 600ms cubic-bezier(.2,.65,.25,1);position:relative}
.sb-h .sf-front,.sb-h .sf-back{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.sb-h .sf-back{transform:rotateY(180deg);color:#d5fbff}
.sb-h a.sf-link.sf-flipping .sf-inner{transform:rotateY(180deg)}
.sb-h a.sf-link:focus-visible{outline:3px solid #67e8f9!important;outline-offset:4px}
.sb-h a.sf-link:hover{border-color:#22d3eeaa!important}
.sb-h .sb-nav{gap:6px!important}
@media(min-width:901px){.sb-h .sb-w{gap:14px}.sb-h .sb-nav a.sf-link{font-size:13px!important;padding-inline:9px!important}.sb-h .sb-right{gap:10px!important}}
@media(prefers-reduced-motion:reduce){.sb-h .sf-inner{transition:none!important;transform:none!important}}
/* Reserve real room for six marble buttons; prevent nav painting over wordmark. */
@media(min-width:1280px){
 html body .sb-h .sb-w{display:flex!important;gap:24px!important;justify-content:space-between!important}
 html body .sb-h .sb-logo img{height:48px!important;width:auto!important}
 html body .sb-h .sb-right{flex:0 0 auto!important;width:max-content!important;max-width:none!important;gap:12px!important;margin-left:auto!important}
 html body .sb-h .sb-nav{gap:6px!important;flex:0 0 auto!important}
 html body .sb-h .sb-act{gap:10px!important;flex:0 0 auto!important}
 html body .sb-h .sb-act .mb{font-size:13px!important;padding-inline:14px!important}
}
/* t3390: rotate the whole marble button face, not only its label. */
html body .sb-h a.sf-link{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;isolation:isolate}
html body .sb-h .sf-inner{width:100%;transform-style:preserve-3d;will-change:transform}
html body .sb-h .sf-front,html body .sb-h .sf-back{display:flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #6366f15c;border-radius:12px;background:linear-gradient(145deg,#141b38,#24205b);box-shadow:inset 0 1px 0 #ffffff17,0 3px 10px #22d3ee12;backface-visibility:hidden;-webkit-backface-visibility:hidden}
html body .sb-h .sf-front{transform:translateZ(1px)}
html body .sb-h .sf-back{transform:rotateY(180deg) translateZ(1px)}
html body .sb-h a.sf-link:hover .sf-front{border-color:#22d3eeaa}
@media(min-width:901px){html body .sb-h .sb-nav a.sf-link{padding:0!important}html body .sb-h .sb-nav .sf-front,html body .sb-h .sb-nav .sf-back{padding-inline:9px}}